/* Colors */
.pagebox.green h2, #navbar.green, #navbar_bottom.green, input.green, li.green, .box.green h3, .pagebox.green input, .pagebox.green input, .lev0{
    background-color:#009900;
    color:#FFFFFF;
}
#navbar.green a, .pagebox.green h2 a{
    color:#FFF;
}
h1.green, a.green, #cattree a.green{
    color:#009900;
}
.pagebox.orange h2, #navbar.orange, #navbar_bottom.orange, input.orange, li.orange, .box.orange h3, .pagebox.orange input{
    background-color:#FF9900;
    color:#FFFFFF;
}
#navbar.orange a, .pagebox.orange h2 a{
    color:#FFF;
}
h1.orange, a.orange, #cattree a.orange{
    color:#FF9900;
}
.pagebox.blue h2, #navbar.blue, #navbar_bottom.blue, input.blue, li.blue, .box.blue h3, .pagebox.blue input{
    background-color:#0066FF;
    color:#FFFFFF;
}
#navbar.blue a, .pagebox.blue h2 a{
    color:#FFF;
}
h1.blue, a.blue, #cattree a.blue{
    color:#0066FF;
}
.pagebox.purple h2, #navbar.purple, #navbar_bottom.purple, input.purple, li.purple, .box.purple h3, .pagebox.purple input{
    background-color:#660099;
    color:#FFFFFF;
}
#navbar.purple a, .pagebox.purple h2 a{
    color:#FFF;
}
h1.purple, a.purple, #cattree a.purple{
    color:#660099;
}
/* Category Tree */
#cattree{float:left;width:178px;margin-right:2px;zoom:1;}
#cattree a{text-decoration:none;}
#cattree ul{padding:0px;margin:0px;list-style-type:none;background:#FFF;zoom:1;}
#cattree li{position:relative;zoom:1;list-style-type:none;}
#cattree li a{display:block;zoom:1;}
.expand{width:20px;height:20px;background-image:url("sgraphics/expand.png");position:absolute;top:2px;right:2px;}
.expand:hover{background-image:url("sgraphics/expand2.png");}
.expand.e2, .expand.e3{	background-image:url("sgraphics/expand2.png");top:0px;}
.lev0{background-image:url("sgraphics/gloss-20.png");background-repeat:repeat-x;padding-left:10px;height:22px;font-weight:bold;line-height:22px;}
#cattree .lev0:hover{}
#cattree .lev1{
	color:#FF9900;
	font-size:12px;
	padding-left:10px;
}
#cattree .lev2{
	color:#6AC041;
	font-size:12px;
	padding-left:20px;
}
#cattree .lev3{
	color:#4D8B2F;
	font-size:10px;
	padding-left:30px;
}
#cattree .lev4{
	color:#333;
	font-size:10px;
	padding-left:40px;
}

/* Global */
html{
    height:100%;
}
img{
    border:none;
}
body{
    margin-top:0;
    margin-left:0;
    margin-right:0;
    margin-bottom:0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
#frame{
	margin:auto;
	width:960px;
	background:url("sgraphics/3column.png") #FFF repeat-y;
}
/* */

h1{
    margin:10px;
}
.breadcrumb{
    font-size:10px;
    color:#CCC;
    padding:3px;
}
.breadcrumb a{
    font-size:10px;
    color:#CCC;
}
#header{
	position:relative;
}
#header_search{
	position:absolute;
	right:20px;
	top:48px;
}
#header_links{
	position:absolute;
	right:20px;
	top:5px;
    color:#FFF;
    text-align:right;
}
#header_links a{
    color:#FFF;
    font-size:10px;
    font-weight:bold;
    text-decoration:none;
}
#header_links .ad{
    color:#FFF;
    font-size:16px;
    font-weight:bold;
}
#header_search input[type="submit"]{
	background:url("sgraphics/gloss-20.png") repeat-x;
	font-weight:bold;
	font-size:12px;
	height:18px;
	border:none;
}
#navbar, #navbar_bottom{
	background:url("sgraphics/gloss-20.png");
	position:relative;
    height:20px;
    z-index:1000;
}
#navbar .level1{margin: 0px;padding: 0px;cursor: default;list-style-type: none;z-index:1000;}
#navbar .level1 li{display: inline;padding:0px 2px;height:12px;padding:4px;position:relative;z-index:1000;}
#navbar .level1 a{height:20px;line-height:20px;margin:0px;color:#FFF;white-space:nowrap;}

#navbar .level2{margin: 0px;padding:0px 0px 5px 0px;list-style-type: none;background:#6666FF;text-align:left;position:absolute;left:0px;top:20px;display:none;z-index:999; border:solid 1px #FFF;}
#navbar li:hover .level2{display:block;z-index:999;}
#navbar .level2 li{display:list-item;height:14px;padding:0px 5px;position:relative;z-index:998;}
#navbar .level2 a{line-height:14px;height:14px;margin:0px;padding:0px;color:#FFF;white-space:nowrap;}

