/* Regular tags */
h1 {color:#fff;background:transparent;font-size:1.9em;margin-bottom:0;font-weight:normal;letter-spacing:0.05em; text-align:left;}
h2{color:#fff;padding:0; margin:0; font-size:10pt;}
h3{padding:0;}
h4 {font-size:0.9em; margin-bottom:5px;}
p.title{font-weight:bold; margin-bottom:0;}
p, h2, h3{margin:0;}
p{margin-bottom:10px;}
.clear{clear:both;height:0;overflow:hidden;visibility:hidden;}
div.content{padding:20px;}
/* Main */
#prodContent h2 {clear:both;padding:0;margin:10px 0 5px 0;font-weight:normal;}
#prodContent p {line-height:1.5em;color:#444;}
/* Click to call */
/* Other space stuff */
dt {color:#0060B6;}
/* override default navbar */
div.navbar#productnavbar {width:490px;text-align:left; float:left;}
div#productnavbar div{float:left; position:relative; left:200px; margin-top:15px;}
div#productnavbar #navcrumb {background:transparent;color:#fff;padding:0;margin:00px 0;text-align:left; margin-bottom:10px; float:none; display:block; clear:both; height:auto; left:0; width:100%;}
div#productnavbar h1{color:#fff;background:transparent;font-size:2em;margin-bottom:0;font-weight:normal;letter-spacing:0.05em;}
div#productnavbar p {background:transparent;margin-top:0;color:#fff;}
div#productnavbar a, #productnavbar a:visited{color:#fff;background:transparent;}
div#productnavbar div h1{color:#fff; font-size:2em; margin:0 0 15px 0; padding:0; display:inline; font-family: Zurich Cn BT,Arial,Helvetica,Verdana,sans-serif; line-height:1em;}
div#productnavbar div h2{color:#fff; font-size:1.1em; padding:0; margin:0; font-family: Zurich Cn BT,Arial,Helvetica,Verdana,sans-serif; line-height:1em; letter-spacing:normal;}
div#productnavbar div p{font-size:1.1em; padding:0; color:#404646; font-family: Zurich Cn BT,Arial,Helvetica,Verdana,sans-serif; line-height:1em;}
/* product pages */
#wrap {background:#FFF url(../images/products/products_bg.gif);margin:0;padding:0;float:left;width:976px;}
/* * html #wrap {height:850px;} */ /* IE hack due to min-height being ignored */
/* Banner section */
#prodBanner{height:78px; padding:10px 0 10px 20px;}
/* IE Hack */
#prodBanner{_height:70px;}
/* Price */
div#price{float:right; margin:10px 20px 0 0; color:#DEF9FF;padding:0;}
div#price p{font-size:170%; padding:0; margin:0; color:#DEF9FF;}
div#price sup{font-weight:normal;}
input#orderButton{background:url(../images/button/web-hosting-order.gif) top;border:none; width:102px; height:23px; cursor:pointer;}
/* Actual Content */
#prodContent {float:left; width:796px;min-height:570px; margin:0; padding:0; }
#prodContent h3{font-family:arial; font-size:140%; color:#8C8C8C; font-weight:normal;}
#featuresAndBenefitsWrap{clear:both; border-top:dotted 1px #C1DCE4; width:798px; padding:10px 0 10px 0;}
/* Summary div */
#intro{ padding:10px 10px 20px 20px;}
#summary{float:left; width:350px; margin:0; padding:10px 5px 0 20px;min-height:270px;_height:290px;}
/* Choose div */
#choose{float:right; background:#FFFFE8; border-left:dotted 1px #C1DCE4;width:398px; margin:0; padding:0;min-height:310px;_height:310px;}
#choose p{font-size:9pt; width:auto;}
div#choose h3{padding:10px 10px;}
div#choose h2{color:#444; font-weight:bold;margin-top:0;}
/* Product Tiles */
div.tile h4{margin:0px 0 0 20px; padding:0; width:160px;}
#tab0 div.tile p, #tab1 div.tile p, #tab2 div.tile p, #tab3 div.tile p, #tab4 div.tile p{margin:0 0 0 20px; font-size:8pt; padding:0; width:145px; }
/* Product Tiles */
div.tile { width: 190px; margin-bottom:10px; padding:0; float:left; cursor:pointer;}
div.tile div.tileright{height:130px; _height:120px; background: #FDEAC2 url('../images/products/product_tile_right.gif') no-repeat scroll right bottom; position:relative; padding-bottom:0; }
div.tile div.tileright:hover{background-color:#FAD793;}
.tile .tileright div{height:120px; padding: 5px 0; background: transparent url('../images/products/product_tile_left.gif') no-repeat left bottom scroll;}
div.tile ul{margin-left:0; padding-left:20px;}
div.tile ul li{list-style:none; list-style-image:none; line-height:1.5; width: 155px}
div.tile .tileright span{position:absolute;bottom:20px; right:25px; padding:0;margin:0; font-size:7pt;}
/* div.tile .tileright div.tilecta{height:auto; width:auto; background:none; position:absolute; bottom:10px; left:0px}
div.tile span.price{padding-left:20px; font-size:10px}
div.tile span.price strong{color:#274d74; font-size:1.8em; font-weight:bold; padding-left:5px}
div.tile button{position:absolute; bottom:5px; margin-left:5px}
*/
/* Features div */
#features{float:left; width:368px; margin:0; padding:0px 5px 0 20px; }
#features h3,#benefits h3{margin-bottom:5px;}
#features div{padding:0 25px;}
#features #feature1{background:url(../images/products/feature1.gif) top left no-repeat;}
#features #feature2{background:url(../images/products/feature2.gif) top left no-repeat;}
#features #feature3{background:url(../images/products/feature3.gif) top left no-repeat;}
#features #feature4{background:url(../images/products/feature4.gif) top left no-repeat;}
#features #stats{background:url(../images/products/icon_web_stats.gif) top left no-repeat; }
#features #space{background:url(../images/products/icon_space.gif) top left no-repeat; }
#features #spam{background:url(../images/products/icon_spam_protection.gif) top left no-repeat; }
#features #data{background:url(../images/products/icon_data_transfer.gif) top left no-repeat; }
#features #accounts{background:url(../images/products/icon_accounts.gif) top left no-repeat; }
#features #bandwidth{background:url(../images/products/icon_bandwidth.gif) top left no-repeat; }
#features #protected{background:url(../images/products/icon_protected.gif) top left no-repeat; }
#features #virus{background:url(../images/products/icon_virus_protection.gif) top left no-repeat; }
#features #webaccess{background:url(../images/products/icon_web_access.gif) top left no-repeat; }
#features #webcontrol{background:url(../images/products/icon_web_control.gif) top left no-repeat; }
#features #hosting{background:url(../images/products/icon_hosting_included.gif) top left no-repeat; }
#features #mobile{background:url(../images/products/icon_mobile_access.png) top left no-repeat; }
#features #nosetup{background:url(../images/products/icon_no_setup_fees.png) top left no-repeat; }
#features #visibility{background:url(../images/products/icon_improve_visibility.png) top left no-repeat; }
#features #target{background:url(../images/products/icon_target.png) top left no-repeat; }
#features #creative{background:url(../images/products/icon_creative_control.png) top left no-repeat; }
#features #emergency{background:url(../images/products/icon_emergency_support2.png) top left no-repeat; }
#features #schedule{background:url(../images/products/icon_schedule.png) top left no-repeat;}
#features #personalise{background:url(../images/products/icon_personalise.png) top left no-repeat;}
#features #license{background:url(../images/products/icon_no_setup_fees.png) top left no-repeat;}
#features #news{background:url(../images/products/icon_personalise.png) top left no-repeat;}
#features #twitter{background:url(../images/products/twitter-16x16.png) top left no-repeat;}
#features #ym{background:url(../images/products/yahoo-16x16.png) top left no-repeat;}
#features #skype{background:url(../images/products/skype-16x16.png) top left no-repeat;}
#features #telefon{background:url(../images/products/skype-16x16.png) top left no-repeat;}
#features #livesuport{background:url(../images/products/Tech-Support-16x16.png) top left no-repeat;}
#features #ticket{background:url(../images/products/Hollywood-Ticket-32x32.png) top left no-repeat;}
#features #faq{background:url(../images/products/System-Security-Question-16x16.png) top left no-repeat;}
/* Benefits div */
#benefits{float:right; width:380px; margin:0; padding:0 5px 0 10px; }
#benefits div{background: url(../images/products/check.gif) top left no-repeat; padding:0 15px 0 25px;}
/* The products Menu */
#prodMenu {float:left;width:175px;margin:0;padding:0;}
#prodMenu #arrow {background:url(../images/products/prodMenuArrow.gif) no-repeat; }
#prodMenu h4 {margin:5px 0 0 10px; padding:0;font-weight:normal;font-size:1em;}
#prodMenu ul {list-style-type:none;list-style-image:none;padding:0;margin:4px 0 20px 20px;font-size:0.95em;}
#prodMenu div ul {list-style-position:outside;}
#prodMenu li {padding:2px 0px;}
#prodMenu #nextSteps{}
/* Yellow Box */
#yellowBox{clear:both;background:#FFFFE8 url(../images/products/CTA_phone.gif) 15% no-repeat; border:dotted 1px #C1DCE4; border-top:0; border-right:0; padding:0px 0 0 22%;}
div#yellowBox p{padding:20px 0px 20px 00px; color:#0060B6; font-size:1.4em;}
div#yellowBox p strong{font-size:1.1em;}
/* Thankyou */
#thankyou{margin:10px 20px;}
#thankyou p{margin-left:0; padding-left:0;}
/* Contact Us */
#contactIntroduction h3{margin:10px 20px;}
#contactIntroduction p{margin:0 20px;}
#whatisthedifference{display:none; padding:10px 20px; border-top:dotted 1px #C1DCE4; clear:both;}
/* Definition Lists */
dl dt{color:#274D74; margin-bottom:2px;margin-top:5px;}
dl dd{margin:0;margin-bottom:10px;line-height: 1.4em;}
dl{margin-bottom:8px;}
.col{padding:5px 20px;float:left; width:350px;_width:390px;}
/* Click to Call Campaign */
/* Call-to-action */
#ctc_menu { margin: 5px 0 27px 0; padding: 0px; cursor: pointer; width: 100%; }
#ctc_img { width: 180px; height: 59px; background: url('../images/clicktocall/sidebar_hover.jpg') no-repeat; }
#bellme_con {width: 181px; height: 206px; position: absolute; left: -181px; top: -86px; border-top: 1px solid #BBE0E9; padding:0; margin:0; background:url(../images/clicktocall/sidebar_hover_bg.jpg) repeat-y;}
#bellme_con #top {width: 181px; height: 120px; background:url(../images/clicktocall/sidebar_hover_bg.jpg) repeat-y; padding:0; margin: 0;}
#bellme_con #close_tab { padding-top: 3px; padding-right: 5px; position: relative; left: 165px; cursor:pointer;}
#bellme_con #top ul {font-size: 11px; color: #02658E; line-height: 22px; padding: 0px 5px 0 13px; margin:0;}
#bellme_con #bottom {width: 181px; height: 86px; background:url(../images/clicktocall/sidebar_hover_bg2.jpg) repeat-y; padding: 0 8px 0 0; }
#bellme_con #bottom p { font-size: 10px; color: #4E6F76; line-height: 19px; padding: 5px 8px 0 0; margin:0; background:url(../images/clicktocall/sidebar_hover_bg2.jpg) repeat-y;}
#bellme_con #bottom #ctaScript { padding: 0 8px 0 0; background:url(../images/clicktocall/sidebar_hover_bg2.jpg) repeat-y; }
#bellme_con .mynumber { width: 150px; color: #02658E; border-style:solid; border-width:1px; border-color:black; padding: 3px 0px 3px 5px; } /* = Phone Number Input - */
#bellme_con .ringring { width: 96px; height: 23px; background: url(../images/clicktocall/button-call.gif) no-repeat; font-size: 0; border: 0px; position: relative; top: 5px; padding: 5px 0 15px 0; cursor:pointer; }
#bellme_con .ringring:hover { background: url(../images/clicktocall/button-call-over.gif) no-repeat; } /* Call Button - */
#bellme_con .bellme_feat { background: url(../images/clicktocall/sidebar_hover_bg2.jpg) repeat; padding: 0px 5px 10px 15px; margin: 0px; border: 0px; text-align: left; color: red; } /* Container for call success/failure message */
/* Proactive Prompt */
#ctc_container { position: fixed; left: 50%; top: 80%; }
#bellme_bg { width: 896px; height: 97px; position: relative; left: -450px; top: 2px; background: #575757; -moz-opacity:.3; filter:alpha(opacity=30); -khtml-opacity: 0.3; opacity:.3; z-index: 100; }
#clicktocall { width: 896px; position: relative; left: -447px; top: -100px; border: 1px solid #575757; opacity: 1; z-index: 300; }
#clicktocall #top { width: 886px; height: 50px; background: #E1F3FD; padding: 5px;}
#clicktocall #phone_icon { width: 60px; float: left; clear: both; padding-top: 4px; padding-left: 30px;}
#clicktocall #top_text { width: 795px; font-size: 19px; line-height: 27px; color: #0863CC; padding-top: 2px; }
#clicktocall #close_tab { width: 18px; float: right; position: relative; top: -55px; clear: both; cursor:pointer; }
#clicktocall #bottom { width: 888px; height: 37px; padding: 0 8px 0 0; background: #B7E1EF; }
#clicktocall #bottom_cont { width: 470px; position: relative; left: 450px; overflow:auto;}
#clicktocall #num_prompt { width: 150px; color: #006AA4; display: inline; position: relative; top: 12px; left: 22px; }
#clicktocall #ringring_cont { width: 250px; display: inline; position: relative; top: 3px; padding-left: 8px; }
#clicktocall .mynumber { width: 150px; display: inline; padding-left: 10px; position: relative; top: -6px; left: 170px;} /* = Phone Number Input - */
#clicktocall .ringring { width: 96px; height: 23px; display: inline; background: url(../images/clicktocall/button-call.gif) no-repeat; font-size: 0; border: 0px; padding: 5px 0 15px 0; position: relative; top: -14px; left: 180px; cursor:pointer; } #clicktocall .ringring:hover { background: url(../images/clicktocall/button-call-over.gif) no-repeat; } /* Call Button - */
#clicktocall .bellme_feat { background: #B7E1EF; width: 410px; height: 20px; padding: 0px 5px 10px 5px; margin: 0px; border: 5px; text-align: left; position: relative; left: 22px; top: -14px; padding-bottom: 4px; padding-top: 5px; color: red; } /* Container for call success/failure message */
/* Video Div */
div.video{background:#FFFFE8; padding:20px 10px;}
div.video div{float:left; width:300px; margin-bottom:19px;}
div.video div img,div.video div p{float:left; margin:0 10px}
div#seovideo{width:425px; z-index: 10px;}
div.video form div{width:500px; _width:420px; margin:5px 0;}
div.video label{float:left; width:100px; text-align:right; padding:0 10px}
div.video form input, div.video form textarea{width:300px; float:left;}
div.video form #submitdiv {position:relative;}
div.video form #submitdiv input{position:absolute; right:75px; _right:20px; display:block;}
div.video div.videoEOI{width:425px; float:left;}
div.video h4{padding-bottom:10px; display:block; position:relative;}
div.video h4{clear:both; font-size:larger; color:#274d74;; padding-bottom:10px}
div.video h4 a{color:#0060b6}
form#EOIform div a img{ margin:0 2px;}
div.video form label#submitlabel{display:none; visibility:hidden} /* IE6 Hack */
/* Related Articles */
#relatedArticles{padding:20px 10px; border:dotted 1px #C1DCE4; border-left:none; border-right:none;}
#relatedArticles h4{font-weight:normal; font-size:small; margin-left:10px;}
#relatedArticles div{margin-left:10px}
#relatedArticles a.more{display:block; margin-top:5px;}
/* Contact forms */
#captchaimage img, #captchaimage img.contact{margin-left:208px}
#captchaimage, #captchacheck{display:none; clear:both;}
form a img{float:left; padding:0 2px}
#eoiform label{text-align:left; width:110px; padding-left:0;}
#eoiform label.notrequired{padding-left:13px; width:97px}
#eoiform #naturediv input{margin-right:15px; width:auto;}
#eoiform input, #eoiform select{width:200px; margin-right:10px}
#eoiform input.checkbox{width:auto}
#eoiform input#subscribe{width:auto}
#eoiform span.formdesc{font-size:10px; color:#666}
span.required{color:red;}
#eoiform #contactmethoddiv input{width:auto; float:left; position:relative; bottom:3px}
#eoiform #contactmethoddiv label{width:60px; display:block; float:left}
#eoiform #contactmethoddiv label.first-child{width:180px;}
#eoiform #captchacheck label{width:200px}
#eoiform #captchacheck input#token{width:110px}
#eoiform #newsletterdiv{height:30px; clear:both}
#eoiform #newsletterdiv input{float:left; }
#eoiform #newsletterdiv label.formlabel{float:left; width:680px; }
/* Trial forms */
#trialform label{text-align:left; width:140px; padding-left:0;}
#trialform label.notrequired{padding-left:13px; width:97px}
#trialform div.privacy{position:relative; text-align:left}
#trialform p.privacy{float:none; position:absolute; top:0; left:0;}
#trialform input, #trialform select{width:200px; margin-right:10px}
#trialform div.privacy input#submitButton {position: absolute; right: 20px;}
#trialform #agreementdiv .checkbox {width: 10px;}
/* Pricing table */
#tab0 #compare h3, #tab1 #compare h3{margin-left:10px;}
table.pricing{margin:5px 10px; border-collapse: collapse; width:760px}
.pricing .itemName{padding-left:20px;}
.pricing td{padding-right:5px;}
.pricing th{text-align:right;}
.pricing th em{color:#274d74; font-style:normal;}
.pricing .col1{ text-align:left;}
.pricing .pricingRowHeader{color:#000;border-bottom: solid 1px grey;margin-left:0; padding-top:5px; padding-bottom:5px; width:auto; font-weight:bold; text-align:left;}
.pricing .tick{background:url(../images/products/tick.gif) 95% no-repeat; }
.pricing .cross{background:url(../images/products/cross.gif) 95% no-repeat;}
.pricing .smallText{font-size:90%;}
.pricing td{border-bottom:solid 1px #DDD; text-align:right;}
.pricing td form{padding-top:5px;}
.pricing span{font-size:smaller;}
p.disclaimer{padding-left:10px;}
#promotion-button {right: 30px;}
/* Tabs */
#tab0,#tab1,#tab2,#tab3,#tab4,#tab5{padding:10px 0px 10px 0;min-height:0; margin:7px;}
#tab0 h3,#tab1 h3,#tab1 h3,#tab2 h3,#tab3 h3,#tab4 h3,#tab5 h3{margin-left:20px;}
#tab1{padding-top:0;display:block;}