/*
  $Id$

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText {  font-size: 10px; }
.errorBox { font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
 background: #c3cdd3 url(images/media/background_grad.jpg) repeat-x top;
  color: #4f555c;
  margin: 0px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  text-align: center;
}

.mainsite {
 width: 1080px;
  background: #ffffff;
  border-left: 1px solid #4a607d;
  border-right: 1px solid #4a607d;
  color: #4f555c;
  margin: auto;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  text-align: left;
}

A {
  color: #272f32;
  text-decoration: none;
}

A:hover {
  color: #0066cc;
  text-decoration: underline;
}

FORM {
	display: inline;
}

.header {
  background: #fff;
  color: #bbb;
  font-size: 10px;
  text-align: left;
  padding: 8px 16px;
}


.headerError {
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

.headerInfo {
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}


.colmask {
	position:relative;	
	clear:both;
	float:left;
	width:100%;		
	overflow:hidden;		
}

.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}

.threecol {
	background:#fff;	
}
.threecol .colmid {
	right:18%;		
	background:#fff;		
}
.threecol .colleft {
	right:66%;		
	background:#fff;
}
.threecol .col1 {
	width:62%;			
	left:104%;			
}
.threecol .col2 {
	width:18%;			
	left:23%;		
}
.threecol .col3 {
	width:17%;			
	left:87%;		
}

.footermain {
	width: 100%;
	text-align: center;
	border-top: 1px dashed #ddd;
	background: #fff url(images/media/wshadow.gif) repeat-x top;
	}

.footerwrap {
  width: 980px;
  margin: auto;
  text-align: left;	
	}


.footer {
 height: 10px;
  font-size: 10px;
  background: #455a83 url(images/media/shadow.gif) repeat-x top;
  color: #cfdcf1;
  text-align: left;
  padding: 10px;
}

.footerNavigation {
 color: #cfdcf1;
}

A.footerNavigation { 
  color: #cfdcf1;
  text-decoration: none;
}

A.footerNavigation:hover {
  color: #fff;
  text-decoration: none;
}

.infoBox {
  background: #bdd9eb;
}

.infoBoxContents {
  background: #eff7ff;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-size: 10px;
}

.infoBoxHeading {
  font-size: 10px;
  font-weight: bold;
  background: #eff1f7 url(images/infobox/corner_center.gif) repeat-x top;
  color: #4d5967;
}

.infoBox {
  font-size: 10px;
}

.contentBox {
  background: #fff;
}

.contentBoxContents {
  background: #fff;
  font-size: 10px;
}

.contentBoxHeading {
  font-size: 10px;
  font-weight: bold;
  background: #eff1f7 url(images/infobox/corner_center.gif) repeat-x top;
  color: #4d5967;
}

.accountHistory-odd, .addressBook-odd, .alsoPurchased-odd, .payment-odd, .productListing-odd, .productReviews-odd, .upcomingProducts-odd, .shippingOptions-odd {
  background: #e8ebf4;
}

.accountHistory-even, .addressBook-even, .alsoPurchased-even, .payment-even, .productListing-even, .productReviews-even, .upcomingProducts-even, .shippingOptions-even {
  background: #eff7ff;
}

.productListing {
  border: 1px;
  border-style: solid;
  border-color: #bdd9eb;
  border-spacing: 1px;
}

.productListing-heading {
  font-size: 10px;
  background: #d6daeb;
  color: #FFFFFF;
  font-weight: bold;
}

.productListing-data {
  font-size: 10px;
}

A.pageResults {
  color: #0066cc;
}

A.pageResults:hover {
  color: #0066cc;
  background: #99ffff;
}

.pageHeading {
  font-size: 18px;
  font-weight: bold;
  color: #79798e;
}

.subBar {
  background: #f4f7fd;
}

.subBar {
  
  font-size: 10px;
  color: #000000;
}

.main {
  font-size: 11px;
  line-height: 1.5;
}

.smallText {
  font-size: 10px;
}

.accountCategory {
  font-size: 13px;
  color: #aabbdd;
}

.fieldKey {
  font-size: 12px;
  font-weight: bold;
}

.fieldValue {
  font-size: 12px;
}

.tableHeading {
  font-size: 12px;
  font-weight: bold;
}

.newItemInCart {
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-size: 11px;
}

SPAN.greetUser {
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

.formAreaTitle {
  font-size: 12px;
  font-weight: bold;
}

.markProductOutOfStock {
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

.productSpecialPrice {
  color: #ff0000;
}

.errorText {
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo {  font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent {  font-size: 10px; color: #000000; }

/* message box */

