/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
	background:url(images/bg.png) top center #000;
background-repeat:repeat-y; 
}
*{
	margin:0;
	padding:0;
}
ul, li, ol{
	padding:0;
	margin:0;
	list-style:none;
}
img{
	border:none;
	padding:0;
	margin:0;
}
.cls{
	clear:both;
}
a{
	outline:none;
	color:#366436;
	text-decoration:none;
}
a:hover{
	color:#366436;
	text-decoration:underline;
}
.hide,h1 b,h2 b,h3 b,h5 b,a i{
     position: absolute;
     left: -9999px;
}

.deal {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding: 10px;
margin: 10px;
color: red;
background: #c0c0c0;
position: relative;
width: 150px;
top: -600px;
left: 0px;
opacity:0.6;
filter:alpha(opacity=60);
}
.sale
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;

margin: 10px;
padding: 10px;
	position:absolute;
	top:120px;
	right:50;
	background: #c0c0c0;
	opacity:0.6;
filter:alpha(opacity=60);

}

.wrap{
	width:950px;
	margin:0 auto;
	padding:0 0 0 0;
	overflow:hidden;
}
.header{
	width:950px;
	height:318px;
	position:relative;
}
.shoppingcart{
	position:absolute;
	top:20px;
	right:0;
}
.shoppingcart a{
	width:133px;
	height:18px;
	background:url(images/shoppingcart.png) no-repeat;
	text-indent:-9999px;
	display:block;
}


.shoppingcart a:hover{
	background:url(images/shoppingcart-hover.png) no-repeat;
}
.logo{
	text-align:center;
	padding:10px 0 0 0;
}
.men{
	position:absolute;
	top:253px;
	left:305px;
}
.men ul li{
	width:86px;
	height:54px;
	
	text-indent:-99999px;
}
.men ul li a{
	width:86px;
	height:54px;
	text-decoration:none;
        background:url(images/men.png) no-repeat;
	display:block;
}
.men ul li a:hover{
	background:url(images/men-hover.png) no-repeat;
}
.therest{
	position:absolute;
	top:253px;
	left:393px;
}
.therest ul li{
	width:162px;
	height:54px;

	text-indent:-99999px;
}
.therest ul li a{
	width:162px;
	height:54px;
	text-decoration:none;
	background:url(images/therest.png) no-repeat;
	display:block;
}
.therest ul li a:hover{
	background:url(images/therest-hover.png) no-repeat;
}
.women{
	position:absolute;
	top:253px;
	left:553px;
}
.women ul li{
	width:89px;
	height:54px;

	text-indent:-99999px;
}
.women ul li a{
	width:89px;
	height:54px;
	text-decoration:none;
	background:url(images/women.png) no-repeat;
	display:block;
}
.women ul li a:hover{
	background:url(images/women-hover.png) no-repeat;
}
.mentitle{
	position:absolute;
	bottom:10px;
	left:75px;
}
.mentitle ul li{
	width:90px;
	height:35px;
	
	text-indent:-99999px;
}
.mentitle ul li a{
	width:90px;
	height:35px;
	text-decoration:none;
	background:url(images/men-title.png) no-repeat;
	display:block;
}
.mentitle ul li a:hover{
	background:url(images/men-title.png) no-repeat;
}
.womentitle{
	position:absolute;
	bottom:10px;
	right:70px;
}
.womentitle ul li{
	width:150px;
	height:35px;
	
	text-indent:-99999px;
}
.womentitle ul li a{
	width:150px;
	height:35px;
	text-decoration:none;
	background:url(images/women-title.png) no-repeat;
	display:block;
}
.womentitle ul li a:hover{
	background:url(images/women-title.png) no-repeat;
}
.maincontent{
	width:840px;
	padding:0 55px 0 55px;
	height:380px;
	overflow:hidden;
	position:relative;
}
.menbox{
	width:311px;
	position:absolute;
	top:0;
	left:55px;
	z-index:9;
}
.menbox a{
	width:307px;

	display:block;
	border:2px solid #232323;
}
.menbox a:hover{
	border:2px solid #bebcbd;
}

.accbox {
	width:226px;
  height: 347px;
	display:block;
		padding:15px 10px 10px 10px;
	border:2px solid #BFBDBE;
	background: #000000;
	}
.accbox h2{
	text-transform:uppercase;
	padding:0 0 15px 0;
	margin: 0 0 0 10px;
	font-size:18px;
        color: #232323;
}




