/*



  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $







  osCommerce, Open Source E-Commerce Solutions



  http://www.oscommerce.com







  Copyright (c) 2003 osCommerce







  Released under the GNU General Public License



*/







.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }



.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }



.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }



.productsNotifications { background: #f2fff7; }



.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }



td, p, div { font-family:Verdana, Arial, sans-serif;  font-size: 11px; }



#all{width:1010px}


#cur{font-weight:bold; color:#336699;}

img {border:0}



BODY {



  background: #ffffff;



  color: #666666;



  margin: 0px;



}



#page{width:980px;}



A {



  color:#666666;



  text-decoration: none;



}







A:hover {



  color: #0066CC;



  text-decoration: underline;



}







.left{clear:both; float:left; width:211px; background-color:#336699}



#banner{height:80px; text-align:center; height:110px; overflow:hidden;}







#search{



margin-top:5px; 



margin-right:10px;



height:28px; 



padding:0px 0px 0px 20px; 



border:1px solid #CCCCCC; 



background-color:#f7f7f7;



font-size:11px;



font-weight:bold;



display:inline;



line-height:28px;



width:760px;



float:right;



}



.titles{



clear:both;



font-size:11px; 



color:#336699; 



font-weight:bold;



border:1px solid #CCCCCC; 



background-color:#f7f7f7;



margin:10px;



padding-left:10px;



line-height:25px;



}



#menu {clear:both; float:left; width:211px; background-color:#336699}



#main{float:right; width:790px; height:100%}



#footer_right{



height:80px; 



text-align:center; 



line-height:1.5; 



padding:10px 20px 0px 20px; 



background:#FFFFFF; 



margin-top:10px; 



width:750px;



float:right;



}



#footer_right a {font-size:11px}



#catalog_list



{



margin:0px;



padding:0px;



list-style:none;



}



#catalog_list li{



line-height:26px;



display:block;



font-size:11px;



background-image:url(system/menu.gif);



background-repeat:no-repeat;



}



#catalog_list li a{



height:20px;



display:block;



color:#FFFFFF;



padding-left:10px;



}



#catalog_list li a:hover{



height:26px;



text-decoration:none;



background-image:url(system/menu_over.gif);



background-repeat:no-repeat;



color:#f5f5f5;



}



#footer_link {display:none}



#main_link{text-align:right; padding-right:20px; font-size:11px; font-weight:bold; color:#336699; width:770px;



float:right;}



a.main_link{color:#336699}



/*.level_1



{



line-height:26px;



display:block;



font-size:11px;



background-image:url(system/menu.gif);



background-repeat:no-repeat;



}







.level_1 a



{



height:26px;



display:block;



color:#FFFFFF;



padding-left:5px;



}







.level_1 a:hover



{



height:26px;



text-decoration:none;



background-image:url(system/menu_over.gif);



background-repeat:no-repeat;



color:#f5f5f5;



}*/







.level_0



{



line-height:26px;



display:block;



font-size:11px;



background-image:url(system/menu.gif);



background-repeat:no-repeat;



}







.level_0 a



{



height:26px;



display:block;



color:#FFFFFF;



padding-left:5px;



}







.level_0 a:hover



{



height:26px;



text-decoration:none;



background-image:url(system/menu_over.gif);



background-repeat:no-repeat;



color:#f5f5f5;



}







.main{line-height:1.5}



.current_class{



height:26px;



text-decoration:none;



background-image:url(system/menu_over.gif);



}



#nav{line-height:25px; font-size:11px; border-bottom:1px solid #F3F3F3}



A.headerNavigation { 



  color: #666666; 



}







A.headerNavigation:hover {



  color: #000000;



}



h2 {font-size:11px; color:#336699; font-weight:bold; margin:15px 0px 5px 0px; clear:both; font-family:Verdana, Arial, Helvetica, sans-serif}







#catalog_images div{



float:left; 



width:130px; 



height:135px; 



text-align:center; 



margin:0px 8px 0px 8px;



background:url(system/bg3.gif) no-repeat center;



overflow:hidden;



}



#catalog_images img{



margin-top:20px;



}



#catalog_images h3{ font-size:11px; margin-top:0px; padding:0px; font-weight:normal; vertical-align:bottom}



.new_products_list{float:left; width:160px; text-align:center; height:180px; margin:12px; overflow:hidden}



.list_images{



width:140px; 



height:120px;



background-image:url(system/img_bk.gif);



background-repeat:no-repeat;



background-position:center;



}



