/* 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, h1 a {
font-size: 130%;
font-weight:bold;
color:#666666;
padding: 5px 0 5px 0;
}

h1 a:hover {
text-decoration: none;
color:#999999;
}

h2, h2 a {
font-size: 110%;
font-weight:bold;
color:#999999;
padding: 0px 0 5px 10px;
}

h2 a:hover {
text-decoration: none;
color:#999999;
}

h3 {
font-size: 130%;
font-weight:bold;
color:#0000ff;
padding: 0px 0 0px 0;
}

h4 {
font-weight:bold;
color:#999999;
}



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;
}





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


/* OLD SEARCH - I THINK */

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

.searchBox {
	width: 120px;
	height: 30px;
     border-style: hidden;
     border-width: 0px;
     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 {
	width: 800px;
	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;
	margin-left:14px;
	margin-right:14px;
}

/* new bits 09/12/09 */

.sideSpacer {
	float: left;
	width: 21px;
	height: 100px;
	margin-top: -20px;
	background: url(/images/stuff/side_sep.png) no-repeat 0 0;
	/*margin-left: 20px;*/	
}

.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 {
	/*position: relative;*/
	width:980px;

}

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

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

}

.LeftArea2 {
	position: relative;
	top:55px;
	width: 300px;
	min-height: 600px;
	background: url(/images/stuff/sidenav_shad_side.png) repeat-y top right;
}

.MainArea2 {
	position: fixed;
	top:55px;
	margin-left:280px;
	width: 680px;
	height: 600px;
	/*background-color: #ffff99;
	background: url(/images/stuff/stockists.png) no-repeat top right;*/


}


#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;*/
}



/* END MAIN DIVISIONS */

/* 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;
	clear: both;
}

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

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

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

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;
clear:both;
}




#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 a {
/*width:40px;
height:35px
background-color:#999999;*/
text-decoration: none;
}

.cwSwatch img {
border:1px solid #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:#999999;
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;
}




#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;

}


#sideNavML {
position: relative;
padding:0px 0px 5px 0px;
}

#mlHeader {

font-weight:bold;
font-size:130%;
color:#999999;
padding:0px 0px 0px 5px;
}



.emailBox {
	width: 134px;
	height: 20px;
     border-style: hidden;
     border-width: 0px;
     font-size:8pt;
     background: url(/images/stuff/email_border.png) no-repeat 0 0;
     margin-left:3px;
     
}

#emailText {
	width:77px;
	margin-left:3px;
	margin-top:3px;
	background: none;
	border: none;
	color:#0000FF;
	padding-left: 3px;
}

#emailGo {
position: absolute;
top: 21px;
left: 104px;
width:17px;
height:13px;
}

#emailGo a {
font-family:verdanda, arial, sans-serif;
font-weight:bold;
font-size:100%;
color:#999999;
}

#emailGo a:hover {
color:#0000ff;
text-decoration: none;
}






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

}

#stockistHeader {
	width:680px;
	height:80px;
	margin-left: 20px;
	background-color: #f0f0f0;
	}



#stockistWord {
width:410px;
height: 60px;
padding: 10px 0 0 10px;
}

.stockistBody {
	width:230px;
	padding-left: 30px;

}


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

.stockistWebsite a {
	font-weight: bold;
	color:#0000FF;
}



.stockistShowDetail a {
	font-weight: bold;
	color:#0000FF;

}

.stockistShowDetail a:hover {
	color:#999999;
	text-decoration: none;
}

.stockistSubHeading {
	color: #999999;
}

#mapCanvas, #stockistFront {
	width:680px;
	height:440px;
	top:140px;
	left:20px;
	position: absolute;
	display: block;
}

/* FRONT SCROLLER THINGS */



#conWrapper {
position: relative;
margin: 0 0 15px 20px;
}

#conWrapper2 {
position: relative;
margin: 0 0 15px 20px;
}

#conWrapper3 {
position: relative;
margin-left: 20px;

}

#conWrapper3A {
float: left;
width: 380px;
padding: 0 20px 15px 0;
}

#conWrapper3B {
float: left;
width: 380px;
padding: 0 0 15px 0;
}



#conWinBig {
position: absolute;
top:0;
left:0;
width: 800px;
height: 300px;
background: gray;
}

#conWin1 {
position: absolute;
top:0;
left:0;
width: 545px;
height: 300px;
background: gray;
}

#conWin2 {
position: absolute;
top:0;
left:557px;
width: 233px;
height: 144px;
background: gray;
}

#conWin3 {
position: absolute;
top:156px;
left:557px;
width: 233px;
height: 144px;
background: gray;
}

