/*
  $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
*/
#thedesign{position:relative; width:750px}

#clearboth{ clear: both;}
#elements {float:left; width:600px; }
#elements .productListing-data {float:left; text-align:center; height:85px; width:140px; margin:0px;background:#fff;}


.figure {

 float:right;
  width: 280px;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
  text-align: center;
  font-style: italic;
  font-size: 11px;
  text-indent: 0;
}
#leftsection{  width:550px;float:left;}
#rightsection{width:180px;float:left; padding-left:10px; border-left:#ccc dotted 1px;}
#rightsection ul{padding-left:15px;}
#information{position:relative; height:100%;  padding-left:30px;}

.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; }
body{padding: 0px;color: #fff;text-align: center;
    font: 12px "arial", "Times New Roman", Times, serif; background-image: url(images/background_black.jpg); }


#head{position:relative; width:100%; height:100px;}
a{
	color: #333333;
	text-decoration: underline;
}
a:hover{
	color: #CC0000;
}


div#container{width:820px !important; width /**/:820px;
    margin: 0 auto; top:0px; margin-top:0px; position:relative; text-align:left; background-color: #000; margin-bottom:0px;}
div#header{background: #BFDDED;padding: 10px;  text-align:center}

	
#content{
	left:66px;
	position:relative;
	width:749px;
}

#info{

position:relative; }

#midcat {  
float:left;
width:480px;
margin-right:10px;
margin-bottom:20px;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height:16px;


}
A {
  color: #fff;
  text-decoration: underline;
}

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

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #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;
}
#clearer{clear:both;
}

#footer {
background: #ffffff;
 font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;

}
#footer a { color: #fff; }
#footer p {padding:7px;
float: left;
width: 100%;
 }


.infoBoxContents {
  
}

#lang .infoBox {
   width:25px;
}

#lang .infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  width:25px;
}
.infoBoxNotice {
  background: #FF8E90;
}

#infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}



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

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



A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}
 DIV.pageHeading{position:relative;
 height:44px;
 width:750px;
}

TD.pageHeading, DIV.pageHeading H1{
  font-family: Courier new, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
 
  padding-right:5px;
  padding-top:5px;
  
}


TR.subBar {
  background: #f4f7fd;
}

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

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

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

/* VJ Links Manager v1.16 begin */

TABLE.linkListing {

  border: 1px;

  border-style: solid;

  border-color: #b6b7cb;

  border-spacing: 1px;

}



.linkListing-heading {

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

  font-size: 10px;

  font-weight: bold;

  background: #b6b7cb;

  color: #FFFFFF;

  text-align: center;

}

A.linkListing-heading {

  color: #FFFFFF;

}

A.linkListing-heading:hover {

  color: #FF0000;

}

TD.linkListing-data {

  border-right: 1px solid #b6b7cb;

  border-bottom: 1px solid #b6b7cb;

  padding: 4px;

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

  font-size: 10px;

}



TR.linkListing-odd {

  background: #f8f8f9;

}



TR.linkListing-even {

  background: #F5F5F5;

}



.linkFeatured {

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

  font-size: 10px;

  font-weight: bold;

  background: #dbd6d6;

  color: #FFFFFF;

  text-align: center;

  border: 1px solid black;

}

.linkFeaturedHeading {

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

  font-size: 14px;

  font-weight: bold;

  background: #dbd6d6;

  color: #FFFFFF;

  text-align: center;

}

.linkFeaturedMain {

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

  font-size: 10px;

  font-weight: bold;

  background: #dbd6d6;

  color: #FFFFFF;

  text-align: center;

}

A.linkListingMain {

  color: #fff;

}

A.linkListingMain:hover {

  color: #FF0000;

}



.linkListingCats {

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

  font-size: 11px;

  font-weight: bold;

  color: #FFFFFF;

  text-align: center;

}

A.linkListingCats {

  color: #000;

  line-height: 1.5;

}

A.linkListingCats:hover {

  color: #FF0000;

}



.linkListingSubCats {

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

  font-size: 9px;

  font-weight: normal;

  color: #FFFFFF;

  text-align: center;

}

A.linkListingSubCats {

  color: #000;

  line-height: 1.5;

}