ul#right{
	position:absolute;
	right:0px;
	top:0px;
}
#navbar li, #navbar_bottom li{
	font-weight:bold;
	font-size:12px;
	margin: 0;
	padding: 4px;
	list-style-type: none;
	display: inline;
	height:20px;
	line-height:20px;
	position:relative;
}
#navbar a, #navbar_bottom a{
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	padding:0px 5px;
}
#navbar a:hover{
}
#sidebar{
	float:left;
	width:178px;
	margin-left:2px;
}
#sidebar .box{
	position:relative;
    width:178px;
	zoom:1;
}
#sidebar .box div{
	zoom:1;
}
.box h3{
	display:block;
	background:url("sgraphics/gloss-20.png") repeat-x;
	padding-left:10px;
	height:22px;
	font-weight:bold;
	line-height:22px;
	font-size:12px;	
	margin:0px;
}
#content{
	float:left;
	width:600px;
	position:relative;
}
div.tabs{
	width:95%;
	position:relative;
	margin:10px auto;
	clear:left;
}
div.tabs ul.tabs{
display:block;
height:20px;
border-bottom:solid 1px #CCC;
margin:0px;
padding:0px;
}
div.tabs ul.tabs li{
    display:inline;
    list-style:none;
    padding:3px 10px;
    background:url("sgraphics/gloss-20.png") #FF9900;
    border:solid 1px #CCC;
    border-bottom:none;
}
div.tabs ul.tabs li.active{
    background:url("sgraphics/gloss-20.png") #6AC041;
}
div.tabs ul.tabs li a{
    color:#FFF;
    text-decoration:none;
    font-weight:bold;
    line-height:20px;
    font-size:12px;
}
div.tabs ul.tabs li a:hover{
    color:#9F9;
}
div.tabs div{
padding:10px;
border:solid 1px #CCC;
border-top:none;
}
.pagebox{
	width:95%;
	position:relative;
	margin:10px auto;
	border:solid 1px #CCC;
}
.pagebox .titleImg{
	padding:5px;
	float:left;
}
.sort{
	position:absolute;
	top:0px;
	right:0px;
	color:#FFF;
	font-weight:bold;
}
a.bar{
    text-align:right;
    padding:0px 5px;;
}
.pagebox h2, .bar{
	display:block;
	background:url("sgraphics/gloss-20.png");
	padding-left:10px;
	height:20px;
	font-weight:bold;
	line-height:20px;
	font-size:12px;	
	margin:0px;	
}
.pagebox h2 a{
	text-decoration:none;
}

.pagebox .prod_small{
	float:left;
	margin:8px;
	width:120px;
	height:150px;
	border:double 3px #FFD698;
	text-align:center;
	padding-top:10px;
	overflow:hidden;
}
.pagebox .prod_small a{
	color:#FF9900;
	font-size:11px;
}
.pagebox .prod_small img{
	display:block;
	margin:auto;
	width:100px;
	height:100px;
}
.pagebox .prod{
	float:left;
	margin:8px;
	width:168px;
	height:235px;
	border:double 3px #FFD698;
	text-align:center;
	padding-top:10px;
	overflow:hidden;
	position:relative;
}
.pagebox .prod a{
	color:#FF9900;
	font-size:12px;
}
.pagebox .prod input{
	position:absolute;
	right:0px;
	bottom:0px;
}
.pagebox .prod .soldOut{
	position:absolute;
    bottom:5px;
    right:5px;
    font-weight:bold;
    color:#F00;
}
.pagebox .prod .code{
	font-style:italic;
}
.pagebox .prod .price{
	font-weight:bold;
    position:absolute;
    bottom:5px;
    left:5px;
}
.pagebox .prod img{
	display:block;
	margin:auto;
	width:150px;
	height:150px;
}
.pagebox .prod .round{
	width:152px;
	height:152px;
	display:block;
	position:absolute;
	left:8px;
	top:10px;
	background-image:url("sgraphics/round.png");
	
}
.pagebox.searchbox{
    text-align:center;
}
.pagebox.searchbox div{
    width:90%;
    margin:3px auto;
    border:solid 1px #FFD698;
}
.customer_container{
    width:580px;
    margin:auto;
}
.customer_container .pagebox.half{
width:288px;
float:left;
}
.customer_container .pagebox.half .customer div{
position:relative;
display:block;
height:25px;
}
.customer_container .pagebox.half .customer span{
position:absolute;
left:3px;
}
.customer_container .pagebox.half .customer input,.customer_container .pagebox.half .customer select{
position:absolute;
right:3px;
}
.invalid{
    color:#F00;
}
.req{
    font-weight:bold;
}
#content[name="Brands"] .pagebox .cat{
	height:88px;
    width:168px;
}
#content[name="Brands"] .pagebox .cat img{
width:120px;	
height:60px;
}
.pagebox .cat{
	float:left;
	margin:8px;
	width:120px;
	height:135px;
	border:double 3px #FFD698;
	text-align:center;
	padding-top:10px;
	overflow:hidden;
	position:relative;
}
.pagebox .cat a{
	color:#FF9900;
	font-size:12px;
}
.pagebox .cat img{
	display:block;
	margin:auto;
	width:100px;
	height:100px;
}
.related .relatedprod{
	margin:2px;
	width:168px;
	height:200px;
	border:double 3px #FFD698;
	text-align:center;
	padding-top:10px;
	overflow:hidden;
	position:relative;
}
.related .relatedprod a{
	color:#FF9900;
	font-size:12px;
}
.related .relatedprod img{
	display:block;
	margin:auto;
	width:150px;
	height:150px;
}
.pagebox .brand{
	float:left;
	margin:8px;
	width:120px;
	height:60px;
	border:double 3px #FFD698;
	overflow:hidden;
}
.prodCount{
position:absolute;
right:0px;
top:0px;
font-weight:bold;
color:#FFF;
padding:0px 4px;
z-index:2000;
height:20px;
line-height:20px;
}
.pageCount{
display:block;
position:relative;
height:30px;
clear:left;
text-align:center;
}
.pageCount ul,.pageCount li{
    list-style:none;
    display:inline;
}
.pageCount a{
width:20px;
height:20px;
border:solid 1px #FF9900;
color:#666;
text-decoration:none;
font-weight:bold;
margin:0px 1px;
padding:3px 5px;
}
.pageCount a:hover,.pageCount a[href="#"]{
background:#FDA;
}
.pageCount input[value="Next"]{
position:absolute;
top:0px;
right:10px;
}
.pageCount input[value="Previous"]{
position:absolute;
top:0px;
left:10px;
}

