body {margin:0px; text-align:center}
body, td, div {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#222222; font-weight:normal; text-decoration:none}
a {color:#de0011; text-decoration:underline}
a:hover {text-decoration:none; color:#de0011}

.clear {clear:both}

#BBALogo{ position:absolute; right:0; top:-160px; width:190px; text-align:center; float:right;}
*html #BBALogo {position:absolute; right:0; margin-top:30px; width:190px; text-align:center; float:right;}

p {margin-top:9px; margin-bottom:3px}
ul {list-style-type:none; padding-left:5px; margin:25px 0px 0px 15px }
li {text-align:left; padding-left:13px; margin-top:3px; background:transparent url(/images/greysquare.gif) no-repeat 0 0.7em; line-height:16px}
input, select, textarea, option {font-size:11px; color:#222222}
h1 {font-weight:bold; font-size:14px; margin:40px 0 0 0; color:#de0011}
h2 {font-weight:bold; font-size:12px; color:#de0011}

.greybutton {width:90px; background-image:url(/images/buttons/darkgrey.gif); background-position:top left; background-repeat:no-repeat; height:21px; text-align:center}
.greybutton a {color:#FFFFFF; text-decoration:none; display:block; padding:4px 0px}

#wrapper {text-align:left; width:940px; margin-left:auto; margin-right:auto}
#wrapper2 {margin:0 40px}

#topBar {width:520px}
#topFade {height:8px; clear:both; font-size:9px; background-image:url(/images/clouds.jpg); background-repeat:repeat-x}
#logo {display:inline; float:left; margin-left:26px; margin-top:35px}

#menu {float:right; margin-top:105px; margin-left:30px}
.menuItem {float:right}
.menuItem a {padding:0 9px; text-decoration:none; color:#222222}
.menuItem a:hover {color:#de0011}
.menuItemSelected {float:right}
.menuItemSelected a {padding:0 9px; text-decoration:none; color:#de0011}
.menuItemSelected a:hover {color:#de0011}

.CustomTableWrapper div { overflow:hidden; border:solid 1px #B2B4B3; border-left:none; border-bottom:none; text-indent:10px;}
.smallerColumns{width:40px; float:left;}
.customtablerow {border:solid 1px #000000;}
#customTableRightCol{ height:30px;}
*html #customTableRightCol { height:31px}

#slogan {position:relative; left:-6px; font-size:10px; text-align:center; width:130px; line-height:normal}

#bodyArea {border-left:1px solid #B8BCBB; border-right:1px solid #B8BCBB; padding:12px 0px 35px 34px; line-height:18px}
#bodyContent {width:500px}

#menuBar {border-top:1px solid #ffffff}
#menuBar td {text-align:center; width:90px; height:22px; border-left:1px solid #ffffff; color:#FFFFFF; background-color:#000000}
#menuBar td a {color:#FFFFFF; text-decoration:none; display:block; padding:5px 0px}
#menuBar td a:hover {font-weight:bold}
#menuBar .menuSelected {color:#000000; background-color:#616161; font-weight:bold}

#diagram {position:absolute; margin-left:535px; margin-top:50px; z-index:5}
#rightColumn {border-right:1px solid #B8BCBB; width:300px}

#breadcrumbs {font-size:10px; margin-bottom:10px}

#bottom {clear:both; height:85px; background-image:url(/images/clouds.jpg); background-repeat:repeat-x}
#bottomDiagram {float:left}
#bottomProducts{float:right}
#bottomProducts div{width:120px; color:#ffffff; padding:0px 10px 0 10px; float:right; border-left:1px solid #ffffff; height:90px; text-align:center}
.bottomProductsTitle {font-size:12px; font-weight:bold}
.bottomProductsTitle a {display:block; text-decoration:none; color:#ffffff}
.bottomProductsTitle a:hover {text-decoration:underline}

.servicesHeader {font-size:11px; font-weight:bold}

/*Thermal page*/

.thermalGreyBox{ width:260px; height:490px; background-color:#E8E9ED; border:solid 1px #B2B4B3; }
.thermalGreyBoxInner{ width:215px;margin:20px;}
.thermalGreyBoxInner span{color:#D61101; font-weight:bold; font-size:14px;}

#yellowBox{  width:245px; height:80px; float:right; position:relative; left:10px;}
#yellowBox .tpleftCol{ float:left; width:129px; height:40px; border: solid 1px #000000;font-size:18px; border-bottom:none;font-size:24px; border-left:none;  background-color:#FEFF75}
#yellowBox .btmleftCol{ float:left; width:100px; height:40px; border: solid 1px #000000;font-size:18px; border-right:none;font-size:24px;background-color:#FEFF75 }
#yellowBox .tprightCol{ float:left; width:101px; height:40px; border: solid 1px #000000;font-size:18px;border-bottom:none;font-size:24px;background-color:#FEFF75}
#yellowBox .btmrightCol{ float:left; width:130px; height:40px; border: solid 1px #000000;font-size:18px;font-size:24px;background-color:#FEFF75}

.guideTable{font-size:12px;}
.litesCastThermalValuesTable{ position:relative; top:10px;}
.litesCastThermalValuesTable td{ border-top:solid 2px #000000; border-right:solid 2px #000000;}
.litecStThermalLeft{border-left:solid 2px #000000;}
.litecStThermalBottom{border-bottom:solid 2px #000000;}