/* affordablesheds CSS Document */

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body {
	background-color: #cccc99;
	background-repeat: repeat-y;
	margin-left: 75px;
	margin-top: 0px;
}
text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
a {
	font-size: 12px;
	color: #000000;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
}
#ddblueblockmenu{
border: 1px solid black;
border-bottom-width: 0;
width: 157px;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% Verdana, Arial, Helvetica, sans-serif;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 141px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #333300;
border-bottom: 1px solid #cccc99;
border-left: 7px solid #666633;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 157px; /*IE 5*/
w\idth: 141px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
background-color: #336600;
border-left-color: #99cc66;
}

#ddblueblockmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 90% Verdana, Arial, Helvetica, sans-serif;
}

#menu{
border: 2px solid black;
border-bottom-width: 0;
width: 131px;
}

#menu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% Verdana, Arial, Helvetica, sans-serif;
}

#menu li a{
display: block;
padding: 2px 0;
padding-left: 9px;
width: 112px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #333300;
border-bottom: 1px solid #cccc99;
border-left: 10px solid #666633;
}

* html #menu li a{ /*IE only */
width: 130px; /*IE 5*/
w\idth: 112px; /*185px minus all left/right paddings and margins*/
}

#menu li a:hover{
background-color: #336600;
border-left-color: #99cc66;
}

#menu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 90% Verdana, Arial, Helvetica, sans-serif;
}

#vdividermenu ul{
margin: 0;
padding: 0;
margin-bottom: 1em;
float: left;
font: 10px Verdana, Arial, Helvetica, sans-serif;
width: 498px;
border: 1px solid #999966;
background-color: #333300; }

* html #vdividermenu ul{ /*IE only rule, reduce menu width*/
width: 498px;
}

#vdividermenu ul li{
display: inline;
}

#vdividermenu ul li a{
float: left;
color: black;
padding: 2px 12px;
text-decoration: none;
background: transparent url(media/vertical.gif) center right no-repeat;
}

#vdividermenu ul li a:visited{
color: #FFFFFF;
}

#vdividermenu ul li a:hover{
color: black;
background-color: #999966;
}
.cssform p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
width: 225px;
clear: left;
margin: 0;
padding: 12px 0 2px 0;
padding-left: 5px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

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

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 200px;
}

.cssform textarea{
width: 200px;
height: 50px;
}

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

/*- Menu 1--------------------------- */
#tabs1 {float:left; width: 478px; font-size:90%; line-height:normal; border-bottom:1px solid #a98c2a;}
#tabs1 ul {margin:0; padding: 5px 0px 0 5px; list-style:none;}
#tabs1 li {display:inline; margin:0; padding:0;}
#tabs1 a { float:left; background: url("products/images/images/tableft1.gif") no-repeat left top; margin:0; padding:0 0 0 4px;text-decoration:none;}
#tabs1 a span {float:left; display:block; background:url("products/images/images/tabright1.gif") no-repeat right top; padding:5px 15px 4px 6px;color:#a98c2a;}
#tabs a:hover span {color:#a98c2a;}
#tabs1 a:hover {background-position:0% -42px;}
#tabs1 a:hover span {background-position:100% -42px;}