#conMail {
position: relative;
top: 310px;
left:0;
width: 790px;
height: 50px;
background: gray;
}


#conScrollWrapper{
	position:relative;
	top:320px;
	left:0;
	width:800px;
}

/* left 3 wide */
#conScrollInner1{
float: left;
margin: 0;
padding: 0;
width: 310px;
height:190px;
margin-right: 60px;
background: white;
/* border:1px solid #525252;*/
}

/* right 4 wide */
#conScrollInner2{
float: left;
margin: 0;
padding: 0;
width: 415px;
height:190px;
background: white;
/*border:1px solid #525252;*/
}

/* 7 wide */
#conScrollInner3{
/*float: left;*/
margin: 0 0 0 20px;
padding: 0;
width: 790px;
height:200px;
background: white;
}

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


.dropTitle {
padding:10px 0px 0px 0px;
}

.titleText {
font-size:120%;
margin-right: 5px;
font-weight:bold;
color: #999999;
display: inline;
}

.blueText {
font-size:100%;
font-weight:normal;
color: #0000ff;
font-family: Courier;
display: inline;
}

#conFeat {
font-size:130%;
padding:10px 2px 10px 0px;
font-weight:bold;
color: #999999;
margin-left: 20px;
}

#conRand {
font-family:Arial, Helvetica, sans-serif;
font-size:130%;
padding:2px;
font-weight:bold;
color: #525252;	
}


/* slide stuff */
/*PRIMARY CONTAINER */
div.conScrollBig {
	position:relative;
	width:800px;
	height:300px;
	overflow:hidden;
}

/* ITEMS CONTAINER */
div.conScrollBig div.itemsBig {
	position:absolute;
	height:20000em;
	clear:both;
}

/* INDIVIDUAL ITEM CONTAINERS */
div.conScrollBig div.itemsBig div {
	float:left;
	width:800px;
	height:300px;
	font-family:"Courier New", Courier, mono;
	font-size: 70%;
	font-weight: normal;
	color: #525252;
}


.descBig {

	/*float:left;*/
	width:800px;
	height:30px;
	padding: 2px;
}

.descBig a {
	font-family:"Courier New", Courier, mono;
	font-size: 11px;
	font-weight: normal;
	color: #525252;
}


/*PRIMARY CONTAINER */
div.conScroll1 {
	position:relative;
	width:310px;
	height:180px;
	overflow:hidden;
}

/* ITEMS CONTAINER */
div.conScroll1 div.itemsS1 {
	position:absolute;
	width:20000em;
	clear:both;
}

/* INDIVIDUAL ITEM CONTAINERS */
div.conScroll1 div.itemsS1 div {
	float:left;
	width:100px;
	height:150px;
	padding-right: 5px;
		font-family:"Courier New", Courier, mono;
	font-size: 70%;
	font-weight: normal;
	color: #525252;
}


.descS1 {

	/*float:left;*/
	width:100px;
	height:30px;
	padding: 2px;
}

.descS1 a {
	font-family:"Courier New", Courier, mono;
	font-size: 11px;
	font-weight: normal;
	color: #525252;
}




/*PRIMARY CONTAINER */
div.conScroll2 {
	position:relative;
	width:415px;
	height:150px;
	overflow:hidden;
}

/* ITEMS CONTAINER */
div.conScroll2 div.itemsS2 {
	position:absolute;
	width:20000em;
	clear:both;
}

/* INDIVIDUAL ITEM CONTAINERS */
div.conScroll2 div.itemsS2 div {
	float:left;
	width:100px;
	height:150px;
	padding-right: 5px;
}


/* scroll 3 */
/*PRIMARY CONTAINER */
div.conScroll3 {
	position:relative;
	width:790px;
	height:190px;
	overflow:hidden;
}

/* ITEMS CONTAINER */
div.conScroll3 div.itemsS3 {
	position:absolute;
	width:20000em;
	clear:both;
}

/* INDIVIDUAL ITEM CONTAINERS */
div.conScroll3 div.itemsS3 div {
	float:left;
	width:100px;
	height:150px;
	padding-right: 14px;
	/*font-family:"Courier New", Courier, mono;
	font-size: 70%;
	font-weight: normal;
	color: #999999;*/
}


.descS3 {

	/*float:left;*/
	width:100px;
	height:30px;
	padding: 2px 3px 0 3px;
	
	}

.descS3 a {
	font-size: 80%;
	font-weight: normal;
	color: #999999;
}

.descS3 a:hover {
	color: #0000FF;
	text-decoration: none;
}



#searchResult {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #333333;
	width: 810px;
	height: 20px;
	padding: 5px 0 5px 0;
	margin-left: 20px;
	
}