/* CSS Document */

/* GENERAL STYLES
-----------------------*/ 
body {
	margin:0;
	padding:0;
	background:#D4CABF url(../images/bg-body.gif) repeat-x center top;
	text-align:center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#body_box {
	width:960px;
	height:277px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

.important {font-size:11px; font-family:Arial, Helvetica, sans-serif; width:500px; color:#95897e;}

.clear {clear:both;}
.clearright {clear:right;}

IMG {border:none;}
a, object {outline:none}
#main-nav h2, #account-nav h3, #my-bag h3, #connect-nav h3 {display:none; font-size:12px; color:#fff; font-weight:normal; text-decoration:none;}

/* NAVIGATION STYLES
-----------------------*/ 
#nav_panel {
	width:960px;
	height:217px;
	background:#0E8DDB url(../images/bg-mainnav-whole.gif) no-repeat left bottom;
}

#topnav_box {
	height:79px;
	width:930px;
	/*background: url(../images/bg-topnavbox.gif) repeat-x left bottom;*/
	margin: 0px;
	padding-left: 0px;
}

#topnav_box a {
	padding:0;
	border: 0;
	margin: 0;
}

#logo {
background: url(../images/nav/header.gif) repeat-x left bottom;
width:960px;
height=173px;
padding-top:173px;
}

#breadcrumb_box {margin:44px 0 0 18px; width:400px; position:absolute; color:#bdbdbd; font-size:9px}
#breadcrumb_box a {color:#bdbdbd; text-decoration:none; padding:0 2px 0 2px; font-size:11px}
#breadcrumb_box a:hover {color:#777; text-decoration:none; font-size:11px}
#breadcrumb_box span {color:#777; font-size:11px; padding:0 2px 0 2px; }


/* NAVIGATION STYLES
-----------------------*/ 

#controls-wrapper {width:225px; height:78px; float:right; background:url(../images/bkg-account-nav.gif) repeat-y 0 0; border:none;}

/* main-nav styles */

#main-nav {
	margin:100px 0px 0px 10px;
	text-align:left;
	width:690px;
	height:36px;
   
    
}
#main-nav a {
	height:36px;
	display:block;
	text-align:left;
	cursor:pointer;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 15px;
} 

#main-nav a:hover {
	color: #b3dbf4;
}

#main-nav div {margin:0; padding:0; float:left; display:block ;}	

	/*Dropdowns*/
	#main-nav div ul {position:absolute; top:205px; width:160px; left:-9999px; background:url(../images/bg-drop.gif) bottom left no-repeat; list-style:none; padding:5px 0 12px 0; z-index:999; margin:0 0 0 -6px; }
    
    #main-nav div {margin:0 50px 0 0;}
    #main-nav div:hover, #main-nav div.iehover {position:static;}
	#main-nav div:hover ul, #main-nav div.iehover ul {left:auto;}
	#main-nav div ul li { margin:0; padding:0; float: left; width: 160px;}
	#main-nav div ul li a { font-size: 12px; text-decoration: none; height:23px; line-height:23px; width:140px; color:#fff; margin:0; padding:0 12px; float: left; display: block;}
	#main-nav div ul li a:hover {color:#b3dbf4 !important;}
    
    .on {color: #b3dbf4;}
    /*Filters*/
    #main-nav div ul li.mn-filter a {color:#796e6a; font-style:italic;}
	


/* CONTENT BACKGROUND STYLES
-----------------------*/ 

#contentbg_box {
	width:960px;
	height:auto;
	background:url(../images/bg-content.gif) repeat-y 0px 0px;
}
#contentbg_top {
	width:960px;
	height:auto;
	background:url(../images/bg-content-top.gif) no-repeat 0px 0px;
}
#contentbg_bot {
	width:960px;
	height:auto;
	background:url(../images/bg-content-bot.gif) no-repeat left bottom;
	padding:0 0 4px 0;
}
#contentbg_bot2 {width:960px; height:auto; background:url(../images/bg-content-bot.gif) no-repeat left bottom; padding:0 0 4px 0;}
#contentside_L {float:left; width:10px;}
#content_box {
	float:left;
	width:765px;
	height:auto;
	padding:0 0 0 0px;
	background:url(../images/bg-content-TR-corn.gif) no-repeat top right;
	padding-top: 4px;
}

/* CONTENT STYLES
-----------------------*/ 
#content {
	font-size:12px;
	width:720px;
	color:#555;
	margin:20px;
	text-align: left;
	min-height: 550px;
}
#content a:link, a:visited {color: #0B5F89; text-decoration:none}
#content a:hover {color: #666666;}

.heading {font-weight:bold; color:#0B5F89; font-size:15px; padding-bottom:20px}
.subheading {
	font-weight:bold;
	color:#0B5F89;
	font-size:12px;
}
#content ol {
	padding-left:20px;
    font-weight:bold; 
    color:#0B5F89; 
    font-size:14px;
}
#content ol p {
	color:#555;
 	font-size:12px;
    font-weight:normal; 
}

