/*
IE 6 and below
    Use * html {} to select the html element.
IE 7 and below
    Use *+html, * html {} to select the html element.
IE 7 only
    Use *+html {} to select the html element.
IE 7 and modern browsers only
    Use html>body {} to select the body element.
Modern browsers only (not IE 7)
    Use html>/star star/body {} to select the body element.  
*/
@import url("navstylee2.css");
@import url("search.css");
/* 
The basic positioning and colours ...
################################### */
A:link { 
color: #000
}  
A:visited { 
color: #000
}  
A:active { 
color: #000
}   
A:hover { 
color: #0096FF; 
text-decoration: underline;
} 
.hide{
	visibility: hidden;
	display: none;
}
.show{
	visibility: visible;
}
A.noLink {text-decoration:none; color:black}

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #222222;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #C0C0C0;
	scrollbar-shadow-color: #C0C0C0;
	scrollbar-arrow-color: #FF6600;
	scrollbar-track-color: #F2F5FE;
	background-color: #FFFFFF;
	margin: 0px;
	line-height: 140%;
}
h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, sans-serif;
}
p {
	margin-top: 3px;
	line-height: 140%;
	margin-bottom: 7px;
}
td {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* Header ############################## */
#topgraphic{
	display:block;
	width:928px;
	height:175px;
	z-index:2;
	background-image: url(../pics/header-home.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top:0;
	left:1px;
}
#header{
	height: 200px;
	width:750px;
	z-index:5;
	position: relative;
	top: 0px;
	margin: 0;
}

#topMenu {
	color: #999999;
	display: block;
	padding:  0px 5px 0px 5px;
	height: 18px;
	bottom: 0px;
	right: 0px;
	position: absolute;
	z-index:5;
}
#topMenu img{
	margin: 0 10px 0 5px;
}
A.Whitelink:link {
	color: #999999;
	text-decoration: none;
}       
A.Whitelink:visited { 
	color: #999999;
	text-decoration: none;
	}   
A.Whitelink:active { 
	color: #999999;
	text-decoration: none;
}    
A.Whitelink:hover {
	color: #0096FF;
	text-decoration: none;
} 

/* Layout containers ############################## */
#justin{
	float:right;
	margin:220px 0 0 0;
	padding:5px;
	width:140px;
}
#justin h1 {
	font-size: 14px;
	background-image: url(../pics/H1underline.gif);
	background-repeat: no-repeat;
	background-position: -8px bottom;
	font-weight:bold;
	height: 18px;
	letter-spacing: 0.1em;
	margin: 0 0 5px 0;
}
#justin A:link img, #justin A:visited img   {
	margin: 0;
	border: 1px solid #ccc;
	padding: 6px;
	background-color: #FFE6FF;
	
}
#justin A:hover img  {
	margin: 0;
	border: solid 1px #ccc;
	padding: 6px;
	background-color: #E6F4FF;
}
#justin A:link{
	padding:20px 0 0 0;
	text-decoration: none;
}
#justin A:visited{
	padding:20px 0 0 0;
	text-decoration: none;
}
.justinRules{
	/*border-bottom: 1px  solid  #CCC;
	width: 130px
	margin:5px 0;*/
	height:16px;
	
}
#MainContainer {
	padding:0px;
	width: 930px;
	margin-top: 10px;
	margin-bottom: 0px;
	text-align: left;
	position: relative;
	top: 0px;
	display: block;
	background-image: url(../pics/main-bckg.gif);
	background-repeat: repeat-y;
}

#body-area {
	margin: 30px  0 0 210px;
	padding: 0;
	width:530px
}
/* 
Hero shots on home page...
################################### */
table.heros{
	padding:5px;	
}
.heros td{
	width:160px;
	height:175px;
	padding:10px 0 0 0;
	text-align:center;
	background-image:
url(../pics/hero-ds.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	vertical-align: top;
}
.heros td img{
	border: 1px solid #CCCCCC;
}
.heros h1 {
	margin:0 0 4px 15px;
	padding:0;
	display:block;
	/*height:18px;*/
	font-size: 12px;
	background-image: url(../pics/H1underline.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-weight:bold;
	text-decoration:none;
	color: #0096FF;
	text-align: left;
}
.heros A:link , .heros A:visited {
	color: #0096FF;
	text-decoration:none;
}
/*
The standard html ...
################################### */

#body-area li {
	list-style-type: disc;
	list-style-image: url(none);
	padding: 0px 0px 4px 0px;
}
#body-area ol{
}
#body-area ul {
	margin: 0px 0px 0px 20px;
}
/*for ie7 n firefox*/
#body-area html>body ul {
	margin: 0px 0px 10px 0px;/*ok in ie7 n firefox*/
	padding: 0px 0px 0px 20px;

}
hr {  
	color: #BFCBDB
}
h1 {
	font-size: 18px;
	margin: 1px 0 3px 0;
	font-style: normal;
	color: #0096FF;
	line-height: normal;
	font-weight: normal;
}
h1 img{
	padding: 0 5px 0 0 ;
	margin: 0 0 0 -25px;	
}
/* Subheading */
h2 {
	font-size: 14px;
	margin-bottom: 3px;
	margin-top: 1px;
	color: #000;
	line-height: normal;
	font-weight: normal;
}
/* Para-Hilight */
h3 {
	font-size: 12px;
	LINE-HEIGHT: 20px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 1px;
}
/* Boxed in */
h4 {
	font-size: 12px;
	margin-bottom: 3px;
	font-weight: normal;
	background-color: #F2F5FE;
	padding: 5px;
	border: 1px solid #C6CCE3;
	margin-top: 1px;

}
/* StandoutRed */
h5 {
	font-size: 14px;
	color: #0066FF;
	margin-bottom: 3px;
	line-height: 22px;
	font-weight: normal;
	margin-top: 1px;
}
/* Tiny */
h6 {
	font-size: 9px;
	margin-bottom: 1px;
	margin-top: 1px;
	font-family: Arial, Helvetica, sans-serif;
}
li, ul{
margin: 0;
padding:0;
}
/* 
General stuff ...
/* ################################*/
.Details_Heading { 
font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none 
}
.tdOuterBorder {
	border: 1px solid #6590E7;
	background-color: #F3F3F3;
	padding: 5px;
}

