/* CSS Document */

body { padding: 0; margin:0; font-family: "Trebuchet MS", Arial, sans-serif, Tahoma; font-size:11px; color:#666666; background: url(../images/NewBodyBkg.jpg) 0 0 repeat-x;}

/*a {color: #00adef;}*/

#Frame {width: 960px; height:auto; margin-left: auto; margin-right: auto; padding:0; }
	#BannerHold {width: 960px; height: 120px; padding:0; margin:0; background: url(../images/BannerBkg.jpg) 0 0 repeat-x; }
	#BannerLogo {width: 298px; height: 118px; padding:0; margin:0; float:left;}
	#BannerAdvert {width: 396px; height: 118px; padding:0; margin:0; float:right;}
	#BannerBottom {width: 960px; height: 45px; background:none; padding:0; margin:0; text-align:right;}
	
	
#CheckOutItems {width: 95px; height: 20px; padding:8px 5px 0 0; marign:0; float:right; font-weight: normal; text-align:right;}
#CheckOutIcon {width: 45px; height: 45px; padding:0; margin:0; float: right;}	
#CheckoutTotal {width: 150px; height: 20px; padding:8px 0 0 6px; marign:0; float:right; font-weight: bold; color:#666666; text-align:left; font-size: 14px;}

#OrderAdded {width:auto; padding:10px 0 0 0; margin:0; float: right; color: #00adef; font-weight: bold; font-size: 14px; }

#Nav {width: 960px; height: 40px; padding:0; margin:0;}

/* TOP INDEX PODS AND BANNER IMAGE */

#PodHold {width: 960px; height: 316px; padding:6px 0px 0px 0px; margin:0;}
#PodBannerImg {width:690px; height: 260px; padding:6px 0px 0px 0px; margin-right:auto; margin-left:auto;}
	#PodLeft {width: 550px; height: 316px; padding:0; margin:0; float:left; text-align:right;}
	#PodRight {width: 395px; height:; padding:25px 0 0 15px; margin:0; float:left;}
	
.TopIndexPod {width: 250px; height: auto; padding:0; margin:0;}
.TopIndexPod a {color: #00adef; text-decoration:underline; font-weight: bold; }
	.TopIndexTitle {font-size: 20px; color: #666666; font-weight: bold;}	
	.TopIndexPodBot {width:250px; height:9px; padding:0; margin:0;}
	



	
/* HOMWE PODS BOTTOM */

#HPods {width: 790px; height: 200px; padding:0; margin-left:auto; margin-right: auto;}
	.HPodHold {width: 188px; height:; padding:0; margin:0; margin-right: 75px; float:left;}
	.HPodTitle {font-size: 20px; color: #00adef; font-weight: bold; text-align:center;}
	.HPodTitle a {text-decoration: none; color: #00adef;}
	.HPodTitle a:hover {color: #999999; text-decoration: none;}
	.HPodImage {width: 188px; height:141px; padding:0; margin:0;}	

/* NAVIGASTION */
#navcontainer {width: 960px; height:42px; padding:0; margin:0; background: url(../images/NavBkg.jpg) 0 0 repeat-x; font-size: 12px; font-weight: bold;}

ul#navlist {margin: 0; padding: 12px 0 0 40px; white-space: nowrap;}

#navlist li { display: inline; list-style-type: none; padding:0; margin:0;}

#navlist a { padding: 3px 10px 0 10px; border-right: 1px solid #FFFFFF; }

#navlist a:link, #navlist a:visited {color: #fff; text-decoration: none;}

#navlist a:hover {color: #00adef; text-decoration: none; }


/* SUB NAVIGATION */

#Subnavcontainer { width: 150px; }

#Subnavcontainer ul {margin-left: 0; padding-left: 0; list-style-type: none;}

#Subnavcontainer a {display: block; padding: 3px 3px 3px 8px; width: 139px; height: 23px; background: url(../images/SubNavMain.jpg) 0px 0px no-repeat; color: #333333; border-bottom: 1px solid #FFF; font-weight: normal;}

#Subnavcontainer a:link, #Subnavlist a:visited {color:; text-decoration: none; }

#Subnavcontainer a:hover {background: url(../images/SubNavOver.jpg) 0px 0px no-repeat; color: #333333;}



/* AMIN COPY TEXT AREA */

#MainContent {width: 800px; height:auto; padding:0; margin-left:auto; margin-right:auto;}
#MainContent a {color: #00adef; text-decoration:underline; font-weight: bold; }
h1 {font-size: 18px; color: #666666; padding:0; margin:0; font-weight: bold;}
h2 {font-size: 13px; color: #00adef; padding:0; margin:0; font-weight: bold;}

.Blue {color: #00adef;}
#MainLeft {width: 800px; height:auto; padding:20px 0 0 0; margin:0;}
#MainRight {width: 400px; height:auto; padding:5px 0 0 0; margin:0; float:right; text-align:right;}

#Crumbs {width: 800px; height:25px; padding:8px 0 0 0; margin: 0; font-size: 10px; display:none;}
	#Crumbs a {text-decoration:none; color: #00adef;}
	#Crumbs a:hover {color: #999999; text-decoration:none;}
	
/* DOWNLOAD PDF AND TEL ICONS */
#PDFHold {width: 160px; height:100px; padding:0; margin-left:auto; margin-right:auto; font-size: 15px; font-weight: bold; color: #00adef;}
	#PDFIcon {width: 80px; height:80px; padding:0px 0px 0px 0px; margin:0; float:left;}
	#PDFTitle {width: 80px; height: auto; padding:20px 0 0 0; margin:0; float:left;}
		#PDFTitle a {color: #00adef; text-decoration: none; padding:0; margin:0; }
		#PDFTitle a:hover {color: #666666; text-decoration: none; padding:0; margin:0;}

#TelIconHold {width: 235px; height:110px; padding:0; margin-left:auto; margin-right:auto; font-size: 15px; font-weight: bold; color: #00adef;}
	#TelIconIcon {width: 80px; height:80px; padding:0px 0px 0px 0px; margin:0; float:left;}
	#TelIconTitle {width: 145px; height: auto; padding:20px 0 0 10px; margin:0; float:left; text-align:left;}
		#TelIconTitle a {color: #00adef; text-decoration: none; padding:0; margin:0; }
		#TelIconTitle a:hover {color: #666666; text-decoration: none; padding:0; margin:0;}		
		
		

/* COOKIE CRUMBS */
.Crumbs {height: 20px; padding:0; margin:0; font-weight:normal; font-size: 11px; color: #666666;}
.Crumbs a {color: #666666; padding:0; margin:0; text-decoration: none;}
.Crumbs a:hover {color: #000000; text-decoration: underline;}

/* SHOP PRODUCTS */

#ShopProductLeft {width: 150px; height:; padding:10px 0 0 0; margin:0; float:left;}
#ShopProductRight {width: 800px; height:; padding:0 0 0 20px; margin:0; float:left;}

#ShopProductLeft .basic  {width: 150px; border: none}

#ShopProductLeft .basic div { text-decoration:none;}

#ShopProductLeft .basic p {margin-bottom : 10px; border: none; text-decoration: none; font-weight: bold; font-size: 10px; margin: 0px; padding: 10px;}

#ShopProductLeft .basic a { height: 20px; cursor:pointer; display:block; padding:3px 3px 3px 8px; margin-top: 0; text-decoration: none; font-weight: bold; font-size: 12px; color: #00adef; background: url(../images/SubNavMain.jpg) 0 0 no-repeat; border:none;}

#ShopProductLeft .basic a:hover {background-color: white; display: block; background: url(../images/SubNavOver.jpg) 0 0 no-repeat; color:#FFFFFF;}

#ShopProductLeft .basic a.selected {color: #FFFFFF; background-color: #FFFFFF; background: url(../images/SubNavOver.jpg) 0 0 no-repeat;}

#ShopProductLeft .BasicTitle a{height: 20px; cursor:pointer; display:block; padding:3px 3px 3px 8px; margin-top: 0; text-decoration: none; font-weight: bold; font-size: 12px; color: #00adef; background: url(../images/SubNavMain.jpg) 0 0 no-repeat; border:none;}

#ShopProductLeft .BasciTitle a:hover {background-color: white; display: block; background: url(../images/SubNavOver.jpg) 0 0 no-repeat; color:#FFFFFF;}



.CatMainTitle {height: 30px; padding: 8px 0 10px 0; margin:0;}

/* PRODUCT */	
.ProductHold {width: 800px; height:170px; padding:0; margin:0; background: url(../images/ProductBottom.jpg) bottom no-repeat}
	.ProductImg {width: 150px; height:auto; padding:0 15px 0 0; margin:0; float:left;}
	.ProductText {width: 400px; height: 100px; padding:25px 0 0 10px; margin:0; float:left;}
		.ProductText h2 {font-size: 14px; padding:0; margin:0; font-weight: bold; color: #666666;}
		.ProductText h2 a {text-decoration: none;}
		.ProductText h2 a:hover {color: #00adef; }
	.ProductDetails {width: 150px; height:auto; padding:25px 0 0 0; margin:0; float:left;}
	.ProductPrice {width: 140px; height:auto; padding:10px 0 0 10px; margin:0; font-size: 16px; font-weight: bold; }
	.ProductBuy {width: 150px; height: 45px; padding:0; maring:0; display: none;}	
	
		
/* BUY BUTTON */

.SmallBuyButton {width: 120px; height: 43px; color:#FFFFFF; padding:0; margin:0; font-size:12px; background: url(../images/BuySmallBkg.jpg) 0 0 no-repeat; font-weight: bold; border:none;}

#BuyHold {width:217px; height:; text-align:center; padding:0; margin-right:auto; margin-left:auto; display:none;}
#BuyHold a {color: #FFFFFF; text-decoration:none;}

#BuyHold a.BuyButton {width: 217px; height: 53px; padding:25px 0 0 0; margin:0; color: #FFFFFF; font-weight: bold; background: url(../images/BuyButtonBkg.jpg) 0 0 no-repeat; display: block; text-decoration: none; font-size: 20px;}

.BuyBigButton {width: 217px; height: 73px; padding:0 0 0 0; margin:0; color: #FFFFFF; font-weight: bold; background: url(../images/BuyButtonBkg.jpg) 0 0 no-repeat; display: block; text-decoration: none; font-size: 20px; border:none; cursor:pointer;}

#BuyHold a:link.BuyButton {color: #FFFFFF; text-decoration: none; font-size: 20px; font-weight: bold;}

#BuyHold a:hover.BuyButton  {width: 217px; height: 53px; padding:25px 0 0 0; margin:0; color: #666666; font-weight: bold; background: url(../images/BuyButtonBkg.jpg) 0 0 no-repeat; display: block;  text-decoration: none; font-weight: bold; font-size: 20px;}

/* ORDER STYLING */

.OrderCell {width: 635px; height: 20px; padding:8px 0 0 0; margin-right:auto; margin-left:auto; border-bottom: 1px dashed #666666;}
	.OrderDes {width: 400px; height:; padding:0; margin:0; float:left; border-right: 1px solid #666666;}
	.OrderQty {width: 50px; height:; padding:0; margin:0; float:left; text-align: center; border-right: 1px solid #666666;}
	.OrderPrice {width: 100px; height:; padding:0 20px 0 0; margin:0; float:left; text-align: right; font-weight:bold; border-right: 1px solid #666666;}
	.OrderRemove {width: 50px; height:; padding:0; margin:0; float:left; text-align: center; border-right: 1px solid #666666;}
	
/* Software view */

.ScreenHold {width: 700px; height: auto; padding:10px 0 10px 0; margin-right:auto; margin-left:auto; border-bottom: 1px dotted #00adef;}
	.ScreenLeft {width: 285px; height:auto; padding:0 15px 0 0 ; margin:0; float:left;}
	.ScreenRight {width: 400px; height:auto; padding:0; margin:0; float:left;}	
	
	
/* RemoteViewing table style */

#RemoteTable {width: 700px; height:auto; padding:0; margin-left:auto; margin-right:auto;}
.RemoteCell {width: 700px; height:auto; padding:0 0 10px 0; margin:0; }
	.RemoteCellLeft {width: 290px; height:auto; padding:0 10px 0 0; margin:0; float:left;}
	.RemoteCellRight {width:400px; height:auto; padding:0; margin:0; float:left; }	
	

/* FOOTER */

#Footer {width: 865px; height:auto; padding:0; margin-left:auto; margin-right:auto; text-align:center; font-size: 10px;}
#Footer a {color: #666666; text-decoration: none; }
#Footer a:hover {color: #00adef; text-decoration: none; }
#FooterLineBreak {width: 865px; height: 11px; padding:0 0 10px 0; margin:0; background:url(../images/FooterLineBreak.jpg) 0 0 no-repeat;}