#content ol p a:link, #content ol p a:visited{color:#252322;font-size:11px;}

#content ol p a:hover{color:#555;font-size:11px;}


/* Stretch Now Group Table*/
#table_company
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 10px;
	width: 600px;
	border-collapse: collapse;
	text-align: left;
}
#table_company th
{
	font-size: 14px;
	font-weight: normal;
	color: #6B8633;
	padding: 10px 8px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #40501F;
}
#table_company td
{
	border-bottom: 1px solid #ccc;
	color: #6B8633;
	padding: 6px 8px;
}
#table_company tbody tr:hover td{color: #6B8633;}

#table_company a:link, a:visited {color: #666666;}
#table_company a:visited {color: #666666; font-size: 12px; padding-left:0px;}
#table_company a:hover {color: #9fcee8;}


/* End of Stretch Now Group Table*/


#table_address
{
	
	font-size: 12px;
	background: #fff;
	margin: 10px;
	width: 480px;
	border-collapse: collapse;
	text-align: left;
}

#table_address a:link, a:visited {color: #0B5F89; text-decoration:none}
#table_address a:hover {
	color: #666666;
}

#table_waterproblem
{
	font-size: 12px;
	background: #fff;
	margin: 25px;
	width: 650px;
	border-collapse: collapse;
	text-align: left;
}
#table_waterproblem th
{
	font-size: 16px;
	font-weight: bold;
	color: #187bb8;
	padding: 10px 8px;
	border-bottom: 2px solid #187bb8;
}
#table_waterproblem td
{
	border-bottom: 1px solid #ccc;
	color: #555;
	padding: 6px 8px;
}

#table_waterproblem ul {
	padding-left: 20px;
	list-style-type: disc;
}

#table_waterproblem td a:link, #table_waterproblem td a:visited{color: #187bb8;}

#table_waterproblem td a:hover{	color: #0B5F89;}

#table_waterproblem tbody tr:hover td{color: #555;}

#table_question
{
	font-size: 12px;
	background: #fff;
	margin: 25px;
	width: 650px;
	border-collapse: collapse;
	text-align: left;
}
#table_question th
{
	font-size: 14px;
	font-weight: bold;
	color: #187bb8;
	padding: 10px 8px 5px 8px;
	
}
#table_question td
{
	border-bottom: 1px solid #d0ccc8;
	color: #555;
	padding: 3px 8px 8px 8px;
}


#table_question td a:link, #table_waterproblem td a:visited{color: #187bb8;}

#table_question td a:hover{	color: #0B5F89;}

#table_question tbody tr:hover td{color: #555;}


#contenttxtbox {font-size:12px; width:690px; color:#555; margin:20px 0 20px 20px; background: transparent; line-height:15px}
#contenttxtbox A {color:#95897e; text-decoration:none; font-weight:bold;}
#contenttxtbox A:HOVER {color:#555; text-decoration:underline;}
#contenttxtbox .news-thumbnail {margin: 5px 0px 0 25px; float:right;}

#contenttxtbox OL {list-style-type:decimal;}
#contenttxtbox OL LI {padding:5px 0 5px 0;}

#contenttxtbox .header {color: #95897e; font-size:19px; font-weight:normal; line-height: 19px; margin-bottom:15px}
#contenttxtbox .header2 {font-size:13px; font-weight:bold; color:#2D2D2D; padding:0 0 3px 0;}
#contenttxtbox .header3 {font-size:13px; font-weight:bold; color:#2D2D2D; padding:10px 0 0 0; height:25px; background: #FFF url(../images/bg-newitem.gif) repeat-x left bottom; cursor:pointer;}
#contenttxtbox .header SPAN {font-size:11px; color:#95897e;}
#contenttxtbox .header2 SPAN {font-size:11px; color:#95897e;}
#contenttxtbox .header3 SPAN {font-size:12px; color:#95897e;}
#contenttxtbox .pullout {font-size:14px; color:#95897e; line-height:18px;}
#contenttxtbox .smltxt {font-size:11px;}
#contenttxtbox .divider {width:690px; height:1px; background:#ebe9e5;}
#contenttxtbox .divider2 {width:690px; height:1px; background:#ebe9e5; margin:18px 0 18px 0;}

