body {
	margin:0;
	padding:0;
	height:100%;
	border:none;
	font-family: arial, verdana, sans-serif, helvetica;
	font-size: 11px;
	background-image:url(../img/bg.jpg);
	background-repeat: repeat-x;
	background-color:#252525;
}

img{
border-style: none;
}

#wrapper {
	width: 930px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#container{
width: 99.8%;
height: 450px;
border: 1px #1D1D1D solid;
border-bottom-width: 0px;
border-top-width: 0px;
background-color: #252525;
overflow: hidden;
}
 
#header {
	background: url(../img/header.jpg) no-repeat left top;
	width: 930px;
	height: 200px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	margin-bottom: -5px;
}

#header a:link , #header a:visited , #header a:hover, #header a:active {
	color: #d72521;
	text-decoration:none;
	font-weight: bold;
	}

#unbar {
width:930px;
height: 0px;
background-color: #202020;
list-style: none;
overflow: hidden;
}

#undernav {
      width:930px;
      height: 45px;
      margin: 0;
      padding: 0;
	  margin-top: 0px;
      background: url(../img/animated-undernav.png) repeat-x;
      list-style: none;
      overflow: hidden;
  }

  #undernav li {
      position: absolute;
      overflow: hidden;
      font-size: 1em;
  }

  #undernav li, #undernav li * {height:7px}
  #undernav a { display: block }
  #undernav em, #undernav span {
      display: block;
      position: absolute;
	  top: 0; left: 0;
      z-index: 1;
      background: url(../img/animated-undernav.png) no-repeat;
      cursor: pointer;
  }

  #undernav span { display: none }

  #un-set1 { left: 155px }
  #un-set1, #un-set1 * { width: 84px }
  #un-set1 em { background-position: -155px 0 }
  #un-set1:hover em, #un-set1 span, #set1 #un-set1 em { background-position: -155px -47px }
  #un-set2, #un-set2 * { width: 84px }
  #un-set2 { left: 239px }
  #un-set2 em { background-position: -239px 0 }
  #un-set2:hover em, #un-set2 span, #set2 #un-set2 em { background-position: -239px -47px }
  #un-set3, #un-set3 * { width: 84px }
  #un-set3 { left: 323px }
  #un-set3 em { background-position: -323px 0 }
  #un-set3:hover em, #un-set3 span, #set3 #un-set3 em { background-position: -323px -47px }
  #un-set4, #un-set4 * { width: 84px }
  #un-set4 { left: 407px }
  #un-set4 em { background-position: -407px 0 }
  #un-set4:hover em, #un-set4 span, #set4 #un-set4 em { background-position: -407px -47px }
  #un-set5, #un-set5 * { width: 84px }
  #un-set5 { left: 491px }
  #un-set5 em { background-position: -491px 0 }
  #un-set5:hover em, #un-set5 span, #set5 #un-set5 em { background-position: -490px -47px }

  #undernav .over { text-indent: -999em }
  #undernav .over em { background-image: none }


