/* 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: Times New Roman, Arial, Sans-Serif; margin: 8px 0 8px 0; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; font-weight: bold;}
h5 { font-size: 22px; }

/*== Layout ==*/
body { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 12px; text-align: center; background-color: #FFFFFF; color: #444444; }
#SiteContainer { margin: 0 auto 0 auto; padding: 0 0 40px 0; width: 990px; text-align: left; }
#SiteContainerInner { }
#Main { border: 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;}

/*== 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: 12px; }
#LeftColumn li { border-width: 1px; border-color: #C0C0C0; margin: 5px 0 0 0; border-bottom-style: dotted; padding: 0 0 5px 0; }
#LeftColumn .RightNavigation { margin: 5px 0 20px 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;}

/*== 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 { color: #FF6600; 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; }

/*== 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/200905/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; }

/*== 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: #2D2E6F; color: #FFFFFF; }
.GetInTouchHeader { font-size: 18px; padding: 5px; }
.GetInTouchBody { background-color: #CEE7FF; padding: 0px 5px 10px 5px; color: #000000; }

/*== Contact Us Speech Bubble ==*/
#ContactBubbleWrapper { position: absolute; right: 0px; top: 0px; width: 230px; }
.ContactBubbleHeader, .ContactBubbleSubHeader, .ContactBubbleBody { margin: 0 10px; padding: 0 0; }
.ContactBubbleHeader { font-size: 1.60em; color: #990033; padding: 0 0 5px 0; }
.ContactBubbleSubHeader { font-size: 1em; color: #333333; border: 0; }
.ContactBubbleBody { padding-bottom: 0.5em; color: #333333; }
.ContactBubble { background: transparent; margin: 10px 0 0 0; }

.ContactBubble em { display: block; width: 0; height: 0; color: #d8d8ee; overflow: hidden; border-top: 12px solid #DDDDDD; border-left: 12px dotted transparent; border-right: 12px dotted transparent; margin-left: 50px; }
/* hack for IE5.5 */
* html .ContactBubble em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.ContactBubble span { display: block; width: 0; height: 0; color: #DDDDDD; overflow: hidden; border-top: 10px solid #CEE7FF; border-left: 10px dotted transparent; border-right: 10px dotted transparent; margin-left: 52px; margin-top: -15px; }
* html .ContactBubble span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.ContactBubble1, .ContactBubble2, .ContactBubble3, .ContactBubble4, .ContactBubble5, .ContactBubble6, .ContactBubble7 { display: block; overflow: hidden; font-size: 0; }
.ContactBubble1, .ContactBubble2, .ContactBubble3, .ContactBubble4, .ContactBubble5, .ContactBubble6 { height: 1px; }
.ContactBubble4, .ContactBubble5, .ContactBubble6, .ContactBubble7 { background: #ccc; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; }

.ContactBubble1 { margin: 0 8px; background: #DDDDDD; }
.ContactBubble2 { margin: 0 6px; background: #DDDDDD; }
.ContactBubble3 { margin: 0 4px; background: #DDDDDD; }
.ContactBubble4 { margin: 0 3px; background: #CEE7FF; border-width: 0 5px; }
.ContactBubble5 { margin: 0 2px; background: #CEE7FF; border-width: 0 4px; }
.ContactBubble6 { margin: 0 2px; background: #CEE7FF; border-width: 0 3px; }
.ContactBubble7 { margin: 0 1px; background: #CEE7FF; border-width: 0 3px; height: 2px; }

.ContactBubbleContent { display: block; background: #CEE7FF; border: 3px solid #DDDDDD; border-width: 0 3px; }


/*== 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;}

div.supportjobs div#CenterColumn h2{display:none}
div.supportjobs div.supportJobHeaderRelatedData{margin-top:15px}
div.supportjobs div.relatedDataElement {margin-bottom:5px}
div.supportjobs div.relatedDataElement label{float:left;padding-right:10px;text-align:right;width:350px;}
div.supportjobs div.relatedDataElement textarea, div.supportjobs div.relatedDataElement input{width:335px;}
div.supportjobs div.relatedDataElement textarea{height:100px}

div.supportjobs div#CenterColumn li{list-style:none;}
div.supportjobs a#ctl00_cph1_transactionControl_submitButton{float:right;border:1px solid #333;background:#ccc;font-weight:bold;display:block;padding:5px 10px;color:#333}