body {
background: #DDD; /*url(images/chrimbo-tile.jpg) repeat;  snowflakeTile.gif Snowflake.jpg */
font-family: Lucida Grande, Verdana, Arial, Sans Serif;
font-weight: normal;
font-size:12px;
margin:0;
}

#container{
width: 842px;
margin: 0px auto;
}
#containerbg{
background: #fff;
float:left;
width: 842px;
padding:5px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}

#header{
margin-bottom:5px;
float:left;
}

.middle {vertical-align:middle;}

#leftnav {
width:180px;
margin-right:5px;
float:left;
}

#logo{
width:180px;
height:80px;
float:left;
}



#navigation{
background: url(images/navigation-background.jpg) no-repeat top left;
padding:5px 0 0 5px;
_padding:0px;
margin-top:5px;
float:left;
width:180px;
min-height:163px;
_height:168px;
}

#searchbox{
width:650px;
height:25px;
/* background: url(images/search-bground.jpg) top left no-repeat; */
background: #EEE;
padding:2px;
float:right;
margin-bottom:5px;
border-right: 3px solid #CCC;
}
.searchinput {margin:3px 0px 0px 10px; font-size:10px; width:155px; height:15px;}
.searchboxlabel {font-weight:bold; font-size:12px; font-family:lucida grande, Trebuchet MS, Sans serif; color:#990000; padding:0px; margin:4px 0 3px 0; float:right; text-align:right;}
.searchbox {float:right; width:220px; text-align:right;}

#social {float:left; width:330px; padding:5px;}
#searchform {margin:0px; padding:0px;}

.searchresults {margin: 5px 0; float:left; padding:5px 0; width:500px;}
.searchresults dl { float:left; margin-top:5px; padding:5px 0px; border-left: 4px solid #CCC;}
.searchresults dl dd { float:left; width:50px; margin:5px; padding:0; text-align:center;}
.searchresults dl dt { float:left; margin:5px; padding:0; width:420px;}
.searchresults h3 {margin:0;}
/*EBE83F*/
#starbuy {margin:10px 0 10px 0; padding:0; float:left; width:100%; background: #DDD; border-left: 5px solid #BBB;}
#starbuydl {margin:0; padding:0; background:#fff;}
#starbuydl dt {margin:5px; padding:5px; width:140px; _height: 140px; min-height:140px; background:#FFF; float:left; text-align:center; }
#starbuydl dd {margin:5px; float:left;  width:410px; _width:410px; _height: 130px; min-height:130px; background:#FFF; padding:10px;}
#starbuy h2 {font-size:14px; background:none; padding:0; margin: 3px 0px;}
#banner{
width:656px;
height:218px;
float:right;
background:#FFF;
padding:0;
margin:0;
}

#photodiv{
width:656px;
height:218px;
float:right;
padding:0;
margin:0;
}


/* page body */

#pagebody{
background: url(images/content-background.jpg) top no-repeat;
min-height: 400px;
_height:400px;
float:left;
margin-top:0px;
padding:0px 0px 10px 0;
line-height: 1.6;
width:842px;
}


#leftpage{
width:525px;
float:left;
padding: 0 20px 0 10px;
_padding: 0 10px 0 10px;
border-right:1px solid #ccc;
}

#leftpage-wide{
width:605px;
float:left;
padding: 0 20px 0 10px;
_padding: 0 10px 0 10px;
}

#news{
list-style:none;
margin:0;
padding:5px 0 0 0;
width:505px;
}

#news li{
background: url(images/news-icon.gif) no-repeat  0 0.5em;
padding: 0 0 0 20px;
width:485px;
}

.readmore{text-decoration:none; color:#990000; font-weight:normal;text-decoration:underline;}
.readmore:hover{text-decoration:none; color:#990000;}


#rightpage{
width:275px;
float:right;
margin:0 0 1px 0;
}
#rightpage-narrow{
width:202px;
float:right;
margin:0 0 1px 0;
background:#E4E4E4;
}

#askexpert{
padding:10px; 
font-size:10px;
}

.askexpertinput{
width:180px;
}

.askexpertinputPC{
width:80px;
}

#rightcol{
margin-top:3px;
padding:5px;
background: url(images/knowledge-base-background.jpg) no-repeat top left;
}

#guidesmall{
border-top:1px solid #ffffff;
padding:10px;
background:#E1EAFF;
min-height:250px;
_height:250px;
}

#guidesmall ul{
padding:0;
margin:0;
list-style:none;
border-top: 1px solid #CCC;
}

.guideitem{
padding: 5px 0;
border-bottom: 1px solid #CCC;
}

.guideitem a{
text-decoration:none;
color:#333;
}

.guideitem a:hover{
color:#CC3300;
}


#readings{width:500px; margin:0 auto;}


/* register form */

#forms{
border:2px solid #CCC;
padding:10px;
}