#nav {
      width:930px;
      height: 64px;
      margin: 0;
      padding: 0;
      background: url(../img/animated-nav.png) repeat-x;
      list-style: none;
      overflow: hidden;
	  margin-top: -75px;
  }

  #nav li {
      position: absolute;
      overflow: hidden;
      font-size: 1em;
  }

  #nav li, #nav li * { height: 64px }
  #nav a { display: block }
  #nav em, #nav span {
      display: block;
      position: absolute;
      top: 0; left: 0;
      z-index: 1;
      background: url(../img/animated-nav.png) no-repeat;
      cursor: pointer;
  }

  #nav span { display: none }

  #n-home { left: 0px }
  #n-home, #n-home * { width: 155px }
  #n-home em { background-position: 0px 0 }
  #n-home:hover em, #n-home span, #home #n-home em { background-position: 0px -65px }
  #n-men, #n-men * { width: 155px }
  #n-men { left: 155px }
  #n-men em { background-position: -155px 0 }
  #n-men:hover em, #n-men span, #men #n-men em { background-position: -155px -65px }
  #n-women, #n-women * { width: 155px }
  #n-women { left: 310px }
  #n-women em { background-position: -310px 0 }
  #n-women:hover em, #n-women span, #women #n-women em { background-position: -310px -65px }
  #n-about, #n-about * { width: 155px }
  #n-about { left: 465px }
  #n-about em { background-position: -465px 0 }
  #n-about:hover em, #n-about span, #about #n-about em { background-position: -465px -65px }
  #n-blog, #n-blog * { width: 155px }
  #n-blog { left: 620px }
  #n-blog em { background-position: -620px 0 }
  #n-blog:hover em, #n-blog span, #blog #n-blog em { background-position: -620px -65px }
  #n-faq, #n-faq * { width: 155px }
  #n-faq { left: 775px }
  #n-faq em { background-position: -775px 0 }
  #n-faq:hover em, #n-faq span, #faq #n-faq em { background-position: -775px -65px }

  #nav .over { text-indent: -999em }
  #nav .over em { background-image: none }


#nav ul, #undernav ul {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
float: left;
margin-top:-70px;
}

#nav ul li, #undernav ul li { display: inline; }
#nav ul li a, #undernav ul li a { float: left; }

#nav li, #undernav li {
width:155px;
height:64px;
}
#nav li a:link , #nav li a:visited , #nav li a:active, #undernav li a:link , #undernav li a:visited , #undernav li a:active  {
display:block;
width:155px;
height:64px;
text-indent: -9999px;
}


	
#cart {
	background: url(../img/cart.png) no-repeat left top;
	width: 125px;
	height: 33px;
	float:right;
	text-align: center;
	line-height: 3em;
	margin-top:50px;
	margin-right:10px;
}

#logo {
	background: url(../img/logo.png) no-repeat left top;
	width: 123px;
	height: 25px;
	float:left;
	margin-top:50px;
	margin-left:10px;
}

#footer{
width: 99.5%;
height: 30px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
color: #666666;
font-size: 11px;
}

#footer a:link , a:visited, a:hover, a:active{ 
	color: #bdbdbd;
	text-decoration:none;
	font-weight: bold;
	}
	
.right a{
font-weight: normal;
}

#footer .left{
float:left;
}

#footer .right{
float:right;
}

#pic-cont{
background-color: #c3c3c3;
width: 220px;
height: 290px;
padding: 5px;
}

#item-cont{
background: url(../img/item_bg.jpg) no-repeat left top;
width: 550px;
height: 300px;
position: relative;
float:left;
}

#rightp_bg{
background-color: #DFDFDF;
width: 270px;
height: 320px;
float:right;
padding:15px;
}

#rightp_c{
background: url(../img/tb_bg.jpg) no-repeat left top;
height: 320px;
width: 270px;
}

#tb_cont{
background-color: #fff;
height: 125px;
width: 55px;
padding: 5px;
position: relative;
float:left;
top:15px;
left:17px;
margin: 0px 20px 20px 0px;
}

#itemtitle{
position: absolute;
float: left;
top: 25px;
left: 250px;
color: #a62a26;
font: 16px/21px Helvetica,sans-serif;
font-weight: 900;
text-transform: uppercase;
}

#itemdesc{
width: 250px;
position: absolute;
float: left;
top: 60px;
left: 250px;
color: #000;
font: 11px/21px Tahoma,sans-serif;
}

