/* :::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Century 23
/* :::::::::::::::::::::::::::::::::::::::::::::::::: */

body {
	margin:0; padding:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	background:#5cad0e url(../img/grad.gif) top left repeat-x; }

a { color:#FFFFFF; }

img { border:0; }

p { margin:0; padding:0; }

.clear_me { clear:both; content:" "; }	

/* :::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Layout Boxes
/* :::::::::::::::::::::::::::::::::::::::::::::::::: */

#shell {
	margin:50px auto 0px; padding:0;
	position:relative;
	width:760px;
	text-align:left; }

#header {
	margin:0; padding:0;
	position:relative;
	height:100px;
	color:#000000;
	background:#60604b; }

#logocontainer {
	margin:0; padding:0;
	position:absolute;
	left:30px; top:35px;	
	width:200px; }
	
#headernav {
	margin:0; padding:0;
	position:absolute;
	width:150px; /*width:290px;*/
	left:575px; /*left:450px;*/ top:27px; }
	
#toplinenav {
	margin:0; padding:0;
	position:relative;
	height:25px;
	color:#000000;
	background:#6b8c3e; }
	
#contentcontainer {
	margin:0; padding:0px 10px 0px 10px;
	position:relative;
	border-top:10px solid white;
	border-bottom:10px solid white;
	color:#000000;
	background:#fffffe url(../img/bg-content.gif) repeat-y;}
	
#slimheadlines {
	margin:0; padding:0;
	position:absolute;
	top:0; left:21px;
	width:27px; height:355px;
	/*background:url(img/h-slim-faq.gif) top left no-repeat;*/}
	
#leftcolumn {
	margin:0; padding:0;
	position:relative;
	top:0px; left:0px;
	float:left;
	width:423px; min-height:360px;
	color:#000000;
	overflow:hidden; }
	
#indent {
	margin:0; padding:0px 0px 0px 53px;
}
	
#rightcolumnshell {
	margin:0; padding:0;
	position:relative;
	float:left;
	width:300px;
	min-height:430px;
    height:auto !important;
    height:430px;
 	left:15px;
	color:#000000; }

#rightcolumnnav {
	margin:0; padding:0;
	width:303px; /*height:435px;*/
	color:#000000;
	background:#fffffe; }
	
.divider { margin:10px 0px 5px 8px; padding-top:1px; border-top:1px solid #ddd; /*border-bottom:1px solid #ddd; #ceecb0;*/ content:" "; }
	
/* :::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Page Header Styling
/* :::::::::::::::::::::::::::::::::::::::::::::::::: */
/* logo, link and hidden text */
#logocontainer a {
	margin:0; padding:0;
	display:block;
	width:179px; height:38px; }

/* product search + select product */
/* headers with image replacement + form styling */
h1 { 
	margin:0px 0px 0px 0px; padding:0px;
	width:152px; height:15px;
	letter-spacing:-1000em; text-indent:-999em;
	overflow:hidden; }

h1.h-prod-menu { background:url(../img/h-product-menu.gif) -3px 0px no-repeat; }

#headernav span { float:left; padding-top:8px; margin-left:60px; }

#headernav form { float:left; padding:10px 0px 10px 0px; }
#headernav input, select { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#headernav .cust_inputtext_1 { width:150px; font-size:12px; }

/* list under the header */
#toplinenav ul {
	margin:0; padding:0;
	position:absolute;
	left:444px; width:380px;
	list-style:none; }

#toplinenav li {
	margin:0; padding:5px 0px 0px 0px;
	float:left;	display:inline;
	font-size:12px;
	color:#ffffff; background:#6b8c3e; }

#toplinenav a {
	margin:0px; padding:0px;
	float:left;	display:block;
	/*letter-spacing:-1000em;	text-indent:-999em;*/
	overflow:hidden;
	height:20px; }

#toplinenav a span { display:none; }

#toplinenav a.quickorder { margin:4px 0px 0px 35px; }

/* #toplinenav a.tn-1 { width:60px; background:url(img/a-contact-us.gif) no-repeat; }
#toplinenav a.tn-2 { width:64px; background:url(img/a-get-a-quote.gif) no-repeat; }
#toplinenav a.tn-3 { width:101px; background:url(img/a-request-ringback.gif) no-repeat; }
#toplinenav a.tn-4 { width:78px; background:url(img/a-faq.gif) no-repeat; } */

/* :::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Content Styling
/* :::::::::::::::::::::::::::::::::::::::::::::::::: */
/* right column main heading */
#rightheading {
	margin:0px 0px 0px 0px; padding:5px 5px 5px 20px;
	color:#000000;
	background:url(../img/corner.gif) top right no-repeat #ceecb0; }
	
#rightheading h2 { 
	margin:0px 0px 0px 0px; padding:0px;
	width:250px; height:43px;
	overflow:hidden;
	letter-spacing:-1000em;	text-indent:-999em;
	/* background:url(img/temp-sub-heading.gif) no-repeat; */
}

.h_faq { background:url(../img/sub-h-please-select-topic.gif) no-repeat; }
.h_notneeded { background:url(../img/sub-h-not-needed.gif) no-repeat; }
.h_more { background:url(../img/sub-h-wherenext.gif) no-repeat; }
.h_options { background:url(../img/sub-h-options.gif) no-repeat; }

#rightheading select { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#rightheading .cust_inputtext_2 { width:150px; font-size:12px; }

/* wide quick links on right column */
.widelinks { margin:0; padding:5px 0px 8px 0px; list-style:none; width:303px; overflow:hidden; }