A.linkListingSubCats:hover {

  color: #FF0000;

}
#bk{background-color: #333333;
width: 100%;
	height:100px;
  border: 1px solid #cccccc;
  }
#keep{
position:relative;
 z-index:3;
  }
#logo{
width:58px;
height:105px;
position:absolute;
top:0px;
right:50px;
_right:20px;
z-index:3;
 
  }
  
#lang{
width:27px;
height:55px;
float:right;
top:10px;
position:relative;
right:5px;
  }
  #lang a{
  padding-bottom:3px;

 
  }

}

/* VJ Links Manager v1.16 end */


#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li { /* all list items */
	float: left;
	position: relative;
	width: 7em;
	height:40px;
	background-color:#CCCCCC;
}

#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	
}

#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
	
}

#nav li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	
}

#content {
	clear: left;
}

/* ----------------- coolMenu ----------------- */

.clCMEvent{
position:absolute;
width:99%; height:99%;
clip:rect(0,100%,100%,0);
left:0;
top:0;
text-align: left;
visibility:visible
}


.clCMAbs{
position:absolute;
text-align: left;
visibility:hidden;
left:0;
top:0;
}

.clBar{
position:absolute;
text-align: left;
width:10;
height:10;
background-color:#214152;
layer-background-color:#214152;
visibility:hidden;
}

.clLevel0,.clLevel0over{
position:absolute;
text-align: left;

}


.clLevel0{
text-align: left;
background-color:#333333;
layer-background-color:#cccccc;
color:#fff;
font-family:courier new,arial,helvetica;
font-size:12px;
font-weight:bold;
padding-top:30px;
padding-left:10px;


}


.clLevel0over{
background-color:#cccccc;
layer-background-color:#bbc3d3;
color:#333333;
cursor:pointer;
cursor:hand;
font-family:courier new,arial,helvetica;
font-size:12px;
font-weight:bold;
padding-top:30px;
padding-left:10px;
}


.clLevel0border{
position:absolute;
visibility:hidden;
background-color:#000;
layer-background-color:white;
}

.clLevel1 p, .clLevel1over p{
position:absolute;
text-align: left;
padding:0;
padding-left:6px;
margin:0;
font-family:courier new,arial,helvetica;
font-size:11px;
font-weight:100;
}

.clLevel1{
text-align: left;
background-color:#ffffff;
layer-background-color:#ffffff;
color:#000000;
padding-left:6px;
}

.clLevel1over{
text-align: left;
background-color:#bbc3d3;
layer-background-color:#bbc3d3;
color:#214152;
cursor:pointer;
cursor:hand;
padding-left:6px;
}


.clLevel1border{
position:absolute;
visibility:hidden;
background-color:#c0c0c0;
layer-background-color:white;
}
/* ----------------- coolMenu_eof ----------------- */
.listrow{
width:100%;

position:relative;
padding-bottom:15px;

}
.listrow ul{list-style-type: circle;
}
.listrow li{font-size:12px;}
.listrow p{
width:90%;
font-size:12px;
}

.label{padding-top:10px;}

.label h1, h3, h2, h4{
left:0px;
font-size:16px;
font-family:courier new;
font-weight:bold;

}
h2{font-size:14px;}
.label a{text-decoration:none;
}
.label a:hover, #label a.selected{
color:#ccc;
border-bottom: 1px dotted #333333;
text-decoration:none;

}
#read{width:150px; height:1px;}
#read a {
background-color:#cccccc;
color:#000;
position:relative;
z-index:10;
padding:5px;
font-size:11px;
border: 1px solid #cccccc;
text-decoration: none;
}
#read a:hover, #read a.selected{
background-color: #99CCFF;
color:#000000;
text-decoration:none;
}


#leftsection #figure{margin-top:22px; }
#rightnavtwocol{width:150px;

 margin-bottom:20px;
 font-family: Verdana, Arial, sans-serif;
font-variant: small-caps;
  font-size: 12px;
float:left;}
#procat {  width:425px;

float:left;
margin-bottom:20px;
font-family: Verdana, Arial, sans-serif;

  font-size: 11px;
  line-height:16px;

  
}

	

