body{
margin:0;
padding:0;
line-height: 1.2em;
background: url();
background-repeat: repeat-x;
text-align:center; /*bug fix for ie and oscommerce*/
font-family:Georgia;
font-size:.9em;
}

b{font-size: 110%;}
em{color: red;}
img{border:none;}
p{text-align:left;}
h1{
font-size:1.1em;
color:#998B7D;
}

 hr {
  border: 0;
  width: 80%;
   color: #ddd;
background-color: #ddd;
}

#maincontainer{
width: 1100px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border:0px solid #fff;
background:#none;
}

#topsection{
height: 160px; /*Height of top section*/
}

#contentwrapper{
float: left;
width: 80%;
}

#contentcolumn{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/

}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -1100px; /*Set left margin to -(MainContainerWidth)*/

}

#footer{
border-top:0px solid #fff;
clear: left;
width: 100%;
}

#footer a{
color: #FFFF80;
}

.mainDivider{
width:260px;
float:left;
}

#retailers .mainDivider{
text-align:center;
height:160px;
}

#retailers .mainDivider p{text-align:center;}

.innertube{
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 5px;
	text-align:left;
	color: #000;
}

.biggertube{
margin: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 5px;
text-align:left;
}

a{
color:#998B7D;
}

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

legend{
font-size:1.1em;
color:#998B7D;
}

fieldset{
margin: 5px 0;
padding: 10px;
border: 1px solid #ccc;
}

#thumbs{
clear: left;
width: 100%;

margin:0 auto;
text-align: center;
}

#main{
clear: left;
width: 100%;

margin:4px auto 0px;
text-align: center;
}

#main img{
border: 3px solid #ccc;
}

.right{
float:right;
padding:10px;
}

.left{
float:left;
padding:10px;
}

.collections td{
background-color: #f0f0f0;
border:1px solid #ccc;
}

.collectionThumbs img{
padding:5px;
border:1px solid #ccc;
}

.cssform p{
width: 250px;
margin: 0;
padding: 5px 0 5px 0;
padding-left: 285px; /*width of left column containing the label elements*/
border-top: 1px dotted gray;
}

.extraFields{
width: 250px;
margin: 0 0 5px 0;
padding: 0;
padding-left: 285px; /*width of left column containing the label elements*/
}

.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -285px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	color: #666;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 250px;
margin-bottom:1px;

background-color: #ccc;
border: 1px solid #333; 
}

.cssform textarea{
width: 250px;
height: 160px;

background-color: #ccc;
border: 1px solid #333; 
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}