.list_images img {margin-top:20px;}



.price{font-size:13px; color:#FF0000}







.next_page{ padding:10px; clear:both}







.info_small_img{margin:2px; padding:1px; border:1px solid #cccccc; cursor:url('system/zoom.cur')}







.p_name{



font-size:13px;



font-weight:bold;



height:25px;



color:#336699; 



}



#scure{text-align:right; color:#FF0000}



































FORM {



	display: inline; padding:0px; margin:0px;



}







TR.header {



  background: #ffffff;



}



















TR.headerError {



  background: #ff0000;



}







TD.headerError {



  font-family: Tahoma, Verdana, Arial, sans-serif;



  font-size: 12px;



  background: #ff0000;



  color: #ffffff;



  font-weight : bold;



  text-align : center;



}







TR.headerInfo {



  background: #00ff00;



}







TD.headerInfo {



  font-family: Tahoma, Verdana, Arial, sans-serif;



  font-size: 12px;



  background: #00ff00;



  color: #ffffff;



  font-weight: bold;



  text-align: center;



}







TR.footer {



  background: #FFFFFF;



}







TD.footer {



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



  background: #FFFFFF;



  color: #ffffff;



  font-weight: bold;



}







.infoBox {



  background: #FFFFFF;



  height:20px;



}







.infoBoxContents {



  background: #FFFFFF;



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



}







.infoBoxNotice {



  background: #FF8E90;



}







.infoBoxNoticeContents {



  background: #FFE6E6;



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



}







TD.infoBoxHeading {



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



  font-weight: bold;



  background: #bbc3d3;



  color: #ffffff;



}







TD.infoBox, SPAN.infoBox {



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



}







TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {



  background: #FFFFFF;



}







TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {



  background: #f4f4f4;



}







TABLE.productListing {



  border: 1px;



  border-style: solid;



  border-color: #CCCCCC;



  border-spacing: 1px;



}







.productListing-heading {



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



  background: #336699;



  color: #ffffff;



  font-weight: bold;



  height:22px;



}











TD.productListing-data {



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



}







A.pageResults {



  color: #0000FF;



}







A.pageResults:hover {



  color: #0000FF;



  background: #FFFF33;



}







TD.pageHeading, DIV.pageHeading {



  font-family: Verdana, Arial, sans-serif;



  font-size: 13px;



  font-weight: bold;



  color: #336699;



}







TR.subBar {



  background: #f4f7fd;



}







TD.subBar {



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



  color: #000000;



}











TD.smallText, SPAN.smallText, P.smallText {



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



}







TD.accountCategory {



  font-family: Verdana, Arial, sans-serif;



  font-size: 13px;



  color: #aabbdd;



}







TD.fieldKey {



  font-family: Verdana, Arial, sans-serif;



  font-size: 12px;



  font-weight: bold;



}







TD.fieldValue {



  font-family: Verdana, Arial, sans-serif;



  font-size: 12px;



}







TD.tableHeading {



  font-family: Verdana, Arial, sans-serif;



  font-size: 12px;



  font-weight: bold;



}







SPAN.newItemInCart {



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



  color: #ff0000;



}







CHECKBOX, INPUT, RADIO, SELECT {



  font-family: Verdana, Arial, sans-serif;



  font-size: 11px;



}







TEXTAREA {



  width: 100%;



  font-family: Verdana, Arial, sans-serif;



  font-size: 11px;



}







SPAN.greetUser {



  font-family: Verdana, Arial, sans-serif;



  font-size: 12px;



  color: #f0a480;



  font-weight: bold;



}







TABLE.formArea {



  background: #f1f9fe;



  border-color: #7b9ebd;



  border-style: solid;



  border-width: 1px;



}







TD.formAreaTitle {



  font-family: Tahoma, Verdana, Arial, sans-serif;



  font-size: 12px;



  font-weight: bold;



}







SPAN.markProductOutOfStock {



  font-family: Tahoma, Verdana, Arial, sans-serif;



  font-size: 12px;



  color: #c76170;



  font-weight: bold;



}







SPAN.productSpecialPrice {



  font-family: Verdana, Arial, sans-serif;



  color: #ff0000;



}







SPAN.errorText {



  font-family: Verdana, Arial, sans-serif;



  color: #ff0000;



}







.moduleRow { }



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



.moduleRowSelected { background-color: #E9F4FC; }







.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }



.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }







/* message box */







.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }



.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }



.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }







/* input requirement */







.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }




