/*Global Elements*/

* { margin: 0; padding: 0; }

body { background-color: #cccccc; font: 12px "Arial","Helvetica",sans-serif; color: #666666; }

#BodyCurve1 {
	background: url(../img/bodycurve_left.png) no-repeat bottom left;
	height: 18px;
	width: 25px;
	position: absolute;
	bottom: 0;
	left: 0;
}
#BodyCurve2 {
	background: url(../img/bodycurve_right.png) no-repeat bottom right;
	height: 18px;
	width: 25px;
	position: absolute;
	bottom: 0;
	right: 0;
}

#Wrapper { width: 870px; background-color: #ffffff; padding: 0 50px 45px; position: relative; margin: 0 auto; }

h1 { font-size: 30px; color: #ffffff; margin-bottom: 33px; font-weight: normal; }
h2 { font-size: 20px; color: #003399; font-weight: normal; }
h2#Masthead { width: 870px; height: 95px; padding-top: 15px; background: url(../img/masthead.png) no-repeat; }
h2#Masthead a { display: block; height: 90px; width: 220px; margin-left: 15px; }
h2#Masthead a span { display: none; }
h3 { font-size: 14px; font-weight: bold; color: #0066cc; }
h4 { font-size: 14px; color: #0099ff; margin: 10px 0 5px; }

h5.subheader1 { font-size: 14px; font-weight: normal; color: #666666; }
h5.subheader2 { font-size: 13px; font-weight: normal; color: #003399; }

em { font-style: italic; }

a { color: #999999; text-decoration: none; }
a.active {cursor: default; }
.linkwrapper { color: #ff6600; white-space: nowrap; }
.linkwrapper a { color: #ff6600; text-decoration: underline; }

ul {list-style-type: none; }
ol, ul { list-style-position: inside; margin: 10px 0; }
ol li, ul li { font-size: 13px; color: #0066cc; margin: 5px 0 10px; font-weight: bold; }
ol ul, ul ul { list-style-type: none; list-style-position: outside; margin: 2px 0 5px 40px; }

ol ul  li, ul ul li { font-size: 12px; color: #666666; margin: 0; font-weight: normal; }
p { margin: 0 0 10px; }

#ContentWrapper { background: url(../img/bottomcurves.png) no-repeat bottom; position: relative; clear: left;}
#Content { padding: 20px 0 25px 30px; position: relative; background: url(../img/content.png) no-repeat top left; min-height: 430px; }
#Content a {color: #ff6600; text-decoration: underline; }

#Content h2 {margin-bottom:12px; }
#Content h4 {margin: 0px 0 5px; }

#FeaturedImage { position: absolute; top: 28px; right: 15px; width: 275px; height: 275px; background-repeat: no-repeat; }
#DemoLink {
	position: absolute;
	right: 15px;
	bottom: 36px;
	width: 230px;
	height: 146px;
	display: block;	
    background-repeat: no-repeat;
 	background-image: url(../img/demo.png);
	z-index: 100;
}

#DemoLink span { display: none; }

#ContentNav { float: left; list-style-type: none; width: 140px; margin: 5px 20px 0 0; height: 100%; font-size:11px;}
#ContentNav li { margin: 2px 0 17px 5px; clear: left; text-indent: -10px; font-size:12px; }
#ContentNav a { color: #666666; font-weight: bold; text-decoration: none;  }
#ContentNav a:hover, #ContentNav a.active { color: #0099ff; }
#SectionContent {margin-left: 160px; margin-right: 325px; }

.spacer { background: url(../img/spacer.png) repeat-x; height: 2px; width: 100%; clear: both; padding: 20px 0 0;}
.clear {clear: both; visibility: hidden; }

/*Navigation*/

#TopNav {
	list-style-type: none;
	text-align: right;
	margin: 0 27px 10px 0;
	color: #999999;
	font-weight:normal;
	padding-top: 8px;
}
#TopNav li { display: inline; color: #999999;}
#TopNav a { margin: 0 8px; font-size:13px; font-weight:normal; }
#TopNav a:hover { color: #109fff; }
#TopNav a.active { color: #109fff; }

#MainNav { 
	background: url(../img/nav.png) no-repeat;
	width: 855px;
	height: 32px;
	padding-bottom: 0px;
	list-style-type: none;
	text-align: right;
	color: #0066cc;
	font-size:13px;
	margin: 0;
	padding-right: 15px;
}
#MainNav li { display: inline; font-size: 12px; line-height: 26px; margin: 0; }
#MainNav a { color: #0066cc; margin: 0 13px; font-size: 13px; font-weight:normal; }
#MainNav a:hover, #MainNav .active  { color: #0099ff;}

/*Global Site Info*/

#SiteInfo { text-align: right; list-style-type: none; margin: 13px 5px 15px 5px; clear: both; }
#SiteInfo li { display: inline; color: #999999; font-weight: normal; font-size: 8px; }
#SiteInfo a { margin: 0 3px; font-size: 10px; }
#SiteInfo a.active { color: #000099; }
#SiteInfo img { border: none; vertical-align: bottom; margin-left: 10px; padding-bottom: 1px; }

#Authorize { position: absolute; display: block;  border: 0; bottom: 25px; left: 80px; }

/*Home Page*/

#Home h2#Masthead { height: 105px; background: url(../img/masthead_home.png) no-repeat; }


#Home #Content { background-image: url(../img/home_content.png); padding-right: 0; padding-top: 30px; padding-bottom:8px; }
#Home #MainNav { background-image: url(../img/home_nav.png); }
#Home #FeaturedImage { top: 9px; right: 56px; }
#Home #Intro { color: #ffffff; font-size: 14px; width: 380px; margin: 0 0 81px 3px; padding-top: 10px; line-height:20px;}
#Home #Intro span { font-size: 22px; color: #3399cc; }
#Home #Features { list-style-image: url(../img/orange-dot.jpg); color: #003366; font-size: 14px;font-weight:normal; margin: 0 0 14px 5px;}
#Home #Features li { margin: 5px; color: #003366; font-weight:normal;  }

#Home #ContentBox { width: 576px; height: 161px; background: url(../img/home_box.png) no-repeat; }
#Home #ContentBox h2 { float: left; width: 100px; padding-top: 32px; font-size: 18px; color: #003399; font-weight: normal;  }
#Home #ContentBox h2 span { font-size: 33px; color: #2baae1; font-weight:normal; }
#Home #ContentBox img {float: left; margin: 5px 14px 5px 26px; }
#Home #ContentBox  #Quote {float: left; width: 140px; padding-top: 25px; }
#Home #ContentBox  #Quote blockquote { color: #003399; font-size: 13px; line-height:15px; }
#Home #ContentBox  #Quote p { font-style: italic; color: #666666; margin: 1em 0; }
#ContentBox ul { float: left; width: 142px; padding-top: 13px; list-style-type: none; margin: 0 20px 0 3px; }
#ContentBox li { margin: 5px 0 6px 0; width: 142px; }
#ContentBox li a { 
	text-align: right;
	line-height: 35px;
	font-weight: bold;
	padding-right: 10px;
	text-decoration: none;
	display: block;
	height: 39px;
	width: 121px;
	color: #3399cc;
	background: url(../img/button.png) no-repeat top left;
}
#ContentBox li a:hover, #ContentBox li a.active { width: 132px; color: #ffffff; background: url(../img/button_hover.png) no-repeat top left; }

/*About Pages*/
#About #Content {padding-bottom:27px;}
#About ol li {margin-bottom:10px;}
#About ol li ul {margin:3px 0 8px 37px;}
#About ol li ul li {margin-bottom:0; width:325px;}
#About #FeaturedImage, #AboutHow #FeaturedImage { background-image: url(../img/photo_about1.png); }
#AboutView #FeaturedImage { background-image: url(../img/photo_about2.png); }
#AboutView #Content h2 {margin-bottom:-3px;}
#AboutView #Content h4 {margin-top:12px;}
#AboutView p {margin:3px 0 6px 0;}


#About #DemoLink{right: 32px; bottom:20px;}
#AboutView #DemoLink {bottom:30px; right:32px;}

/*Demo Page*/

#Demo #Flash { position: absolute; top: 0px; right: 25px; width: 392px; height: 426px; background-repeat: no-repeat; } 
#Demo #DemoNav { margin: 60px 0 130px 0; list-style-type: none; font-size: 18px;  }
#Demo #DemoNav li { width: 500px; border-bottom: 1px solid #999999; margin: 0; }
#Demo #DemoNav a { display: block; line-height: 20px; margin: 10px 0; padding-left: 30px; background: url(../img/demo_play.png) no-repeat top left; color: #999999; text-decoration: none; font-size: 18px; font-weight: normal;}
#Demo #DemoNav a:hover, #Demo #DemoNav a.active { color: #0066cc; background-position: bottom left; }
#Demo h2 { margin-bottom: 0; }

/*Products Page*/

#Products #FeaturedImage { background-image: url(../img/photo_products.png); }
#Products #ProductImage { 
    background-repeat: no-repeat;
	width: 245px;
	height: 158px;
	position: absolute;
	bottom: 10px;
	right: 20px;
}
#Products p { margin: 25px 0; }

/*Buy Page */

#Buy #SectionContent { margin-right: 0; padding-top: 5px; margin-left: 170px;}
#Buy #SectionContent p { line-height: 1.19em; width:270px; margin-top:12px;}
#Buy .productdesc { float: left; width: 300px; padding-bottom: 20px;}
#Buy .productbox {
	float: right;
	width: 325px;
	height: 112px;
	margin: 0 10px 20px 10px;
	padding: 10px 15px 8px 8px;
	background: url(../img/productbox.png) no-repeat;

}
#Buy .productbox img{ float: left; border: none; background: url(../img/magnify.png) no-repeat left 75px ; margin-right: 15px; padding-left:30px; margin-top:10px; }
#Buy .productbox p { font-size: 11px; line-height: 11px; margin: 5px 0 0px; width: auto !important; }
#Buy .productbox label { color: #000000; font-size: 11px; margin-bottom: 5px; margin-right: 5px; }
#Buy .productbox select { width: 45px; font-size: 14px; margin-bottom: 0px; }
#Buy .productbox .addtocart {
	color: #ff6600;
	text-decoration: underline;
	background: url(../img/arrow_blue.png) no-repeat center left;
	padding-left: 15px;
}
#Buy #text1, #Buy #text2 {width:290px; line-height:1.5em; padding-bottom:20px;}
#Buy #SectionContent a {color:#39f;}
#Buy #FeaturedImage {right:14px; top:30px;}

/*Product popup pages*/

#Popup #PopupWrapper { background: url(../img/popup.png) no-repeat top left; width: 332px; height: 300px; padding-top: 129px; margin: 10px auto; text-align: center; position: relative; }
#Popup img { display: block; margin: 0 auto 10px;  }
#Popup h3 {margin: 10px 0; font-size: 16px; }
#Popup a { 
	position: absolute;
	top: 45px;
	right: 20px; 
	color: #ff6600;
	text-decoration: underline;
	background: url(../img/popup_close.gif) no-repeat center right;
	padding-right: 20px;
	padding-top: 1px;
}

/*Contact Us Page*/

#Contact #SectionContent {padding-bottom: 200px; margin-left: 170px;  }
#Contact #Content h2 { margin: 0 0 20px; font-size: 14px; font-weight: bold; }
#Contact h4 { margin: 15px 0; font-size: 12px; }
#Contact #SectionContent {padding-bottom: 200px; margin-right: 0; }

/*View Cart Page*/

#Cart #Content { padding-right: 30px; }
#Cart p { width: 50%; float: left; clear: both; margin-bottom: 5px; }
#Cart h3 a { color: #0066cc; }
#Cart #RemoveAll { float: right; }
.cartprice, #Cart p span { font-weight: bold; color: #000000; }
#Cart #CartWrapper { clear: both; margin: 10px 0 20px; border-top: 1px solid #5bc8f3; border-bottom: 1px solid #5bc8f3; padding: 2px 0 5px; font-size: 11px; }
.roundedbox { color: #ffffff; height: 21px; line-height: 21px; text-align: center; border: 0; margin: 10px 0 12px; }
#Update { background: url(../img/button_blueshort.gif) no-repeat; width: 118px; font-size: 11px; float: left; }
#Total { background: url(../img/button_bluelong.gif) no-repeat; width: 271px; float: right; font-weight:bold; }
#Cart .sublink { clear: both; font-size: 11px; color: #000000; display: block; margin: 10px 0; }

#CartWrapper table { clear: both; width: 100%; border-collapse: collapse; margin-top: 10px; }
#CartWrapper tbody td { padding: 7px 0 14px; }
#CartWrapper thead { color: #0066cc; font-weight: bold; font-size: 10px; }
#CartWrapper thead td { padding:0;  }

#Cart table input { font-size: 11px; width: 35px; }

#Cart thead td.cartprice {color: #0066cc; font-size: 10px; }
#Cart thead span { font-weight: normal; }
#Cart table .cartprice {text-align: center; }
#Cart table .remove {text-align: right; }
#Cart table tfoot { border-top: 2px dotted #8c8c8c; border-bottom: 1px solid #cccccc;}
#Cart table tfoot td { padding: 10px 0 8px;  }
#Cart #CartItem { width: 68%;}
#Cart #CartQuantity { width: 8%;}
#Cart #CartUnitP { width: 7%;}
#Cart #CartTotalP { width: 10%; }
#Cart #CartRemove { width: 7%;}

/*cart/checkout buttons */

#Cart #checkoutarea { float:right; width:50%; }


#Content .forward { float: right; text-align: right; color: #000000; font-size: 11px; width: 25%; margin: 10px 10px 0 0; }
#Content .backward { float: left; color: #000000; font-size: 11px; }
#Content .forward span, #Cart .forward .cartnav { display: block; margin-right: 32px; }
#Content .backward span, #Cart .backward .cartnav { display: block; margin-left: 32px; }
#Content .forward img { border: none; float: right; margin-left: 7px; margin-bottom: 10px; display: block; }
#Content .backward img { border: none; float: left; margin-right: 7px; margin-bottom: 10px; display: block; }
#Content .cartnav { color: #0066CC; font-size: 12px; text-decoration: none; font-weight: bold; line-height: 24px; }
#Content .forward .cartnav, #Cart .backward .cartnav { line-height: 1em; }
#Content .cartnav img { margin-bottom: 0; vertical-align: baseline; }

/*Checkout Pages */
#Checkout h1 { margin-bottom: 28px; }
#Checkout #Content { background-image: url(../img/checkout_content.png); padding-bottom: 100px; }
#Checkout #SectionContent {margin-right: 0; margin-left: 170px; }
#Checkout #SectionContent h2 {margin: 10px 0 6px; font-size: 15px; color: #014ba3; font-weight: bold; }
#Checkout #SectionContent h3 {margin: 10px 0 2px; font-size: 13px;  }

#Checkout #billing .forward { float:left; }
#Checkout #billing .forward span {float:left; margin-right:0px;}
#Checkout #billing .forward img {float: left; margin-top:2px;}
#Checkout #ContentNav { position: absolute; top: -3px; right: -10px; float: none; width: auto; color: #ffffff; font-size: 11px; font-weight: normal; height: 50px;  }
#Checkout #ContentNav li { clear: none; float: left; color: #ffffff; font-size: 14px; font-weight: normal; line-height: 36px; margin-right: 5px; text-indent: 0;}
#Checkout #ContentNav li div { display: block; float: left; width: 65px; line-height: 13px; font-size: 11px; margin-right: -12px; }
#Checkout #ContentNav li span { display: block; background: url(../img/circle_blue.png) no-repeat; color: #014ba3; width: 36px; height: 36px; line-height: 36px; text-align: center; font-weight: bold; font-size: 16px;}
#Checkout #ContentNav li div.active { font-weight: bold; }
#Checkout #ContentNav li div.active span { background-image: url(../img/circle_orange.png); color: #ffffff; }
#CheckoutBilling .forward { float: left; }
#Checkout .optional { color: #c80404; }
#Checkout .date { width: auto; }

#Checkout fieldset { border: 0; width: auto; margin: 2px 0 10px; color: #000000; font-size: 11px; }
#Checkout #BillingInfo { padding-top: 5px; border-top: 2px dotted #8c8c8c; margin-top: 10px; }
#Checkout label { display: block; float: left; clear: left; width: 90px;  margin: 6px 0 0; line-height: 1.5em; height: 1.5em; }
#Checkout select, #Checkout input, #Checkout form span { margin: 6px 4px 0 0; line-height: 1.5em; font-size: 11px;  }
#Checkout form .note { margin: 0; padding-left: 90px; clear: left; font-size: 11px; }

#Checkout #ShippingMethod { padding: 10px 20px 20px; border-bottom: 2px dotted #8c8c8c; clear: left; margin: 0; }
#Checkout #ShippingMethod label { float: none; font-weight: bold; color: #0099ff; width: auto; line-height: 1em; margin: 0; }
#Checkout #ShippingMethod select { float: none; line-height: 1em; margin: 0;}

#Checkout #CartWrapper { border-top: 1px solid #5bc8f3; border-bottom: 1px solid #5bc8f3; margin-top: 0; padding-top: 0; padding-bottom: 0; }
#Checkout #CartWrapper table { margin-top: 0; }
#Checkout #CartWrapper h3 { margin: 0; }
#Checkout #CartWrapper thead { color: #5bc8f3; font-weight: bold; font-size: 11px; border-bottom: 4px double #cccccc; }
#Checkout #CartWrapper thead td { padding: 3px 0 5px; font-size: 11px !important;}
#Checkout #CartWrapper tbody {  vertical-align: top; font-size: 10px;}
#Checkout #CartWrapper tbody td { padding-bottom: 0; }
#Checkout #CartWrapper tbody tr.last td {padding-bottom: 10px; }
#Checkout #CartWrapper .quantity {text-align: center; }
#Checkout #CartWrapper .quantity input {display: block; margin: 0 auto; float: none; }
#Checkout #CartWrapper .quantity .update, #Checkout #CartWrapper .quantity .delete  { display: block; font-size: 10px; font-weight: bold; }
#Checkout #CartWrapper .quantity .delete { color: #0066cc; }
#Checkout #CartWrapper tfoot { color: #5bc8f3; font-weight: bold; font-size: 10px; text-align: right; border-top: 1px solid #999999; }
#Checkout #CartWrapper tfoot td {padding: 3px 15px 0 0; }
#Checkout #CartWrapper tfoot td.cartprice {text-align: left; }
#Checkout #CartItem { width: 57%;}
#Checkout #CartPrice { width: 5%;}
#Checkout #CartQuantity { width: 24%;}
#Checkout #CartTotal { width: 13%; }

#Checkout #Confirm {float: left; clear: both; font-size: 11px; line-height: 1.5em; color: #5bc8f3; margin-top: 5px; }
#Checkout #placeorder {float: right; width:30%; margin:10px 20px 0 0; }


#Checkout .select1 {
	width:175px;
	float:left;
	height:36px;
	color:#2aa9e0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}
#Checkout .select1 select {
	margin-top:6px;
}
#Checkout .price {
	width:450px;
	font-size:12px;
	padding-top:6px;
}
#Checkout .price span {
	color:#0099cc;
}
.thank_you_table {
	margin-left:167px;
	margin-top:11px;
}