body{text-align : center; font-family : Verdana, Arial, Helvetica, MS Sans Serif, Sans Serif;}
#page{margin-right : auto; margin-left : auto; width : 730px; text-align : left; padding-top : 20px;}

#container{float : left; width : auto; height : auto; padding : 4px; background-color : #648EA7;}

#sidenav{width : 218px; height : 138px; float : right; background-color : #FFFFFF; margin : 0px;}
#sidenav a{display : block; width : 205px; height : 19px; line-height : 19px; font-size : 70%; color : #8BB9D3; background : url('../pics/sidelink_off.gif'); float : right; margin-right : 2px; margin-top : 3px; text-indent : 30px; text-decoration : none; text-transform : uppercase;}
#sidenav a:hover, {display : block; width : 205px; height : 19px; line-height : 19px; font-size : 70%; color : #8BB9D3; background : url('../pics/sidelink_on.gif'); float : right; margin-right : 2px; margin-top : 3px; text-indent : 30px; text-decoration : none; text-transform : uppercase;}
html>body #sidenav a{display : block; width : 205px; height : 19px; line-height : 19px; font-size : 70%; color : #8BB9D3; background : url('../pics/sidelink_off.gif'); float : right; margin-right : 3px; margin-top : 3px; text-indent : 30px; text-decoration : none; text-transform : uppercase;}
html>body #sidenav a:hover{display : block; width : 205px; height : 19px; line-height : 19px; font-size : 70%; color : #8BB9D3; background : url('../pics/sidelink_on.gif'); float : right; margin-right : 3px; margin-top : 3px; text-indent : 30px; text-decoration : none; text-transform : uppercase;}
#bottomdivider{width : 100%; height : 6px; background : url('../pics/bottomdivider.gif') repeat-x;}
#bottomlinks{color : #FFFFFF; font-size : 60%; padding-top : 4px; padding-bottom : 4px; padding-left : 4px;}
#bottomlinks a{color : #FFFFFF; text-decoration : none;}
#bottomlinks a:hover{color : #FFFFFF; text-decoration : underline;}



#productrange{background-color : #8BB9D3; width : 219px; height : auto; vertical-align : top; float : right;}
#productrange a{color : #FFFFFF; display : block; width : 209px; height : auto; line-height : 20px; font-size : 70%; text-decoration : none; margin-left : 10px }
#productrange a:hover{color : #F65F03; display : block;  height : auto; line-height : 20px; font-size : 70%; text-decoration : none; }

#main{float : left; padding-top : 4px; padding-bottom : 4px; padding-left : 1px;}
#maincontent{float : left; width : 498px; height : auto;}

div.feature{float : left; width : 246px; height : 120px; background-color : #FFFFFF; margin-bottom : 5px; padding : 0px;}
div.space5{float : left; width : 5px; height : 5px;}
div.feature h2{color : #F85A15; font-size : 70%; margin : 0px; text-transform : uppercase;}
div.feature p{color : #787777; font-size : 70%; line-height : 12px; margin : 0px; border-top : #8BAABD dashed 1px; border-bottom : #8BAABD dashed 1px; margin-top : 5px; margin-bottom : 0px; padding-top : 5px; padding-bottom : 4px;}
a.featurelink{display : block; font-size : 14px; color : #F85A15; width : 132px; line-height : 23px; height : 23px; background : url('../pics/feature_more.gif'); font-weight : bold; text-indent : 7px; text-decoration : none;}
a.featurelink2{display : block; color : #FFFFFF; font-size : 1%; width : 132px; line-height : 23px; height : 23px; background : url('../pics/feature_more2.gif'); text-decoration : none; text-align : left;}
h1{color : #FFFFFF; font-size : 100%; margin : 5px; margin-top : 0px;} 
h2{color : #FFFFFF; font-size : 80%; margin : 5px; margin-bottom : 15px;} 
p{color : #FFFFFF; font-size : 70%; line-height : 15px; margin : 5px;}
ol,ul{color : #FFFFFF; font-size : 70%;}
ul{margin-top : 10px;}
a{color : #FFFFFF;} 
#prod h1{color : #F85A15; font-size : 100%; margin : 5px; padding-top : 0px;} 
#prod h2{color : #6F6E6E; font-size : 70%; margin : 0px; margin-left : 5px; padding-bottom : 10px; border-bottom : #A4D5F1 dashed 1px;} 
#prod b{color : #648EA7;}
#prod p{color : #818080;}
.contactform{width : 90%; font-size : 80%; background-color : #8BB9D3; color : #FFFFFF; border : #FFFFFF solid 1px;}
span.price{color : #F85A15; font-size : 150%; font-weight : bold;}

div.textindent{padding-left : 5px;}

div.colorbox{float : left; width : 70px; padding : 0px; color : #8D8C8C; font-size : 12px; line-height : 20px; height : 20px; border : #797575 solid 1px; margin-right : 5px; margin-bottom : 5px;}

#productrange2{background-color : #8BB9D3; width : 219px; height : auto; vertical-align : top; float : right; margin-left : 5px;}
#productrange2 a{color : #FFFFFF; display : block; width : 219px; height : 20px; line-height : 20px; border-bottom : #C7E6F8 solid 1px; font-size : 70%; text-decoration : none; text-indent : 15px;}
#productrange2 a:hover{color : #F65F03; display : block; width : 219px; height : 20px; line-height : 20px; border-bottom : #C7E6F8 solid 1px; font-size : 70%; text-decoration : none; text-indent : 15px;}