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

body {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0; margin: 0; background: url(../images/main-bg.gif) #f3f3f3; background-repeat: repeat-y; background-position: center;}
img {border: 0;}
h4 {font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 14px; color: #323232; margin: 0; padding: 0;}
h4 a {text-decoration: none;}
a {font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: underline; color: #000000;}
a:hover {font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; color: #FFCC00;}


#container{margin: 0 auto; width: 798px; background-color: #FFFFFF;}

#header {margin: 0 auto; width: 798px; padding: 10px 0 5px 0;}
#asl-security-logo {position: relative; float: left; margin-top: 10px;}
#search-include {position: relative; float: right; width: 300px;}
#search {position: relative; float: right; width: 300px; height: 27px; padding: 0; margin: 0;}
.phone {position: relative; float: right; font-size: 16px; color: #777777; margin: 0 20px 0 0; padding: 0;}
#clock {position: relative; float: right; color: #777777; margin: 0 20px 0 0; padding: 0;}

#banner {position: relative; float: left; background-image: url(../images/banner1.jpg); background-position: center; background-repeat: no-repeat; height: 263px; width: 800px;}
#banner-right {position: relative; float: right; width: 500px; color: #edff53;}
#banner-right p {font-family: Arial, Helvetica, sans-serif; font-weight: 600; font-size: 18px; margin: 217px 0 0 150px;}
#banner-right p span {margin-left: 120px;}
#banner-left {position: relative; float: left; height: 263px; width: 299px;}
#banner-left .random-quote {position: relative; float: left; height: 244px; width: 243px; margin: 10px 0 0 10px; color: #FFF;}

#content {position: relative; float: left; width: 788px; background-color: #FFFFFF; margin: 0; padding: 5px;}

#full {position: relative; float: left; width: 778px; margin-top: 10px; margin-left: -5px; background-color: #FFFFFF; padding: 10px;}

#left {position: relative; float: left; width: 380px;}
#left .border-top {position: relative; float: left; height: 11px; width: 380px; background-image: url(../images/border-top.gif); background-position: center; background-repeat: no-repeat;}
#left .border {border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 2px;}
#left .border-bottom {position: relative; float: left; height: 11px; width: 380px; background-image: url(../images/border-bottom.gif); background-position: center; background-repeat: no-repeat;}

#right {position: relative; float: right; width: 380px;}
#right .border-top {position: relative; float: left; height: 11px; width: 380px; background-image: url(../images/border-top.gif); background-position: center; background-repeat: no-repeat;}
#right .border {border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 2px;}
#right .border-bottom {position: relative; float: left; height: 11px; width: 380px; background-image: url(../images/border-bottom.gif); background-position: center; background-repeat: no-repeat;}

#left-index {position: relative; float: left; width: 500px; padding: 5px;}
#right-index {position: relative; float: right; width: 200px; padding: 5px; margin-right: 15px;}

.full-border-top {position: relative; float: left; height: 11px; width: 778px; background-image: url(../images/full-border-top.gif); background-position: center; background-repeat: no-repeat;}
.full-border {border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 2px; background: url(../images/full-border-bg.gif); background-position: bottom; background-repeat: repeat-x;}
.full-border-bottom {position: relative; float: left; height: 11px; width: 778px; background-image: url(../images/full-border-bottom.gif); background-position: center; background-repeat: no-repeat;}

.product-thumb {position: relative; float: left; height: 73px; width: 73px; margin: 0 5px 5px 7px;}
#evaluation-table td {border-bottom: 1px solid #CCCCCC; padding: 10px 0 10px 0;}


/**** proofpoint style ****/
#on-demand {position: relative; float: left; height: 95px; width: 210px; background-image: url(http://www.asl.co.uk/images/tiles/on-demand.gif); background-position: center; background-repeat: no-repeat; margin-top: 5px;}
.on-demand-link {margin: 25px 0 0 100px; color: #135a8f}

#messaging-security {position: relative; float: left; height: 95px; width: 210px; background-image: url(http://www.asl.co.uk/images/tiles/messaging-security.gif); background-position: center; background-repeat: no-repeat; margin-top: 15px;}
.messaging-security-link {margin: 15px 0 0 110px; color: #135a8f}

#virtual-appliance {position: relative; float: left; height: 95px; width: 210px; background-image: url(http://www.asl.co.uk/images/tiles/virtual-appliance.gif); background-position: center; background-repeat: no-repeat;}
.virtual-appliance-link {margin: 15px 0 0 100px; color: #135a8f}

#protect-server {position: relative; float: left; height: 95px; width: 210px; background-image: url(http://www.asl.co.uk/images/tiles/protect-server.gif); background-position: center; background-repeat: no-repeat;}
.protect-server-link {margin: 20px 0 0 100px; color: #135a8f}

#email-archiving {position: relative; float: left; height: 95px; width: 210px; background-image: url(http://www.asl.co.uk/images/products/proofpoint/tiles/email-archiving.gif); background-position: center; background-repeat: no-repeat;}
.email-archiving-link {margin: 20px 0 0 100px; color: #135a8f}

#outer {position: relative; float: left; width: 750px; margin: 5px; padding: 5px; border: 1px solid #CC00FF;}
#product-left {position: relative; float: left; width: 490px; padding: 5px;}
#product-right {position: relative; float: right; width: 225px; padding: 5px;}

a.pp-link {text-decoration: none; color: #145a96;}
a:hover.pp-link {text-decoration: none; color: #0499dc;}
.product {position: relative; float: left; width: 750px; padding: 5px; margin-left: 5px; margin-bottom: 10px; border: 1px solid #CCCCCC;}
.product-text {position: relative; float: right; width: 530px; font-size: 12px; padding: 0 5px 0 5px;}
.link-text {font-size: 14px; font-weight: bold;}
a.arrow-link {font-family: Verdana, Arial, Helvetica, sans-serif;}
a:hover.arrow-link {font-family: Verdana, Arial, Helvetica, sans-serif;}

.p-no-margin-top {margin-top: 0; padding-top: 0;}
.demo {position: relative; float: right; margin: 10px; width: 200px;}
ul.bullet {color:#0088cc;}
ul.bullet li span {color:#000000;}










#bottom-green-bg {margin: 0 auto; background: url(../images/bottom-green-bg.gif) #cacecf; background-position: center; background-repeat: no-repeat; height: 5px; margin-left: -32px;}
#bottom {margin: 0 auto; background: url(../images/bottom-bg.gif) #cdced0; background-position: center; background-repeat: repeat-y; height: 50px; margin-left: -32px;}
#bottom-links {margin: 0 auto; width: 800px; font-size: 10px;}
#bottom-links a {text-decoration: none;}
#bottom-links span {position: relative; float: right;}

#util {margin: 0 auto; width: 800px;}
#util p {margin: 20px 0 0 30px; font-size: 10px;}
#util p a {text-decoration: none;}