@charset "utf-8";

/* TWO COLUMN LAYOUT */

body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	padding: 0;
	margin: 8px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5A5858;
	line-height: 130%;
	letter-spacing: .03em;
	}
	
#main_wrapper {
	width:950px; /* widths of columns will change proportionately as this width is changed */
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	text-align:left;
	border: 1px solid #b4b4b4;
	padding:  0 8px 15px 15px;
	}

#header_inner, #nav_inner, #content_inner, #promo_inner {

	}
	

/* TOP AREA WITH LOGO, NAVIGATION */

#header {
	position: relative;
		}

#header_inner {
	height: 120px;
	}

.phone-starburst {
	position: absolute;
	left: 427px;
	top: 0px;
	}

#logo a {
	
background: transparent url("images/elements/logo.gif") no-repeat center center  !important;
}

#logo {
float: left;
margin: 0;
padding: 0 0 5px 0;
width: 341px;
height: 120px;
z-index: -1;
}

#logo a {
display: block;
width: 341px;
height: 120px;
text-indent: -900em;
}

/*~~~~~~~~~~~ TOP NAVIGATION ~~~~~~~~~ */

#topnav_box {
	width: 944px;
	height: 37px;
	background: url(images/elements/top-nav-bg.jpg) no-repeat;
	padding: 10px 0 0 0;
	}

#topnav_box ul {
	padding: 0;
	margin:0;
	}

#topnav_box li {
	padding-left: 0; /* Moves Text Away from Image */
	list-style-type: none;
	display: inline;
	background: url(images/elements/nav-separator.gif) no-repeat 7px;
}

#topnav_box li.firstitem {
	margin-left: 0; /* Horizontal Space Between List Items */
	list-style-type: none;
	display: inline;
	background-image: none;
}

a.footernavlink:link {
	color: #FFFFFF;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	width: 100%;
	padding: 11px 6px 14px 24px;
}
a.footernavlink:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	padding: 11px 6px 14px 24px;
}
a.footernavlink:hover {
	color: #FFF;
	text-decoration: underline;
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	padding: 11px 6px 14px 24px;
}

a.footernavlink:active {
	color: #FFFFFF;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	padding: 11px 6px 14px 24px;
} 

.activetab {
	color: #FFF;
	text-decoration: underline;
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	padding: 11px 6px 14px 26px;
}

/* LEFT CONTENT AREA */

#content_left {
	float:left; /* floats on nav and content divs make them sit side by side */
	width:232px; /* this width + nav width must total 100% */
	margin: 0;
	}

#content_left_inner {
	padding: 5px 4px 10px 0;
	}

/* RIGHT CONTENT AREA */

#content_right {
	float:left; /* floats on nav and content divs make them sit side by side */
	width: 705px;
	}

#content_right_box {
	width: 708px;
	border: solid 1px #dadada;
	margin: 5px 0 0 0;
	background-color: #f6f6f6;
}	

#content_right_inner { 
	padding: 35px 0 30px 23px;

	}

/* BOXES */

#3box_container {
	background-color: #CCCC33;
	}

#sample_box {
	border: solid 1px #dadada;
	width: 285px;
	margin-right: 7px;
	float: left;
	background: url(images/elements/sample-box-bg.gif) no-repeat top;
	height: 270px;
	}

#sample_box_inner {
	padding: 12px 10px 10px 10px;
	margin: 0;
		}
		
#contact_box {
	border: solid 1px #dadada;
	width: 225px;
	margin: 10px 7px 15px 0;
	float: left;
	background: url(images/elements/contact-us-bg.gif) no-repeat top;
	}

#contact_box_inner {
	padding: 15px 20px 20px 20px;
	margin: 0;
		}
		
#pricing_box {
	border: solid 1px #dadada;
	width: 225px;
	margin: 10px 7px 15px 0;
	float: left;
	background: url(images/elements/contact-us-bg.gif) no-repeat top;
	}

#pricing_box_inner {
	padding: 15px 10px 20px 10px;
	margin: 0;
		}
		
#co_benefits_box {
	border: solid 1px #dadada;
	width: 318px;
	float: left;
	background-color: #f6f6f6;
	height: 270px;
	margin: 0px 7px 15px 0px;
	}