.contact_box {float:left; width:320px; height:200px; margin-top:10px; background:url(../images/bg-contactbox.gif) repeat-x #FFF; background-position:bottom; font-size:11px; color:#555; border:1px solid #DCDCDC;}
.contact_box .contactH {font-weight:bold; padding:15px 0 0px 20px; font-size:13px; color: #95897e; }
.contact_box .content {padding:0 0 10px 20px; width:300px;}
.contact_box .content SPAN {font-size:9px; margin:0 0 5px 0; display:block; color:#858585; line-height:12px}
.contact_box .content A {color:#95897e; text-decoration:none; font-weight:bold;}
.contact_box .content A:HOVER {color:#555; text-decoration:underline;}

/* SUBNAV BACKGROUND STYLES
-----------------------*/ 
#subnav_box {
	float:left;
	width:195px;
	background:#9ECEE8 url(../images/bg-subnav-rpt.gif) repeat-y;
}

/*header each page*/
#subnavbg_products {background:url(../images/sh-products.gif) no-repeat left top;}
#subnavbg_filtered_water {background:url(../images/sh-filtered-water.gif) no-repeat left top;}
#subnavbg_why_aquapure {background:url(../images/sh-why-aquapure.gif) no-repeat left top;}
#subnavbg_about_us {background:url(../images/sh-about-us.gif) no-repeat left top;}
#subnavbg_home {background:url(../images/sh-home.gif) no-repeat left top;}

#subnav_box .subnav {
	font-size:13px;
	color:#9ECEE8;
	padding:65px 0 0 22px;
}
#subnav_box .subnav DIV {
	color:#FFFFFF;
	padding:0 0 5px 0px;
}
#subnav_box .subnav DIV A {color:#3679B5; text-decoration:none; padding:0 0 5px 0px;}
#subnav_box .subnav DIV A:visited {color:#3679B5; text-decoration:none; padding:0 0 5px 0px;font-size:13px;}
#subnav_box .subnav DIV A:HOVER {color:#fff;}
#subnav_box .subnav DIV.ON {
	color:#ffffff;
	background:url(../images/arrow-subnav.gif) no-repeat 0px 8px;
	padding:0 0 5px 10px;
}
#subnav_box .subnav DIV.ON A {color:#FFF;}
#subnav_box .subnav DIV.ON A:hover {
	color:#FFFFFF;
}
.break {height:1px; line-height:1px; display:block; margin:6px 20px 6px 0; background:#a59b92; padding:0 !important;}

h5 {display:inline; color:#302523; font-size:11px; font-weight:normal;} 

#shopdropbg {float:left; width:150px; height:auto; background:url(../images/bg-shop-drop-bg.gif) repeat-y;}
#shopdrop_top {float:left; width:150px; height:11px; background:url(../images/bg-shop-drop-top.gif) no-repeat;}
#shopdrop_bot {float:left; width:150px; height:auto; background-position:bottom; font-size:11px;}
#drop_img {float:left; width:43px; height:43px; padding:0 0px 0 0px;background: url(../images/drop_img_bg.gif) no-repeat 0px top; margin: 0 5px 0 12px;}
#drop_box {float:left; width:auto; height:auto; padding:0px 0 0 0;}
#drop_name {color:#555; padding:0 0 3px 5px; width:80px; font-size:11px;}
#drop_price {color:#302523; padding:0 0 3px 5px; font-size:11px}
#drop_price h5{font-size:9px}
#drop_tick {padding:5px 0 5px 65px; display:none;}

#droptop_box {padding:0px 0 0 0; }
#droptop_box .itemadded {float:left; height:22px; padding:0 0 0 13px; }
#droptop_box .close {float:right; width:16px; height:17px; padding:0 5px 0 0; cursor:pointer;}

.convert {font-weight:normal; color:#999999; font-size:20px;}

/* CATEGORY DISPLAY STYLES
-----------------------*/ 
#category_holder {
	width:730px;
	height:277px;
	margin:0px 0 1px 0;
	background:white url('/images/bg.jpg');
}
#category_img {width:730px; height:275px; background:#FFF;}
#category_disp {width:730px; height:162px; padding:1px 0 0 0; background:#FFF;}
#category_headbg {width:730px; height:59px; background:url(../images/bg-cat-dis-head.gif) no-repeat; padding:0 0 0 0;}

#category_headbg .uologo {float:left; width:34px; height:33px; padding:13px 13px 0 15px;}
#category_headbg .byline {float:left; width:325px; height:33px; padding:15px 0 0 0;}
#category_headbg .cathead {float:right; width:185px; height:33px; padding:13px 15px 0 0; text-align:right; display:none}

/* ROW DISPLAY STYLES
-----------------------*/ 
/*row header*/
#rowhead_bg {
	width:760px;
	height:75px;
	background:url(../images/bg-row-head.gif) no-repeat right top;
	font-size:11px;
}
#rowhead_bg .header {
	float:left;
	height:24px;
	width:auto;
	padding:20px 0 0 19px;
	color: #7a7774;
	font-size: 24px;
	font-family: "century gothic", Verdana;
}

#rowhead_bg .text {font-size:10px; color:#777; padding:0px 5px 0 0;}
#rowhead_bg .dropdown {width:60px; padding:0; margin: 0}
#rowhead_bg .dropstyle {font-size:11px; color:#444; margin-top:0px}

#rowhead_bg .paging_size {float:right; width:400px;}
#rowhead_bg .paging {float:right; width:auto; padding:31px 20px 0 0; font-size:11px; color:#4C4C4C;}

#rowhead_bg .paging .number A {padding:0 4px 1px 4px; color:#4C4C4C; font-size:11px; text-decoration:none; text-align:center; margin:1px 3px 0 0; display:block; line-height:13px;}
#rowhead_bg .paging .number A:HOVER {color:#4C4C4C; text-align:center; background:#FFF;}
#rowhead_bg .paging .number DIV.on {padding:0 4px 1px 4px; color:#4C4C4C; font-size:11px; background:#FFF; margin:1px 3px 0 0; text-align:center; font-weight:bold; line-height:13px;}