#footer{
	background:#CAE9BC;
	clear:both;
	width:960px;
}
#footer .secure{
	float:left;
}
#footer p, #footer p a{
	font-size:10px;
	color:#666;
	margin:0px;
}

#content .product_image{
	float:left;
	border:double 3px #FFD698;
	width:270px;
	margin:20px;
}
#content .product_image img#Product_Image{
	width:250px;
	height:250px;
	display:block;
	margin:10px;
}
#content .Product_ExtraImages{
	width:270px;
    text-align:center;
}
#content .Product_ExtraImages img{
	width:48px;
    height:48px;
	margin:0px;
}
input.button{
	background:url("sgraphics/gloss-20.png") repeat-x;
	font-weight:bold;
	font-size:12px;
	height:20px;
	border:solid 1px #CCC;
    padding:0px 5px;
    margin:0px;
	font-family:Arial,Helvetica,sans-serif;
}
a.button{
	background:url("sgraphics/gloss-20.png") repeat-x;
	font-weight:bold;
	font-size:12px;
	height:20px;
	border:solid 1px #CCC;
    padding:3px 7px;
    text-decoration:none;
}
#minibask{
	padding-bottom:5px;
    text-align:center;
}
#minibask .basket_item{
	margin:2px 3px;
	width:162px;
	border:double 3px #FFD698;
    overflow:hidden;
    padding:2px;
    text-align:left;
}
#minibask .basket_item a{
    font-size:10px;
    color:#000;
    text-decoration:none;
    white-space:nowrap;
}
#minibask .basket_item .price{
	text-align:right;
}
#minibask .basket_total{
	font-weight:bold;
    display:block;
    height:20px;
}
.basket{
	position:relative;
	margin-bottom:35px;
}
.basket h2{
	background:url("sgraphics/gloss-20.png");
	height:20px;
	font-weight:bold;
	line-height:20px;
	font-size:12px;	
	margin:0px;
}
.basket table{
	width:600px;
}
.basket a.button[name="checkout"]{
	position:absolute;
	right:0px;
	bottom:-30px;
	padding: 0px 5px;
	line-height:20px;
	vertical-align:middle;
}

#zoomImage{
z-index:3005;
position:absolute;
    border:3px groove #FF9900;
}
#darken{
z-index:3000;
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
opacity:0.5;
filter:alpha(opacity=50);
background:#000;
}
#attributebox{
width:265px;
float:left;
}
.attribute{
	display:block;
}

/*------------------------------------Personalized Specifics------------------------------------*/
.radio div{padding:0px;margin:0px;}
#Thread-Color{ }
#Thread-Color div{float:left;position:relative;margin:3px;}
#Thread-Color div input{position:absolute;right:-5px;bottom:-3px;}
#Font{height:150px;overflow-y:scroll;overflow-x:hidden;white-space:nowrap;position:relative;}
#Font div{}
#Font div input{}