.accboxcontentR {
padding: 15px 20px 10px 20px;

}

.accboxcontentR img{
opacity:0.3;
filter:alpha(opacity=30); /* For IE8 and earlier */
}

.accboxcontentR img:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}


.accboxcontentR a{
color: 	#232323;

}

.accboxcontentR a:hover{
color: white;
}


.accboxcontentR p{
	
	font-family:"Arial", Helvetica, sans-serif;
	color: #fff;
	padding:0px 20px 15px 20px;
	font-size:11px;
	line-height:20px;
	letter-spacing:1px;
}



.accboxcontent {
margin: 0 20px 0 10px;

}

.accboxcontent a{
color: 	#232323;

}

.accboxcontent a:hover{
color: white;
}


.accboxcontent p{
	
	font-family:"Arial", Helvetica, sans-serif;
	color: #fff;
	padding:0 0 15px 0;
	font-size:13px;
	line-height:20px;
	letter-spacing:1px;
}

.accboxcontent select{

	height:26px;
	width: 190px;
	float:left;
	border:1px solid #808080;
	margin:0 12px 0 0;
	padding:4px;
        background: black;
        color: #ffffff;
}
.accboxcontent select.small{
	width:82px;
}
.accboxcontent select.last{
	width: 102px;
	margin:0;
}


.accboxright{
	border:2px solid #232323;
	width:307px;
	height:372px;
	position:absolute;
	top:0;
	right:55px;
	z-index:9;
}



.contentboxacc{
	background: #000000;
	width:307px;
	border:2px solid #BFBDBE;
	padding:15px 20px 10px 20px;
	overflow:hidden;
	color:#fff;
	min-height:346px;
}


.womenbox{
	width:311px;
	position:absolute;
	top:0;
	right:55px;
	z-index:9;
}
.womenbox a{
	width:307px;
	height:372px;
	display:block;
	border:2px solid #232323;
}
.womenbox a:hover{
	border:2px solid #bebcbd;
}
.therestbox{
	width:339px;
	position:absolute;
	padding:3px 0 0 6px;
	top:0;
	left:305px;
	z-index:1;
}
.therestbox a{
	width:333px;
	height:333px;
	display:block;
	padding:3px 0 0 6px;
background:url(images/hat.png) no-repeat 0 0;
}
.therestbox a:hover{
	background:url(images/hatmouseover.png) no-repeat 0 0;
}
.theresttitle{	
	width:339px;
	position:absolute;
	top:249px;
	left:390px;
	z-index:2;
}
.theresttitle a{
	width:170px;
	height:33px;
	display:block;
	text-indent:-9999px;
	background:url(images/therest-title.png) no-repeat 0 0;
}
.theresttitle a:hover{
	background:url(images/therest-title.png) no-repeat 0 0;
	
}
.footer{
	width:950px;
	padding:12px 0 8px 0;
	overflow:hidden;
}
.footer ul{
	padding:0 0 0 160px;
}
.footer ul li{
	float:left;
	display:inline;
	height:20px;
	text-indent:-99999px;
	padding:0 6px;
	background:url(images/bullet01.png) no-repeat 0 7px;
}
.footer ul li a{
	display:block;
	text-decoration:none;
}
.footer ul li.facebook{
	background:none;
}
.footer ul li.facebook a{
	width:107px;
	height:20px;
	background:url(images/facebook.png) no-repeat;

}
.footer ul li.facebook a:hover{
	width:107px;
	height:20px;
	background:url(images/facebookhover.png) no-repeat;

}
.footer ul li.facebook a{
	width:107px;
	height:20px;
	background:url(images/facebook.png) no-repeat;
}
.footer ul li.facebook a:hover{
	width:107px;
	height:20px;
	background:url(images/facebookhover.png) no-repeat;
}
.footer ul li.twitter a{
	width:90px;
	height:20px;
	background:url(images/twitter.png) no-repeat;
}
.footer ul li.twitter a:hover{
	width:90px;
	height:20px;
	background:url(images/twitterhover.png) no-repeat;
}
.footer ul li.youtube a{
	width:96px;
	height:20px;
	background:url(images/youtube.png) no-repeat;
}
.footer ul li.youtube a:hover{
	width:96px;
	height:20px;
	background:url(images/youtubehover.png) no-repeat;
}
.footer ul li.blog a{
	width:56px;
	height:20px;
	background:url(images/blog.png) no-repeat;
}
.footer ul li.blog a:hover{
	width:56px;
	height:20px;
	background:url(images/bloghover.png) no-repeat;
}
.footer ul li.forum a{
	width:75px;
	height:20px;
	background:url(images/forum.png) no-repeat;
}
.footer ul li.forum a:hover{
	width:75px;
	height:20px;
	background:url(images/forumhover.png) no-repeat;
}
.footer ul li.faq a{
	width:44px;
	height:20px;
	background:url(images/faq.png) no-repeat;
}
.footer ul li.faq a:hover{
	width:44px;
	height:20px;
	background:url(images/faqhover.png) no-repeat;
}
.footer ul li.contact a{
	width:102px;
	height:20px;
	background:url(images/contact.png) no-repeat;
}
.footer ul li.contact a:hover{
	width:102px;
	height:20px;
	background:url(images/contacthover.png) no-repeat;
}
.musicnote{
	width:950px;
	padding:0 0 5px 0;
	overflow:hidden;
}
.musicnote ul li{
	width:17px;
	height:32px;
	text-indent:-99999px;
	float:right;
}
.musicnote ul li a{
	width:17px;
	height:32px;
	background:url(images/musicnote.png) no-repeat;
	display:block;
	text-indent:-99999px;
}
.musicnote ul li a:hover{
	background:url(images/musicnotehover.png) no-repeat;
}