.paging .showbut {height:16px; width:58px; padding:0px 0 0 0;}
.paging .back {width:21px; height:16px; padding:0px 2px 0 8px;}
.paging .back #off {
	width:59px;
	height:23px;
	background:url(../images/but-back-disabled.gif) no-repeat;
}
.paging .forward {width:21px; height:16px; padding:0px 4px 0 0;}
.paging .forward #off {width:21px; height:16px; background:url(../images/but-forward-disabled.gif) no-repeat;}

.paging .prev {width:39px; height:16px; padding:0 4px 0 8px;}
.paging .next {width:38px; height:16px; padding:0 15px 0 0;}
.paging .backlist {width:73px; height:16px; padding:0 0 0 0;}

/*row display*/
.rowbg {
	width:760px;
	height:253px;
	background:url(../images/bg-row-all.gif) repeat-x #FFF;
	margin:1px 0 0 0px;
}
.row_box {
	width:760px;
	height:253px;
	margin:0 0 0 2px;
}
.row_box .rowitem {
	float:left;
	width:253px;
	height:253px;
	background: transparent;
	text-align: center;
}
.row_box .newdial {position:absolute; z-index:1; width:31px; height:31px; margin:20px 0 0 200px;}
.row_box .online-exclusive {position:absolute; z-index:1; width:31px; height:31px; margin:20px 0 0 180px;}
.row_box .rowimg{
	width:auto;
	height:174px;
	margin:12px 25px 0 37px;
	text-align:center;
}

.row_box .rowimg a:visited img {
	width:auto;
	text-align:left;
	margin-right:37px;
}
.row_box .rowimg div a:visited img{
	margin: auto;
	text-align:center;
}

/*rollover show/hide enlargement */
.rowimg-rollover, a.rowimg-rollover:visited{
	display:block;
	width: 190px;
	height: 190px;
	background:transparent;
	border:none;
	position:absolute;
	text-align:center;
	margin:0;
    padding: 12px 25px 0 0px;
}

a.rowimg-rollover:hover{
display:block;
	width: 186px;
	height: 190px;
	background:transparent;
	border:none;
	position:absolute;
	text-align:center;
	margin:0;
    padding: 12px 25px 0 37px;
border:1px solid #ebe9e5;
}
#rollover{
display:none;
border:1px solid #ebe9e5;
}