#forms tr th{
background:#DDD;
padding-bottom:5px;
}

.inputform{
width:250px;
}

.inputformsmall{
width:100px;
}
.formlabel {font-weight:bold;}


/* full range */


#fullrange{
float:left;
clear:both;
width:100%;
border-top:1px dashed #CCC;
}

#fullrangetable{
width:100%;
background: url(images/table-top.gif) no-repeat top left;
}

.rangelabel{
font-weight:bold;
font-size:10px;
border-left: 1px #CCCCCC solid;
border-right: 1px #CCCCCC solid;
}

#fullrangetable tr td{
border-width:1px;
border-style: solid;
border-color:#CCCCCC;
background:#ffffff;
}

.topendcol{
background: url(images/table-top-rh.gif) no-repeat top right;
padding-right:3px;
}


/* end */ 

#articles {
list-style:none;
padding:0 0 15px 0;
margin:0;
}

#articles li{
background: url(images/news-icon.gif) no-repeat  0 0.5em;
padding: 0 0 0 20px;
width:250px;
}


#footer{
border-top:10px solid #ccc;
clear:both;
float:left;
width:100%;
background:#DDD;
}

/* styles for product catalogue */
#prodcats{
padding:1px;
}

#prodcats tr{
border-top: 1px black;
}

.thumbnail{
height:135px;
padding:5px;
width:135px;
text-align:center;
}
.label{
width:135px;
text-align:center;
font-size:10px;
}

.solution{ width:100%; float:left; padding:0px; margin:5px 0; background: #EEE; }
.solutionthumb {width:135px; text-align:center; float:left; border-left: 5px solid #CCC; padding:10px;}
.solutionthumbright {width:135px; text-align:center; float:right; border-right: 5px solid #CCC; padding:10px;}
.solutionlabel { padding:0; margin:0; padding:5px 10px;float:left;}
.solutionlabel h4 {font-size:14px; font-weight:bold; padding:0px; margin:0px;}
.solutiondescription{float:left; width:400px;  padding:0px 0px 0px 10px;}

.newslist{ width:100%; float:left; padding:0px; margin:5px 0; background: #EEE; }
.newsthumb {width:100px; text-align:center; float:left; border-left: 5px solid #CCC; padding:10px;}
.newsthumbright {width:100px; text-align:center; float:right; border-right: 5px solid #CCC; padding:10px;}
.newslabel { padding:0; margin:0; padding:5px 10px 0px 10px;float:left; width:380px;}
.newslabel h4 {font-size:14px; font-weight:bold; padding:0px; margin:0px;}
.newsdescription{float:left; width:380px;  padding:0px 0px 0px 10px; margin:0;}

.prodrowlink {text-decoration:none; color:#000;}
.prodrowlink:hover {text-decoration:underline; color:#000;}


/* ################################################################### */
/* standard styles */
/* ################################################################### */


h1{
font-family: Trebuchet MS, Georgia, Times New Roman, Serif;
font-size:16px;
font-weight:bold;
color:#990000;
background: url(images/big-red-arra.gif) 0em 0.5em no-repeat ;
padding:0 0 0 10px;
clear:both;
}
h1 a{
color: #990000;
text-decoration:underline;

}

h2{
font-family: Trebuchet MS, Georgia, Times New Roman, Serif;
font-size:16px;
font-weight:bold;
margin:0px;
color:#000;
background: url(images/big-red-arra.gif) 0em 0.35em no-repeat;
padding:0 0 0 10px;
clear:both;
}

h2 a{
color: #990000;
text-decoration:underline;
clear:both;
}


h3{
font-family: Trebuchet MS, Georgia, Times New Roman, Serif;
font-size:13px;
font-weight:bold;
clear:both;
margin:0px;
color:#000;
background: url(images/big-red-arra.gif) 0em 0.35em no-repeat;
padding:0 0 0 10px;
}
h4{
font-family: Lucida Grande, Verdana, Arial, Sans-Serif;
font-size:13px;
font-weight:bold;
margin:0;
padding:0;
color:#990000;

}
a {color:#990000;}

.red{
color:#990000;
}

.bigred{
font-size:11px;
font-weight:bold;
color:#990000;
}

.headline { text-decoration:none; color:#000;}
.headline:hover { text-decoration:underline; color:#990000:}

.tablelabel{
background:#ccc;
font-weight:bold;
font-size:11px;
}
.tablelabellight{
background:#E4E4E4;
font-weight:normal;
font-size:11px;
}
.spacer{padding:15px 0;}
.padallround {padding:10px;}
#segment{float:left; padding:10px;}
.bigsegment{border-left:2px solid #ccc; float:right; width:400px; text-align:right; min-height:170px; _height:170px; padding-right:10px;}
.leftborder {border-left:1px solid #CCC; text-align:center; }