/* IMPORTANT - THIS CSS FILE IS USED BY:
MAIN EXACT SITE - www.exactabacus.com
RESEARCH SITE - research.exact3ex.co.uk
FULFILMENT SITE - www.eafulfilment.co.uk
*/

/*== Reset common tags ==*/
* { padding: 0; margin: 0; }
a img, iframe { border: none; border: 0; outline: none; }

/*== Headers ==*/
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; color: #484848; margin: 5px 0 5px 0; font-family: Arial, Verdana, Sans-Serif; }
h1 { font-size: 34px; font-family:Arial, Sans-Serif; margin: 8px 0 8px 0; }
div#home-h1 h1{text-align:center;font-size:25px}
div#home-blurb { padding:5px;}

h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; font-weight: bold;}
h5 { font-size: 17px; }
a{color:#00889c/*#00BBE4*/;text-decoration:none}
a:hover{text-decoration:underline}

/*== Layout ==*/
body { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 12px; text-align: center; background-color: #FFFFFF; color: #444444; }
#SiteContainer{background:url(../g/bg2.jpg) no-repeat scroll center 0}
#SiteContainerInner {margin:0 auto 0 auto;padding:0 0 40px 0; width:990px;text-align:left;}
#Main { border-left: 1px solid #575757; border-right: 1px solid #575757; clear: both; background-color: #FFFFFF; }
#ctl00_cmrTop { height: 100px; }
#ctl00_cmrTop img { margin: 10px 0 0 0; }
#Main { background: #FFFFFF url(http://exact.hostserver1.co.uk/200905/g/mainbg-left.jpg) repeat-y 0 100%; padding: 5px 5px 5px 5px; }
.Clear{clear: both; }
.ClearLeft{clear: left;}
.floatleft{float: left;}
.floatright{float: right;}

div#ContactUs{position:absolute;top:20px;right:0px;width:205px;color:#fff;text-align:right}
div#ContactUs strong{display:block;font-size:17px}
div#ContactUs a{color:#fff;font-weight:bold;padding:0 3px}
/*== Header ==*/
#Header { z-index: 50; position: relative; color: #111111; }

/*== Left Column ==*/
#LeftColumn { float: left; width: 220px; font-family: Arial, Verdana, Sans-Serif; overflow: hidden; }
#LeftColumn ul { list-style-type: none; font-size: 11px; }
#LeftColumn div:first-child li a{font-weight:bolder;font-size:12px}
#LeftColumn div:first-child h4{background:#;padding:5px;color:#333}
#LeftColumn li { border-bottom:1px #C0C0C0 dotted; margin:5px 0 0 0;padding:0 0 5px 0; }
#LeftColumn .RightNavigation { margin: 5px 0 20px 0px; }
#LeftColumn .RightNavigation div{padding-left:5px}
#LeftColumn ul#twitter_update_list li { border-bottom-style: none; }
#LeftColumn ul#twitter_update_list { margin: 0px; }

/*== Left Navigation ==*/
#LeftColumn .LeftNavigation {margin: 5px 0 20px 5px;}
#LeftColumn .LeftNavigation ul { }
#LeftColumn .LeftNavigation ul li { border-width: 1px; border-color: #C0C0C0; border-bottom-style: dotted;}
#LeftColumn .LeftNavigation ul li ul {font-size: 11px; list-style-type: disc; margin: 0px 0 0 20px; }
#LeftColumn .LeftNavigation ul li ul li {border: none; padding: 0; margin: 2px 0;}

div#Testimonials {
background:url("../g/testimonials.jpg") no-repeat scroll 0 0 transparent;
height:213px;
padding:50px 23px 20px;
width:174px;
margin-top:15px;
margin-bottom:15px;
}
div#Testimonials marquee {height:215px; font-size:8pt}

/*== Center Column ==*/
#CenterColumn { width: 700px; z-index: 40; min-height: 500px; padding: 0 20px 0 20px; float: right; overflow: hidden; }
#CenterColumn ol, #CenterColumn ul { margin: 0 0 0 25px; }
#CenterColumn li { margin: 5px 0 5px 0; }
#CenterColumn strong {font-style: normal; font-weight: bolder;}
#CenterColumn em { color: #FF6600; font-style: italic; font-weight: normal; }
#CenterColumn img { max-width: 700px; }
#CenterColumn p { padding: 8px 0 0 0; line-height: 1.5em; }
#CenterColumn ul.BulletTable { list-style: none; margin-left: 0; }
#CenterColumn ul.BulletTable li { float: left; margin: 0 10px 10px 0; }
#CenterColumn ul.BulletTableWithBorder { list-style: none; margin-left: 0; }
#CenterColumn ul.BulletTableWithBorder li { float: left; margin: 0 10px 10px 0; padding: 5px; border: 1px solid #C0C0C0; }

div.home div#home-boxes{margin-top:10px}
div.home a.home-box:hover{text-decoration:none}
div.home a.blox h2{padding-bottom:10px;font-size:16px;font-weight:normal}
div.home a.blox {width:186px;height:172px;display:block;padding:10px;float:left;margin-right:10px}
div.home a#box1{background:url(../g/home-blox-1.jpg) no-repeat 0 0;}
div.home a#box2{background:url(../g/home-blox-2.jpg) no-repeat 0 0;}
div.home a#box3{background:url(../g/home-blox-3.jpg) no-repeat 0 0;}
div.home a#box4{background:url(../g/home-blox-4.jpg) no-repeat 0 0;margin-right:0px}

div.home .home-box{width:340px;height:108px;float:left;padding:15px 0 0 10px!important;margin-bottom:10px} 
div.home .home-box h2{color:#41b7c8;margin-bottom:0px!important;font-size:12px!important;margin-bottom:0px!important}
div.home .home-box p{padding:0px!important;padding-right:90px!important;line-height:16px;font-size:11px;color:#333}

div.home .ecommerce{background:url(../g/ecommerce.jpg) no-repeat 0 0;}
div.home .crm{background:url(../g/crm.jpg) no-repeat 0 0;}
div.home .supply{background:url(../g/supply.jpg) no-repeat 0 0;}
div.home .stock{background:url(../g/stock.jpg) no-repeat 0 0;}*/

div.home #ctl00_cph1_cmrBottom{clear:both}
div.home div#clients{background:url(../g/HomeClients2.jpg) no-repeat 0 0;height:265px;margin-bottom:15px; clear: both;}
div.home div#clients p, div.home div#clients h5{width:265px;color:#fff;padding:10px;padding-top:0px;line-height:16px}
div.home div#clients h5{padding-top:10px;padding-bottom:5px}

div.home div#video{ width:450px; height:310px; float: left; }
div.home div#vid-txt{ float:left;height:300px;padding-left:20px;width:230px; }

/*== Footer ==*/
#Footer { clear: both; height: 22px; text-align: center; font-size: 11px; }
#Footer p a { color: #999999; }

/*== Header Navigation ==*/
div.HeaderNavigation { z-index: 40; font-family: Arial, Verdana, Sans-Serif; }
div.HeaderNavigation div ul, div.HeaderNavigation div ol { list-style: none; }
div.HeaderNavigation div li { float: left; position: relative; }
div.HeaderNavigation div ul li div { display: none; }
div.HeaderNavigation div ul { background-position: 0; height: 32px; width: 990px; background: url("http://exact.hostserver1.co.uk/ea2010/g/headernav.jpg") no-repeat 0 0; background-color: #000000; }
div.HeaderNavigation div li a { color: #FFFFFF; display: block; padding: 8px 20px 12px 20px; height: 11px; float: left; display: block; font-weight: bold; font-size: 12px; text-decoration: none; }
div.HeaderNavigation div li a:hover { text-decoration: underline; }
div.HeaderNavigation div ul li:hover div { display: block; }
div.HeaderNavigation div ul li div { position: absolute; top: 31px; left: 0px; z-index: 50; }
div.HeaderNavigation div ul li div ul { width: 300px; height: 100%; background-color: #F1F1F1; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; border-top: 1px solid #999; background-image: none; }
div.HeaderNavigation div ul li div ul li { float: none; height: 100%; }
div.HeaderNavigation div ul li div ul li a { padding-left: 10px; float: none; color: #000000; font-size: 11px; }
div.HeaderNavigation div ul li div ul li a:hover { background-color: #EAEAEA; }

/*== Footer Navigation ==*/
div.FooterNavigation { background: url("http://exact.hostserver1.co.uk/200905/g/footernav.jpg") no-repeat 0 0; height: 28px; text-align: center; font-family: Arial, Verdana, Sans-Serif; }
div.FooterNavigation ul { padding: 5px 0 0 15px; }
div.FooterNavigation ul li { display: inline; list-style: none; }
div.FooterNavigation ul li a { display: block; float: left; padding: 2px 10px 0 10px; color: #FFF; height: 15px; border-right: 1px solid #fff; }
div.FooterNavigation ul li.last a { border: none; }
div.FooterNavigation p a { color: #999; height: 20px; display: block; clear: both; padding-top: 10px; }

/*== Breadcrumb Trail ==*/
div.home #ctl00_bct { display: none; }
#ctl00_bct { display: block; font-size: 11px; width: auto; margin: 0 0 4px 0px; padding: 0 0 0 0; }
#ctl00_bct ol { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; }
#ctl00_bct ol li { background: transparent url("http://exact.hostserver1.co.uk/200905/g/bread_seperator.jpg") no-repeat scroll 8px 50%; display: inline; margin: 0 0 0 0; padding: 0 0 0 20px; color: #5c5c5c; }
#ctl00_bct ol li.first { background: none; padding: 0 0 0 0; }
#ctl00_bct ol li a { text-decoration: underline; color: #2c2c2c; }

/*== Tables ==*//*
table { width: 100%; border: 1px none #FFFFFF; border-spacing: 10px; empty-cells: hide; table-layout: fixed; border-collapse: separate; }
table tbody td { padding: 5px 5px 5px 5px; border: 1px solid #A7A39F; vertical-align: top; }
table.noborder tbody td { border: none; }

.features table { width: 100%; border: 1px solid #C0C0C0; border-collapse: collapse; }
.features thead tr { height: 40px; padding: 10px; background-color: #FFFFCC; font-weight: bold; }
.features tfoot tr { height: 40px; padding: 10px; background-color: #FFCC00; font-weight: bold; color: #000000; }
.features table td { text-align: center; padding: 5px 5px 5px 5px; border: 1px solid #C0C0C0; vertical-align: middle; }
.features table .column1 { text-align: left; }
*/
div.exact div#CenterColumnInner img{border:none;}
div.exact div.features table{text-align:center}
div.exact div.features thead{background:#cef3f8;height:30px;margin-bottom:20px}
div.exact div.features thead td.column1{font-weight:bolder}
div.exact div.features td.column1{padding-left:10px;width:27%;text-align:left}
div.exact div.features thead td{font-size:13px;}
div.exact div.features tbody tr{height:20px;border-top:1px dashed #ccc}
div.exact div.features tbody tr td{border-top:1px dashed #ccc}
div.exact div.features tbody tr:first-child td{border:none;}
div.exact div#CenterColumnInner table img{margin-bottom:3px;margin-top:3px}
div.exact div.features tfoot tr{height:40px;background:#41b7c8}
div.exact div.features tfoot td{color:#fff;font-weight:bolder}

/*== Forms ==*/
.formDetail { }
.formLabel { float: left; }
.formField { margin-left: 140px; padding: 2px; }
.contact-us div.radio{margin-left:0px}
.formField ul#UL_ContactOptions{margin:0px;padding:0px;display:block;height:35px}
.formField ul#UL_ContactOptions li{list-style:none;display:block;float:left}
.formField ul#UL_ContactOptions li span.Email{display:block;width:120px;}
.formField ul#UL_ContactOptions li span.Call{display:block;width:105px;}
.formField ul#UL_ContactOptions li input{float:left;}
.formField ul#UL_ContactOptions li label{float:left;margin-left:10px}
.formComplete { font-weight: bold; color: #FF0000; }
ul#UL_Services{margin-top:20px}
ul#UL_Services li{list-style:none;padding-bottom:5px;display:block}
ul#UL_Services li label{padding-left:10px;}
ul#UL_Services li div{display:block;padding-top:5px;}
input#ctl00_cph1_ImageButton1{margin-top:10px;}

/*== Home Page ==*/
.home-flash { z-index: 1; position: relative; top: -5px; left: -15px; background-color: #FFFFFF; margin: 0 0 15px 0; }
.home-heading { text-align: center; background-color: #FFFFFF; width: 740px; height: 50px; }
.home-heading h1 { color: #000000; }
.home-flash-link { z-index: 10; position: relative; margin-top: -260px; width: 740px; display: block; height: 250px; margin-left: -25px; background-image: url(http://exact.hostserver1.co.uk/200905/g/transparent.gif); }

.home-boxes { }
.home-boxes a { /*	color: #444444; */ }
.home-boxes a:hover { /*	text-decoration: none;*/ cursor: pointer; }
.home-boxes h2 a { color: #444444; text-decoration: none; }

.home-box1, .home-box2, .home-box3, .home-box4 { width: 340px; margin: 0px 0px 5px 0px; }
.home-box3, .home-box4 { margin: 5px 0px 5px 0px; }
.home-box1, .home-box3 { float: left; clear: left; }
.home-box2, .home-box4 { float: right; }
.home-boxes h2 { font-size: 16px; font-weight: bold; }
.home-box-heading { padding: 0px 2px 0px 2px; height: 35px; overflow: hidden; display: block; }
.home-box-body { height: 125px; overflow: hidden; display: block; }
.home-box-footer { height: 60px; overflow: hidden; display: block; }
#CenterColumn .home-box-footer p, #CenterColumn .home-box-footer .home-box-footer-text { float: left; width: 290px; height: inherit; padding: 2px 0px 0px 4px; color: #444444; }
.home-box1 { background-image: url(http://exact.hostserver1.co.uk/200905/c/home_ecommerce.jpg); background-repeat: no-repeat; }
.home-box2 { background-image: url(http://exact.hostserver1.co.uk//200905/c/home_crm.jpg); background-repeat: no-repeat; }
.home-box3 { background-image: url(http://exact.hostserver1.co.uk/200905/c/home_scm.jpg); background-repeat: no-repeat; }
.home-box4 { background-image: url(http://exact.hostserver1.co.uk/200905/c/home_stock_control.jpg); background-repeat: no-repeat; }

/*== Login Page ==*/
div#Login div#ctl00_cph1_si fieldset, div.Resetpassword fieldset { border: none; }
div#Login div#ctl00_cph1_si li, div.Resetpassword li { list-style: none; margin-bottom: 10px !important; }
div#Login div#ctl00_cph1_si li label, div.Resetpassword li label { display: block; float: left; padding-right: 10px; text-align: right; width: 120px; }
div#Login div#ctl00_cph1_si li input, div.Resetpassword li input { width: 220px; }
div#Login div#ctl00_cph1_si li.submit, div.Resetpassword li.submit { display: block; padding-left: 130px; }
div#Login div#ctl00_cph1_si li.submit a, div.Resetpassword li.submit a { background: #000; color: #fff; padding: 3px 10px; margin: 10px 10px 0 0; }

/*== Testimonials ==*/
.TestimonialWrapper { }
.TestimonialFrom { padding: 5px; }
.Testimonial { background-color: #FFF8DC; font-style: italic; font-weight: normal; padding: 5px 10px 10px 10px; }

/*== Get In Touch ==*/
.GetInTouchWrapper { background-color: #00BBE4; color: #FFFFFF; }
.GetInTouchHeader { font-size: 18px; padding: 5px; }
.GetInTouchBody { background-color: #DFFAFF; padding: 0px 5px 10px 5px; color: #000000; }

/*== Hierarchy ==*/
ol#Hierarchy1 {margin: 0 0 0 5px;}
ol#Hierarchy1 li{display:block;float:left;width:207px;background:url(http://exact.hostserver1.co.uk/200905/g/pdbox.jpg) no-repeat 0 0;margin:0 9px 10px 0;height:220px;padding: 0 0 0 5px;position:relative}
ol#Hierarchy1 li.endOfRow{margin-right:0px;}
ol#Hierarchy1 li h2 { height: 46px; padding: 4px 0 0 0; margin: 0; font-size:16px; font-weight:bold;}
ol#Hierarchy1 li h2 a{display:block;height:46px}
ol#Hierarchy1 li a{padding:0 8px;}
ol#Hierarchy1 li a.Desc{position:absolute;top:50px;left:1px;font-size:11px;text-decoration:none;color:#333;}

/*== Product List ==*/
ol#pdList {margin: 0 0 0 5px;}
ol#pdList li { display: block; float: left; width: 210px; margin: 5px; height: 70px; padding: 5px; position: relative; border: solid 1px #575757;}
ol#pdList li.endOfRow{margin-right:0px;}
ol#pdList li h2 {float:left; width:130px; margin: 0px 5px 5px 5px; font-size:16px; font-weight:normal;}

/*/// Contact Us ///*/
div.contact-us div.radio{margin:12px 0;background:#00BBE4;padding:7px 0}
div.contact-us div.radio li{display:inline}
div.contact-us div.radio li label{color:#fff;padding-left:5px}

div.contact-us div.formLabel{width:175px;text-align:right;padding-right:10px;float:left}
div.contact-us div.formField input{height:20px;width:200px;border:1px solid #41b7c8;margin-bottom:5px}
div.contact-us div.formField textarea{height:100px;width:300px;border:1px solid #41b7c8;margin-bottom:5px}
div.contact-us input#ctl00_cph1_ImageButton1{width:auto;height:auto;margin-left:185px;}

div.contact-us div.send{background:#fff;padding-top:7px;margin-left:0px;border-bottom:solid 1px #41b7c8}
div.contact-us div.send input{margin-bottom:7px}

/*== Flash Carousel ==*/
#carousel_container {width: 692px; height: 269px; margin: 0px auto; background-image: url('http://exact.hostserver1.co.uk/EA2010/flash/carousel/background.png'); background-repeat: no-repeat; }
#carousel1 {float: left; margin: 5px 0 0 -40px;}
#carousel2 {float: right; width: 190px; height: 0px; padding:200px 0 0 10px; }
#carousel2 a {text-decoration:none;color:#333;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold}

.changerequests .relatedDataElement{padding-bottom:5px;}
.changerequests .relatedDataElement label{width:350px;text-align:right;padding-right:10px;display:block;float:left;}
.changerequests .relatedDataElement select{width:300px;}
.changerequests .relatedDataElement input{width:300px;}
.changerequests .relatedDataElement textarea{width:300px;height:150px;}
.changerequests #ctl00_cph1_transactionControl_submitButton{background:#00BBE4;border:#00778F;color:#fff;font-weight:bold;padding:5px 15px;float:right;margin-right:36px;}
.changerequests #ctl00_cph1_transactionControl ol li{list-style:none;margin-bottom:15px;height:25px;}

.supportjobs .relatedDataElement{padding-bottom:5px;}
.supportjobs .relatedDataElement label{width:350px;text-align:right;padding-right:10px;display:block;float:left;}
.supportjobs .relatedDataElement select{width:300px;}
.supportjobs .relatedDataElement input{width:300px;}
.supportjobs .relatedDataElement textarea{width:300px;height:150px;}
.supportjobs #ctl00_cph1_transactionControl_submitButton{background:#00BBE4;border:#00778F;color:#fff;font-weight:bold;padding:5px 15px;float:right;margin-right:36px;}
.supportjobs #ctl00_cph1_transactionControl ol li{list-style:none;margin-bottom:15px;height:25px;}

.satisfactionquestionnaire #ctl00_cph1_transactionControl_transactionDetailsPanel{margin-bottom:15px;display:block;font-weight:bold}
.satisfactionquestionnaire #ctl00_cph1_transactionControl_relatedDataFeedbackContainer_ctl02_rblResponse{display:block;margin:10px 0}
.satisfactionquestionnaire #ctl00_cph1_transactionControl_relatedDataFeedbackContainer_ctl02_rblResponse label{padding-left:10px;}
.satisfactionquestionnaire #ctl00_cph1_transactionControl_relatedDataFeedbackContainer_ctl02_rblResponse_0{margin-bottom:5px;}
.satisfactionquestionnaire .relatedDataElement span{display:block;margin:10px 0}
.satisfactionquestionnaire .relatedDataElement span label{padding-left:10px;}
.satisfactionquestionnaire .relatedDataElement textarea{display:block;margin:10px 0;width:100%;height:100px;}
.satisfactionquestionnaire #ctl00_cph1_transactionControl_submitButton{background:#00BBE4;border:#00778F;color:#fff;font-weight:bold;padding:5px 15px;float:right;}
.satisfactionquestionnaire #ctl00_cph1_transactionControl ol li{list-style:none;margin-bottom:15px;height:25px;}

#OfferBox a{background:url(../cms/gen-btn.jpg) no-repeat 0 0;height:23px;padding:49px 0 0 0;text-align:center;margin-bottom:10px;display:block;font-weight:bold;}
#home-blurb h3{background:url(../cms/hithere.jpg) no-repeat 0 0;height:170px;width:248px;padding:142px 0 0 35px;color:#fff;margin-right:20px;float:left}