#co_benefits_box_inner {
	padding: 7px 20px 15px 7px;
	margin: 0;
		}

#co_benefits_box_inner ul {
	padding: 0;
	margin:0;
	}

#co_benefits_box_inner li {
	padding-left: 25px; /* Moves Text Away from Image */
	margin-left: 19px; /* Horizontal Space Between List Items */
	list-style-type: none;
	background: url(http://www.chargewrite.com/images/elements/bullet-yellow.gif) no-repeat left 4px;
	padding-bottom: 20px;
}


#cust_benefits_box {
	border: solid 1px #dadada;
	width: 318px;
	float: left;
	background-color: #f6f6f6;
	height: 270px;
	margin-bottom: 15px;
	}

#cust_benefits_box_inner {
	padding: 7px 20px 15px 7px;
	margin: 0;
		}

#cust_benefits_box_inner ul {
	padding: 0;
	margin:0;
	}

#cust_benefits_box_inner li {
	padding-left: 25px; /* Moves Text Away from Image */
	margin-left: 19px; /* Horizontal Space Between List Items */
	list-style-type: none;
	background: url(http://www.chargewrite.com/images/elements/bullet-yellow.gif) no-repeat left 4px;
	padding-bottom: 20px;
}

/* FOOTER (PHP INCLUDE) */

#footer {
	clear: both;
	background-color: #000000;
	width: 940px;
	height: 37px;
	}

#footer_inner {
	padding: 11px 15px 10px 0;

	}

#inlinebull dl dd ul {
	padding: 0;
	margin:0;
	}

#inlinebull li.lists {
	background-image: url(file:///C|/Users/kwilson/Desktop/Web%20Design%20Tips%20&%20Tools/CSS/Starter%20Pages/images/bullet.gif);
	background-repeat: no-repeat;
	padding: 0 20px 0 26px;
	list-style-type: none;
	color: #FFFFFF;
	display: inline;
}

#inlinebull li.firstitem {
	padding: 0 20px 0 0;
	color: #FFFFFF;
	display: inline;
	text-align: left;
	}

#inlinebull a.listlink:link {
	color: #3a6395;
	text-decoration: underline;
}

#inlinebull a.listlink:visited {
	color: #3a6395;
	text-decoration: underline;
}

#inlinebull a.listlink:hover {
	color: #901518;
	text-decoration: underline;
}

#inlinebull a.listlink:active {
	color: #901518;
	text-decoration: underline;
} 

#inlinebull li.phone {
	color: #171718;
	display: inline;
	padding-left: 110px;
	}

/* GENERAL LAYOUT STYLES */

.imgfltright {
	float: right;
	border: none;
	padding: 0 0 15px 10px;
	}
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

p {
	padding: 0;
	margin: 0;
	}

a:link {
	color: #9e0620;
	text-decoration: underline;
}

a:visited {
	color: #9e0620;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

a:active { 
color: #000;
text-decoration: underline;
}

.checkmark-title {
	font-family: "Times New Roman", Times, serif;
	font-size: 19px;
	color: #000000;
	background: url(images/elements/checkmark.jpg) no-repeat left top;
	height: 45px;
	padding: 17px 0 0 62px;
	font-weight: bold;
	}

h2 {
	font-size: 20px;
	color:#FFF;
	margin: 0;
	padding: 2px 0 0 0;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
	}

h1 {
	font-size: 20px;
	color:#000;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
	background: url(images/elements/target.gif) no-repeat left top;
	padding-top: 10px;
	padding-bottom: 0;
	padding-left: 40px;
	margin-top: 7px;
	margin-bottom: 17px;
	height: 30px;
	}

.whitetext {
	color: #FFF;
	font-size: 11px;
	text-align: right;
	}

.contactinfo {
	color: #4A4A4A;
	font-size: 13px;
	padding-bottom: 11px;
	font-weight: normal;
	}

.subhead {
	color: #000000;
	font-size: 14px;
	border-bottom:dotted 1px #CC0000;
	padding-bottom: 2px;
	margin-bottom: 10px;
	width: 175px;
	}
.quantity {
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	color: #ac051f;
}
.price {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
}

.black {
	color: #000000;
	}