/*
LEGAL
=====
Copyright: Daemon Pty Limited 2006, http://www.daemon.com.au
Community: Mollio http://www.mollio.org $
License: Released Under the "Common Public License 1.0", 
http://www.opensource.org/licenses/cpl.php
License: Released Under the "Creative Commons License", 
http://creativecommons.org/licenses/by/2.5/
License: Released Under the "GNU Creative Commons License", 
http://creativecommons.org/licenses/GPL/2.0/
*/
/*
Layouts Extension to Mollio HTML/CSS Layout System
Copyright:  Jeff Keith 2006
License: Released Under the "Creative Commons License", 
http://creativecommons.org/licenses/by/2.5/
Colors compacted from 28 to 14
See types: one_N_N, one_N_H, one_N_F, one_N_HF
See types: two_equal_N, two_equal_H, two_equal_F, two_equal_HF
See types: three_equal_N, three_equal_H, three_equal_F, three_equal_HF
See types: four_equal_N, four_equal_H, four_equal_F, four_equal_HF
See types: two_Lexp_N, two_Lexp_H, two_Lexp_F, two_Lexp_HF
See types: two_Rexp_N, two_Rexp_H, two_Rexp_F, two_Rexp_HF
See types: three_RLfix-Cexp_N, three_RLfix-Cexp_H, three_RLfix-Cexp_F, three_RLfix-Cexp_HF
*/
/* THE BIG GUYS */
* {margin:0;padding:0}
body {padding: 0 0 20px;background: #fff;color:#444;font:83%/1.5 arial,tahoma,verdana,sans-serif}

/* LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
a:link {color:#036} 
a:visited {color:#069} 
a:hover,a:active {color:#069} 

/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1.5em}
h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: times,serif;margin: 1.2em 0 .3em;color:#036;border-bottom: 1px solid #F4F4F4;padding-bottom: .1em}
h1 {font-size: 210%;margin-top:.6em}
h2 {font-size: 150%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}
.highlight {color:#E17000}
.subdued {color:#BBB}
.error {color:#C00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#BBB;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}

/* LISTS */
ul {margin: .3em 0 1.5em 0;list-style-type:none}
	ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {line-height: 1.4em;padding-left: 25px;background: transparent url("images/sprites.gif") no-repeat 0 0}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* GENERAL */
img {border:none} 
hr {margin: 1em 0;background:#F4F4F4;height:1px;color:#F4F4F4;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* LAYOUT - HEADER */
#header {background: #003366 url("../images/clothingAccessHeader01.jpg") repeat-x 0 100%;}
#header p {color:#FFF;}

	#header #site-name {font: 265% arial;letter-spacing: -.05em;margin:0px;padding:0px;color:#F4F4F4;border:none}
	
	/* NAV - top horizontal nav */
	#nav, #nav ul {padding: 0;margin: 0;list-style: none}
	#nav {font-weight:bold;height:2.09em;font: bold 96% arial;margin: 0 105px 0 40px}
	#nav li {position:relative;background: #BBB;float: left;width: 10em;display:block;margin: 0;border-bottom: 3px solid #BBB;border-right: 3px solid #444;padding:0}
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#fff;display: block;padding: 4px 10px 2px}
	#nav a:hover {color:#000}
	
	#nav li ul {border-left: 1px solid #003366;background: #F4F4F4 url("images/featurebox_bg.gif") no-repeat 100% 100%;width:15.8em;font-size:90%;margin-top:3px;position: absolute;font-weight:normal;left: -999em}
	#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999}
	
	#nav li li {background:none;float:none;border:none;border: 1px solid #BBB;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}
	#nav li li.last {border-bottom:none}
	#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding: 3px 10px 2px;width:14em}
	#nav li li a:hover {color:#fff;background:#003366}
	
	#nav li.active {background: #003366;border-bottom: 3px solid #003366}
	#nav li.active ul {border:none;background: #003366 url("images/featurebox2_bg.gif") no-repeat 100% 100%}
	#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
	#nav li.active a:hover {color:#000}
	
	#nav li.active li {border:none;border-top: 1px solid #66A6CC;border-bottom: 1px solid #069}
	#nav li.active li.last {border-bottom: none}
	#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#fff}
	#nav li.active li a:hover {background: #BBB url("images/sprites.gif") repeat-x 0 99%;color:#fff}
	
	#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {color:#fff;font-weight:bold;background: #BBB url("images/sprites.gif") repeat-x 0 99%}

	/* hide from IE mac \*/
	#nav li {width:auto}
	/* end hiding from IE5 mac */
	
	/* SEARCH */
	#search {color:#fff;font-weight:bold;position:absolute;top:10px;right:110px;left:auto;width:18em}
	#search form {margin:0}
	#search input {width:8em;margin: 0 0 -1px;height:1.2em}
	#search label {padding:5px 0 0;display:inline}
	#search input.f-submit {width:auto;font-size:81%;margin:0 0 -.15em;height:1.95em}
	
	/* POWERED BY - mollio logo in this case */
	#poweredby {width:96px;height:63px;position:absolute;top:-102px;right:0}

/* LAYOUT - main body of page */
#wrap {min-width:770px;max-width:1200px;margin: 0 auto;position:relative}
	#content-wrap {
	position:relative;
	width:681px;
	height: 4496px;
}
	/* (content-wrap "extra settings")background: #003366 url("../images/fuzzyBeautyBkg01.jpg") no-repeat 100% 100% */
	#utility {position:absolute;top:0;left:25px;width:150px;border-top: 5px solid #BBB;padding-bottom: 40px}
	#sidebar {position:absolute;top:0;right:25px;width:20%;border-top: 5px solid #BBB;padding-top: 1px;padding-bottom: 40px}

#content {margin: 0 50px}
	#content #breadcrumb {margin-top:5px;font-size:93%;font-weight:bold}
	#content #breadcrumb a:link, #content #breadcrumb a:visited {text-decoration:none}
	#content #breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:underline}
	

LAYOUT TYPE two_Rexp_HF
	#type-two_Rexp_HF #content-wrap {background: transparent url("../images/fuzzyBeautyBkg01.jpg") repeat-y 30px 0} 
	#type-two_Rexp_HF #content {margin: 0 23px 0 235px} */
	

/*
End Layouts Extension by Jeff Keith
*/
	
/* SECONDARY NAVIGATION - vertical navigation */
	#nav-secondary, #nav-secondary ul {position:static}
	#nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;}
	#nav-secondary {padding-top:0;border-top: 1px solid #F4F4F4;margin-top: 1px}
	#nav-secondary a {line-height:1.8;padding: 5px 0 5px 23px;font: bold 96% times;font-style: normal;display:block}
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 
	#nav-secondary a:link {color:#123B64} 
	#nav-secondary a:visited {color:#351AAA} 
	/* #nav-secondary a:hover {color:#003366;background: url("../images/li_flower02.png") no-repeat 10px 10px} */
	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#003366} 
	#nav-secondary li {border-top: 1px solid #fff;border-bottom: 1px solid #F4F4F4}

/* LAYOUT - FOOTER */
#footer {clear:both;border-top: 1px solid #E3E8EE;padding: 10px 0 30px;font-size:86%;color:#BBB}
	#footer p {margin:0}
	#footer a:link {color:#BBB}