/*
	CSS StyleSheet
	developed by Cezar Berea
	cezar@webstarsltd.com
*/
*{margin:0; padding:0; }
a{ color: #fff; text-decoration: underline; }
html, body{ margin:0 !important; padding:0 !important; font: 10px Arial, Helvetica, sans-serif; background: black; color: #fff;}
#page-container{ width: 900px; margin: 0 auto; }
	#header{ width: 900px; float: left; background: url("../images/bg-header.gif"); height: 113px; position: relative;}
		#logo{ position: relative; left: 28px; top: 16px; }
		#logo a{ width: 160px; height: 58px; text-indent: -9999px; display: block; background: url("../images/logo.gif") no-repeat center center; float:right; margin-right:28px; }
	#navigator{ position: absolute; right: 28px; bottom: 1px; }
	#navigator li{ float: left; margin-right: 4px; list-style: none; display: block; }
	#navigator li a{ display: block; height: 24px; text-decoration: none;}
	#nav-home{ background: url('../images/nav-home.gif'); width: 75px; }
	#nav-about{ background: url('../images/nav-about.gif'); width: 76px; }
	#nav-shop{ background: url('../images/nav-shop.gif'); width: 70px; }
	#nav-contact{ background: url('../images/nav-contact.gif'); width: 87px; }
	#nav-faqs{ background: url('../images/nav-faqs.gif'); width: 70px; }
	#nav-sizes{ background: url('../images/nav-sizes.gif'); width: 70px; }

	#content{ width: 900px; height: 461px; float: left; background: url("../images/bg-content.jpg") repeat-y center top; }
	#page-container > #content{ min-height: 461px; height: auto; }
	#content.home{ background: url("../images/bg-content-home2.jpg") repeat-y center top; }

	#footer{ width: 900px; height: 21px; float: left; background: #000 url("../images/bg-footer.gif")  no-repeat top center; padding-top: 25px; color: #b2b2b2; }
		#footer p{ float:left; padding-left: 6px; }
		#footer ul{ list-style: none; float:right; }
		#footer ul li{ float:left; padding: 0 8px; border-left:1px solid #b2b2b2; }
		#footer ul li.first{ border-left: none; }
		#footer ul li a{ color: #b2b2b2; font-weight:bold; text-decoration: none; }
		#footer ul li a:hover{ text-decoration: underline; }
		

#text-youve-done-fashion{ background: url("../images/text_youve-done-fashion.gif"); width: 446px; height: 55px; text-indent: -9999px; margin: 0 auto; }

#homegal{ position: relative; left: 347px; top: 84px; width: 221px; height: 290px; }
#homegal a{ width: 221px; height: 290px; text-decoration:none; display: block; overflow: hidden; text-decoration: none; }
#homegal a img{ border: 0; width: 100%; }
/*#homegal a#big{ display:block; width: 219px; height: 290px; text-decoration:none; }*/

#products-list{ margin: 10px auto; width: 883px; }

#products-list li{ float: left; display: block; width: 883px; background: url("../images/prodbox_bottom.gif") no-repeat bottom center; padding-bottom: 11px; margin-bottom: 15px; }
#products-list li .t{ background: url("../images/prodbox_top.gif") no-repeat top center; padding-top: 11px; }
/*#products-list li .c{ background: #151515; color: #808080; padding: 0 15px; }*/
#products-list li .c{ background: #151515; color: #cbcbcb; padding: 0 15px; font: 1.1em "Trebuchet MS", Verdana, sans-serif; }
#products-list .pic{ float: left; display: block; width: 195px; height: 232px; background: url("../images/image_border3.jpg") no-repeat center center; padding-top: 28px; margin-right: 15px; }
#products-list a img{ border: 0; display: block; margin: 0 auto; }
#products-list img{ border: 0; display: block; margin: 0 auto; }

#products-list .info{ float: left; width: 320px; padding-right: 15px; border-right: 1px solid #404040; margin-right: -1px; text-align: left; }
#products-list .info h2{ font-size: 16px; color: #fff; font-weight:bold;}
#products-list .info p, li{ font-size: 11px;  }
#products-list .info li{ list-style: none; display: block; float: none; background: url("../images/dash1.gif") no-repeat left center; padding:0 0 0 6px;  width: auto; text-align: left; }
#products-list .info p, #products-list .info ul{ margin: 10px 0; }

#products-list form{ float: left; width: 270px; border-left: 1px solid #404040; color: #fff; margin-top: 15px; padding-top: 10px; text-align: left; }
#products-list form p{ font-size: 14px; margin: 10px 0; width: 200px; position: relative; left: 80px; }
#products-list .submit{ text-align: left; margin: 10px 0;  width: 100px; left: 80px; position: relative; }
#products-list label{ width: 150px; position: relative; left: 24px; margin: 4px 0;  }


#products-list label{ display: block; padding-left: 80px; text-align: left; }

#products-list form p big{ font-size: 17px; font-weight: bold; }
#products-list form p small{ font-size: 11px; }

#products-list label.color{ background: url("../images/icon_color.gif") no-repeat left center; }
#products-list label.size{ background: url("../images/icon_size.gif") no-repeat left center; }
#products-list label.qt{ background: url("../images/icon_qt.gif") no-repeat left center; }
#products-list span.old_price { background: url("../images/point-white.jpg") repeat-x center;}

#products-list label.qt select{ width: 45px; }
#products-list label.color select{ width: 95px; }
#products-list label.size select{ width: 95px; }
#products-list label.color input{ width: 95px; }
#products-list input, #products-list select{ border: 1px solid #969696; background: #151515; color: #fff; font-size: 10px; padding: 1px 0; }

#products-list .submit input{ width: 115px; height: 26px; background: url("../images/btn_add.gif"); color: #fff; font-weight: bold; text-align: center; border: 0; font-size: 12px; cursor: pointer; }


#content .textbox{ width: 803px; color: #cbcbcb; margin: 30px auto; background: url("../images/roundbox_bottom1.gif") no-repeat bottom center; padding-bottom: 10px;}
#content .textbox .t{ background: url("../images/roundbox_top1.gif") no-repeat top center; padding-top: 10px;}
#content .textbox .c{ background: #151515; padding: 0 15px; }
#content .textbox .l{ width: 480px; float: left; }
#content .textbox .r{ width: 270px; float: right; }

#content .textbox h1{ color:#fff; font: 3.2em "Book Antiqua", sans-serif; background: url("../images/hline1.gif") no-repeat bottom left; width: 100%; padding: 0 0 10px; }
#content .textbox .c .l{ font: 1.1em "Trebuchet MS", Verdana, sans-serif; }
#content .textbox .c .l p{ margin: 15px 0 0 ;}

#content .textbox h2 { padding-top: 15px; }

#content .textbox2{ width: 803px; color: #cbcbcb; margin: 30px auto; background: url("../images/roundbox_bottom1.gif") no-repeat bottom center; padding-bottom: 10px; }
#content .textbox2 .t2{ background: url("../images/roundbox_top1.gif") no-repeat top center; padding-top: 10px;}
#content .textbox2 .c2{ background: #151515; padding: 0 15px 30px;}

#content .textbox2 h1{ color:#fff; font: 2.7em "Book Antiqua", sans-serif; width: 100%; padding: 0 0 10px; }

#content .textbox2 h2 { padding-top: 15px; }

/* site wide elements */
.inside{ padding:12px; }

/* clearing floats */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.clear{ clear: both; }

.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }

.b{ font-weight: bold; }
.i{ font-style:italic; }

.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }

.fr{ float: right !important; }
.fl{ float: left !important; }
.rfr{ position:relative; float: right !important; }
.rfl{ position:relative; float: left !important; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }