/* CSS Document */

body{
background-color: #222222;
background-image: url(../images/wall.png);
background-position: center;
background-repeat: repeat-y;
font-family: "Trebuchet MS", tahoma, Helvetica, sans-serif;
font-size: 12px;
color: #666;
margin: 0px;
}

img{
border: none;
}

a,a:hover{
text-decoration: none;
}

a:hover{
color: #363636;
}

h1{
font-size: 16px;
}





#banner{
width: 950px;
height: 150px;
}

#catheader{
font-size: 16px;
font-weight: normal;
color: #222;
padding: 20px;
width: 700px;
border: 1px dashed #5982c6;
background: #b8c8e2;
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: 1px;
}

#catheader1{
font-size: 16px;
font-weight: normal;
color: #222;
padding: 7px;
padding-top: 3px;
padding-bottom: 3px;
width: 764px;
border: 1px dashed #5982c6;
border-bottom: 0px;
background: #b8c8e2;
margin-bottom: 1px;
}

#catheader1 h1{
color: white;
margin-bottom: 1px;
}

#catheader h1{
letter-spacing: 4px;
color: white;
margin-bottom: 1px;
}

#catleftcol{
float: left;
padding: 10px;
width: 380px;
}

#catrightcol{
color: #363636;
float: left;
width: 380px;
}

#container{
background-color: white;
width: 950px;
text-align: left;
}

#content{
float: left;
width: 780px;
padding: 10px;
padding-top: 0px;
background-color: white;
}

#footer{
clear: both;
width: 930px;
background: #b8c8e2;
padding: 10px;
color: #363636;
border-top: 1px dashed #5982c6;
}

#indexleft{
float: left;
width: 740px;
padding: 10px;
padding-top: 0px;
text-align: justify;
}

#indexcenter{
padding-top: 10px;
float: left;
width: 180px;
}

#indexright{
padding-top: 10px;
margin-left: 20px;
width: 180px;
float: left;
}

#nav{
float: left;
width: 150px;
background: white;
}

#prodleftcol{
float: left;
width: 490px;
}

#prodrightcol{
color: #363636;
float: left;
width: 290px;
}

#prodrightcol h2{
font-size: 17px;
margin: 3px;
margin-left: 20px
}

#prodrightcol h3{
font-size: 13px;
margin: 2px;
margin-left: 20px
}





.clear{
clear: both;
height: 1px;
}

.feature{
font-size: 11px;
}

.feature img{
float: left;
}

.feature p{
width: 175px;
padding: 5px;
padding-top: 0px;
margin: 0px;
float: left;
}

.navheader{
padding: 3px;
background: #000080;
border-bottom: 1px dashed #5982c6;
color: white;
}

.navheader a{
color: white;
}

.navrows{
padding: 3px;
margin-left: 5px;
}

.navrows a{
color: #5982c6;
display: block;
}

.prodinfo{
padding: 5px;
border: 1px dashed #5982c6;
border-bottom: none;
border-left: none;
background: #b8c8e2;
}

.detwide{
width: 300px;
border: 1px dashed #5982c6;
color: #000080;
}

.enqspace{
margin-bottom: 7px;
}

.detfloat{
float: left;
width: 320px;
margin-left: 20px;
}

.detfloat p{
margin-left: 50px;
}

.bmarg{
margin-bottom: 5px;
border-bottom: 1px dashed #5982c6;
border-left: 1px dashed #5982c6;
}

#usefulinfo{
width: 170px;
background-image: url(../images/useful_info.png);
background-repeat: no-repeat;
padding: 5px;
padding-top: 40px;
margin-bottom: 20px;
}

#usefulinfo p{
padding: 10px;
}

#allcats{
width: 170px;
background-image: url(../images/categories.png);
background-repeat: no-repeat;
padding: 5px;
padding-top: 40px;
}

#allprods{
width: 170px;
background-image: url(../images/products.png);
background-repeat: no-repeat;
padding: 5px;
padding-top: 40px;
}


.catbox{
width: 165px;
background-repeat: no-repeat;
background-position: top center;
padding-top: 125px;
text-align: center;
border: 1px dashed #5982c6;
margin-bottom: 5px;
}

.float{
float: left;
}

.clr{
clear: both;
}

.rightmargin{
margin-right: 5px;
}

.allitems{
margin-top: 5px;
font-size: 11px;
}

.allitems a{
padding: 2px;
background-color: #000080;
color: white;
}

.allitems a.current{
background-color: white;
color: #5982c6;
border-bottom: 1px dashed #5982c6;
}

.allitems a:hover{
background-color: white;
color: #5982c6;
}

.lesspadding{
padding: 5px;
border-bottom: 0px;
}

#linking img{
border: 1px dashed #5982c6;
margin: 5px;
}










div.formRow{
padding: 5px;
background: #e2e2e2;
margin-bottom: 6px;
border: 1px dotted #666;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}


div.formRow label.inpHeading{
display: block;
font-size: 1.2em;
font-weight: bold;
border-bottom: 1px solid #ccc;
margin-bottom: 4px;
}

div.formRow input.block,div.formRow textarea.block{
display: block;
width: 98%;
border: 1px solid #aaa;
}

div.formRow input.block:hover,div.formRow textarea.block:hover{
border-color: #666;
}

div.formRow textarea{
padding: 4px;
font-size: 11px;
font-family: verdana,tahoma,arial,sans-serif;
}









div.infoBox{
padding: 5px;
background: #dceaf9;
border: 1px solid #4473a3;
color: #4473a3;
}

div.configRow a{
display: block;
float: left;
height: 18px;
width: 18px;
padding: 2px 3px;
background-color: #cccccc;
margin-right: 2px;
text-align: center;
vertical-align: center;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}

div.configRow a:hover{
background-color: #999;
border-bottom-color: #363636;
border-right-color: #363636;
border-top-color: #ffffff;
border-left-color: #ffffff;
}

div.configRow img{
vertical-align: center;
}

div.configRow{
clear: both;
margin-bottom: 4px;
overflow: auto;
background: #e2e2e2;
border: 1px solid #ccc;
box-shadow: 2px 2px 4px #666666;
-moz-box-shadow: 2px 2px 4px #666666;
-webkit-box-shadow: 2px 2px 4px #666666;
}