.messageBox {  font-size: 10px; }
.messageStackError, .messageStackWarning {  font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess {  font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement {  font-size: 10px; color: #7fa2c6; font-style: oblique; }

h1 {
  font-size: 20px;
  font-weight: bold;
  color: #006699;  
}
h2 {
  font-size: 10pt;
  color: #9a9a9a;
  padding: 0.5em;  
}

#breadcrumb {
  padding: 0;
  padding-top: 4px;
  margin: 0;
  vertical-align: middle;
    color: #99ccff;
}
#breadcrumb li {
  display:inline;
}

#breadcrumb li a {
   color: #99ccff;
   text-decoration: none;
}

#breadcrumb li a:hover {
color:#fff;
text-decoration: none;
}

.PriceList  {  color: #607480; font-size: 14px; font-weight: bold }
.SavingsPercent  { font-size: 10px }
.oldPrice { text-decoration: line-through }

.buttons {
    background: transparent url('images/buttons/button_right.png') no-repeat scroll top right;
    color: #fff;
    display: block; float: left;
    font: normal 12px Verdana, arial, sans-serif;
    text-decoration: none;
    margin-right: 6px;
    padding-right: 14px;
    border: none;
    }

.buttons span {
    background: transparent url('images/buttons/button_left.png') no-repeat;
    display: block;
    padding: 6px 0 6px 12px;
    height: 30px;
    }

.buttons:hover {color: #000033;}

.buttons:hover span {padding: 6px 0 5px 12px;}
    
.buttons_submit {
    background: transparent url('images/buttons/button_left.png') no-repeat;
    font: normal 12px Verdana, arial, sans-serif;
    color: #fff;
    display: block;
    float:left;
    padding: 6px 4px 9px 12px;
    border:none;
    }

.buttons_submit:hover {color: #000033;cursor: pointer;}

.image_border { 
 border: 1px solid #e1e4f0; 
 }

.image_box { 
 width: 100%;
 background: #f9f9f9;
 border: 1px solid #e9e9e9;
 text-align: center;
 padding: 5px;
 margin-bottom: 5px;
 }

.box_box { 
 width: 100%;
 background: #eff7ff;
 border: 1px solid #bdd9eb;
 text-align: left;
 padding: 3px;
 margin: 1px;
 }

.product_box { 
 width: 190px;
 height: 340px;
 background: #f9f9f9;
 border: 1px solid #e9e9e9;
 text-align: center;
 padding: 3px;
 margin: 8px;
 float:left;
 }

.gen_box { 
 width: 100%;
 background: #f9f9f9;
 border: 1px solid #e9e9e9;
 padding: 3px;
 margin: 1px;
 }

.misc_box { 
 width: 100%;
 }

.sub_box { 
 width: 200px;
 height: 12px;
 background: #f9f9f9;
 border: 1px solid #e9e9e9;
 text-align: left;
 padding: 3px;
 margin: 2px 10px;
 float:left;
 }

.main_box { 
 width: 650px;
 }

.hnav { 
 width: 100%;
 padding: 5px;
 background: ddd;
 border: 1px solid #ddd;
 }

.lineclear{clear:both;}

.sitemap {
font: 10px Verdana, Arial, sans-serif;
}
.sitemap a {
color: #000; 
}
.sitemap a:hover {
color: red;
background: #ffffcc;
}
.sitemap ul {
list-style-image : url(images/arrow.gif);
}
.sitemap ul li ul {
list-style-image : url(images/arrow_red.gif);
}

#faqs h2 {
	background: url(images/open.png) no-repeat 0% 10%;
	padding:0px 0px 5px 20px;
	cursor: pointer;	
	font-size:12px;
	font-weight: normal;
	color: #666666;
	}

#faqs h2.close {
	background-image: url(images/close.png);
}

#faqs .answer {
  background-color: white;
  padding:0px 0px 5px 30px;
  border-bottom:1px dashed #CCCCCC;
  margin-bottom:5px;
}

.rgt {
float: right;
}