/*center aligns row images in all browsers*/
.row_box .rowimg DIV {width:183px; height:167px; display:table-cell; text-align:center; vertical-align:bottom; font-size:130px;}
.row_box .rowimg DIV IMG {vertical-align:bottom; text-align:center;}
.row_box .rowimg A {text-decoration:none; color:#FFF; text-align:center; background-position:center !important;}
.row_box .rowimg A:visited {padding-left:0px; text-decoration:none; color:#FFF; text-align:center; background-position:center !important }
.row_box .rowitem H2 {
	width:253px;
	text-align:center;
	color:#4596C1;
	padding:20px 0 0 0;
	margin:0px;
	font-weight:normal;
	font-size:12px;
}
.row_box .rowitem H2 A {width:253px; height:11px; text-align:center; color:#4596C1; text-decoration:none;}
.row_box .rowitem H2 A:VISITED {width:253px; height:11px; text-align:center; color:#4596C1; text-decoration:none;padding-left:0px;}
.row_box .rowitem H2 A:HOVER {
	width:253px;
	height:11px;
	text-align:center;
	color:#0B5F89;
	text-decoration:none;
}
.row_box .item{
	text-align:center;
	color:#7b6e6c;
	padding:0px 0 20px 0;
	width:auto;
	font-size:11px
}

.row_box .rowitem .itemprice {
	color:#535353;
	font-size:12px;
	padding:5px 5px 0 0px;
	line-height:15px;
	text-align: center;
}
.row_box .saleprice {text-decoration:none; font-weight:normal; font-size:11px; font-size:11px; padding:2px 0px 0 0; color:#e70c00;}
.row_box .non-sale-price {text-decoration: line-through; color:#7b6e6c; font-size:11px }
.row_box .itemview {text-align:center; width:58px; height:16px; padding:7px 0px 0 45px; display:none}


.rowbg_comp {
	width:760px;
	height:220px;
	background:url(../images/bg-row-all-comp.gif) repeat-x #FFF;
	margin:1px 0 0 0px;
}
.row_box_comp {
	width:760px;
	height:220px;
	margin:0 0 0 2px;
}

.row_box_comp .rowitem {
	float:left;
	width:253px;
	height:220px;
	background: transparent;
	text-align: center;
}
.row_box_comp img{
	width:auto;
	height:174px;
	margin:12px 25px 0 37px;
	text-align:center;
}
/*.row_box_comp .rowimg DIV {width:183px; height:167px; display:table-cell; text-align:center; vertical-align:bottom; font-size:130px;}
.row_box_comp .rowimg DIV IMG {vertical-align:bottom; text-align:center;}*/


.row_box_comp .rowdesc {
	float:left;
	width:253px;
	height:220px;
	background: transparent;
	text-align: left;
	padding:0;
	margin:0px;
}
.row_box_comp .rowdesc H2 {
	width:253px;
	color:#4596C1;
	font-weight:normal;
	font-size:16px;
	padding-top: 40px;
}
.row_box_comp .rowdesc p{font-size:12px;}

.row_box_comp .rowprice {
	float:left;
	width:253px;
	height:220px;
	background: transparent;
	text-align: center;
}
.row_box_comp .rowprice .price {
	font-weight:bold;
	color:#535353;
	font-size:20px;
	padding:50px 5px 0 0px;
	line-height:35px
}

#rowbase {
	width:760px;
	height:45px;
	background:url(../images/bg-row-foot.gif) no-repeat right bottom;
	margin:1px 0 0 0;
}
#rowbase .paging_size {float:right; width:400px;}
#rowbase .paging {float:right; width:auto; height:18px; padding:15px 15px 0 0;}

#rowbase .paging .number A {padding:0 4px 1px 4px; color:#4C4C4C; font-size:11px; text-decoration:none; text-align:center; margin:1px 3px 0 0; display:block; line-height:13px;}
#rowbase .paging .number A:HOVER {background:#FFF; color:#454545; text-align:center;}
#rowbase .paging .number DIV.on {padding:0 4px 1px 4px; color:#4C4C4C; background:#FFF; font-size:11px; margin:1px 3px 0 0; text-align:center; font-weight:bold; line-height:13px;}

/* DETAIL DISPLAY STYLES
-----------------------*/ 
#logo_3m{
	width:40px;
	height:40px;
	text-align:left;
	float:right;
	padding: 10px 10px 0 0;
}


#detail_area {
	width:760px;
	height:auto;
	text-align:left;
	font-size:12px
}
#detailbg {
	width:760px;
	height:auto;
	background:transparent;
}
#detailbg_bot {
	float:left;
	width:760px;
	height:26px;
	background:url(../images/bg-detail-content-bot.gif) repeat-x;
}
#detailbg_top {
	float:left;
	width:760px;
	height:auto;
	background:#fff;
	min-height: 550px;
}
#detailbg_curve {float:left; width:730px; height:30px; background:transparent;}

#detail_area .wrapper {width:390px; height:auto; float:left; padding:0; margin-right:35px;}
#detail_img {
	width:360px;
	height:250px;
	padding:50px 0 5px 0;
	margin-left:35px;
	text-align: center;
}
#thumbnail-holder {padding:0; margin-left:35px; width:auto;}
#thumbnail-holder table {float:left; padding:0; margin:0; width:73px; height:73px; text-align:center;}
.tablecellnormal {border:1px solid #ebe8e8; width:67px; height:67px}
.tablecellactive {border:1px solid #95897e; background:#fff; width:67px; height:67px}

#thumbnail-holder .dropshadow-bottom {background:url(../images/thumbnail-ds-bottom.gif) no-repeat left top; height:6px}
#thumbnail-holder .dropshadow-right {background:url(../images/thumbnail-ds-right.gif) no-repeat left top; width:6px}
#thumbnail-holder .dropshadow-corner {background:url(../images/thumbnail-ds-corner.gif) no-repeat left top; width:6px; height:6px}

#popup_box {position:absolute; margin:0; padding:0; width:730px; background: #fff url(../images/bg-detail-content-bot.gif) repeat-x left bottom; border-bottom:1px solid #e9e9e9; display:none; z-index:99999}
#popup_box .enlargement {padding: 0px 0 15px 0}
.popup_trigger_open {width:360px; height:375px; background:none; text-align:left; cursor:pointer;}
.popup_trigger_open:hover {width:310px; height:310px; background:url(../images/nav/zoom-enlarge.gif) no-repeat 0px 20px; text-align:left; cursor:pointer;}

.popup_trigger_close {width:480px; height:480px; background: url(../images/nav/zoom-out.gif) no-repeat left top; margin: 30px 0 0 30px; text-align:left; cursor:pointer; position:absolute;}
.popup_trigger_close:hover {background:url(../images/nav/zoom-out-ro.gif) no-repeat; text-align:left; cursor:pointer;}

.caption {position:absolute; color:#b0adab; font-size:11px; margin-top:355px; margin-left:35px; width:200px; height:20px}

.other-images {float:right; height:16px; width:auto; margin: 20px 16px 0 0}
.other-images .back {width:21px; height:16px; padding:0px 4px 0 0px; background:url(../images/but-back-off.gif) no-repeat; float:left; cursor:pointer;}
.other-images .back:hover {width:21px; height:16px; padding:0px 4px 0 0px; background:url(../images/but-back-ro.gif) no-repeat; float:left;}
.other-images .forward {width:21px; height:16px; padding:0px 0px 0 0; background:url(../images/but-forward-off.gif) no-repeat; float:left; cursor:pointer;}
.other-images .forward:hover {width:21px; height:16px; padding:0px 0px 0 0; background:url(../images/but-forward-ro.gif) no-repeat; float:left;}
.other-images .back span, .other-images .forward span {visibility:hidden;}


/*center aligns detail image (non flash) in all browsers except IE - refer to IE stylesheet for IE style*/
/*#detail_img DIV {width:320px; display:table-cell; text-align:center; vertical-align:middle;}
#detail_img DIV IMG {vertical-align:middle; text-align:center;}*/

#detail_content {
	float:left;
	width:260px;
	height:auto;
	padding:50px 0 0 0px;
	color:#505050;
	font-size:12px;
}
#detail_content H2 {
	color:#0778BC;
	font-weight:normal;
	font-size:19px;
	padding:0px;
	margin:0px 0px 15px 0px;
	line-height:24px
}
#detail_content H3 a:link, #detail_content H3 a:visited{
	color:#0E8DDB;
	text-decoration:none;
	font-size:12px;
}
#detail_content H3 a:hover{color:#6a6461;}
#detail_content H3 {
    color:#6a6461; 
    font-weight:normal; 
    font-size:12px; 
  	margin:5px 0px 25px 0px;
    line-height:24px
}
#detail_content .dropstyle {font-size:12px; color:#444; height:auto}


