﻿
#shop-menu {background:url('../images/skin/shop/menu-bg.jpg') repeat-y left top; position:relative; min-height:90px; padding:40px 10px;}
#shop-menu .top {position:absolute; top:0; left:0;}
#shop-menu .bottom {position:absolute; bottom:0; left:0;}
#shop-menu .footer {clear:both;}
#shop-menu a {font-size:1.2em; font-weight:bold; display:block; float:left; clear:left; margin-bottom:10px;}

#content {width:568px; float:left; margin:0 10px 0 0;}

#shop-content {background:url('../images/skin/shop/content-bg.jpg') repeat-y left top; position:relative; min-height:300px; float:left; width:568px; margin-bottom:10px;}
#shop-content .top {position:absolute; top:0; left:0; z-index:999;}
#shop-content .bottom {position:absolute; bottom:0; left:0;}
#shop-content .footer {clear:both;}

.sub-content {background:url('../images/skin/shop/content-bg.jpg') repeat-y left top; position:relative; min-height:50px; float:left; width:568px; margin-bottom:20px;}
.sub-content .top {position:absolute; top:0; left:0;}
.sub-content .bottom {position:absolute; bottom:0; left:0;}
.sub-content .footer {clear:both;}

.shop-sidebar {float:left; width:189px; margin:0 10px 0 0;}

.sidebar {background:url('../images/skin/shop/menu-bg.jpg') repeat-y left top; position:relative; margin-top:20px; padding:40px 10px 10px 10px;}
.sidebar .top {position:absolute; top:0; left:0;}
.sidebar .bottom {position:absolute; bottom:0; left:0;}
.sidebar .footer {clear:both;}

#latest-products {width:189px; height:123px; position:relative; float:left;}
#latest-products img {position:absolute; z-index:1;}
#latest-products .content {position:absolute; z-index:2; bottom:10px; left:10px; color:Black;}

.qty-panels {display:inline;}
.quantity-textbox {border:solid 1px #533a07; padding:2px; width:20px;}


/* Men */

.men {width:528px; padding:50px 20px 0 20px;}
.men .datalist {width:548px; margin:0; padding:0 10px;}
.men .datalist .product img {width:75px; float:left; margin-bottom:20px;}
.men .datalist .data {width:140px; float:left; margin-left:10px;}
.men .datalist .product {width:250px; margin-bottom:20px; display:block;}

.men .separator {height:20px;}

.men h1 {margin-bottom:0; font-size:1.2em; font-weight:bold; color:#533a07;}
.men p.detail {margin-bottom:10px; padding-bottom:10px; color:#333; border-bottom:solid 1px #533a07;}

.men-title {position:absolute; top:265px; left:300px; z-index:999;}
.men-title h1 {margin-bottom:0; font-size:1.4em;}

.men-shirts-rotator {position:absolute; top:40px; left:330px; z-index:999; text-align:center; width:200px; height:200px; overflow:hidden;}
.men-shirts-rotator img {width:200px;}

.breadcrumb {margin-bottom:10px; display:block;}
.bread-nav {font-weight:bold; float:left; margin-right:10px; padding-left:10px;}

/* Details */

#details {padding:40px 10px 10px 10px;}
#details .add-cart {display:block; float:left; margin:0 10px 10px 0;}
#details .images {float:left; width:200px; margin-right:10px; overflow:hidden;}
#details .images img {width:198px; border:solid 1px black;}
#details .images .thumb1 {width:93px; margin:10px 10px 20px 0; float:left; border:solid 1px black;}
#details .images .thumb2 {width:93px; float:left; margin:10px 0 20px 0; border:solid 1px black;}
#details .title {font-size:1.4em; font-weight:bold; color:#533a07; display:block; margin-bottom:10px;}
#details .descript {border-top:dotted 1px #533a07; border-bottom:dotted 1px #533a07; padding:10px 0; margin-bottom:10px; display:block; float:left;}
#details .sub-title {clear:both; font-weight:bold; color:#533a07; display:block; margin-bottom:10px;}
#details .controls {clear:both; border-top:dotted 1px #533a07; border-bottom:dotted 1px #533a07; padding:10px 0; margin:10px 0; display:block; height:18px;}
#details .ddl {margin-right:10px;}

/* End Details */

/* End Men */

#poopulation {position:absolute; top:150px; left:25px; z-index:999;}
#poopulation table {width:230px;}