/* HUFFER STUFF STYLESHEET */

*:focus { 
	outline: none; 
	}
*::-moz-focus-inner { 
	border: none; 
	}


* {
font-family:arial, helvetica, sans-serif;
font-size:11px;
}





body {
margin:0px;
padding:0px;
text-align:center;
background-color:#ffffff;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#000000;
padding-top:5px;
font-weight:bold;
padding-bottom:5px;
margin-top:15px;
margin-bottom:0px;
}

h2 {
font-family:Helvetica, Arial, sans-serif;
width:750px;
color:#000000;
font-weight:bold;
border-bottom-width:1px;
border-bottom-style:dotted;
border-bottom-color:#FFFFFF;
margin:0px 0px 0px 40px;
padding:5px;
font-size:14px;
}

h3 {
font-family:"Courier New", Courier, mono;
font-size:14px;
color:#333333;
margin-bottom:0px;
margin-top:17px;
}

div {
text-align:left;
}

a {
color:#000000;
}


a, a:visited  {
text-decoration:none;
color:#000000;
}

a:hover{
text-decoration:underline;
color:#0000FF;
}

form {
padding:0px;
margin:0px;
}

img {
border:0px;
}

optgroup {
color:#1486B2;
font-weight:bold;
}

option {
color:#000000;
}

h1 {
font-size:150%;
}

/* SEARCH */

#topNav {
	position: relative;
	/*min-height:50px;*/
	width: 810px;
	padding: 0 0 2px 0;
	margin-left: 20px;
}

#searchNav {
	position: absolute;
	top:5px;
	left: 550px;
	
}

.searchBox {
	width: 120px;
	height: 30px;
     border-style: hidden;
     border-width: 0px;
     /*color: #8AB08A;*/
     padding-left:7px;
     padding-right:7px;
     font-size:8pt;
     background: url(/images/nav/new/search_border.png) no-repeat 0 0;
     margin-left:3px;
     
}

#searchText {
	width:70px;
	margin-left:3px;
	margin-top:3px;
	background: none;
	border: none;
	color:#0000FF;

}


#dropHeader {
	/*position: absolute;
	top:5px;
	left: 0px;*/
	margin-left: 20px;
	}

#dropNote {
	font-size: 120%;
	font-weight: 500;
	color:#999999;
	padding: 5px 5px 15px 0px;
	line-height: 150%;
	/*position: absolute;
	top:120px;
	left: 0px;*/
	}


/* BREADCRUMBS */




#bread {
	/*color: #ccc;
	background-color: #006;*/
	/*position: absolute;
	top:105px;
	left: 0px;*/
	padding: 10px 5px 10px 0px;
	width:800px;
	/*margin-bottom: 5px;*/
	}

#bread a {
font-weight: bold;
}

#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#bread ul li {
	margin-left: 0;
	padding-right: 2px;
	border: none;
	list-style: none;
	display: inline;
	}
	
#bread .last a, #bread .last a:visited {
	text-decoration:none;
	color:#0000FF;
}

#bread .last a:hover {
	text-decoration:underline;
	color:#333333;
}




/* ZEE DIVISIONS */

#fullscreen {
	width:1008px;
	margin-left:auto;
	margin-right:auto;
}

#container {
	width:980px;
}

/* BROWSE BITS */

div.stylegroup {
text-align:left;
color:#0000FF;
font-size:150%;
font-weight:bold;
padding:10px 2px 10px 0px;
margin-left: 20px;
}

.typeLine {
	position: relative;
	min-height:20px;
	width:810px;
	/*left: -10px;*/
	background:url('/images/stuff/range_shad.png') no-repeat 0 0;
}

div.stylepreview {
width:170px;
height:300px;
float:left;
cursor:pointer;
margin:5px 0px 5px 20px;
/*background-color:#FFFFFF;
border:1px solid #EEEEEE;*/
}

div.stylepreview .thumb {
width:170px;
height:260px;
margin:0px auto 0px auto;
background-color:#FFFFFF;
/*border:1px solid #EEEEEE;*/
}

div.stylepreview .thumb img {
width:170px;
height:260px;
}

div.stylepreview div.label {
text-align:left;
color:#000000;
font-size:90%;
font-weight:bold;
padding:11px 2px 10px 2px;
overflow: hidden;
/*line-height: 90%;*/
}

div.stylepreview div.garmentLine {
	/*position: relative;
	height:20px;*/
	width:170px;
	background:url('/images/stuff/style_shad.png') no-repeat 0 0;
}