/* for mens page */



.menscontent{
	width:840px;
	padding:0 55px 0 55px;
	overflow:hidden;
	min-height:380px;
}
.menscontentleft{
	width:311px;
	float:left;
	overflow:hidden;
}
.bigpicholder{
	width:307px;	
	padding:0 0 0px 0;
	border:2px solid #232323;
	text-align:center;
}
.menscontentright{
	width:520px;
	float:right;
	overflow:hidden;
	padding: 0px 0 0 0;
}
.menscontentright ul{
	float:right;
}
.menscontentright ul li{
	width:120px;
	height:120px;
	float:left;
	margin:0 0 8px 10px;
}
.menscontentright ul li a{
	width:116px;
	height:116px;
	border:2px solid #bfbebc;
	display:block;
}
.menscontentright ul li a:hover{
	border:2px solid #232323;
}
.pagination{
	position:absolute;
	bottom:0;
	right:92px;
}
.pagination ul li{
	height:29px;
	background:url(images/bullet02.png) no-repeat 0 12px;
	text-indent:-99999px;
	float:left;
	padding:0 0 0 5px;
}
.mentitle ul li a{
	height:29px;
	text-decoration:none;
	display:block;
}
.pagination ul li.one1 a{
	width:20px;
	height:29px;
	background:url(images/1mouseover.png) no-repeat;
	cursor: auto;
	display:block;
}
.pagination ul li.one1 a:hover{
	width:20px;
	height:29px;
	background:url(images/1mouseover.png) no-repeat;
	cursor: auto;
	display:block;
}
.pagination ul li.two1 a{
	width:19px;
	height:29px;
	background:url(images/2.png) no-repeat;
	display:block;
}
.pagination ul li.two1 a:hover{
	width:19px;
	height:29px;
	background:url(images/2mouseover.png) no-repeat;
	display:block;
}

.pagination ul li.one2 a{
	width:20px;
	height:29px;
	background:url(images/1.png) no-repeat;
	
	display:block;
}
.pagination ul li.one2 a:hover{
	width:20px;
	height:29px;
	background:url(images/1mouseover.png) no-repeat;
	
	display:block;
}
.pagination ul li.two2 a{
	width:19px;
	height:29px;
	background:url(images/2mouseover.png) no-repeat;
	cursor: auto;
	display:block;
}
.pagination ul li.two2 a:hover{
	width:19px;
	height:29px;
	background:url(images/2mouseover.png) no-repeat;
	cursor: auto;
	display:block;
}

.pagination ul li:first-child{
	background:none;
}



/* for womens page */


.womenscontent{
	width:840px;
	padding:0 55px 0 55px;
	overflow:hidden;
	min-height:380px;
}
.womenscontentleft{
	width:521px;
	float:left;
	overflow:hidden;
}
.womenscontentleft ul li{
	width:120px;
	height:120px;
	float:left;
	margin:0 10px 8px 0;
}
.womenscontentleft ul li a{
	width:116px;
	height:116px;
	border:2px solid #bfbebc;
	display:block;
}
.womenscontentleft ul li a:hover{
	border:2px solid #232323;
}
.womenscontentright{
	width:311px;
	float:right;
	overflow:hidden;
}


