@import "reset.css";
@import "dropdown.css";
@import "boxes.css";


body { padding-bottom: 10px; background: #fff url(../images/pattern1.png); color: #1e2478; font: .75em/normal Tahoma; text-align: center; }

a,a:link,a:visited { color: #e13158; }
a:hover { color: #273671; }

img.rflt { display: inline; float: right; margin: 0 0 1em 10px; }
img.lflt { display: inline; float: left; margin: 0 10px 1em 0; }


#accessDenied { width:80%; margin:0 auto; }
p { margin-bottom: 1em; }

big { font-size: 16px; }

ul { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
ol { list-style: decimal; margin-bottom: 1em; padding-left: 2em; }
ul.reset, ul.reset ul, ul.reset ol, ol.reset, ol.reset ol, ol.reset ul { list-style: none; margin: 0; padding: 0; }

.edge { float: right; }
.important, a.important { color: #ff0000; }

.sheet1 { padding: 14px; background: url(../images/bg1-long.png) 0 0 no-repeat; _background: url(../images/bg1-long.gif) 0 0 no-repeat; }
.sheet1 .nameOk { background: url(../images/img_name_OK.gif) 0 0 no-repeat; padding-left:50px; padding-bottom:10px; }

.sheet1.red { background: url(../images/upgrade/upgrade_red.png) 0 0 no-repeat; }
.sheet1.blue { background: url(../images/upgrade/upgrade_blue.png) 0 0 no-repeat; }
.sheet1.green { background: url(../images/upgrade/upgrade_green.png) 0 0 no-repeat; }

.sheet1.red h1,
.sheet1.blue h1,
.sheet1.green h1 { color:#fff; }

.sheet2 { padding: 14px; background: url(../images/bg2.png) 0 0 no-repeat; }


/* Titles */

h1,h2,h3,h4,h5,h6 { margin-bottom: .5em; font-family: Arial, Helvetica, sans-serif; }

h1 { font-size: 162%; }
h2 { font-size: 152%; }
h3 { font-size: 142%; }
h4 { font-size: 132%; }
h5 { font-size: 122%; }
h6 { font-size: 112%; }

h1.section { clear: both; padding: 0 4px 5px; } * html h1.section { height: 1px; }
h1.section1 { border-bottom: solid 1px #273671; color: #4e4c9f; padding-left:15px; }
/*h1.section2 { border-bottom: solid 1px #890f1b; color: #9a2542; } modified*/
h1.section2 { border-bottom:1px solid #1E2578;color:#1E2578;font-size:21px;font-weight:normal; padding:0pt;}
h1.section3 { border-bottom:1px solid #890F1B;color:#9A2542;font-size:21px;font-weight:normal; padding:0pt;}
h1.slogan { margin-bottom: 0; text-align: center; }

#logo { display: inline; float: left; margin: 9px 18px 12px; }
#logo img { display: block; }

#outline { display: inline; float: left; margin: 25px 0 0 30px; color: #273671; font-size: 30px; font-weight: normal; }
#outline span { color: #84202a; }


/* Forms */

input.text, textarea, select { padding: 3px; border: solid 1px #8b8b8b; color: #5a5a5a; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
input.button { padding: 3px; border: solid 1px #cecece; background-color: #e3e3e3; color: #555; font-size: 11px; font-weight: bold; }
textarea { overflow: auto; margin: 0; }
input.checkbox { width: 15px; height: 15px; }


/* Lists */

ul.subnav { width: 180px; margin-bottom: 2em; }
ul.subnav li { padding: .8em 3px; background: url(../images/separator1-hor.png) 0 0 repeat-x; }
ul.subnav li.first { background: none; }
ul.subnav li a, #subnav li a:visited { color: #1E2578; }
ul.subnav li a:hover, #subnav li a.on { color: #E33057; }

ul.listA, ul.listA li.top { list-style: none; margin: 0; padding: 0; }
ul.listA li { display: inline; }
ul.listA li.top { margin-bottom: 1em; }
ul.listA li.odd { float: left; clear: both;  }
ul.listA li.even { float: right;  }

ul.listB li { margin-bottom: 3px; padding: 5px 5px 5px 45px; background: url(../images/bg-list-item1.png) 0 50% no-repeat; color: #1e2478; font-weight: bold; }
ul.listB li span { /*padding-left: 40px; background: url(../images/icon_tick.png) 8px 50% no-repeat;*/ }


/* Tables */

.tableA { width: 100%; }
.tableA th, .tableA td { padding: 4px 8px; }
.tableA thead { text-transform: uppercase; }
.tableA thead th { border: solid 1px #b9bcce; background: #939bc7 url(../images/grad7.png) 0 0 repeat-x; color: #fff; }
.tableA tbody td { border: solid 1px #f8f8fa; background: #fbfbfd url(../images/grad8.png) 0 0 repeat-x; color: #1e2478; }


/* Main Layers  */

#container { width: 968px; margin: 10px auto 0; padding: 6px; border: solid 3px #666; background-color: #fff; text-align: left; }
#content { padding-top: 12px; background: url(../images/grad3.png) 0 0 repeat-x; position:relative; }
#contentEcomp { padding-top: 12px; background: url(../images/grad3.png) bottom repeat-x; position:relative; }
#gridline { background: url(../images/grid1.gif) 0 0 repeat-y; }
#header { width: 100%; background: #e9e7e8 url(../images/grad1.png) 0 0 repeat-x; }
#header #eComp { float:right; margin:20px 20px 0 0 ; }
#sidebar { float: right; width: 370px; }
#mainbar { float: left; width: 590px; }
#footer { clear: both; width: 100%; }
#bottomLinks { width: 100%; text-align:center; position:relative;}

div.inner { padding: 0 15px; }

/* Other Colgroups */

#colgroup2 { padding-bottom: 1em; background: url(../images/grid1.gif) 0 0 repeat-y; position:relative; }
#colgroup2 .inner { padding: 0 0 0 5px; }
#colgroup2 .portbar { float: left; width: 216px; padding:0; }
#colgroup2 .mainbar { float: left; width: 530px; padding:0;  }
#colgroup2 .starbar { float: right; width: 205px;  }
#colgroup2 .starbar .inner { padding-right: 0; }

/* Offers from company-incorporation */
#colgroup2 .inner .col.up 	{ margin:1em 9px 0; }
#colgroup2 .inner .col	{ display:block; float:left; margin:1em 6px; width:152px; }
#colgroup2 .inner .col .body { min-height:180px; }
#colgroup2 .inner .col.down { margin:0 3px 1em; position:relative; width:162px;  }


#colgroup3 { background: url(../images/grid2.png) 0 0 repeat-y; }
#colgroup3 .inner { padding: 0 0 0 5px; }
#colgroup3 .sidebar { float: left; width: 216px; }
#colgroup3 .mainbar { float: left; width: 740px; }
#colgroup3 .mainbar .inner { padding-right: 5px; }

#colgroup4 .mainbar { width: 724px; margin:0 auto; }
#colgroup4 .mainbar .inner { padding: 0 10px; }

#colgroup5 { width: 100%; margin:0 auto; }
#colgroup5  h1 { border-bottom: solid 1px #273671; padding: 10px 0 10px 20px; color:#4E4C9F; }
#colgroup5 .left { float:left; width:520px; margin:0 100px 20px 20px; } 
#colgroup5 .left span.red { color:#E13158; }
#colgroup5 .right { float:left; clear:none; padding:20px 0; }
#colgroup5 .right dl { clear:both; height:45px; display:block; }
#colgroup5 .right dl dt { width:100px; float:left;}
#colgroup5 .right dl dd { float:left; height:25px; }
#colgroup5 .right form label { font: normal 15px Tahoma; color:#293873; display:block; margin-top:5px; }
#colgroup5 .right form .text { width:143px; height:22px; font-size:15px; border: solid 1px #59749F; color:#293873; padding-top:3px;	 }
.logosBar { width:958px; padding:5px;border-top: solid 1px #CBCDCA; }
.logosBar table tr td { padding: 0 5px; }


.searchLeft, .cartLeft { width:200px; margin:0 0 25px 0; }
.cartLeft { margin-top:25px; }
.searchLeft .header { background: url(../images/img_search_left_header_empty.gif) no-repeat center; width:190px; height:26px; padding:12px 0 0 10px !important; font: bold 14px/14px Tahoma; color:#fff; }
.cartLeft .header { background: url(../images/img_cart_left_header.png) no-repeat center; width:160px; height:22px; padding:12px 0 4px 40px !important; font: bold 14px/14px Tahoma; color:#fff; }
.searchLeft .footer,
.cartLeft .footer { margin:0; padding:0; }
.searchLeft .body,
.cartLeft .body { width:180px; background:url(../images/img_search_left_bgrd.gif) 0 0 repeat-y; padding:10px; color:#735b89; font: normal 12px/20px Tahoma;}
.cartLeft .body { padding:0; width:200px; }
.cartLeft .body .cartContent,
.cartLeft .body .cartButtons { padding: 2px 10px; }
.cartLeft .body .cartButtons a { color:#735b89; text-decoration:underline; }
.cartLeft .body .cartButtons a:hover { color:#735b89; text-decoration:underline; }
.cartLeft .body .separator { font: normal 0/0 Verdana; height:0; border-bottom:solid 2px #CACEE1; width:100%; clear:both; float:none; }
.cartLeft .body ul.categorynav li { list-style:none; }
.cartLeft .body ul.categorynav li a { color:#735b89; }
.cartLeft .body ul.categorynav li a:hover { color:#735b89; }
.searchLeft .body form {height:22px; display:block; position:relative;}
.searchLeft .body form .text { margin:0; padding:2px; height:16px;}
.searchLeft .body form .submitSearch { position:absolute; } 

.barcleyLeft { margin:0 0 0 4px; width:194px; }


/* Cart content center */

.cart2 { width:513px; margin:0 auto; background: url(../images/img_cart_table_body.gif) 0 0 repeat-y; padding:0;}
.cart2 .header { width:513px; height:9px; font: normal 0px/0px Tahoma; background: url(../images/img_cart_table_header.png) 0 0 no-repeat; }
.cart2 .footer { width:513px; height:9px; font: normal 0px/0px Tahoma; background: url(../images/img_cart_table_footer.png) 0 0 no-repeat; }
.cart2 table { width:485px; margin:0 auto;  }
.cart2 table tr.head th { border-bottom: solid 1px #b9bcce; border-top: solid 1px #b9bcce; height:23px; background: url(../images/img_cart_table_th_bg.png) 0 0 repeat-x; color:#FFF; margin:0; border-left: solid 1px #FFF; border-right: solid 1px #fff; padding:0 10px;}
.cart2 table tr.head th.left { border-left: solid 1px #b9bcce; }
.cart2 table tr.head th.right { border-right: solid 1px #b9bcce; }
.cart2 table tr.row { height:43px; background: url(../images/img_cart_table_tr_bg.png) 0 0 repeat-x; color:#1e2478; }
.cart2 table tr.row td { margin:0; padding:0 10px;}
.cart2 table tr.row td a.remove { display: block; width:76px; height:25px; background: url(../images/img_cart_table_remove.png) 0 0 no-repeat; }
.cart2 table form { float:right; }

/* Login Form */

#loginFrm { display: inline; float: right; width: 303px; margin: 15px 0 0; font-size: .92em; }
#loginFrm dl { float: left; width: 33%; }
#loginFrm dl dt, #loginFrm dl dd { padding: 2px 0; }
#loginFrm dl.submit dt { visibility: hidden; margin-bottom:7px; }

#loginFrm input { font-size: 1em; font-family: Tahoma, Arial, Helvetica, sans-serif; }
#loginFrm input.text { padding: 2px 3px; width: 87px; }
#loginFrm input.button { width: 65px; padding: 1px 3px; font-weight: bold; height:19px; font-size:9px; }
#loginFrm p { clear: left; }


/* Navigation List */

#navbar { clear: both; float: left; width: 100%; padding: 3px 0; border-top: solid 1px #5b7ca7; border-bottom: solid 2px #475681; background: #5b7ca7 url(../images/grad2.png) 0 0 repeat-x; }
#nav li { padding: 0 16px; border-right: solid 1px #91a4c4; color: #fff; line-height: 2em; }
#nav li.last { border-right: none; }
#nav li a { color: #fff; }
#nav li a:hover, #nav li a.on { text-decoration: underline; }
#nav ul { width: 200px; }
#nav ul li { border-right: none; border-bottom: 1px solid #ccc; padding: 3px 10px; background-color: #59749f; white-space: nowrap; filter:alpha(opacity=90); -moz-opacity: .9; opacity: .9; }


/* Banner */

#banner { overflow: hidden; clear: both; }
#banner img { display: block; border-style: solid; border-width: 0 1px; border-color: #cbcdca; }


/* Call for action */

#call4action1 li { float: left; width: 192px; height: 281px; margin: 0 7px 1em 0; background-position: 0 0; background-repeat: no-repeat; color: #fff; }
#call4action1 li.last { margin: 0; }
#call4action1 li .header img { display: block; width:192px !important; height:74px !important; }
#call4action1 li .body { overflow: hidden; height: 170px; padding: 7px 12px 0; border-style: solid; border-width: 1px 1px 0; font: 1em Tahoma; }
#call4action1 li.odd .body { border-color: #2d3b79; color: #323e81; }
#call4action1 li.even .body { border-color: #a43e53; color: #9c404e; }

#call4action1 li .body h2 { font-size: 14px; }
#call4action1 li .body p { margin: 0; }
#call4action1 li .footer { height: 39px; background-position: 50% 100%; background-repeat: no-repeat; }
#call4action1 li.odd .footer { background-color: #273671; background-image: url(../images/box3-bottom-blue.png); }
#call4action1 li.even .footer { background-color: #96233f; background-image: url(../images/box3-bottom-red.png); }
#call4action1 li .footer a.more { display:block; float: right; margin: 4px 10px 0 0; }

#call4action2 li { width: 192px; margin: 0 0 1em; }
#call4action2 li img.header { display: block; }
#call4action2 li .desc { padding: 7px 12px; background: #484f7d url(../images/grad4.png) repeat-x; color: #fff; }
#call4action2 li .footer { padding: 2px 7px; background: #474b78 url(../images/box3-bottom-blue.png) 0 100% no-repeat; color: #fff; text-align: right; }
#call4action2 li.odd .desc { background-image: url(../images/grad5.png); }
#call4action2 li.odd .footer { background-color: #851f2a; background-image: url(../images/box3-bottom-red.png); }


/* Company search form */

#companySearchFrm { clear: both; width: 370px; height: 75px; margin-bottom: 5px; background: url(../images/box1.png) 0 0 no-repeat; }
#companySearchFrm label { display: block; padding: 9px 15px; margin-bottom: 4px; }
#companySearchFrm input { vertical-align: middle; }
#companySearchFrm input.text { width: 251px; margin: 0 15px; padding: 3px 7px; border: solid 1px #fff; color: #3b3b83; font-size: 15px; }


/* Partner */

#partners .box1 { display: inline; float: left; margin-right: 3px; }


/* Quick facts */

#quickFacts { margin-bottom: 1em; font: bold 1em Arial, Helvetica, sans-serif; }
#quickFacts .inner { padding: .7em 0 .7em 47px; background-position: 0 50%; background-repeat: no-repeat; }
#quickFacts li { padding: 5px 10px; border-bottom: solid 1px #b7b6d6; }
#quickFacts li.odd .inner { color: #981f3e; background-image: url(../images/bullet_tick1.png); }
#quickFacts li.even .inner { color: #4c489d; background-image: url(../images/bullet_tick2.png); }


/* News List */

#news a.more { font-weight: bold; }
#news li { margin-bottom: 2em; list-style-type:none; }
#news li.first { background: url(../images/separator1-hor-red.png) 0 100% repeat-x; }
#news li.first h2 { color: #84202a; margin-bottom: 0; }
#news li.first .meta, #news li.first a, #news li.first a:visited { color: #84202a; }
#news li h1 { color: #4e4c9f; }
#news li h1 span { color: #707ba9; }
#news li h3 img { margin-right:10px; }
#news li ul { color:#1E2578; margin-bottom:20px; }
#news li ul li { margin-bottom:0px; }

ul#news p {color:#1E2578;}
ul#news a {color:#E33057;}
ul#news a:hover {color:#DF8B9E;}
ul#news h2 {padding-bottom:2px;color:#1E2578;font-weight:bold;font-family:Tahoma;font-size:14px;margin:0 0 10px 0;}

ul#news h2 span {color:#1E2578;font-weight:bold;font-family:Tahoma;font-size:11px;}


/* Company Checker */

#company_checker { margin-bottom: 2em; }
#company_checker h2 { padding-left: 0; text-align: center; }
#company_checker .body { font-weight: bold; color: #535b89; }
#company_checker form { padding: 7px 10px; background: url(../images/grad6.png) 0 0 repeat-x; text-align: center; }
#company_checker form * { vertical-align: middle; }
#company_checker form input.text { width: 120px; border-color: #9999cb; }


/* Company Registration */

#company_reg { color: #1f2676; font-family: Arial, Helvetica, sans-serif; }
#company_reg h1.section { margin-bottom: -1em; padding: 0; font-weight: normal; }
#company_reg .available { color: green; }
#company_reg .unavailable { color: red; }
#company_reg .progress { height: 40px; background: url(../images/progress/active.png) 0 0 repeat-x; _background: url(../images/progress/active.gif) 0 0 repeat-x; color: #c1c2d4; font-size: 0.95em; font-weight: bold; text-transform: uppercase;  }
#company_reg .progress ul { float: right; }
#company_reg .progress ul li { float: left; margin: 0 0 1em 0; padding-left: 46px; background: url(../images/progress/passive.png) 0 0 repeat-x; _background: url(../images/progress/passive.gif) 0 0 repeat-x;}
#company_reg .progress ul li a { float: left; padding-top: 40px; background: url(../images/progress/passive.png) 0 0 repeat-x; _background: url(../images/progress/passive.gif) 0 0 repeat-x; cursor:default;}
#company_reg .progress ul li a, #company_reg .progress ul li a:visited { color: #c1c2d4; text-align:center; }
#company_reg .progress ul li.complete,
#company_reg .progress ul li.complete a,
#company_reg .progress ul li.on { background-image: url(../images/progress/active.png); _background-image: url(../images/progress/active.gif); }
#company_reg .progress ul li.on a { background: url(../images/progress/step-on.png) 50% 0 no-repeat; _background: url(../images/progress/step-on.gif) 50% 0 no-repeat; color: #566590; }






.blue_bold {color:#1E2578;font-family:Tahoma;font-size:11px;font-weight:bold;}
.blue_simple {color:#1E2578;font-family:Tahoma;font-size:11px;}
.white_text {color:#fff;}
.red_text {color:#E33057;}
.red_home { color:#E13158 !important; }
.normal_text {font-weight:normal;}
.bold_text {font-weight:bold;}
.twelve_px {font-size:12px;}
.long { width:730px !important; }
.signupBg { background: #fff url(../images/grid2.png) repeat-y 0 0 !important; }

/* prices */
table.prices { width:100%; margin-bottom:10px; }
table.prices tr.head { background-color:#4A5380;  }
table.prices tr.head th { padding: 5px; color:#FFF; } 
table.prices tr.row1 { background-color:#ecedf4; }
table.prices tr.row1 td,
table.prices tr.row2 td { padding: 1px; }
table.prices tr.row2 td { background-color:#f9f9fb;  }

/* maintbl */
table.maintbl { width:100%; }
table.maintbl tr.row1 { background-color:#ecedf4; }
table.maintbl tr.row1 td,
table.maintbl tr.row2 td { }
table.maintbl tr.row2 td { background-color:#f9f9fb;  }
table.maintbl td.hdr { font-weight:bold; }


/* checkout personal info form css in /shop/ ....*/

form#details label { width:150px;   }

form#details dl { margin-bottom:5px; display:block;}
form#details dl dt { width:200px; float:left; clear:left; margin-bottom:5px; } 
form#details dl dd { display:block; float:left; margin-bottom:5px;}

/* contact table */
table.contenttable { width:100%;}
table.contenttable tr td { padding:5px; }
/* form css*/
form label { padding-bottom:2px; line-height:20px; }
form .textfield {background-color:#FAFAFA; width:50%;border:1px solid #C1C5C8;margin:0pt;padding:0.3em 0pt 0.4em 0.3em;font-family:Tahoma;color:#58595C;font-size:11px;}
form .textfield:hover {background-color:#FFF; width:50%;border:1px solid #C1C5C8;margin:0pt;padding:0.3em 0pt 0.4em 0.3em;font-family:Tahoma;color:#58595C;font-size:11px;}

form .textarea {background-color:#FAFAFA; height:150px; width:50%;border:1px solid #C1C5C8;margin:0pt;padding:0.3em 0pt 0.4em 0.3em;font-family:Tahoma;color:#58595C;font-size:11px;}
form .textarea:hover {background-color:#FFF; height:150px; width:50%;border:1px solid #C1C5C8;margin:0pt;padding:0.3em 0pt 0.4em 0.3em;font-family:Tahoma;color:#58595C;font-size:11px;}
/* The Footer */

#footer { padding-top: 5px; border-top: solid 1px #cbcdca; font-size: .92em; text-align: center; }
#footer.eComp { border-top:none; }
#footer .company { color: #203b6a; }


/* DO NOT EDIT OR ADD CODE BELOW */

.clearfix:after, .clear { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* hide from ie/mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide */

.maintbl{ border-collapse: collapse; }
.maintbl td.hdr{ color: #fff; background: #4A5280; font-weight: bold; }
.maintbl td{ padding: 3px 7px; border: 1px solid #f0f0f0; }