body 
{
    font-family: Arial, Tahoma, Helvetica, sans-serif;
     /* font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; */
    /* font-family:Trebuchet MS ; */
    background: url(images/site/greyhdr.jpg) repeat-x;
    background-repeat: repeat-x;
   	margin:0px;
	 padding: 0px;
	 border: 0px;
    

}

h1
{
    margin:           0px;
    text-align:       left;
    font-weight:      bold;
    font:             16pt Arial, Tahoma, Helvetica, sans-serif;
    letter-spacing:   -1px;
    line-height:      50px; 
    color: #333333;
    
}

/* -- Default Page-- */
.defaultcol1
{
    float: left;
    margin-left: 0px;  
    left: 90px;
    position: relative; 
}

.defaultstorypanel
{
   /* margin-left: 600px; */
    background-image: url('images/site/newsbox.png');
   position: absolute;
   left: 710px;
   top: 20px;
   width: 240px;
   height: 412px;
  
}

.defaultstorypanel hr
{
  width: 78%;
  color: #999999;
  border-style: solid;
  height: 0.5px;
  position: relative;
  top: 6px;
  left: 2px;    
    
    
    
}

.defaultstorypaneltext
{
    position: relative;
    left: 30px;
    font-size: 10pt;
    color: #666666;
    top: 12px; 
    width: 190px;
    
}


.defaultstorypanelhdr
{
    position: relative;
    left: 30px;
    font-size: 12pt;
    color: #666666;
    top: 12px; 
    width: 190px;
    
}


/* -- sockstyle -- */

.sockstylecol1
{
    float: left;
    left: 137px;
    width: 400px;
    position: relative;
    top: 24px;
}

.sockstylecol2
{
   margin-left: 550px;    
   position: relative;
   top: 50px;  
}


.sockstylenavbutn
{
    position: absolute; 
    top: -20px;
    left: 500px;
}

.sockstylenavbutn ul
{
  list-style-type:none; 
  padding: 50px;
  margin: 0px;
  border: 0px; 
    
}

.sockstylenavbutn li
{
    float: left;
    
    
    
}

.sockstyleresultlist
{
     position: relative;
     left: 50px;
    
}

#sockstylestoryboard
{ 
    position:absolute;
    left: 740px;
    top: 30px;
    width: 160px;
    font-size: 10pt;
    color: #999999;
    background-image: url('images/site/newsbox.png');
   width: 240px;
   height: 412px;
    
}

.sockstyleother
{
  font-size: 10pt;
  color: #666666;   
    
}
.sockstylestorytext
{
    position: relative;
    top: 10px;
    left: 15px; 
    width: 196px;
    
    
    
}

.sockstylestoryboard
{
  font-size: 12pt;
  color: #666666;   
    
    
}

/* --- stdcontent--- */
.stdcontentcol1
{
    float: left;
    position: relative;
    left: 137px;
    width: 730px;   
    
    
}


/* --- retailer -- */
.retailercol1
{
    float: left;
    position: relative;
    left: 137px;   
    
    
}

.retailertable
{
  vertical-align: text-top;   
    font-size: 10pt;   
    
}

.retailersuburb
{
   font-weight: bold;
   color: #F2AA49;
     font-size: 10pt;  
    
}
.retailertxt
{
  font-size: 8pt;
  letter-spacing: -1px;
  color: #999999;    
    
}

/*-- contact --*/
.contactcol1
{
    float: left;
    position: relative;
    left: 137px;
    width: 800px;   
    
    
    
}


/* -- feedback --*/
.feedbackcol1
{
    float: left;
    position: relative;
    left: 137px;   
    
}

.resultcol1
{
    position: relative;
    float: left;
    left: 137px;
   /* width: 400px; */
    
}


/* --> Fonts */
.menutxt
{

    font-size: 11pt;
    letter-spacing: -1px;
    color: Red;
    z-index: 200;
    
    
}

.menutxt a
{

    color: #666666;
    text-decoration:none;
    
    
}

.menutxt a:hover
{

    color:#F2AA49;
}

.resulttxt a
{
    font-size: 10pt;
    color: #999999;    
    text-decoration: underline;
    font-weight:bold;
    
    
}
.resulttxt a:hover
{
    font-size: 10pt;
    color: #FFFFFF;    
    text-decoration: none;
    font-weight: bold;
    background-color:#666666;
}
.buttontxt
{
    font-size: 10px;
    color: #333333; 
    font-weight:bold;
    font: Arial Black, Tahoma, Helvetica, sans-serif;  
}

.buttonbigtxt
{
    font-size: 18px;
    color: #333333; 
    font-weight:bold;
    font: Arial Black, Tahoma, Helvetica, sans-serif;  
}


.bigtxtdark
{
    margin:           0px;
    text-align:       left;
    font-weight:      bold;
    font:             16pt Arial, Tahoma, Helvetica, sans-serif;
    letter-spacing:   0px;
    color:            #333333;
}

.bigtxtlight
{
    margin:           0px;
    text-align:       left;
    font-weight:      bold;
    font:             16pt Arial, Tahoma, Helvetica, sans-serif;
    letter-spacing:   0px;
    color:            #666666;
}


