/* CSS Document */

.productdesc a:link, .productdesc a:visited, .productdesc a:hover, .productdesc a:active {
	text-decoration: none;
	color:#CC0000;
}

.productdesc a:hover, .productdesc a:active {
 	text-decoration:underline;
	color: #333;
	}

body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#fff;
margin:0px;
color:#333333;
background: #fff url(../images/backgrounds/bg.gif) 50% 0 repeat-y;
line-height:18px;
}

#top_box {padding: 3px 0 0 0; text-align: center; position: absolute; right: 0; top: 0; width: 215px; height: 28px; background: #fff url(../images/top_box.gif) 0 0 no-repeat;}
#top_box a {font-size: 11px; color: #ffffff; padding: 0 6px;}
p {margin: 12px; font-size: 12px;}

a img{
border:none;
}

.clear {
clear:both;
height: 1px;
margin-top: -1px;
font-size:1px;
}

.red {
color:#FF0000;
}

#container {
position: relative;
width: 950px;
margin: auto;
}

#banner {
width: 950px;
height: 123px;
margin-bottom: -3px;
}

html>body #banner{
margin-bottom: 0px;
}

#main {
width: 950px;
height: auto;
}

/*
#main .left{
float: left;
width: 310px;
margin-right:18px;
}
*/

#main .right{
float: right;
width: 948px;
}


/** CONTENT **/

.right .content {
width: 940px;
height: auto;
min-height: 390px;
background: #fff url(../images/backgrounds/new_content_bg.gif) 0 48px no-repeat;
border-left: 1px solid #eaeaea;
margin-top: 4px;
}

.right .bottom{
width: 940px;
height: 12px;
background-image:url(../images/backgrounds/new_content_bottom.gif);
background-repeat:no-repeat;
}

/** CATEGORY Men/Womens **/

p.category{
margin-right: 10px;
width: 50px;
border-left: 1px solid #666;
padding-left: 3px;
margin-left: 0px;}

/** PICTURES/ THUMBNAILS **/
.content .pictures {
padding-top: 10px;
margin-left: 8px;
padding-bottom: 10px;
}

.pictures ul{
margin:0px;
padding:0px;
list-style-type:none;
}

.pictures li {
display:inline;
list-style-type:none;
}

/** LEFT CONTENT **/

.content .home_intro {
	float: left; 
	padding-top: 15px;
	margin: 0 0 0 10px; 
	width: 365px;
}

.content .contentleft{
float:left;
width: 660px;
}

.content .content_onebox {
	float: left;
	width: 940px;
	padding-top: 20px;
}

#home_page .productdesc p {
	line-height: 20px;
	font-size: 13px;
	margin-left: 30px;
	width: 519px;
	}


.breadcrumbs{
clear: both;
margin-left: 10px;
font-size: 12px;
text-transform:lowercase;
}

.breadcrumbs a {color: #333; text-decoration:none;}
.breadcrumbs a:hover {color: #333; text-decoration:underline;}

.contentleft .productdesc {
font-size: 13px;
width: 295px;
text-align:left;
float:left;
}

.contentleft #avail_colours {
float: left;
margin-left: 15px;
}

#avail_colours table {margin-top: -10px;}

#description p {
	text-align: justify;
	text-align-last: right;
	}

img.thumb_list {
	margin-top: 0px; padding: 2px; border: 1px solid #ccc;
	}

/** left - color swatches **/


.contentleft .colors{
clear:both;
padding-top: 20px;
width: 295px;
margin-left: 70px;
}

html>body .contentleft .colors{
margin-left: 30px;
}

.quick_links {
	height: 200px;
}

.colors ul, .quick_links ul{
list-style-type:none;
margin:0px;
padding:0px;
}

html>body .colors ul{
margin-left: 40px;
}

.colors li,  .quick_links li {
display:inline;
list-style-type:none;
margin-left: 15px;
}

.quick_links li {
	margin-left: 0;
}

.colors ul.colorcaption{
float:right;
padding-top: 5px;
margin-right: 20px;
}

html>body .colors ul.colorcaption{
margin-right: 0px;
}

