/* CSS for analyser.co.uk website */

body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; padding: 0; margin: 0; background-color: #333333;}
img {border: 0;}
a {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #3f9c3a;}
a:hover {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #89d417;}

#header {width: 800px; margin: 0 0 10px 0; text-align: left; background-image: url(../images/head-bg.gif); height: 80px; padding: 0; margin-bottom: 2px;}
#asl-logo {position: relative; float: left; height: 40px; width: 257px; margin: 14px 0 0 0;}
#clearswift-logo {position: relative; float: right; height: 60px; width: 111px; margin: 10px 18px 0 0;}
#clock {color: #999999; margin: 5px; font-family: Arial, Helvetica, sans-serif;}
#clock {position: relative; float: right; width: 40px; height: 40px; padding: 0;}
#banner {position: relative; float: left; background-image: url(../images/banner/banner-bg.gif); background-position: center; background-repeat: no-repeat; height: 216px; width:780px;}

#search-banner {position: relative; float: left; width: 800px; height: 25px; margin:0 0 2px 0; padding: 0; background-image: url(../images/search-bg.gif); background-position: left; background-repeat: no-repeat;}
#search-box {position: relative; float: right; height: 25px; width: 285px;}

h4 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #89d417;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #FFF;}
.headerlink {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #135a8f; margin-top: 20px; text-decoration: none;}
.padding {padding: 0; margin: 0;}
.no-margin {margin-top: 0;}
.clearswift-index {position: relative; float: left; margin: 150px 0 0 5px;}

.toolheadpadding {position: relative; float: left; padding-left: 5px; padding-top: 1px;}
.head {text-decoration:underline; font-weight: bolder;}

#container{margin: 0 auto; padding: 0; width: 800px;}
#content {position: relative; float: left; width: 790px; margin-bottom: 50px; background-color: #333333; padding: 5px; /*border: 1px solid white;*/}

#int-tool-content {position: relative; float: left; width: 790px; margin: 5px 0 50px -5px; background-color: #333333; padding: 0;}
#int-tool-banner {position: relative; float: left; height: 60px; width:780px; margin: 10px 0 0 0;}

#main {position: relative; float: left; width: 790px; /*border: 1px solid white;*/}

.quarter {position: relative; float: left; width: 178px; margin-right: 5px; padding: 5px; /*border: 1px solid red;*/}
.thirds {position: relative; float: left; width: 256px; margin-right: 5px; /*border: 1px solid red;*/}
#left {position: relative; float: left; width: 380px; padding: 5px; background-color: #333; /*border: 1px solid white;*/}
#right {position: relative; float: right; width: 380px; padding: 5px;  background-color: #333; /*border: 1px solid white;*/}
.awards {position: relative; float: left; margin: 10px 0 20px 0; /*border: 1px solid white;*/}

.box1-top {position: relative; float: left; height: 10px; width: 256px; background-image: url(../images/boxes/box1-top.gif); background-position: center; background-repeat: no-repeat;}
.box1-body {position: relative; float: left; background-color: #3f5261; width: 246px; padding: 0 5px 0 5px; margin-top: 0;}
.box1-bottom {position: relative; float: left; height: 10px; width: 256px; background-image: url(../images/boxes/box1-bottom.gif); background-position: center; background-repeat: no-repeat;}

.box2-top {position: relative; float: left; height: 10px; width: 256px; background-image: url(../images/boxes/box2-top.gif); background-position: center; background-repeat: no-repeat;}
.box2-body {position: relative; float: left; background-color: #2f3d48; width: 246px; padding: 5px; padding: 0 5px 0 5px; margin-top: 0;}
.box2-bottom {position: relative; float: left; height: 10px; width: 256px; background-image: url(../images/boxes/box2-bottom.gif); background-position: center; background-repeat: no-repeat;}

.box3-top {position: relative; float: left; height: 10px; width: 256px; background-image: url(../images/boxes/box3-top.gif); background-position: center; background-repeat: no-repeat;}
.box3-body {position: relative; float: left; background-color: #1e292f; width: 246px; padding: 5px; padding: 0 5px 0 5px; margin-top: 0;}
.box3-bottom {position: relative; float: left; height: 10px; width: 256px; background-image: url(../images/boxes/box3-bottom.gif); background-position: center; background-repeat: no-repeat;}

.button1 {position: relative; float: left; background-image: url(../images/buttons/button1.gif); background-position: center; background-repeat: no-repeat; height: 46px; width: 106px;}
.button2 {position: relative; float: left; background-image: url(../images/buttons/button2.gif); background-position: center; background-repeat: no-repeat; height: 46px; width: 106px;}
.button3 {position: relative; float: left; background-image: url(../images/buttons/button3.gif); background-position: center; background-repeat: no-repeat; height: 46px; width: 106px;}
a.buttonlink {float: left; height: 46px; width: 106px; text-decoration: none; text-align: center; padding-top: 16px; font-weight: bold; font-size: 12px; color: #FFF;}
a.buttonlink:hover {color: #333333;}

ul.bullet {color:#0499dc;}
ul.bullet li span {color:#89d417;}
ul.bullet-dark {color:#0499dc;}
ul.bullet-dark li span {color:#333333;}

#full {position: relative; float: left; width: 780px; margin-top: 10px; background-color: #333;}
#fullsection {position: relative; float: left; height: 100%; width: 770px; margin-left: 5px;}
#fullhead {position: relative; float: left; height: 20px; width: 770px; margin-bottom: 10px;}

#indexcontent {position: relative; float: left; padding: 0 5px 5px 5px;}
.tool-content {width: 600px; position: relative; float: left;}
.options-bar {position: relative; float: right; width: 130px; padding: 5px; border-left: 1px solid #CCCCCC; margin-right: 0;}

#tool-box {position: relative; float: left; width: 588px; margin-left: 2px; background-color:#FFFFFF; padding: 5px; color: #333;}
#tool-box-base {position: relative; float: left; width: 598px; height: 18px; margin-left: 2px; background-image: url(../images/596-bottom.gif); background-position: bottom; background-repeat: no-repeat;}

.case-study {position: relative; float: left; width: 780px; padding: 5px; border-bottom: 1px solid white;}
.case-study-left {position: relative; float: left; width: 60px; padding: 5px; /*border: 1px solid red;*/}
.case-study-right {position: relative; float: left; width: 690px; padding: 5px; /*border: 1px solid blue;*/}

.table-head {background-color: #18cbe4; padding: 5px 0 5px 0; background-image: url(../images/hable-head-bg.gif); background-position: center; background-repeat: repeat;}
.table-cell {background-color: #3f5261; padding: 5px 2px 5px 2px;}

#bottom {margin-bottom: 20px; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 10px;} 
#bottom a {color: #666666; text-decoration: none;}
#bottom a:hover {color: #cfbd02; text-decoration: underline;}

#util {font-family: Arial, Helvetica, sans-serif; font-size: 9px; text-align: center; color: #666666; margin-bottom: 10px;}

#util a {text-decoration: none; color: #666666}
#util a:hover {text-decoration: underline; color: #cfbd02;}

#bottomlinks {position: relative; float: right; width: 370px; /*border: 1px solid #666666;*/ padding: 5px; color: #666666;}
#bottomlinks a {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none;}
#bottomlinks a:hover {color: #cfbd02; text-decoration:underline;}