/*
  $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
*/

body {
  	background: #ffffff;
  	font-family: Arial, sans-serif;
  	font-size: 11px;
   margin: 0px; padding: 0px;
	color: #2B394D; 
	}

.boxText { 
	font-size: 90%; 
	}

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

FORM {
	display: inline;
	}

TR.header {
  	background: #ffffff;
	}

TR.headerNavigation {
  	background: #bbc3d3;
	}

TD.headerNavigation {
  	font-size: 11px;  
  	font-weight : bold;
	}

TR.headerError {
  	background: #ff0000;
	}

TD.headerError {
  	font-family: Tahoma, Verdana, Arial, sans-serif;
  	background: #ff0000;
  	color: #ffffff;
  	font-weight : bold;
  	text-align : center;
	}

TR.headerInfo {
  	background: #00ff00;
	}

TD.headerInfo {
  	font-family: Tahoma, Verdana, Arial, sans-serif;
  	background: #00ff00;
  	color: #ffffff;
  	font-weight: bold;
  	text-align: center;
	}

TR.footer {
  	background: #bbc3d3;
	}

TD.footer {
  	font-size: 90%;
  	background: #bbc3d3;
  	color: #ffffff;
  	font-weight: bold;
	}

.infoBox {
  	background: #dbdbdb;
	}

.infoBoxContents td {
  	background: #ffffff;
	padding: 5px;
 	}

.infoBoxNotice {
  	background: #FF8E90;
	}

.infoBoxNoticeContents {
  	background: #FFE6E6;
  	font-size: 90%;
	}

TD.infoBoxHeading {
  	font-weight: bold;
  	font-size: 18px; margin: 15px 0px; 
	}

TD.infoBox, SPAN.infoBox {
  	font-size: 90%;
	}

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: #ffffff;
	}

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

.productListing-heading {
  	font-size: 13px;
  	font-weight: bold;
	}

TD.productListing-data {
  	font-size: 11px;
	}


A.pageResults {
  	color: #0000FF;
	}

A.pageResults:hover {
  	color: #0000FF;
  	background: #FFFF33;
	}

TD.pageHeading, DIV.pageHeading {
  	font-size: 22px; font-weight: bold; margin-bottom: 5px;
  	}

TR.subBar {
  	background: #f4f7fd;
	}

TD.subBar {
  	font-size: 90%;
  	color: #000000;
	}

TD.main, P.main {
  	font-size: 95%;
  	line-height: 1.5;
	}

TD.smallText, SPAN.smallText, P.smallText {
  	font-size: 90%;
	}

TD.accountCategory {
  	color: #aabbdd;
	}

TD.fieldKey {
  	font-weight: bold;
	}

TD.tableHeading {
  	font-weight: bold;
	}

SPAN.newItemInCart {
  	font-size: 90%;
  	color: #ff0000;
	}

CHECKBOX, INPUT, RADIO, SELECT {
  	font-size: 95%;
	}

TEXTAREA {
  	width: 100%;
  	font-size: 95%;
	}

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

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

TD.formAreaTitle {
	font-weight: bold;
	}

SPAN.markProductOutOfStock {
	color: #c76170;
  	font-weight: bold;
	}

SPAN.errorText {
  	color: #ff0000;
	}

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

.moduleRowSelected { 
	background-color: #E9F4FC; 
	}

.checkoutBarFrom, .checkoutBarTo { 
	font-size: 90%; color: #8c8c8c; 
	}


.checkoutBarCurrent { 
	font-size: 90%; color: #000000; 
	}

/* message box */

.messageBox { 
	font-size: 90%; 
	}

.messageStackError, .messageStackWarning { 
	font-size: 90%; background-color: #ffb3b5; 
	}

.messageStackSuccess { 
	font-size: 90%; background-color: #99ff00; 
	}

/* input requirement */

.inputRequirement { 
	font-size: 90%; color: #ff0000; 
	}

/* custom css */

*{ margin:0; padding: 0; }
/*---:[ headlines ]:---*/