ul.colorcaption li {
text-align:center;
margin-left: 3px;
}

.colors img{
vertical-align:middle;
}
/** left - additional information **/

.contentleft .addinfo{
clear:both;
font-weight:bold;
float:right;
font-size:13px;
text-align:left;
padding-top: 10px;
padding-bottom: 5px;
}

#choose_size {
	float: left; 
	padding-top: 40px;
	margin-left: 20px;
	}

.addinfo a{
color:#000;
text-decoration:underline;
}

.addinfo ul{
list-style-type:none;
margin:0px;
padding:0px;
margin-right: 11px;
}

.addinfo li {
list-style-type:none;
margin-bottom: 5px;
}


/** CONTENT RIGHT **/

.content .contentright{
float:left;
margin-left: 10px;
width: 250px;
}

.contentright .producttitle{
color:#000;
font-size: 19px;
font-weight:bold;
}

.contentright .productpic{
margin-left: 15px;
padding-top: 15px;
}

.productpic img{
border: 1px solid #999;
padding: 3px;
}

/** FOOTER **/
#footer {
text-align:center;
padding-top: 20px;
font-size: 11px;
padding-bottom: 15px;
}

#footer .logo{
padding-bottom: 5px;
padding-top: 5px;
}

#footer .links a{
color: #7F7F7F;
text-decoration:none;
}

#footer .vcard {
color:#595959;
}

#footer .vcard .org {
display: none;
}

#footer .vcard a {
color:#FF0000;
text-decoration:none;
}

#footer .designedby{
color:#888888;
padding-top: 8px;
}

#footer .designedby a{
color:#888888;
text-decoration:none;
}


/* TEXT */

h2 {
	font-size: 17px;
	padding: 0 10px 10px 10px;
	}

table.product_table {
	width: 570px;
	margin: 5px 0 0 40px;
	padding: 5px;
	}
	
table.cart p {
	font-size: 11px;
	margin: 2px;
	padding: 0px;
	}
	
.product_table a, table.cart a {
	text-decoration: none;
	color: #333;
	}

.product_table a:hover, .product_table a:active, table.cart a:hover, table.cart a:active {
	text-decoration: underline;
	color: #ff0000;
	}

table.cart {
	width: 610px;
	margin: 5px 0 0 0;
	padding: 2px;
	}
	
table.cart p.price {
	color: #990000;
	font-weight:bold;
	}
	
.featured_product {
	margin-left: 10px;
}
#home_page .productdesc .featured_product p {width: 270px; margin-left: 40px; font-size: 12px;}
.featured_product h2, .home_intro h2 {font-size: 18px; color: #990000; font-weight:normal;}

/* SLIDER */
#slider {float: left;}
#slider ul li {list-style: none;}
#slider li {
	margin-left: 0; 
	width:550px;
	overflow:hidden; 
	height: 400px;
}

/* NAV */

/** menu **/
.right .menu {
width: 950px;
font-size: 11px;
}

html>body .right .menu{
width: 952px;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 14px;
	text-align:center;
}

#nav a {
	display: block;
	width: 85px;
	font-weight:bold;
	margin: 0; padding: 0;
}

#nav ul li, #nav ul li a {
min-height: 30px;
}

#nav li { /* all list items */
	float: left;
	width: 85px; /* width needed or else Opera goes nuts */
	margin-right: 0px;
}

html>body #nav li.nomargin{
  margin-right: -1px;
}

html>body #nav li{
   margin-right: 1px;
}

#nav ul li a{
   color:#333;
   padding-top: 4px;
   padding-bottom: 4px;
   text-decoration:none;
   text-indent:3px;
   display:block;
   width:85px;
}

#nav ul li a:hover{
   color:#fff;
   padding-top: 4px;
   padding-bottom: 4px;
   text-decoration:none;
   text-indent:3px;
   display:block;
   background-color:#23334c;
   width:85px;
}

#nav ul li{
    border-bottom: 1px solid #fff;
	width: 85px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background-color:#d5dfed;
	width: 85px;
	left: -99999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -38px 0 0 85px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -99999px;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}