#detail_content #select {
	padding: 0px;
	width: 190px; 
	float: left;
}

#detail_content .select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 0px;
	color: #fff;
	font: 12px arial,sans-serif;
	overflow: hidden;
}


#detail_icon {
	float:left;
	width:360px;
	height:auto;
	padding:10px 0 0 50px;
	color:#505050;
	font-size:12px;
}

#detail_icon a{text-decoration:none;color:#0E8DDB;padding-top:0px;margin-top:0px;}
#detail_icon a:visited{color:#0E8DDB;}
#detail_icon a:hover{color:#6a6461;}


#item_select {width:auto; height:auto; margin:15px 0 0 0;}
select {border:1px solid #dadada; background:#fff; font-size:11px; padding:0;}
#largeColor {position:absolute; z-index:2; width:120px; height:70px; margin-top:0px; padding:5px; border:1px solid #E2E9E0; display:none; background:#FFF;}
#swatchTitle {padding:1px 0 0 0;}
.swatch {float:left; width:17px; height:17px; padding: 2px 0 0 2px; border:1px solid #E2E9E0; margin:0 3px 5px 0;}
.swatch-txt {padding:0 0 5px 0;}

.colour-box {width:auto; margin:0 0 10px 0; padding:6px 0 0 0; border-top:1px solid #E2E9E0; border-bottom:1px solid #E2E9E0;}
.Ditem {width:auto; height:auto; padding:0 0 2px 0;}
.Ditem2 {width:auto; height:auto; padding:0 0 2px 0;}
.Ditem2 .labelhead {width:100px; height:auto; margin:2px 0 0 0;}
.Ditem2 .label {float:left; width:52px; height:auto; margin:5px 0 0 0; padding: 1px 0 0 0;}
.Ditem2 .colorSelect {width:150px; float:left; margin-bottom:3px}
.Ditem .label {width:52px; height:auto; margin:4px 0 0 0; padding: 0px 0 0 0; line-height:16px}
.Ditem .price {
	font-weight:bold;
	color:#535353;
	font-size:20px;
	padding:0px 5px 0 0px;
	line-height:35px
}
#item_select .product_name{
	width:90px;
	line-height:15px;
	font-size:12px;
	font-weight:bold;
	color:#3c85b0;
	padding-left:0px;
	float:inherit;
	text-align:left;
}
.saleprice {font-weight:normal; font-size:11px; text-decoration:line-through; font-size:11px; padding:2px 0px 0 0;}

.Ditem .colourOFF {margin:0 5px 0 0;}
.Ditem .colourRO {margin:0 5px 0 0; background:url(../images/dcolour-border.gif) no-repeat;}
.Ditem .colourON {margin:0 5px 0 0; background:url(../images/dcolour-border.gif) no-repeat;}

.Ditem DIV {
	float:left;
	height:auto;
	width:auto;
	padding: 1px 0 0 30px;
}
.Ditem #sold-out {
	float:left;
	height:auto;
	width:auto;
	padding: 5px 0 0 30px;
	font-size: 16px;
	color:#CC0000;
}

#download {width:auto; height:40px; padding:20px 0 0 0;}

#download h2 {
	padding-top:12px;
	color: #666666;
}

#download table a:link {padding-left: 10px; font-size:12px; color:#661100; text-decoration:none;}
#download table a:visited {padding-left: 10px; font-size:12px; color:#661100; text-decoration:none;}
#download table a:hover {padding-left: 10px; color:#666666; text-decoration:none;}
#download .border {border-bottom: 1px #D6D6D6 solid;}