.tiny {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	left: auto;
	clip:  rect( auto  );

}

/* 
Product pages ...
##############*/
/* Product List page*/
.ListTitle {
	margin: 1px 0 3px 0;
	color: #000;
	line-height: normal;
	font-weight: bold;
}
#ProductListCont {
	padding: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F2F0F1;
	display: block;
	width: 400px;
}

#ProductListCont A:link img, #ProductListCont A:visited img  {
	margin: 0px 6px 10px 0px;
	border: solid 1px #ccc;
	padding: 6px;
	background-color: #FFE6FF;
}
#ProductListCont A:hover img  {
	margin: 0px 6px 10px 0px;
	border: solid 1px #ccc;
	padding: 6px;
	background-color: #E6F4FF;
}

A.nolink{
	text-decoration: none;
	display:block;
} 
A.nolink:hover{
	text-decoration: none;
} 
.falselink{
	text-decoration: underline;
}

 
/* Show Next Set*/
#ShowNextSet p{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 1em;
	color: #0096FF; 
}
A.ShowNextSet:link,
A.ShowNextSet:visited {
	color: #000066;
	padding-right: 5px;
	text-decoration: none;
	font-weight: bold;
	padding-left: 5px;
} 
A.ShowNextSet:hover {
	color: #0096FF;
	text-decoration: underline;
	font-weight: bold;
} 
/* Product Detail page*/
div.loggedinprices{
	border:1px solid #ccc;
	padding:4px;
	background-color: #FFE6FF;
}
.loggedinprices td{	
	padding:4px;
	background-color: #FFF;
	border-bottom:2px solid #FFE6FF;
	border-left:1px solid #FFE6FF;
}
#ProductDetail{
	margin: 0;
	padding: 0;
}
#ProductDetailImages A:link img, #ProductDetailImages A:visited img  {
	margin: 5px 6px 10px 0px;
	border: solid 1px #ccc;
	padding: 6px;
	background-color: #FFE6FF;
}
#ProductDetailImages A:hover img  {
	margin: 5px 6px 10px 0px;
	border: solid 1px #ccc;
	padding: 6px;
	background-color: #E6F4FF;
}

td #ProductDetailImages {
	padding: 25px 10px 0 0;
}

.NoCursor{
	cursor: text;
}
.normalprice{
	font-weight: normal;
	float:right;
	font-style: normal;
}
/* CART ################################*/
.cartthumb{
	width:70px;
	float:left;
	margin-right:10px;
	border: solid 1px #E0E0E0;
	padding: 6px;
	background-color: #FFE6FF;
}
.emptyCart{
	 float:right;
	 margin-right:30px;
}
.standout {
	color: #FF0000;
}
.standout A:link, .standout A:visited{
	color: #000;
	font-weight:bold;
}
.standout A:hover{
	color: #0096FF;
	font-weight:bold;
}

/* FORMS ################################*/
tr.form-diff-address {
	background-color: #D2E9F0;
}
.formsmall {  
font-size: 10px}

.form_submit {
	height:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #CCCCCC;
	padding-bottom: 2px;
	color: #FFFFFF;
	background-color: #0096FF;
	font-weight: bold;
}
.form_window {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #6699CC;
	padding: 2px;
}
.form_window2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #D1D4E3;
	padding: 2px;
	background-color: #F2F5FE;
	color: #666666;
}
.form_window3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #6699CC;
	padding: 2px;
	color: #666666;
	font-weight: normal;
}
.form-window-editor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #FFCC00;
	padding: 2px;
	background-color: #FFFFFF;
	background-image: none;
}
.form_quantity {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #6699CC;
	padding: 2px;
	width: 20px;
}

/* 
The end ...
################################### */
.shiftfooter{
	margin: 0;
	width:930px;
	text-align: left;
	}
#footer {
text-align: left;
	text-decoration: none;
	font-size: 10px;
	background-color: #FFF;
	width:890px;
	margin: 0 0 600px 0;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
	border-top: 1px solid #CCC;
}
#footer h2{
	font-size: 11px;
	color: #000066;
	font-weight: normal;
}
#footer p{
	font-size: 10px;
	color: #000066;	
}
A.footer:link {
	color: #000066;
	text-decoration: none;
}       
A.footer:visited { 
	color: #000066;
	text-decoration: none;
	}   
A.footer:active { 
	color: #000066;
	text-decoration: none;
}    
A.footer:hover {
	color: #0000CC;
	text-decoration: underline;
} 
.esseo{
	color: #777;
	margin: 1px 0 3px 0;
	font-weight: normal;
} 
.esseo A:link, .esseo A:visited{
	color: #5BB5DF;
} 
.esseo A:hover{
	color: #555;
} 
.red {
	font-weight: bold;
	color: #FF0000;
}