/* for content page */

.thecontentright{
	width:510px;
	float:right;
	overflow:hidden;
}
.contentbox{
	background: #000000;
	width:466px;
	border:2px solid #BFBDBE;
	padding:15px 20px 10px 20px;
	overflow:hidden;
	color:#fff;
	min-height:346px;
}
.contentbox h2{
	text-transform:uppercase;
	padding:0 0 15px 0;
	font-size:18px;
        color: #232323;
}
.productinfo a{
color: 	#232323;

}

.productinfo a:hover{
color: white;
}

.contentbox p{
	
	font-family:"Arial", Helvetica, sans-serif;
	
	padding:0 0 15px 0;
	font-size:13px;
	line-height:20px;
	letter-spacing:1px;
}
.itembox{
	width:478px;
	padding:0 0 35px 0;
	overflow:hidden;
}
.itembox select{

	height:26px;
	width: 190px;
	float:left;
	border:1px solid #808080;
	margin:0 12px 0 0;
	padding:4px;
        background: black;
        color: #ffffff;
}
.itembox select.small{
	width:82px;
}
.itembox select.last{
	width: 102px;
	margin:0;
}
.addcart{
	width:478px;
	padding:0 0 0 0;
	overflow:hidden;
}
.addcart span{
	float:left;
	display:block;
	padding:0 0 0 165px;
}
.addcart ol{
	float:right;
	padding:7px 0 0 0;
}
.addcart ol li{
	float:left;
	display:inline;
	text-indent:-99999px;
	padding:0 5px;
	background: url(images/bullet02.png) no-repeat scroll 0 9px;
}
.addcart ol li.back{
	width:58px;
	height:23px;
}
.addcart ol li.back a{	
	width:58px;
	height:23px;
	background:url(images/back.png) no-repeat;
	display:block;
	text-decoration:none;
}
.addcart ol li.back a:hover{	
	background:url(images/backhover.png) no-repeat;
	text-decoration:none;
}
.addcart ol li.next{
	width:61px;
	height:23px;
}
.addcart ol li.next a{	
	width:61px;
	height:23px;
	background:url(images/next.png) no-repeat;
	display:block;
	text-decoration:none;
}
.addcart ol li.next a:hover{	
	background:url(images/nexthover.png) no-repeat;
	text-decoration:none;
}
.addcart ol li:first-child{
	background:none;
}



/* the rest page */



.restcontent{
	width:840px;
	padding:0 55px 0 55px;
	height:380px;
	overflow:hidden;
}
.leftbox{
	width:250px;
	float:left;
	padding:0 0 0 0;
}
.rightbox{
	width:250px;
	float:right;
	padding:0 0 0 0;
}

.rightboxacc{
	text-align: center;
	width:246px;
	height: 372px;
	float:right;
	padding:0 0 0 0;
	background: #000000;
	border:2px solid #232323;
		
	
}


.rightboxacc h2{
text-align: center;
	text-transform:lowercase;
	padding:0 0 15px 0;
	margin: 0 0 0 10px;
	font-size:16px;
	font-style:italic;
color: #fff;
}


.restcontent ul li{
	width:120px;
	height:120px;
	float:left;
	margin:0 10px 8px 0;
}
.restcontent ul li a{
	width:116px;
	height:116px;
	border:2px solid #bfbebc;
	display:block;
}
.restcontent ul li a:hover{
	border:2px solid #232323;
}
.restcontent ul li.second{
	margin-right:0;
}
.middlebox{
	width:337px;
	float:left;
	height:337px;
	padding:3px 0 0 3px;

	text-align:center;
}
.menscontentright ul li.second{
	margin-right:0;
}
.womenscontentleft ul li.second{
	margin-right:0;
}
.menscontentright ul li.last{
	margin-bottom:0;
}
.womenscontentleft ul li.last{
	margin-bottom:0;
}
.ribbon{
	position:absolute;
	bottom:-99px;
	right:-2px;
}
.contentbigpicholder{
padding: 0 0 0 0;
	border: 2px solid #232323;
}


.fb-like {float: right;
padding: 0 10px 0 0;}
.twitter {float: right;
padding: 0 0 15px 0;}