.widelinks li {
	margin:2px 0px 0px 0px; padding:0px;
	height:23px;
	color:#000000;
	background:#ceecb0; }

.widelinks a {
	padding:0px; display:block;
	font:12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#61604b;
	height:23px;
	overflow:hidden;
	/*background:#ceecb0;*/ }
	
.widelinks a span { display:none; }

.widelinks a img { padding-left:22px; }

.widelinks a.tick { background:#ceecb0 url(../img/tick.gif) 0px 23px no-repeat; }
.widelinks a:visited.tick { background:#ceecb0 url(../img/tick.gif) 0px 0px no-repeat; }

.widelinks a.notick { background:#ceecb0; }


/* .widelinks a img {position:relative; top:0px; left:0px; }
.widelinks a:visited img { top:-22px; } */

/* .widelinks a img {position:relative; top:0px; left:0px; }
.widelinks a:hover img { top:-22px; } */


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* slim headlines */
#slimheadlines #faq { width:27px; height:355px; background:url(../img/h-slim-dtp.gif) top left no-repeat;}
#slimheadlines #contact { width:27px; height:355px; background:url(../img/h-slim-contact.gif) top left no-repeat; }
#slimheadlines #environmental { width:27px; height:355px; background:url(../img/h-slim-environmental.gif) top left no-repeat; }
#slimheadlines #products { width:27px; height:355px; background:url(../img/h-slim-products.gif) top left no-repeat; }
#slimheadlines #getquote { width:27px; height:355px; background:url(../img/h-slim-getquote.gif) top left no-repeat; }
#slimheadlines #terms { width:27px; height:355px; background:url(../img/h-slim-terms.gif) top left no-repeat; }
#slimheadlines #order { width:27px; height:355px; background:url(../img/h-slim-order.gif) top left no-repeat; }


/* left columns */

#leftcolumn h4 {
	margin:0px 0px 5px 5px; padding:5px 0px 5px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#6b8c3e;
	border-bottom:#ceecb0 1px solid;
	/*background:#ceecb0;*/ }

#leftcolumn p, .normal { 
	margin:0px 0px 5px 20px; padding:5px 15px 5px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	/*text-align:justify;*/ }

#leftcolumn a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#6b8c3e;
	text-decoration:none; }

#leftcolumn .field_label {
	margin-right:10px;
	font-weight:bold;
	color:#60604b; }

#leftcolumn .field_label_hidden { color:#fff; }

#leftcolumn input { position:absolute; left:210px; width:120px; }

#leftcolumn input.radio { position:relative; left:5px; width:25px; }

#leftcolumn input.short_field, #leftcolumn select.short_field { width:60px; }

#leftcolumn input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; }

#leftcolumn p.normal select { position:absolute; left:210px; }

#leftcolumn p.normal img { position:absolute; left:340px; }

#leftcolumn textarea { width:320px; height:100px; }

#leftcolumn .widesubmit { 
	position:absolute; left:280px;
	width:125px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;}
	
#leftcolumn .nextpagebutton {
	position:absolute; left:315px; width:100px; }

#leftcolumn .underline { border-bottom:1px solid #ceecb0; }	
#leftcolumn .error { line-height:18px; background:#ffe3e3; border:1px dashed red;}
#leftcolumn .errortext { font-weight:bold; color:red; }
#leftcolumn .finalize { margin:10px 0px 30px 0px; border-top:1px solid #ceecb0; }
#leftcolumn .p_prod_footer { margin:10px 0px 30px 0px; border-top:1px solid #ceecb0; }

#leftcolumn a.simple { font-weight:normal; color:#6b8c3e; text-decoration:none; }

#leftcolumn p.orderline { font-weight:bold; font-size:12px; color:#6b8c3e; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.nurture { float:left; }

#offersquares { float:left; width:306px; height:292px; overflow:hidden; background:#fff; }
#offersquares img.left { float:left; margin:0px 4px 8px 0px; padding:0; }
#offersquares img.right { float:left; margin:0px 0px 8px 4px; padding:0; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TABLES */

.simpletable {
	margin:10px 0px 5px 25px; padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:325px;
}
	
.head2 { background:white; border-bottom:1px solid #5cad0e; }
	
.head1 { text-align:center; background:white; /*#ceecb0;*/ border-bottom:1px solid #5cad0e; border-right:1px solid #5cad0e; }
	
.cell2 { background:white; border-bottom:1px solid #5cad0e; }
	
.cell1 { background:#ceecb0; border-bottom:1px solid #5cad0e; border-right:1px solid #5cad0e; }

td { padding:8px; height:10px; }
	
tr { height:20px; }


.tinytable {
	margin:10px 0px 5px 25px; padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	width:325px;
}
	
.tinytable .head2 { background:white; border-bottom:1px solid #5cad0e; }
	
.tinytable .head1 { text-align:center; background:white; /*#ceecb0;*/ border-bottom:1px solid #5cad0e; border-right:1px solid #5cad0e; }
	
.tinytable .cell2 { background:white; border-bottom:1px solid #5cad0e; }
	
.tinytable .cell1 { background:#ceecb0; border-bottom:1px solid #5cad0e; border-right:1px solid #5cad0e; }

.tinytable td { padding:8px; height:10px; }
	
.tinytable tr { height:20px; }

.tinytable .cell1 a { font-size:9px !important; }



/* :::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Footer Styling
/* :::::::::::::::::::::::::::::::::::::::::::::::::: */
#bottomnav ul {
	margin:0; padding:5px 0px 0px 0px;
	position:absolute;
	left:450px; width:300px; height:75px;
	list-style:none; }

#bottomnav li {
	margin:0; padding:0px 5px 0px 0px;
	display:inline; 
	font:11px Arial, Helvetica, sans-serif;
	color:#fff; }

#bottomnav a {
	margin:0px 5px 0px 0px; padding:0;
	font-weight:normal;
	color:#fff;
	text-decoration:none; }
	
#bottomnav a:hover { color:#ceecb1; text-decoration:underline; }