/* STYLE BROWSER BITS */


#styleBody {
/*position:relative;
background-color:#FFFFFF;
border:1px solid #DDDDDD;
padding:10px;
height:550px;*/
width:850px;
margin-left: 20px;
margin-top: -20px;

}

#styleCol1 {
min-height:600px;
width:300px;
padding: 20px 0 0 0;
float:left;
}

#styleCol2 {
min-height:600px;
width:400px;
padding: 20px 0 0 0;
float:left;
margin-left: 20px;
background: url(/images/stuff/style_shad_side.png) no-repeat top right;

}

#styleTab {
width:100px;
position: relative;
left:700px;
}

#styleTabNext {
height:35px;
}

#styleTabPrev {
height:35px;
background: url(/images/stuff/styletab_shad.png) no-repeat top left;

}

#styleTabHome {
height:35px;
background: url(/images/stuff/styletab_shad.png) no-repeat top left;

}

#styleTabIT {
height:70px;
background: url(/images/stuff/styletab_shad.png) no-repeat top left;

}



#styleTabNextBut {
position: absolute;
height: 35px;
width: 100px;
top: 0;
left: 0;
padding: 10px 5px 10px 10px;
}

#styleTabPrevBut {
position: absolute;
height: 35px;
width: 100px;
top: 35px;
left: 0;
padding: 10px 5px 10px 10px;
}

#styleTabHomeBut {
position: absolute;
height: 35px;
width: 100px;
top: 70px;
left: 0;
padding: 10px 5px 10px 10px;
}

#styleTabNextBut a, #styleTabPrevBut a, #styleTabHomeBut a {
font-weight:bold;
font-size:120%;
color:#999999;
}

#styleTabNextBut a:hover, #styleTabPrevBut a:hover, #styleTabHomeBut a:hover {
color:#0000ff;
text-decoration: none;
}

#styleTabEmailIT {
position: absolute;
height: 35px;
width: 100px;
top: 105px;
left: 0;
padding: 10px 5px 10px 10px;
}

#styleTabFBIT {
position: absolute;
height: 35px;
width: 100px;
top: 130px;
left: 0;
padding: 10px 5px 10px 10px;
}

#styleTabEmailIT a, #styleTabFBIT a {
font-weight:normal;
font-size:100%;
color:#0000FF;
}

#styleTabEmailIT a:hover, #styleTabFBIT a:hover {
color:#000000;
text-decoration: none;
}

#stylePicContainer {
height:450px;
width:300px;
float:left;
}

.stylePic {
height:450px;
width:300px;
position:absolute;
background-position:center;
background-repeat:no-repeat;
/*border:1px solid #DDDDDD;
border:10px solid #EEEEEE;*/
}

.styleDescLine {
width:350px;
height:20px;
padding: 20px 0 0 0;
background:url(/images/stuff/stylediv_shad.png) no-repeat bottom right;
}




#thumbstrip {
float:left;
}

#thumbcontainer {
/*padding:0px 20px 10px 20px;*/
}

#descstrip {
position:relative;
width:380px;
}

#desccontainer {
padding:0px 10px 0px 0px;
width:350px;
/*background:url(/images/stuff/stylediv_shad.png) no-repeat bottom right;*/
}

#descHeader {
font-weight:bolder;
font-size:200%;
color:#999999;
padding:0px 0px 12px 0px;
}

#descText {
font-size:120%;
color:#999999;
padding:0px 0px 5px 0px;

}

#descTextAlt {
font-size:100%;
color:#000000;
padding:0px 0px 15px 0px;
font-weight: bold;
}

#cwContainer {
padding:0px 10px 40px 0px;
width:350px;
/*background:url(/images/stuff/stylediv_shad.png) no-repeat bottom right;*/

}

#cwHeader,#fabHeader {
font-weight:bold;
font-size:120%;
color:#999999;
padding:0px 0px 12px 0px;
height: 20px;
}

.cwSwatchHolder {
float: left;
padding: 0 30px 15px 0;
/*width:57px;
height:47px;
margin-right:35px;
margin-bottom: 15px;*/
cursor:pointer;


}
.cwSwatch {
/*width:40px;
height:35px
background-color:#999999;*/
}


.cwText {
width: auto;
text-align: left;
font-size:85%;
color:#999999;
padding:5px 2px 2px 0px;
overflow: visible;
}



#fabContainer {
padding:0px 10px 40px 0px;
width:350px;
/*background:url(/images/stuff/stylediv_shad.png) no-repeat bottom right;*/
}

