/* CSS Document */
body{
margin:0px 0px 0px 0px;
padding:0 0 25px 0;
background:url("images/SiteBG.gif");
background-position:top center;
}
#centering{
margin-left:auto;
margin-right:auto;
width:999px;
}
#mainContainer{
float:left;
width:999px;
margin:0px 0px 0px 0px;
min-height:700px;
/*border:solid 1px black;*/
}
#topBar{
text-align:left;
height:141px;
background:url("images/WoolSet_logo.gif");
background-repeat:no-repeat;
}
#headerBar{
float:left;
height:109px;
width:999px;
background-color:#610202;
}
#tagLine{
display:block;
float:left;
color:#818285;
font: normal 20px Helvetica, sans serif, sans, arial;
padding-left:568px;
margin-top:88px;
}
#navBar
{
float:left;
clear:both;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 143px;
width:715px;
height: 30px;

}

#navBar ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#retailersList{
float:left;
margin: 0 30px 0 0;
padding: 0;
list-style-type: none;
}

#retailersList li{
padding: 0;
margin: 0;
}

#retailersList li a{
color:#818285;
text-decoration:none;
}

#retailersList li a:hover{
color:#610202;
text-decoration:none;
}


#navBar ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navBar ul li a
{
background: #610202;
width: 118px;
height: 21px;

padding-top:9px;
border-top: 1px solid #894141;
border-left: none;
border-bottom: 1px solid #894141;
border-right: 1px solid #894141;
color: #fff;
text-decoration: none;
text-transform:uppercase;
display: block;
text-align: center;
font: normal 11px Helvetica, sans serif, sans, arial;

}

#navBar ul li a:hover
{
color: #fff;
background: #897c00;
}

#navBar a:active
{
background: #c3c;
color: #fff;
}

#navBar li#active a
{
background: #c3c;
border: 1px solid #c3c;
color: #fff;
}

#navBar ul li .activator{
background-color:#897c00;
}

h2{
margin-bottom:-5px;
}

#mainContent{
background-color:#ff;
width:405px;
text-align:left;
margin-top:0px;
padding:15px 20px 25px 140px;
font: normal 12px Helvetica, sans serif, sans, arial;
color:#5b5c5e;
line-height:16.5px;
float:left;
}
#rightColumn{
float:left;
width:300px;
height:451px;
margin-top:-43px;
}

#rightColumn span{
display:block;
width:160px;
color:white;
font: normal 13px Helvetica, sans serif, sans, arial;
line-height:14px;
padding-left:28px;
}

#rightColumn span #hangingQuoteL{
margin:0px;
padding:0px;
margin-left:-14px;
position:relative; top:7px; left:0px;
line-height:0px;
font-size:24px;
display:inline;
font-weight:bold;
}

#rightColumn span #hangingQuoteR{
margin:0px;
padding:0px;
margin-right:-10px;
position:relative; top:7px; right:-1px;
line-height:0px;
font-size:24px;
display:inline;
font-weight:bold;
}

.theCarousel img{
height:120px;
width:119px;
padding-left:7px;
border:none;
}

#backButton {
float:left;
margin-top:55px;
  width: 32px;
  height: 27px;
  padding: 55px 0 0;
  border: 0;
  background: transparent url(images/backArrow.gif) no-repeat center top;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#nextButton {
	float:none;
margin-top:55px;
margin-left:7px;
  width: 32px;
  height: 27px;
  padding: 55px 0 0;
  border: 0;
  background: transparent url(images/nextArrow.gif) no-repeat center top;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}


#collector{
width:700px;
height:300px;
background:url(images/collections_BG.png);
background-repeat:no-repeat;
margin-top:10px;
}

#collector img {
margin-left:25px;
margin-top:23px;
margin-right:25px;
float:left;
}
#collector h4{
padding-top:23px;
font: normal 18px Helvetica, sans serif, sans, arial;
font-weight:bold;
color:white;
}
#collector span{
color:white;
width:420px;
display:block;
float:left;
}

#retailer{
width:700px;
height:300px;
background:url(images/retailers_BG.png);
background-repeat:no-repeat;
margin-top:10px;
}

#retailer img {
margin-left:25px;
margin-top:23px;
margin-right:13px;
float:left;
}
#retailer h4{
padding-top:23px;
font: normal 18px Helvetica, sans serif, sans, arial;
font-weight:bold;
color:#636466;
margin-bottom:5px;
}
#retailer span{
color:#636466;
width:385px;
display:block;
float:left;
clear:right;
}

#retailer span a:link{
color:#393a3b;
text-decoration:none;
}

#retailer span a:hover{
color:#610202;
text-decoration:underline;
}

#retailcloseX{
margin-top:-10px;
position:relative; left:-17px;
float:right;
clear:left;
}
#retailcloseX img{
border:0px;
}

#retailColumn1{
width:160px;
float:left;
padding-top:5px;
margin-right:15px;
}

#retailColumn2{
width:220px;
float:left;
clear:none;
padding-top:5px;
}

#retailersFooter{
float:left;
clear:right;
width:380px;
text-align:left;
position:relative;
left:276px;
}

#closeX{
float:right;
clear:left;
}
#closeX img{
border:0px;
}

p a:link{
color:#636466;
font-weight:bold;
text-decoration:none;
}
p a:visited{
color:#636466;
font-weight:bold;
text-decoration:none;
}

p a:hover{
color:#610202;
font-weight:bold;
}