#midcat p{

}

#midcat h2, #midcat h3{
color:#ccc;
font-weight:bold;
font-size:19px;
}

#infotwocol {  width:437px;
float:left;
top:10px;

margin-bottom:20px;
font-family: Verdana, Arial, sans-serif;
position:relative;
  font-size: 11px;
  line-height:16px;  
 
}

#rightnavinrow{width:150px;

 margin-bottom:20px;
 font-family: Verdana, Arial, sans-serif;
font-variant: small-caps;
  font-size: 12px;
float:left;}
 #rightnavinrow ul{list-style-type: none; margin: 5px;
	padding: 0;}
	 #rightnavinrow a:hover{background-color: #99CCFF; text-decoration:none; color:#333333;
	}
	 #rightnavinrow a {
	}
#midcatinrow {  width:296px;

float:left;
margin-bottom:20px;
font-family: Verdana, Arial, sans-serif;

  font-size: 11px;
  line-height:16px;

}
#midcattwocol {  width:599px;

float:left;
margin-bottom:20px;
font-family: Verdana, Arial, sans-serif;
position:relative;
  font-size: 11px;
  line-height:16px;
  
}
#sizertwocol{width:160px;
position:relative;
float:right;
margin-top:10px;
margin-bottom:20px;
font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height:16px;
 
  border: 1px solid  #c3cccc;
  

  }
#sizertwocol h2{
font-size:11px; }
#sizertwocol .tabbertab{margin:10px;}
#piccat{width:250px;

float:left;
margin-bottom:20px;
font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height:16px;
 
  }
  
  #piccat img {
margin-top:20px;
position:relative;
padding:2px;
border: 1px solid  #c3cccc;

}

  
#leftcat {  width:500px;

float:left;
margin-bottom:20px;
font-family: Verdana, Arial, sans-serif;

  font-size: 11px;
  line-height:16px;
  padding:10px;
  padding-right:40px;
}
#leftcat img {
position:relative;
padding:2px;
border: 1px solid #666666;

margin-right:10px;
margin-bottom:10px;
}
#leftcat p{display: block}
#leftcat p:first-letter {color:#ff0000;font-size:xx-large}

#leftcat p:first-line {color:#0000ff}



infoinrow{  width:570px;

float:left;
font-family: Verdana, Arial, sans-serif;
 padding-left:20px;
  font-size: 11px;
  line-height:16px;
  
}
#sizerinrow{  width:570px;

float:left;
margin-bottom:20px;
font-family: Verdana, Arial, sans-serif;

  font-size: 11px;
  line-height:16px;
  padding:10px;
  padding-top:0px;
  
 
}
#sizerinrow .tabbertab{  
width:570px;
border-bottom: 1px solid #c3cccc;
padding:5px;
font-family: Verdana, Arial, sans-serif;

}
#sizerinrow .tabbertab h2{  
float:left;
padding-right:15px;
width:150px;
height:20px;
font-family: Verdana, Arial, sans-serif;
font-size:14px;
}
#sizerinrow .tabbertab img{  
float:left;
width:100px;
height:70px;

}
#sizerinrow .tabbertab p{  
float:left;
width:200px;
height:70px;
padding-left:15px;

}
#sizerinrow .tabbertab:after { content: ""; display: block; height: 0; clear: both; }



#sizer{  width:560px;
flot:left;
margin-left:10px;
margin-bottom:20px;
font-family: Verdana, Arial, sans-serif;

  font-size: 11px;
  line-height:16px;

  padding-top:0px;
  border: 1px solid #c3cccc;

 
}
#sizer .tabbertab{  
float:left;
width:160px;

padding:10px;
padding-top:10px;
font-family: Verdana, Arial, sans-serif;
}
#sizer .tabbertab h2{  

width:160px;
height:20px;
font-family: Verdana, Arial, sans-serif;
}


#sizerfour{  width:750px;

float:left;
margin-bottom:20px;
font-family: Verdana, Arial, sans-serif;

  font-size: 11px;
  line-height:16px;
 
  padding-top:0px;
  padding-right:40px;
  
}
#sizerfour .tabbertab{  
float:left;
width:165px;
padding:10px;