/*Selects*/
.NFSelect {height:25px; position:absolute; border:1px solid transparent;}
.NFSelectLeft {float:left; width:0px; height:25px; background:url(../img/select-left.png) no-repeat 0 0; vertical-align:middle;}
.NFSelectRight {height:25px; width:81px; background:url(../img/select-right.png) no-repeat 100% 0; cursor:pointer; font:12px/21px Arial, Helvetica, sans-serif; color:#000; padding-left:10px; margin-left:3px; padding-top:2px;}
.NFSelectTarget {position:absolute; background:none; margin-left:-13px; margin-top:25px; z-index:5; left:0; top:0; padding-bottom:13px;}
.NFSelectOptions {position:relative; background:#E2EAE5; margin-left:16px; margin-top:0; list-style:none; padding:4px 0; color:#000; font:11px/13px Arial, Helvetica, sans-serif; z-index:6; max-height:200px; overflow-y:auto; overflow-x:hidden; left:0; top:0;}
.NFSelectOptions li {padding-bottom:1px;}
.NFSelectOptions a {display:block; text-decoration:none; color:#000; padding:2px 3px; background:none;}
.NFSelectOptions a.NFOptionActive {background:#CFCFCF;}
.NFSelectOptions a:hover {background:#C2CFC7;}
/*Focused*/
.NFfocused {border:1px dotted #666;}
/*Hovered*/
.NFh {background-position:0 100%;}
.NFhr {background-position:100% 100%;}
/*Hidden*/
.NFhidden {opacity:0; z-index:-1; position:relative;}
/*Safari*/
select, input, textarea, button {outline:none; resize:none;}
/*Defaults Styling*/
fieldset {background:#f2f2e6; padding:10px; border:1px solid #fff; border-color:#fff #666661 #666661 #fff; margin-bottom:36px; width:600px;}
input, textarea, select {font:12px/12px Arial, Helvetica, sans-serif; padding:0;}
fieldset.action {background:#9da2a6; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-20px;}
legend {background:#bfbf30; color:#fff; font:17px/21px Calibri, Arial, Helvetica, sans-serif; padding:0 10px; margin:-26px 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3;}
label {font-size:14px; font-weight:bold; color:#666;}
label.opt {font-weight:normal;}
dl {clear:both;}
dt {position: absolute; float:left; text-align:left; top: -125px; left: 315px; width:90px; line-height:38px;}
dd {float:left; position:absolute; top: width:200px; line-height:25px; margin:0 0 10px 0;}

#pricebox{
background-color: #fff;
position: absolute;
float: left;
top: 225px;
left: 260px;
width: 100px;
height: 50px;
border: 1px #ababab solid;
font:28px/30px helvetica,sans-serif;
text-align: center;
line-height: 175%;
}

#addcart{
background: url(../img/addcart.png) no-repeat left top;
width: 90px;
height: 35px;
position: absolute;
float: left;
top: 232px;
left: 390px;
}


#slider {
    width: 550px;
    position: relative;
	float:left;
	top: 25px;
	left: 40px;
}

.scroll {
    height: 300px;
    width: 550px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(../img/item_bg.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
    height: 300px;
    width: 550px;
	margin-right: 5px;
}

#shade {
    background: #EDEDEC url(../img/item_shade.jpg) no-repeat 0 0;
    height: 25px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -30px;
}

.scrollButtons.right {
    right: -30px;
}

.hide {
    display: none;
}



#chome{
	background: url(../img/home_intro.jpg) no-repeat left top;
	width: 930px;
	height: 450px;
	overflow: hidden;
	margin: 0 auto;
	z-index: 3;
}

#cmen{
	background-color: #EDEDEC;
	width: 930px;
	height: 350px;
	overflow: hidden;
	margin: 0 auto;
}

#cwomen{
	background-color: #EDEDEC;
	width: 930px;
	height: 350px;
	overflow: hidden;
	margin: 0 auto;
}

#cabout{
	background: url(../img/home_intro.jpg) no-repeat left top;
	width: 930px;
	height: 450px;
	overflow: hidden;
	margin: 0 auto;
}

#cblog{
	background: url(../img/home_intro.jpg) no-repeat left top;
	width: 930px;
	height: 450px;
	overflow: hidden;
	margin: 0 auto;
}

#cfaq{
	background: url(../img/home_intro.jpg) no-repeat left top;
	width: 930px;
	height: 450px;
	overflow: hidden;
	margin: 0 auto;
}