#fabText {
font-size:100%;
font-weight: normal;
color:#000000;
padding:15px 0px 5px 0px;

}

#buyContainer {
padding:5px 10px 40px 0px;
width:350px;
}


/* BUY NAV */
#buyNavHolder {

}

/* this is the ul */
#buyNav {
	margin:0; 
	padding:0;
	list-style:none;
	display:inline;
	width:350px;
	height:20px;
	overflow: hidden;
}

#buyNav li {
	margin:0; 
	padding:0;
	list-style:none;
	display:inline;
	width: 130px;
}

#buyNav a {
	float:left;
	border:none;
	margin:0;
	width: 130px;
	height:0px;
	padding: 20px 20px 0 0;
	overflow: hidden;
}

#buyNav li a:hover {
	background-position:0 -20px;
}

#buyNav li a:active {
	background-position:0 -20px;
}

#buyNav li a:selected {
	background-position:0 -20px;
}

#buyOnline a {
	background:url(/images/stuff/buyOnline.png) no-repeat 0 0;
}

#buyInstore a {
	background:url(/images/stuff/buyInstore.png) no-repeat 0 0;
}





#storeStrip {
position:relative;
/*top: 10px;
margin-left: 300px;
width: 500px;*/
}

#storeContainer {
padding:0px 10px 10px 20px;
}

#storeLink {
font-size:100%;
color:#545454;
}


#storeLink a {
font-size:100%;
font-weight: bold;
color: #545454;
}

#storeLink a:hover {
color: #0000ff;
}




.item {
float:left;
padding: 3px 3px 3px 0;
cursor:pointer;

/*margin-right:10px;
margin-bottom: 10px;
background-position:center;
background-repeat:no-repeat;*/
/*width:100px;*/
/*background-color:#999999;
border:1px solid #DDDDDD;*/
}

.itemText {
width: auto;
text-align: center;
font-size:80%;
color:#545454;
padding:2px 0px 2px 0px;
overflow: visible;
}

#magNote {
float:left;
width:300px;
}

#magNoteText {
font-size:100%;
font-weight:900;
color:#999999;
padding: 5px 0 5px 0;
}

/* new bits 09/12/09 */

#sideNavSpacer {
	width: 156px;
	height: 17px;
	background: url(/images/stuff/sidenav_shad_sep.png) no-repeat left;
	margin-top: 20px;	
}


#sideNavFooter {
	width: 156px;
	height: 52px;
	background: url(/images/stuff/sidenav_shad_footer.png) no-repeat left;
	margin-top: 20px;

}



.ContentWrapper {
	width:980px;

}

.LeftArea {
	/*float: left;*/
	position: fixed;
	top:55px;
	width: 170px;
	height: 550px;
	background: url(/images/stuff/sidenav_shad_side.png) no-repeat right;
}

.MainArea {
	/*float: left;*/
	position: relative;
	top:55px;
	left:150px;
	width: 830px;
	height: 744px;
	/*background-color: #666666;*/

}




#contentholder {
	width:900px;
}

#content {
	width:860px;
	min-height:475px;
	padding:20px 0px 10px 0px;
	margin-left:auto;
	margin-right:auto;
	
}

#contentfooter {
	width:900px;
	height:20px;
	margin-left:auto;
	margin-right:auto;
}

#footer {
	height:40px;
	width:928px;
	margin-left:auto;
	margin-right:auto;s
	/*background-image:url(/images/colour/shadow_bottom.png);
	background-repeat:no-repeat;
	background-position:center;*/
}



#rangeHeader {
	font-size: 125%;
	font-weight: bold;
	color: #999999;
	
}



#treeNav {
	width:149px;
	
	/*margin-left: 5px;*/
}


.areaNode {
	width:149px;
	padding: 1px;
}

.areaNode a {
	font-size: 125%;
	font-weight: bold;
	color: #666666;
	
}

.areaBox {
	width:140px;
	padding: 5px;

}

.typeNode {
	width:100px;
	padding: 2px 0px 2px 10px;
}

.typeNode a {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #333333;
}


.dropNode {
	width:148px;
	padding: 2px 0px 2px 0px;
}

.dropNode a {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 95%;
	font-weight: normal;
	color: #333333;
}

.dropBox {
	width:140px;
	padding: 5px;

}

.dropStatus {
	display: inline;
	font-size: 90%;
	font-style: italic;
	color: #0000FF;

}

#clickHere{
float: right;
margin-right: 75px;
}