.box{
padding-bottom: 30px;
padding-right: 10px;
 font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

.cenbox{
  text-align: center;
}

.boxHead{
 font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
}

HR {
border: 0;
width: 100%;
color: #bdd9eb;
background-color: #6699cc;
height: 3px;
}

.topnavHeader {
 height: 27px;
  font-size: 10px;
  background: #3399cc url(images/media/tpnav_footer.jpg) repeat-x top;
  color: #bbb;
  text-align: left;
  padding: 0;
  padding-left: 20px;
  padding-right:20px;
  padding-top: 5px;
  margin-top: 0;
  border-top: 1px solid #1c577d;
}
.topnavBar {
 height: 12px;
   background: #fff url(images/media/shd.gif) repeat-x top;
  margin-top: 0;
}

.topcart {
float:right;
 margin: 0 10px;
}

.navHeader {
  font-size: 11px;
  text-transform: lowercase;
  color: #006699;
  text-align: left;
}

A.navHeader { 
  color: #fff;
  text-decoration: none;
}

A.navHeader:hover {
  color: #99ccff;
  text-decoration: none;
}

.topnavsearch {
 color: #032149; 
 background-color: #c7dadc;
 border: 1px solid #95c2c7;
 width: 225px;
 height: 18px;
 padding-top: 2px;
padding-bottom: 4px;
}

.sbutton {
 color: #032149; 
 background-color: #3399cc;
 border: 1px solid #3c6c99;
 padding: 2px 4px;
 margin: 0;
vertical-align: middle;
}

.simage {
vertical-align: middle;
}

.curform {
 color: #032149; 
 background-color: #6699cc;
 border: 1px solid #338ebb;
 width: 150px;
}

.footernav {
padding: 5px 10px;
color: #777;
background: #fff;
}

.buttonbox {
position:relative;
margin-top: 5px;
margin-left: 45px;
}

ol.checkout-progress 
{
	position: relative;
	display: block;
	width: 650px;
	height: 37px;
	padding: 0;
	margin: 10px 5px;
}

ol.checkout-progress li {margin: 0; padding: 0; display: inline;}
ol.checkout-progress li span {position: absolute; left: -9999px;}
ol.checkout-progress#step1 {background: url("images/media/cp_p1.gif") no-repeat center;}
ol.checkout-progress#step2 {background: url("images/media/cp_p2.gif") no-repeat center;}
ol.checkout-progress#step3 {background: url("images/media/cp_p3.gif") no-repeat center;}
ol.checkout-progress#step4 {background: url("images/media/cp_p4.gif") no-repeat center;}

a#step1-link {display: block; width: 130px; height: 37px; position: absolute; top: 0px; left: 5px;}
a#step2-link {display: block; width: 160px; height: 37px; position: absolute; top: 0px; left: 125px;}
a#step3-link {display: block; width: 150px; height: 37px; position: absolute; top: 0px; left: 260px;}


.cart_box { 
 width: 80px;
 text-align: center;
 padding: 3px;
 margin: 3px;
 float:left;
 }

.cart_name { 
 width: 260px;
 text-align: left;
 padding: 3px;
 margin: 3px;
 float:left;
 }

.cart_rgt { 
 text-align: left;
 padding: 3px;
 margin: 3px;
 float:right;
 }


.header_cart {
 width: 350px;
 height: 40px;
 margin: 10px;
 margin-top: 25px;
float: right;
text-align: right;
padding: 0;
vertical-align: middle;
color: #006699;
}
.textmiddle {
 vertical-align: middle;
 } 

.glossimg {
  padding: 2px;
 margin: 2px;
 float:left;
}
.mattimg {
   padding: 2px;
 margin: 2px;
 float:left;
 -khtml-opacity:.50;
 -moz-opacity:.50;
 -ms-filter:”alpha(opacity=50)”;
 filter:alpha(opacity=50);
 opacity:.50; 
}
.catmenu{
border-top: 1px solid #eee;
font-size: 10px;
}

.catmenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
}

.catmenu ul li a{
background: white url(images/media/arrow-list.gif) no-repeat left center;
font-weight: bold;
color: #666;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #eee;
}


* html .catmenu ul li a{ 
width: 150px;
}

.catmenu ul li a:visited, .catmenu ul li a:active{
color: #666;
}

.catmenu ul li a:hover{
color: #003399;
background-color: #e7e6fb;
background-image:url(images/media/arrow-list-blue.gif); 
}

.smallform {
 width: 98%;
 height: 100px;
 background: #eff7ff;
 border: 1px solid #bdd9eb;
 padding: 3px;
 margin: 1px;
}