/* CSS Document */

body {
background: transparent url(images/Cloth-3.jpg) repeat scroll top left; 
margin: 0;
}

img {
border:none;
}

hr {
width:98%;
margin:0;
padding:0;
}
#container {
text-align:center;
}

#canvas {
margin-bottom: 15px; 
margin-left: auto; 
margin-right: auto; 
margin-top: 15px; 
background-color: #ffffff; 
text-align: left; 
width:742px;
}

#canvas h1{
color:#333333;
font-size:small;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
}
#lhdr {
float:left;
width:50%;
margin:0;
padding:0;
text-align:left;
}
#lhdr img {
margin:10px 0 10px 5px;
}

#rhdr {
float:left;
width:50%;
margin:0;
padding:0;
text-align:right;
}

#rhdr h4{
color: #CC3300;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
padding:0;
margin:10px 5px 10px 0px;
}

#rhdr h2{
color: #CC3300;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
padding:0;
margin:30px 5px 10px 0px;
}


#banner {
float:left;
padding:0 0 0 1px;
margin:0;
}

#main-mnu {
background-color:#CC3300;
float:left;
width:100%;
padding:0px;
margin:0 0 5px 0;
text-align:right;
}

#main-mnu ul {
margin-top:2px;
margin-bottom:2px;
list-style-type: none;
}

#main-mnu li {
padding-left:0.5em;
padding-right:0.5em;
margin-bottom:10px;
list-style: none;
display: inline;
}

#main-mnu li a {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: 0;
border: none;
text-decoration: none;
text-transform: uppercase;
}


#main-mnu li a:link { color: #FFFFFF; }
#main-mnu li a:visited { color: #FFFFFF; }

#main-mnu li a:hover
{
color: #171d00;
font-weight:normal;
}

#main-mnu li a#current
{
color: #171d00;
font-weight:normal;
}

#main-mnu img
{
margin-right:5px;
}

#sub-main-mnu {
float:left;
width:100%;
padding:0px;
margin:5px 0px 5px 0px;
text-align:left;
background-color:#CC3300;
}

#sub-main-mnu ul {
margin:2px 5px 2px 5px;
padding:0;
list-style-type: none;
}

#sub-main-mnu li {
font-family: Comic Sans MS;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
border: none;
text-decoration: none;
padding-right:0.5em;
margin:5px 0 5px 0;
list-style: none;
display: inline;
}

#sub-main-mnu li a {
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: 0;
border: none;
text-decoration: none;
}


#sub-main-mnu li a:link { color: #FFFFFF; }
#sub-main-mnu li a:visited { color: #FFFFFF; }

#sub-main-mnu li a:hover
{
color: #171d00;
font-weight:normal;
}

#sub-main-mnu li a#current
{
color: #171d00;
font-weight:normal;
}

#sub-main-mnu img
{
margin-left:5px;
}

#left {
float:left;
width:190px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#left h1 {
margin:0px 5px 5px 5px;
padding:0;
font-size: 14px;
color:#cc3300;

}
#left p {
margin:5px;
padding:0;
font-size: 12px;
}
#left ul {
list-style-type: none;
margin:5px 0 0 5px;
padding:0;
}

#left li {
padding:0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
list-style: none;
}

#left li a {
padding:0;
margin: 0;
color: #687076;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: 0;
border: none;
text-decoration: none;
}


#left li a:link { color: #687076; }
#left li a:visited { color: #687076; }

#left li a:hover
{
color: #171d00;
font-weight:normal;
}

#left li a#current
{
color: #171d00;
font-weight:normal;
}

#left li a#topl
{
color: #456945;
font-size:14px;
}

#content {
float:left;
width:500px;
margin:0;
padding:0;
}

#content h1, h2, h3, h4, p {
font-family: Arial, Helvetica, sans-serif;
}

#content h1 {
margin:5px;
color:#759588;
font-size: 20px;
font-weight: bold;
}
#content h2 {
margin:5px 5px 0px 5px;
color:#CC3300;
font-size: 14px;
font-weight: bold;
text-transform:uppercase;
}

