html *{ margin:0; padding: 0;}
/* UK_ hide main_bg.gif image on background */
html{ background: #2e434b url(../images/main_bg.gi) repeat-x 0 0;}

body{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6c787d;}

img{ border: none;}

p{ line-height: 21px; padding-bottom: 15px;}
#featured h1{font-size: 26px;letter-spacing: -2px; color: #537481;}
h2{ font-size: 21px; font-weight: normal; letter-spacing: -1px; color: #3e829c; padding-bottom: 20px;}
h3{ font-size: 21px; font-weight: normal; letter-spacing: -1px; color: #fff; padding-bottom: 5px;}
h4{ font-size: 14px; font-weight: normal; color: #3e829c; padding-bottom: 5px;}
h5{ font-size: 14px; font-weight: normal; letter-spacing: -1px; color: red; padding-bottom: 5px;}
h6{ font-size: 12px; font-weight: normal;  color: red; padding-bottom: 5px;} /* Negative message */
h7{ font-size: 12px; font-weight: normal;  color: green; padding-bottom: 5px;} /* Positive message */
h8{ font-size: 12px; font-weight: normal;  color: #3e829c; padding-bottom: 20px;} /* Information message */
h9{ font-size: 14px; font-weight: normal;  color: #3e829c; padding-bottom: 5px;} /* Quotation Response */
h10{ font-size: 12px; font-weight: normal;  color: red; padding-bottom: 5px;} /* PMS Negative package status */
h11{ font-size: 12px; font-weight: normal;  color: white; padding-bottom: 5px;} /* PMS Negative package status */
.scrollContainer div.panel h2{ color: #fff;}

/* Clearing floats without extra markup  */

.clearfloat { display: inline-block; }

.clearfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html .clearfloat { height: 1%; }

.clearfloat { display: block; }

/* End Clearing floats without extra markup  */

/*///////////////// LINKS ///////////////////////*/
a{outline: none;}
	
a:link, a:visited{ color: #54bee6; text-decoration: none;}

a:hover { text-decoration: underline; }

a.readMore:link, a.readMore:visited{}

#free-quote a:link, #free-quote a:visited{ color: #fff; text-decoration: none;}

#free-quote a:hover { text-decoration: underline; }

#main-content a.button1{ background: url(../images/button1.png) no-repeat 0 0 ;display: block; width: 130px; height: 23px; padding-left: 40px; padding-top: 2px; color: #fff; margin-left: 180px; }
#main-content a.button1:hover{ background: url(../images/button1.png) no-repeat 0 -25px; text-decoration: none;}
/*///////////////// END LINKS ///////////////////////*/

/*///////////////// LISTS ///////////////////////*/
ul{ margin-bottom: 20px; margin-left: 20px; list-style: none;}
ul li{ padding: 5px 5px 5px 15px; background: url(../images/li_icon.png) no-repeat center left;}
#main-content ul.buttons{width: 99%; margin: 15px 0;}
#main-content ul.buttons li{float: left; margin-right: 5px; background-image: none; height: 25px; padding: 0;}
#main-content ul.buttons li.order a {background: url(../images/order.png) no-repeat 0 0 ; display: block; width: 103px; height: 20px; padding-left: 15px; padding-top: 5px; color: #fff;}
#main-content ul.buttons li.order a:hover {background: url(../images/order.png) no-repeat 0 -25px ; display: block; width: 103px; height: 20px; padding-left: 15px; padding-top: 5px; color: #fff; text-decoration: none;} 
#main-content ul.buttons li.enlarge a {background: url(../images/enlarge.png) no-repeat 0 0 ; display: block; width: 103px; height: 20px; padding-left: 12px; padding-top: 5px; color: #fff;}
#main-content ul.buttons li.enlarge a:hover {background: url(../images/enlarge.png) no-repeat 0 -25px ; display: block; width: 103px; height: 20px; padding-left: 12px; padding-top: 5px; color: #fff; text-decoration: none;} 
/*///////////////// END LISTS ///////////////////////*/

/*///////////////// LAYOUT  ///////////////////////*/
* html div#wrapper { padding-top: 48px; }

#wrapper{ width: 940px; margin: 48px auto 0 auto;}
#header{ width: 940px; height: 40px; margin-bottom: 20px;}
#slider-container{ width: 920px; padding: 10px; background: #1d292e url(../images/slider_bg_top.gif) no-repeat top left;}
#featured{ float: left; padding-left: 26px; padding-top: 65px; padding-bottom: 65px; margin-top: 5px; width: 326px; background: url(../images/featured_bgd.png) no-repeat;}
#slider-bottom{ width: 940px; height: 19px; background: url(../images/slider_bg_bottom.gif) no-repeat top left; margin-bottom: 10px;}
#content{ width: 940px;}
#sidebar{float: left; width: 290px; margin-right: 15px; display: inline;}
.sidebar-element{ background: #1c292e url(../images/rounded_top.png) top left no-repeat; padding: 9px 22px 0;}
.sidebar-bottomelement{ background: #1c292e url(../images/rounded_bottom.png) no-repeat top left; width: 290px; height: 23px; margin-bottom: 10px;}
#free-quote{ background: #5f96ac url(../images/free_quote_top.png) no-repeat top left; padding: 9px 22px; padding-bottom: 0;} 
#main-content-wrapper{ float: left; width: 635px;}
#main-content{ width: 595px; padding: 10px 20px; background: #fff url(../images/main_content_top.png) no-repeat top left;}
#main-content_admin{ width: 900px; padding: 10px 20px; background: #fff url(../images/main_content_top.png) no-repeat top left;}
#main-content-bottom{ width: 635px; height:17px; background: url(../images/main_content_bottom.png) no-repeat top left;}
#free-quote-bottom{ background: url(../images/free_quote_bottom.png) no-repeat top left; width: 290px; height: 17px; margin-bottom: 10px;}
#footer{ margin-top: 7px;}
#footer p{ text-align: center; color: #fff;}
.spacer-line{ width: 99%; margin: 20px 0; border-bottom: 3px solid #e8ecee;}
.spacer-line2{ width: 99%; margin-bottom: 20px; border-bottom: 1px solid #e8ecee;}
.spacer-line3{ width: 99%; margin-bottom: 40px; }
.service{ width: 99%; padding-top:5px;}
.service-description{ float: left; width: 80%;}
.product-description{ float: left; width: 60%;}
/*/////////////////END LAYOUT ///////////////////////*/

/*///////////////// IMAGES  ///////////////////////*/
.icon-left{ float: left; margin-right: 25px; display: inline;} /* icon floated left */
.icon-right{ float: right; margin-left: 25px; display: inline;} /* icon floated right */
.image-left{ float: left; margin: 0 25px 20px 0 ; display: inline; border: 0px solid #7e9198;} /* image floated left */
.image-right{  float: right; margin: 0 0 20px 25px ; display: inline; border: 0px solid #7e9198;} /* image floated right */
.image-centre{ margin-left:180px;} /* image floated right */
/*///////////////// END IMAGES  ///////////////////////*/

/*///////////////// SUBMENU ///////////////////////*/
ul#submenu{ width: 99%; margin: 0; margin-top: 15px; padding-top: 2px; background: url(../images/news_divider.png) top left repeat-x;}
ul#submenu li{ height: 30px; background: url(../images/news_divider.png) bottom left repeat-x; padding:0; }
ul#submenu li a{ display: block; height: 21px; padding-left: 15px; padding-top: 7px; background: #1d292e url(../images/submenu_icon.png) 1% 50% no-repeat; color: #fff;}
ul#submenu li a:hover{ color: #5e99b5; background-color: #192428; text-decoration: none;}
/*///////////////// END SUBMENU ///////////////////////*/

/*///////////////// SIDEBAR NEWS ///////////////////////*/
.news{ width: 99%; background: url(../images/news_divider.png) bottom left repeat-x; margin-top: 15px;}
p.date{ color: #54bee6; padding-bottom: 7px; font-weight: bold;}
p.news-text{ color: #8598a0;}
p.news-archive{ padding-top: 10px; padding-bottom: 0;}
p.news-archive a{ padding-left: 22px; font-weight: bold; background: url(../images/archive_icon.png) 0 50% no-repeat;}
/*///////////////// END SIDEBAR NEWS ///////////////////////*/

/*///////////////// FREE QUOTE ///////////////////////*/
#free-quote{ background: #5f96ac url(../images/free_quote_top.png) no-repeat top left; padding: 9px 22px; padding-bottom: 0;} 
#free-quote p{ color: #1d292f; padding-right: 40px; /*background: url(../images/freequote_arrow.png) no-repeat 100% 50%;*/}
/*///////////////// END FREE QUOTE ///////////////////////*/

/*///////////////// LOGO AND SEARCH ///////////////////////*/
#logo-container{ float: left; width: 216px; margin-left: 15px; display: inline; }
#logo-container small{ padding: 0; margin: 0;}
h1#logo { width: 372px; height: 55px; text-indent:-9000px; background: url(../images/logo_v3.png) no-repeat 0 0;}
h1 a { height:40px; width: 216px; display:block; text-decoration:none;}
h1 a:hover { text-decoration:none; background:transparent;}
#search{ float: right; width: 316px; height: 25px; display: inline; margin-top: 10px; }
#search input{float: left; width: 210px; height: 16px;  background: #1e2c31; border: 1px solid #43626e; color: #8598a0; margin: 0; margin-right: 12px; padding: 4px;}
#search .btn{float: left; width: 68px; height: 25px; cursor: pointer; padding: 0; background: url(../images/search_btn.gif) no-repeat; border: none; color: #fff;}

/*///////////////// END LOGO AND SEARCH ///////////////////////*/

/*///////////////// NAVIGATION ///////////////////////*/
#navigation{ background:url(../images/menu_bg.gif) no-repeat 0 0; width: 940px; height: 46px; line-height: 42px; margin-bottom: 8px;}
#navigation ul{ list-style: none;}
#navigation ul li{ display: inline; height: 42px; text-transform: uppercase;background: transparent; padding: 0;}
#navigation ul li a{ float: left; display: block; padding: 0 20px; color: #fff; text-decoration: none; background: url(../images/menu_divider.gif) top right no-repeat;}
#navigation ul li a:hover, #navigation ul li a.current{ color: #54bee6;}
/*///////////////// END NAVIGATION ///////////////////////*/

/*///////////////// TESTIMONIALS ///////////////////////*/
blockquote{ padding-bottom: 15px;}
blockquote div { background: #1c292e url(../images/quote_right.png) bottom right no-repeat; padding-right: 10px; padding-top: 15px;}
blockquote p.text{ background: url(../images/quote_left.png) top left no-repeat; padding-left: 10px; text-indent: 30px; color: #8598a0; font-style: italic;}
.testimonial-name {padding-left: 10px; padding-bottom: 0;}
/*///////////////// END TESTIMONIALS ///////////////////////*/

/*///////////////// TABLES ///////////////////////*/
table { border-collapse: collapse; width: 99%; margin: 20px 0;}
th {	background: #3e829c; color: #fff; font-weight: bold; padding: 2px 11px; text-align: left; border-right: 1px solid #fff; line-height: 1.2;}
td { padding: 6px 11px; border-bottom: 1px solid #80bcd3; vertical-align: top;}
td * { padding: 6px 11px;}
tr.alt td { background: #ecf6fc;}
tr.over td, tr:hover td { background: #bcd4ec;}
/*///////////////// END TABLES ///////////////////////*/

/*///////////////// CONTACT FORM ///////////////////////*/
fieldset{ border: 1px solid #d6e2e7;  } /*border: none;margin-top: 10px; */
fieldset legend { color: #3e829c; margin-left:20px; padding:10px;}  /*  display: none */
form p{ padding-bottom: 0;}
/* Label */
label{ width: 130px; margin: 5px; text-align: left; float:left; clear:both;}
.required{ color: #6c787d; }
/* Input, Textarea */
input, textarea{ border: 1px solid #d6e2e7; background: #fff; color: #6c787d; width: 250px; margin: 5px; padding: 3px; }
input1, textarea1{ border: 1px solid #a5041e; background: #fff; color: #6c787d; width: 300px; margin: 5px; padding: 3px;}
textarea{width: 250px; height: 100px; margin-bottom: 10px; 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 13px;
}
input:focus, textarea:focus{ border: 1px solid #9ed7ec;}
input.button{ background: url(../images/button1-hover.png) no-repeat; width: 130px; height: 25px; padding-bottom: 15px; border: none; color: #fff; cursor: pointer; }
input.button:hover{ border: none;}
.notification_error{ padding: 5px; color: #a5041e; font-size: 13px; }
.notification_ok{padding: 5px; color: #418a06; font-size: 13px; font-weight: bold; }
/*///////////////// END CONTACT FORM ///////////////////////*/

/*///////////////// CONTACT DETAILS ///////////////////////*/
.contact-info{ padding-top: 15px;}
.contact-info p.contact-details{ color: #8598a0;}
.contact-info p.contact-details span{ color: #fff;}
/*///////////////// END CONTACT DETAILS ///////////////////////*/

/*///////////////// CODA SLIDER ///////////////////////*/
#slider { float: left; width: 520px; background: #1d292e; margin: 0 auto; padding-top: 10px; position: relative;}
.scroll { height: 162px; width: 520px; overflow: auto; position: relative; /* fix for IE to respect overflow */ clear: left; background: #1d292e;}
.scrollContainer div.panel { height: 162px; width: 520px; /* change to 560px if not using JS to remove rh.scroll */}
.scrollContainer div.panel img { float: left; margin-right: 20px; margin-left: 10px; display: inline;}
.scrollContainer div.panel div.panel-text { width: 75%; float: left; color: #8598a0;}
.scrollContainer div.panel div.panel-text p.more{ float: right; width:103px;}
.scrollContainer div.panel div.panel-text p.more a{ background: url(../images/read-more-button.png) no-repeat 0 0 ; display: block; width: 103px; height: 23px; padding-top: 2px; color: #fff; padding-left: 20px; margin-top: 10px;}
.scrollContainer div.panel div.panel-text p.more a:hover{ background: url(../images/read-more-button.png) no-repeat 0 -25px ; text-decoration: none;}
.scrollButtons { position: absolute; top: 75px; cursor: pointer;} /*.scrollButtons.left { left: -30px;}*/
.scrollButtons.right { left: 540px;}
/*///////////////// END CODA SLIDER ///////////////////////*/
.messagebox{
	position:absolute;
	width:300px;
	height:20px;
	margin-left:180px;
	margin-top:5px;
	border:1px solid #c93;
	padding:2px;
	color:#c93;
}
.messageboxok{
	position:absolute;
	width:300px;
	height:20px;
	margin-left:180px;
	margin-top:5px;
	border:1px solid #349534;
	padding:2px;
	color:#008000;
	
}
.messageboxerror{
	position:absolute;
	width:300px;
	height:20px;
	margin-left:180px;
	margin-top:5px;
	border:1px solid #CC0000;
	padding:2px;
	color:#a5041e;
}
.messageboxquote{
	position:absolute;
	width:450px;
	height:320px;
	margin-left:145px;
	margin-top:5px;
	border:0px solid #ffffff;
	padding:2px;
	color:#008000;
}
.messageboxquoteok{
	position:absolute;
	width:450px;
	height:320px;
	margin-left:145px;
	margin-top:5px;
	border:0px solid #ffffff;
	padding:2px;
	color:#000000;
}
.messageboxquoteerror{
	position:absolute;
	width:450px;
	height:320px;
	margin-left:145px;
	margin-top:5px;
	border:0px solid #ffffff;
	padding:2px;
	color:#a5041e;
}
.messageboxlogin{
	position:absolute;
	width:300px;
	height:20px;
	margin-left:125px;
	margin-top:5px;
	border:1px solid #c93;
	padding:2px;
	color:#c93;
}
.messageboxloginok{
	position:absolute;
	width:300px;
	height:20px;
	margin-left:125px;
	margin-top:5px;
	border:1px solid #349534;
	padding:2px;
	color:#008000;
	
}
.messageboxloginerror{
	position:absolute;
	width:300px;
	height:20px;
	margin-left:125px;
	margin-top:5px;
	border:1px solid #CC0000;
	padding:2px;
	color:#a5041e;
}
/* password meter 
.password {
font-size : 12px;
border : 1px solid #cc9933;
width : 200px;
font-family : arial, sans-serif;
}
.pstrength-minchar {
font-size : 10px;
}
*/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #2e434b;
	padding: 5px;
	opacity: 0.95;
	font-size : 8px;
}
#tooltip h4, #tooltip div { margin: 0; }
/* used in guide/<allbanners> */
.bannerContainer {		
		width:190px;
		height:100px;		
		position:relative;	
		float:left;	
		left:50px;
		top:10px;
}
.bannerAmazon {		
		position:relative;	
		float:left;	
		left:55px;
		top:5px;
		margin-bottom:30px;
		margin-top:30px;
}
.bannerMS {		
		position:relative;	
		left:70px;
		top:5px;
		margin-bottom:30px;
		margin-top:30px;
}
.bannerName {
	font-size: 11px; font-weight: normal;  color: #3e829c;
	padding-left:0px;
}

/** label.error is used in alfasent's jquery validation*/
label.error {
		background: url('') no-repeat;
		padding-left: 16px;
		margin-left: .3em;
		top: -15px;
		float: none; padding-left: .15em; font-size: 1em; color:#a5041e;
	}
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
/*used on member-index to css width, length etc. */
/*used on member-index to css width, length etc. */
.div-left {
	position:relative;
	float:left;	
}
.div-right {
	float:right;
	position:relative;
	margin-right:5px;		
}
.div-bottom {
	position:relative;
	margin-right:50px;		
}
.div-right input {
	width:45px;
	padding:0px;
	border-color:transparent;
}
.myPageContent {
	padding-top:10px;
	margin-left:10px;
	height:150px;
	border: ridge 1px #3e829c;
}
.myPageContent input {
	width:120px;
	font-size:11px;
}
.myPageContent .title {
	font-size:13px;
	text-indent:5px;
	color: #3e829c;
	padding-bottom:10px;
}
.myPageContent label {
	font-size:12px;
	width:120px;
}
/* **/
.div-terms {
	margin-left:30px;
	padding:5px;	
	text-align:justify;
}
/* used in and all steps (1,2,3,4) */
.text-justify {
	text-align:justify;
}
/* admin/users.php - in address history div */
#address_history {
	text-decoration:underline;
	cursor:pointer;
	color: #3e829c;
	font-size:13px;
}
select {
	height:25px;
}
#quoteResults {
	margin-left:60px;
	margin-right: 60px;
}