h1, h2, h3 { color: #2B394D; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

h1 { font-size: 22px; margin-bottom: 5px; }

   h1 a:link, h1 a:visited  { color: #2B394D;  text-decoration: none; }
	h1 a:active { color: #2B394D;  text-decoration: none; }
	h1 a:hover { color: #2B394D;  text-decoration: none; }
	
h2 { font-size: 12px; margin-bottom: 5px;  }

h3 { font-size: 12px; margin: 10px 0px;}

h4 { font-size: 11px;  }

h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited { text-decoration: none;  }
	
h2 a:hover, h3 a:hover, h4 a:hover { text-decoration: underline;  }
	
/*---:[ global elements ]:---*/

a:link, a:visited { color: #2B394D; text-decoration: underline; }

	a:hover { color: Black; text-decoration: underline; }
	
	a img { border: none; }
	
p{ line-height: 130%;	}
/*---:[ core layout elements ]:---*/

#container { width: 760px; margin: 15px auto; }
					
#content_box { width: 760px; text-align: left; float: left; clear: both; }
	
#content { width: 535px; margin: 4px 0px 4px 10px; float: left; }
		
* html #content { overflow: hidden; }
		
.border {  float: left; border: 1px solid #dbdbdb;  margin:2px 0px; padding:5px;}
		
#sidebar { width: 205px; margin: 5px auto; float: left; }
* html #sidebar { overflow: hidden; }
#header { width: 760px; height:80px; background: #ffffff url('images/head-bg.jpg') left repeat-x;    }
#main{	width: 760px; padding: 0px;  }		
	
#logo { width: 254px; height:80px; padding-left: 35px; float: left; }
.right{text-align: right;}
.spacer { clear: both; }
.space-h10 { width:10px }
.space-v10 { height:10px }
.dot-border{ background:url('images/dot-hor.gif') repeat-x;}
.dot-ver{ background: url(images/dot-ver.gif) repeat-y;}
	
input, textarea, label { font-size: 11px;}
	
ul#topnav {   text-align: center;  list-style: none; width: 610px; margin: 0px; padding: 0; float: left; background: url('images/bg-ul.jpg') repeat-x;  }

ul#topnav li { width:152px;color:White; padding: 10px 0px; font: bold 12px Arial, Helvetica, sans-serif;  float: left; background: url(images/bg-li.jpg) no-repeat top right; }
	
ul#topnav li a, ul#topnav li a:visited { color:White; text-decoration: none;  text-transform: capitalize;}
	
ul#topnav li a:hover { text-decoration: underline; }
	
#search {
	width: 150px; height:36px; padding:5px 0px;  float:right; 
	background: url('images/bg-search.jpg') 0px 0px no-repeat;	
	vertical-align: top;
}	
#search input{	border:0px;}
.fields{	margin:4px 4px 0px 0px; }	
	/*side nav	*/
	#navLeft { width: 175px; padding: 10px; float: left;}
	#navLeft ul { margin: 0;  list-style: none; }

	#navLeft li{ width: 155px; list-style: none;padding: 5px 5px 5px 15px;font-size: 11px; border-bottom: #E0E1E2 1px dotted; float: left; background: url(images/arrow.gif) 4px 0.8em no-repeat;  }
			
	#navLeft li a, #navLeft li a:visited { color: #666666; text-decoration: none; }
				
   #navLeft li a:hover { text-decoration: underline; }
.nav-border{border-top: 5px solid #DDDEDF; }
.pad10{	padding: 10px;}
.pad100{	padding: 10px 0px;}
.pad5{	padding: 5px;}
.pad50{	padding: 5px 0px;}
.pad05{	padding: 0px 5px;}
.tbl-left{	background: url(images/left.gif) repeat-y;}
.tbl-right{	background: url(images/right.gif) repeat-y;}
.tbl-top{	background: url(images/top.gif) repeat-x;}
.tbl-bottom{background: url(images/bottom.gif) repeat-x;}

.menu td{padding: 5px 5px 5px 20px; color: #981C02; font:bold 15px Tahoma, Arial, sans-serif; letter-spacing: 0px; border-bottom: Silver 1px dotted;}
.menu p{ color: #707070; font-size: 11px; font-weight: bold;  line-height: 100%;}
.menu a, .menu a:visited{ text-decoration: none; }
.menu-left{	background: url(images/menu-left.gif) repeat-y;}
.menu-right{	background: url(images/menu-right.gif) repeat-y;}

.menu ul { color: #696969; margin-top:10px; list-style: none; }

.menu li{  font: normal 11px Arial, sans-serif; padding:0 15px; background: url(images/arrow.gif) 4px 0.2em no-repeat;  line-height: 110%;}
			
.menu li a, .menu li a:visited {color: #696969; text-decoration: none; }
				
.menu li a:hover { text-decoration: underline; }

.heading{ font: bold 12px  Arial, sans-serif; padding: 8px 0px 9px 10px; background: url(images/heading.gif) repeat-x; text-transform: capitalize;}
.box{	margin-bottom: 5px; clear: both;}
.welcome{ font-weight:bold; font-size: 12px; padding-bottom: 2px; }
.warn{color: #FF3300; font-weight: bold;}
.old-price{font-size: 14px;color: #4682B4; font-weight:normal;  vertical-align: middle; }
.price{ color: #FF3300; font-weight: bold; font-size: 18px;}
.productSpecialPrice {	color: #FF3300; font-weight: bold; font-size: 18px;	}
.txt-blue{color: #0073BF; font-weight: bold;}

.line-hor{ border-right:1px #cccccc solid; }
.line-ver{	border-top:1px #cccccc solid;}
.list{	margin: 10px;}

#topLinks{ font-size: 12px; padding: 10px; float:right; vertical-align: top;}

.items{ color: #CC0000; font-weight: bold; }
.tbl-main{
	background: url('images/bg-main.jpg') left bottom no-repeat;
}
.bg-product{	background: url('images/bg-product.jpg') left top repeat-x;}
#content ul{
	padding-left: 25px;
}
#vat{margin:10px 0px; padding:10px 10px 10px 50px; font-size:12px;	text-align: center;  color: #CC0000;}
#icons{ margin-top:10px;	padding: 10px; padding-left:250px;}
#copy{ text-align: center;}
#footer { margin:10px auto; width: 762px; text-align: center; }

#btmnav {  text-align: center;list-style: none; width: 762px; margin: 0;padding: 0;float: left; background: url('images/bg-ul.jpg') repeat-x;  }

#btmnav li {padding: 10px 1px; width:127px;color:White; padding: 0px; font: bold 12px Arial, Helvetica, sans-serif;  float: left; background: url(images/bg-li.jpg) no-repeat top right;}
	
#btmnav li a, ul#btmnav li a:visited { color:White; text-decoration: none;  text-transform: capitalize;  }
	
#btmnav li a:hover, #btmnav li a:active { color:#F0F0F0; text-decoration: none; background: url('images/bg-ulo.jpg') repeat-x;}


/* navigation top*/
#nav {
	float: left;
	text-align: center;
	width: 610px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;	
	border-bottom: 1px solid #2C3A4E;
	background: #2C3A4E url(images/bg-ul.jpg) repeat-x top left;
	}
#nav li {
	float: left;
	font-size: 12px;
	margin: 0;
	padding: 0 1px 0 0;
	list-style: none;
	background: url(images/bg-li.jpg) no-repeat top right;
	text-transform: capitalize;
	}
#nav a {
	float: left;
	padding: 10px 0px;
	width:151px;
	text-decoration: none;
	border-bottom: none;
	color: #fff;
	}
#nav a:hover, #nav a.active {
	color: #F4F4F4;
	background: #2C3A4E url(images/bg-ulo.jpg) left top;
		}
#nav a.active {
	font-weight: bold;
	}
/* navigation bottom*/
#navBtm {
	float: left;
	text-align: center;
	width: 762px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;	
	border-bottom: 1px solid #2C3A4E;
	background: #2C3A4E url(images/bg-ul.jpg) repeat-x top left;
	}
#navBtm li {
	float: left;
	font-size: 12px;
	margin: 0;
	padding: 0 0px 0 0;
	list-style: none;
	background: url(images/bg-li.jpg) no-repeat top right;
	text-transform: capitalize;
	}
#navBtm a {
	float: left;
	padding: 10px 0px;
	width: 127px;
	text-decoration: none;
	border-bottom: none;
	color: #fff;
	}
#navBtm a:hover, #navBtm a.active {
	color: #F4F4F4;
	background: #2C3A4E url(images/bg-ulo2.jpg) left top;
		}
#navBtm a.active {
	font-weight: bold;
	}
.productSpec{ font-size: 12px;}
.red{color: #FF3300; font-weight: bold;}
.thumbProduct{ width: 80px;	border: #DBDBDB 1px solid; float:right; padding: 5px; margin-bottom: 10px;}

#productDesc{
		width: 535px;
		padding: 0px;	
		background: #ffffff;		
	}
#productDesc ul{padding-left:0px;}

#tabnav
	{
		height: 33px;
		margin: 0;
		padding: 0px;
		background: url(images/tab_bottom.gif) repeat-x bottom;
	}
	
#tabnav li
	{
		margin: 0; 
		padding: 0;		
  		display: inline;
  		list-style-type: none;
		
  	}
	
#tabnav a:link, #tabnav a:visited
	{
		float: left;
		color: White;
	background: #2C3A4E url(images/bg-tab.jpg) repeat-x top left;
		font-size: 14px;
		line-height: 14px;
		font-weight: bold;
		padding: 9px 15px;
		margin-right: 4px;
		text-decoration: none;
		
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
	color:#2C3A4E;
	background:White url('images/bg-tab-a.jpg') left top no-repeat;	
	border-bottom: #ffffff 1px solid;
		}

#tabnav a:hover{ color: #EEEEEE; 	background:#2C3A4E url('images/bgo-tab.jpg') left top repeat-x;	}

#shipping{
 padding:5px 10px;
color: #FF3300; font-size:16px; font-weight: bold; text-align: right; vertical-align:  bottom; 
 float: right; 
}
.clear{
	clear:right;
}
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 14px Arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 8px 20px;
margin-right: 1px;
border: 1px solid #dbdbdb;
color: White;
background: #2B394D url(images/bg-tab.jpg) top left repeat-x;
}

.shadetabs li a:visited{
text-decoration: none;
color: White;
}

.shadetabs li a:hover{
text-decoration: none;
color: White;
background: #2B394D url(images/bg-o-tab.jpg) top left repeat-x;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
color: #2B394D;
background: White url(images/bg-a-tab.jpg) top left repeat-x;
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
color: #2B394D;
text-decoration: none;
background: White url(images/bg-a-o-tab.jpg) top left repeat-x;
}
.shadetabs li a.selected:visited{
text-decoration: none;
color: #2B394D;
}
.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}
.prodContent{
	border:1px solid #dbdbdb; width:513px; margin-top:5px;margin-bottom: 1em; 
	padding: 10px;	
	}
.prodContent h2{ font-size: 15px; font-weight: bold; margin-bottom: 10px;			}