.sphdr
{
    
    font-size: 10pt;
    color: #F2AA49;
    font-weight: bold;    
   
}
.sp
{
    font-size: 10pt;
    color: #666666;
}

.contact
{
    font-size: 8pt;
    color: #666666;
}

.textbox1 {
	/* font-family: Arial, Helvetica, sans-serif; */
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;	
	font-variant: normal;
	text-transform: none;
	border: 1px solid #999999;
	background-color:#edebeb;

}
.smallorange
{
     font-size: 10pt;
    color: #F2AA49;
    font-weight: bold;    
    
    
}

.smallgrey
{
     font-size: 10pt;
    color: #666666;
}


/* -- search page layout ---*/
#searchleftcol
{
    width: 500px;
    float: left;
    left: 138px;
    min-height: 450px;
    position: relative;   
   
}

.searchorgdotline
{
    /* display:inline; */
    font-size: 16pt;
    letter-spacing: -1px;
    color: #333333;    
    float: left;
    width: 500px; 
}

.searchorgdotlinetxt
{
    position: relative;
    top: -30px;   
    left: 50px;
}

.searchiconnav
{
    position: relative;
    left: 70px;
    top: 0px;
    
}

.searchiconnav ul
{
  list-style-type:none; 
  padding: 0px;
  margin: 0px;
  border: 0px;
  position: relative;
    
}

.searchiconnav li
{
    float: left;   
}

.searchhdr
{
   font-size: 16pt;
  letter-spacing: -1px;
  color: #333333;
}

.celldesc1
{
    color: #666666;
    font-size: 10pt;
    font-weight: bold;
       
    
    
}
.celldesc2
{
    color: #666666;
    font-size: 8pt;
}

.stylehdr
{
  font-size: 16pt;
  letter-spacing: -1px;
  color: #333333;    
    
}

.style2ndline
{
  font-size: 14pt;
  letter-spacing: -1px;
  color: #666666;    
    
}

.styledesc
{
  font-size: 12pt;
  letter-spacing: 0px;
  color: #999999;    
    
}


.styledesc:td
{
  font-size: 12pt;
  letter-spacing: -1px;
  color: #999999;    
  width:100px;  
}

.swatchdesc
{
  font-size:10pt;
  letter-spacing: -1px;
  color: #999999;    
    
}

/* --> DIV Placement */

#logomaindiv
{
    position:absolute;
    top: 30px;
    left: 8px;   
}


.menubardiv
{
    position: absolute;
    top:70px;
    left: 270px;   
    
    
}
#pagefooterdiv
{
    position: relative;
    width: 100%;
    background: url(images/site/greyfooter.jpg) repeat-x;
    background-repeat: repeat-x;   
    min-width: 1000px;
    height: 100px;
    clear: both;
    z-index: 150;
}   

#footer
{
     background-image: url('Images/footergrey.png');
     background-repeat:repeat-x;
     width: 100%;
     min-width: 1000px;
	 position: relative;
	 height: 52px;
}
#contentdiv
{
    position: relative;
    top: 110px;
    width: 100%;
}
#bodydiv
{
    position: relative;
   /* height: 450px;   */
    left: 134px;
}

#contactdiv
{
  position: absolute;
  left: 500px;
  top:0px;
}

#contactmessdiv
{
   background-color: #F2AA49;
   font-size: 9pt;
   color: #333333;
   width: 200px;
   padding:8px;
   font-weight: bold;
}

#legenddiv
{
  position: absolute;
  left:0px;
  top: 30px;   
}

#resultsdiv
{
   /* position: relative;
    left: 585px;    
    top: -400px;
    z-index:101;
    font-size:10pt;
    color: #333333;
    
    */
    margin-left: 700px;
    
}



#feedbackformdiv
{
   position: absolute;
   left: 480px;
   top: 30px;   
   z-index: 101;
   font-size:10pt; 
   width: 300px;
}

#feedbackvertdiv
{
  position: absolute;
  left: 465px;
  top: 20px;   
    
}



#vertdiv
{
  position: absolute;
  left: 640px;
  top: 0px;   
    
}

#stylesecondline
{
 position:relative;
 /*top: 10px; */  
    
}

#styledescription
{
 position:relative;
 /*top:20px;  
 width: 300px; 
 */
}
#styleimage
{
 position: relative;
 float: right;
  /* left: 340px;   
 top: 30px; */   
}

#stylelegend
{
 position: absolute;
 left: 340px;
 top:0px;   
    
}

#styleswatch
{
    position: relative;
    /* top: 30px; */
    left: -20px;  
}

#stylelabel
{
  position: absolute;
  left: 137px;
  top: 0px;   
}

/* -- view all --- */
#viewallcol1
{
    float: left;
    position: relative;
    left: 137px;   
}

#rotator {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 387px;
	width: 510px;
	max-height: 387px;
	max-width: 510px;
	overflow: hidden !important;
	position: relative;
	float: left;
}

#rotator .items {
	/* this cannot be too large */
	width:9000px;
	position:absolute;
	clear:both;
}

#rotator .items div {
	float: left;
}