padding-top:0px;
margin:0px;


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






#subleft{width:400px;
 background-color: #cccccc;
 margin-bottom:20px;
float:left;}
#subright{width:100px;
 background-color: #cccccc;
 margin-bottom:20px;
float:left;}


staff
{
display: block;
margin-bottom: 30pt;
margin-left: 5pt;
font-family: Verdana, Arial, sans-serif; font-size: 11px;
}
name
{
color: #999999;
font-weight: bold;
}
position
{
color: #0099CC;
font-weight: bold;
}



#infotabber p{font-family: Verdana, Arial, sans-serif;

  font-size: 11px;
  line-height:14px;
  

 }
#sizertabber{left:10px; position:relative;}
#sizertabber p {padding:10px;}
#midcattabber{width:550px;
float:left;}



#email {

background:  url(email.gif) no-repeat;


background-position: -14px 0;
width:15px;
height:11px;
}
#email a {margin-left: 20pt;}
#email a:hover{margin-left: -20pt;}
#tel {

background:  url(phone.gif) no-repeat;


background-position: -14px 0;
width:15px;
height:11px;
}

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

#app_tit{color: #ffffff; padding:4px;font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
 
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  width: 100%;
  
  }


#rightnav {
float:right;
	width: 150px;
	margin-right:10px;
	padding: 0 0 1 0;
	
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	  font-size:12px;
	background-color: #ffffff;
	color: #333;
	}
	

	#rightnav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#rightnav li {
		border-bottom: 1px solid #ccc;
		margin: 0;
		}

	#rightnav li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		
		background-color: #333;
		color: #fff;
		text-decoration: none;
		width: 100%;
		}

	html>body #rightnav li a {
		width: auto;
		}

	#rightnav li a:hover {
		
		background-color: #2175bc;
		color: #fff;
		}

#test  li:last-child a {
	color:black;
	background-color: #ccc;
		}
		
.relatedListing {background-color: #DDF0FA; width:150px;left:607px; position:absolute; padding-top:5px; padding-bottom:5px; margin-top:25px;}
.relatedListing h3 {font-family: 'Verdana', Lucida, Geneva, Helvetica, Arial, sans-serif;
	  font-size:14px;  text-align : center;
}
.relatedListing-data {font-family: 'Verdana', Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;text-align : center; border-top:1px solid #ccc;}

.relatedListing-data h4 {font-size:12px; }
.relatedListing-data p {font-size:11px; }

#procat h3 {
  font-size:12px;
  }


/* ----------------- tablestyle ----------------- */


.tabbertab table {
  border-collapse: collapse;
  border: 1px solid #03476F;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #363636;
  background: #ffffff;
  }
.tabbertab caption {
  text-align: center;
  font: bold 18px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #03476F;
  text-transform: uppercase;
  }
.tabbertab td, th {
  border: 1px dotted #03476F;
  padding: .4em;
  color: #363636;
  }

.tabbertab th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #03476F;;
  text-align: left;
  background: #4591AD;
  color: #FFFFFF;
  padding-top:3px;
  }
.tabbertab tbody td a {
  background: transparent;
  text-decoration: none;
  color: #363636;
  }
.tabbertab tbody td a:hover {
  background: #C2F64D;
  color: #363636;
  }
.tabbertab tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #363636;
  }
.tabbertab tbody th a:hover {
  background: transparent;
  color: #363636;
  }
.tabbertab tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
.tabbertab tfoot td {
  border: 1px solid #03476F;
  background: #4591AD;
  padding-top:3px;
  color: #FFFFFF;
  }
.tabbertab .odd {
  background: #AEE239;
  }
.tabbertab tbody tr:hover {
  background: #ccffcc;
  border: 1px solid #03476F;
  color: #FFFFFF;
  }

.tabbertab{
padding-bottom:4px;
border-bottom: #ccc 1px solid}
.tabbertab p, h2 {padding:0}


#infocontact{width:420px;
float:left;}
#infocontact p {padding-top:35px;}
#midcatcontact{clear:both;}


.contact{
padding-bottom:4px;
border-bottom: #ccc 1px solid}
.contact p, h2 {padding:0}