#content h3 {
margin:5px 5px 0px 5px;
color:#759588;
font-size: 14px;
font-weight: bold;
}
#content h4 {
margin:5px 5px 0px 5px;
color:#663300;
font-size: 16px;
font-weight: bold;
}
#content p {
margin:5px 0 5px 5px;
color:#000000;
font-size: 14px;
font-weight: normal;
}

#content a {
color:#456945;
}
#allcont {
float:left;
width:100%;
}

#allcont h1, h2, h3, h4, h5, h6, p {
font-family: Arial, Helvetica, sans-serif;
}

#allcont h1 {
margin:5px 10px 5px 10px;
color:#759588;
font-size: 18px;
font-weight: bold;
}
#allcont h2 {
margin:5px 10px 0px 10px;
color:#CC3300;
font-size: 12px;
font-weight: bold;
text-transform:uppercase;
}

#allcont h3 {
margin:5px 10px 0px 10px;
color:#456945;
font-size: 12px;
font-weight: bold;
}
#allcont h4 {
margin:5px 10px 0px 10px;
color:#663300;
font-size: 16px;
font-weight: bold;
}
#allcont h5 {
margin:5px 10px 0px 10px;
color:#000000;
font-size: 14px;
font-weight: bold;
}
#allcont h6 {
margin:0px 10px 0px 10px;
color:#687076;
font-size: 12px;
font-weight: normal;
}
#allcont p {
margin:5px 10px 0px 10px;
color:#000000;
font-size: 12px;
font-weight: normal;
}

#allcont a {
color:#456945;
}


#allcont ul {
margin-top:2px;
margin-bottom:2px;
list-style-type: none;
}

#allcont li {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: 0;
border: none;
text-decoration: none;
padding-left:0.5em;
padding-right:0.5em;
list-style: none;
}

#allcont li a {
color: #687076;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: 0;
border: none;
text-decoration: none;
}


#allcont li a:link { color: #687076; }
#allcont li a:visited { color: #687076; }

#allcont li a:hover
{
color: #171d00;
font-weight:normal;
}

#allcont li a#current
{
color: #171d00;
font-weight:normal;
}
.centred {
text-align:center;
}
.centred img{
margin:2px;
}
#imgblock {
float:left;
width:50%;
}


#prodblock {
float:left;
width:50%;
padding-top:50px;
text-align:center;
}

#prod-list {
width:490px;
padding-top:5px;
background:url(images/prodblock.jpg) repeat-x bottom;
}

#prod-img {
float:left;
width:110px;
margin-left:5px;
background:transparent;
}

#prod-price {
float:left;
text-align:right;
width:120px;
background:transparent;
}

#prod-price h2 {
font-size:14px;
margin:0;
padding:0;
}
#prod-price h3 {
font-size:10px;
color:#990000;
font-weight:normal;
}
#prod-precis {
margin:0;
padding:0 2px 0 2px;
float:left;
text-align:left;
width:250px;
background:transparent;
}
#prod-precis p {
padding:0;
margin:0;
}



#footer {
margin:0;
padding:5px 0 5px 0;
width:100%;
text-align:left;
}

#footer p {
color: #687076;
margin:5px;
font-size:x-small;

}
#footer img {
margin-left:5px;
}


.a, .a:visited {color:#000;}
#contain {
position:relative; 
width:217px; 
height:250px; 
background:#ffffff; 
border:1px solid #000; 
margin:5px 0 5px 5px;
}
#contain b {
font-weight:normal; 
width:217px; 
text-align:center; 
position:absolute; 
bottom:5px; 
left:0; 
color:#ffffff; 
font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; 
letter-spacing:1px; 
line-height:1.7em; 
z-index:1;
}

#defimg {
position:absolute;
left:7px;
top:4px;
border:1px solid #000;
}


#content .question {
color:#b76333;
}