/* css document */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////**/
/*////////////////////////       reset  defaults          ///////////////////////////////////////////////**/
* {																								       /**/
padding:0;																						      /**/
margin:0;																						     /**/
}
table,tr,td{
margin:0;
padding:0;
}																								    /**/
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 5%; }/**/
li, dd { margin-left:5%; }																		  /**/
fieldset { padding: .5em; }																		 /**/
																								/**/
/*//////////////////////       end of global resets       //////////////////////////////////////**/																							
/*/////////////////////////////////////////////////////////////////////////////////////////////**/
/*template specific colors

***************************/
img.aboutus{
padding:5px;
border:1px solid #CCCCCC;
margin-right:10px;
margin-bottom:10px;
}
body{
background-color:#404040!important;
font-family:arial;
font-size:14px;
margin:0px;
padding:0px;
}
a{
color:#009fc6;
font-weight:bold;
text-decoration:none;

}
a:hover{
text-decoration:underline;
}
#container{
width:100%;
/*background-image:url(images/retro_grey.jpg);*/
background-color:#404040;
background-repeat:repeat;
/*background-color:#CCCCCC;*/
}

#wrapper{
position:relative;
width:900px;
margin:0 auto;
padding:0;
}
#top{
position:relative;
height:100px;
width:100%;
background-color:#404040;
border-bottom:3px solid #cccccc;
z-index:400;

}
#logo{
width:301px;
height:100px;
position:relative;
background-image:url(images/logo.jpg);
background-repeat:no-repeat;
}
#content{
width:900px;
/*height:465px;*/
background:white;
position:relative;
z-index:300;

}
#listing{
margin:0 0 0 185px;
width:675px;
padding:10px 0 20px 35px!important;
border-left:1px dashed #009fc6;
height:auto;

}
#adjTop{
margin-top:-55px;
}
.product{
float:left; 
width:300px; 
height:280px;
padding-right:15px;
background-image:url(../Pictures/loading.gif);
background-position:top left;
background-repeat:no-repeat;
}
/*/////////////single item view/////////////////*/
h2{
margin:0;
padding:0;
color:#666666;
font-size:16px;

}
.singleItem{
float:left; width:420px; margin:0px 0 0 0;
}
.title{
color:#666666;
font-weight:bold;
}
.stats{
float:right;
width:225px;
margin:20px 0 0 0;
color:#999999;
}
#info{
background-image:url(images/info.jpg);
background-repeat:no-repeat;
width:95px;
height:96px;
padding-top:80px;
}


/*/////////////////////////////////////////////////*/

#pages{
position:relative; left:400px; top:-40px; color:white; width:200px; height:40px; overflow:scroll; white-space:nowrap;
}
#pages a{
color:#009fc6;
}
#numbers{
position:relative;left:325px; width:80px; top:-80px;color:#CCCCCC;
}
#footer{
height:91px;
background-color:#404040;
border-top:3px solid #cccccc;
padding-top:10px;
color:#cccccc;
}
.left{
float:left;
}
.right{
margin-left:489px;
float:right;
}
.side{
float:left;
width:164px;
padding:0;
margin:0;
}
.side ul{
list-style:none;
}
.side ul li{
list-style-image:none;
list-style-type:none;
margin-left:2px;

}
.side ul li a{
display:block;
width:159px;
padding:4px 0 4px 5px;
margin:0;
text-decoration:none;
color:#666666;
font-weight:normal!important;
border-bottom:1px dotted #009fc6;

}
.side ul li a:hover{
display:block;
text-decoration:none;
color:#009fc6;
background-color:#CCCCCC;
}
.side ul li a:active{
display:block;
color:black;
text-decoration:none;
}
.side ul li.current a{
background-color:#E2E0E0;
color:#628103;
}
.side ul li.current a:hover{
background-color:#cccccc;
}
ul.topNav{
	position:absolute;
	left:272px;
	width:600px;
	height:28px;
	padding:0;
	margin:0;
	list-style:none;
	top: 78px;
	z-index:500;
}
ul.topNav li{
float:left;
list-style:none;
width:100px;
padding:0;
margin:0;
height:20px;
}
ul.topNav li a{
display:block;
width:100px;
text-align:center;
padding:4px 0px 4px 0px;
color:white;
background-color:#333333;
border-top:1px solid #CDD3C0!important;
border-left:1px solid #CDD3C0!important;
text-decoration:none!important;
}
ul.topNav li a:hover{
display:block;
background-color:#666666!important;
}

ul.topNav li.last a{
border-right:1px solid #CDD3C0;
padding:4px 0px 4px 0px;
}
ul.topNav li ul.sideNav{
	position:absolute;
	filter:alpha(opacity=98);
	opacity:0.98;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height:auto;
	width:160px;
	padding:0px;
	margin:0px;
	background-color:#666666;
	border:none!important;
	/*background:url(/images/clear.gif);/* trick to keep'em open */
	z-index: 70;
}
ul.topNav li ul.sideNav li a{
	background-color:#666666;
	display:block;
	width:160px;
	height:auto;
	padding:2px 5px 2px 0;
	border:0px;
	border-style:none;
	text-align:left!important;
	}
ul.topNav li ul.sideNav li a:hover{
background-color:#009fc6!important;
}
ul.topNav li:hover ul.sideNav, ul.topNav li.sfhover ul.sideNav{
left:auto;
}

/*/////////////end home side Nav//////////////*/
td.gray{
background-color:#cccccc;
}
table.itemView{
clear:left;
border:1px dotted black;width:600px
}
img.noImage{
width:200px; height:133px; 

}
/*/////////////////////////ajax elements/////////////*/

#slider{
width:100%;
position:relative;
background-color:white;
z-index:0;
}
#slider a{
color:#009fc6;
font-weight:bold;
padding:5px 5px 5px 5px;
display:block;
width:300px;
height:auto;
}
#slider img{
padding:10px;
}
#containRow { 
	height: 97px;
	width:894px;
	padding:0;
	position:relative;
	background-color:white;
	border-right:3px #404040 solid;
	border-left:3px #404040 solid;
	
	/*margin-top:-14px;*/
}
#containRow ul, containRow ul li{
padding:0;
margin:0;
}
#thumbs {
	position: relative;
	height:97px;
}
 
#thumbs .thumb {
	position:relative;
	float: left;
	display: block;
	width: 117px;
	height: 90px;
	margin-top:5px;
}
.thumb a{
display:block;
width:100px;
height:95px;
}
#thumb_0{}
#thumb_1{}
#thumb_2{}
#thumb_3{}
#thumb_4 {}
#thumb_5 {}

#d3{
position:absolute;
top:50px;
left:250px;
background-color:#CCCCCC;
border:1px dotted red;
width:300px;
padding:10px;
color:black;
}
#swatch{
position:absolute;
left:800px;
top:0;
width:200px;
}


#gallery {
	position: relative;
	width: 376px;
	height: 241px;
	border:none;
	margin:0;
	padding:0;
	overflow:hidden;
	z-index:0;
	background-color:white;
	
}
 
#progress {
	margin: 10px auto;
	width: 200px;
	height: 15px;
	padding: 2px;
	border: 2px solid #dfdfdf;
}
 
#progress .bar {
	width: 0px;
	text-align: center;
	font-size: 10px;
	height: 15px;
	background: #2a2a2f;
	color: #fff;
	font-weight: bold;
}

div.wastebin-active {
  background-color: #FFF4D8;
  border:1px solid black;
}
div.cart-active {
  background-color: #FFF4D8;
}