#download .file-list {width:110px; height: 45px; padding:0; background:#FFF url(../images/quantity-bkg.gif) no-repeat left 0px; float:left}


.Dbutsml {width:auto; height:6px; padding:20px 0 14px 0;}
.Dbutsml DIV {float:left; width:auto; height:6px; margin:0 5px 0 0;}

#related_product {
	float:left;
	width:760px;
	height:161px;
	background:url(../images/bg-detail-related.gif) no-repeat right top;
	font-size:11px;
	bottom: auto;
}
#related_product .rowhead {float:left; width:151px; height:161px; border-right:1px solid #FFF;}
#related_product .relatedhead {width:155px; height:26px; margin:35px 0 0 5px;}
#related_product .rowitem {float:left; width:152px; height:161px; background:transparent; border-right:1px transparent;}
#related_product .rowimg {width:86px; height:86px; padding:12px 30px 0 30px; text-align:center;}

/*center aligns related_products images in all browsers except IE - refer to IE stylesheet for IE style*/
#related_product .rowimg DIV {width:86px; height:86px; display:table-cell; text-align:center; vertical-align:bottom;}
#related_product .rowimg DIV IMG {vertical-align:bottom; text-align:center;}
#related_product .rowimg A {text-decoration:none; color:#FFF;}

#related_product .itemname {float:right; width:144px; height:15px; text-align:center; color:#95897e; padding:20px 0 2px 0;}
#related_product .itemname a {color:#4596C1; text-decoration:none;}
#related_product .itemname a:hover {color:#0B5F89; text-decoration:none;}
#related_product .itemprice {text-align:center; color:#7b6e6c; padding:7px 0 0 0; width:auto; font-size:11px;}
#related_product .itemview {width:58px; height:16px; padding:4px 0px 0 45px; display:none;}
#related_product .itemviewOFF {width:58px; height:16px; background:url(../images/but-item-view-off.gif) no-repeat; display:none;}
#related_product .itemviewRO {width:58px; height:16px; background:url(../images/but-item-view-ro.gif) no-repeat #F9F9F9; display:none;}

/*rollover show/hide enlargement */
#related_product .rowimg-rollover, #related_product a.rowimg-rollover:visited{
	display:block; background:transparent; border:none; width:86x; height: 95px; position:absolute; text-align:left; margin: 0 0 0 0; padding: 0 5px 0 0;
}

#related_product a.rowimg-rollover:hover{
display:block;
	width: 86px;
	height: 95px;
	background:transparent;
	border:none;
	position:absolute;
	text-align:center;
	margin:0;
    padding: 12px 25px 0 37px;
border:2px solid #ebe9e5;
}


/* SITEMAP STYLES
-----------------------*/ 
#sitemap {
	float:left;
	font-size:10px;
	padding:0px 0 0 0px;
	margin:0px;
}

#sitemap .column {
	float:left;
	width:250px;
}

#sitemap .column UL {list-style:none; margin-left:-30px;}
#sitemap .column UL LI {font-size:11px; font-weight:bold; color:#555; padding:2px 0 2px 0;}
#sitemap .column UL LI A:LINK {font-size:11px; text-decoration:none; color:#555;}
#sitemap .column UL LI A:VISITED {font-size:11px; text-decoration:none; color:#555;padding:2px 0 2px 0;}
#sitemap .column UL LI A:HOVER {font-size:11px; color:#95897e;}
#sitemap .column UL UL {list-style:none; margin:3px 0px 10px 0; padding:0px 0 0 10px;}
#sitemap .column UL UL LI {font-size:11px; font-weight:normal; color:#95897e; background:url(../images/arrow-sitemap.gif) no-repeat 0px 5px; padding:0px 0 1px 5px;}
#sitemap .column UL UL LI A:LINK { text-decoration:none; color:#0E8DDB; padding:0px 0 1px 5px;}
#sitemap .column UL UL LI A:VISITED { text-decoration:none; color:#0E8DDB; padding:0px 0 1px 5px;}
#sitemap .column UL UL LI A:HOVER {color:#67B5E5; text-decoration:none;}

#table_sitemap
{
	
	font-size: 12px;
	background: #fff;
	width: 480px;
	border-collapse: collapse;
	text-align: left;
}

#content .main a:link{
	color: #0B5F89;
	text-decoration:none;
	font-style:bold;
	font-size:13px;
	text-align: center;
}
#content .main a:visited {
	color: #0B5F89;
	text-decoration:none;
	font-style:bold;
	font-size:13px;
	text-align: center;
}

#content .main a:hover {color: #666666;}

#table_sitemap .main td{font-style:bold;}
#table_sitemap .sub{}



/* FOOTER STYLES
-----------------------*/

#footer {
	width:960px;
	height:75px;
	margin-top:10px;
	background:#3C85B1 url(../images/bg-footer-left.gif) no-repeat 0px 0px;
	text-align:left;
}

#footer .links-style1 {float:left; margin: 13px 17px 0 0px; padding-left:20px; text-align:left; font-size:11px; font-weight:normal; color:#95897e;}
#footer .links-style1 a {text-align:left; display:block; background:url(../images/arrow-nav.gif) no-repeat 0px 5px; padding:0px 0 0px 10px; text-decoration:none; color:#88BCCF;}
#footer .links-style1 a:visited {font-size:11px;}
#footer .links-style1 a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

/* twitter/facebook nav */

#connect-nav {
	width:15px;
	float:right;
	height:75px;
	background-image: url(../images/bg-footer-right.gif);
	background-repeat: no;
	background-position: right;
}
#connect-nav a {height:75px; display:block; text-align:right; cursor:pointer; float:right;}

	#btn-twitter {width:133px; height:75px; display:block; background:url(../images/nav/connect-nav.gif) no-repeat 0 0;}
	#btn-twitter:hover, a#btn-twitter.hover {background-position: 0px -75px;}	
	#btn-myspace {width:145px; height:75px; display:block; background:url(../images/nav/connect-nav.gif) no-repeat -133px 0;}
	a#btn-myspace:hover, a#btn-myspace.hover {background-position: -133px -75px;}
	#btn-facebook {width:136px; height:75px; display:block; background:url(../images/nav/connect-nav.gif) no-repeat -278px 0;}
	a#btn-facebook:hover, a#btn-facebook.hover {background-position: -278px -75px;}

	#copyright {color:#7b7472; font-size:11px; width:500px; margin-top:15px}
	#copyright a {color:#7b7472; text-decoration:none; padding:0px;}
    #copyright a:visited {color:#7b7472; text-decoration:none;font-size:11px;padding:0px;}
	#copyright a:hover {color:#261c1c;}


#lookbook-corner {position:absolute; width:15px; height:15px; text-align:right; margin-left:915px}

/*Blog*/
/*Blog Nav*/
div#subnavbg_blog .subnav {line-height:18px; font-size:12px !important;}
    .subnav #archives, .subnav #categories, .subnav #tags {padding:0 15px 20px 0 !important;}
    #subnavbg_blog .on {font-weight:bold;}
    #subnavbg_blog span {color:#b6aea6; padding-left:4px;}
    #subnavbg_blog h4 {text-transform:uppercase; font-size:11px; margin:0; letter-spacing:1px;}
    /*Archive Tree*/
    #subnavbg_blog .tree {list-style:none; padding:0; margin:0; list-style-position:inside;}
    #subnavbg_blog .tree ul {list-style:none; padding-left:16px; margin:0; }
    #subnavbg_blog .tree a {background:url(../images/arr-right.gif) 2px 5px no-repeat; padding-left:12px;}
        #subnavbg_blog .tree .open {background:url(../images/arr-down.gif) 0 7px no-repeat;}
    #subnavbg_blog .tree li {padding:0; background:none;}
    #subnavbg_blog .tree li ul {padding-top:4px;}
    #subnavbg_blog .tree li li {padding:0;}
    
    #categories ul {list-style:none; padding:0; margin:0; }
    .tags-more {padding-top:8px; display:block;}
    
/*Blog Content*/
.blog {margin-top:0;}
    .blog h2 {border-top:1px solid #eee; display:block; font-size:24px; color:#2D2D2D; padding:20px 0 0 0; margin:40px 0 0 0; cursor:pointer; color:#2D2D2D !important;}
    .blog h2 a {font-weight:normal !important; }
    .blog h3 {font-size:11px; border-top:1px solid #eee; padding:10px 0 0; margin-top:10px; text-transform:uppercase;}
    .blog h4 {font-size:11px; color:#aaa; margin:0; padding:10px 0 0 0; font-weight:normal;}
        .blog h4 a {color:#aaa !important; font-weight:normal !important;}
    .blog .add_comment {float:right;}
    .blog .clear {display:none;}
    .blog .navigation {border-top:1px solid #eee; padding:5px 0; margin-top:40px;}
    .blog .previous {float:left;}
    .blog .next {float:right;}
.comments_headers {background:url(../images/arr-down-light.gif) no-repeat 0 75%; padding-left:16px !important;}
#comment_list {margin:0; padding:0; list-style:none;}
    #comment_list li {display:block; border-top:1px dashed #eee;}
    #comment_list .comment_meta {float:left; width:200px; margin:0; padding:10px 0;}
    .comment_num a {padding-right:10px; color:#D7D2CE !important;}
	#comment_list .comment_time {display:block; color:#ccc;}
	#comment_list .entry {padding:10px 0 30px 200px;}
#comment {border:1px #aaa solid; padding:4px; display:block; width:480px;}
#comment_form p {margin:0; padding:0 0 10px;}
    #comment_form label  {margin:0; font-size:11px; color:#aaa;}
    #comment_form label input, #subscribe {margin:0;}
    #comment_form #submit {border:none; background:url(../images/btn-comment.gif); display:block; width:80px; height:21px; font-weight:bold; text-transform:uppercase; color:#3B3E3A; font-size:10px; line-height:10px; text-align:center;}
    	#comment_form #submit:hover {background-position:bottom; cursor:pointer;}