/* ///////////////////////////////////////////////////////////
	Title:  koolraps.com	
	CSS created by Neal Barrow
///////////////////////////////////////////////////////////// */
* {outline: none;}
body {
	font: small Helvetica, Arial, sans-serif;
	background: #FFF;
	color: #464646;
	}

body, h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, input, form, fieldset, label {padding: 0;margin: 0}
ul, li, dl, dt, dd {list-style: none}

img {border: none;}
p {margin: 0 0 1.5em 0; line-height: 1.5em}

h5 {
	color: #073451;
	font-size: 12pt;
	margin: 10px 0;
	border-bottom: 1px solid #E2E2E2;
	padding: 0 0 5px 0;
}
div.q {
	color:#373737;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
}

table {
	margin:0;
	padding:0;
	border:0;
}
th, td {
	text-align:left;
	vertical-align:top;
}
th {
	font-weight:bold;
}

.required {
	color:#FF0000;
}

.message {
	border:1px solid green;
	padding:5px;
	background-color:#FFF;
	color:green;
	font-size:9pt;
	margin-bottom:10px;
}

.error {
	border:1px solid red;
	padding:5px;
	background-color:#FFF;
	color:red;
	font-size:9pt;
	margin-bottom:10px;
}
.clear {
clear: both;
}

/* ///////////////////////////////////////////////////////////
	Links
///////////////////////////////////////////////////////////// */
a:link, a:visited {color: #136A9D}
a:hover {color: #0E5E8D; text-decoration: none;}
a {outline: none;}
:focus {-moz-outline-style: none;}

/* ///////////////////////////////////////////////////////////
	h1, h2, h3, h4, h5, h6
///////////////////////////////////////////////////////////// */
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, sans-serif;
	}

.pageHeading {
	color:#1671a6;
	font-style:italic;
	font-size:15px;
	font-weight:normal;
	margin: 0 0 15px 0;
	line-height:20px;
}
h3 {
	color:#1671a6;
	font-style:italic;
	font-size:13pt;
	font-weight:normal;
	margin-bottom:10px;
	line-height:22px;
}
h3 strong {
	color:#063048;
}

/* ///////////////////////////////////////////////////////////
	Header
///////////////////////////////////////////////////////////// */
#headerOuter {
	background: url(/images/bg_header.jpg)  repeat-x scroll 50% 0;
	width: 100%;
}

#header {
	width: 960px;
	margin: 0 auto;
	position: relative;
	height: 81px;
}

#header h1 {
	text-indent: -9999px;
}

#header h1 a {
	background: url(/images/logo.jpg) top left no-repeat;
	width: 321px;
	height: 58px;
	display: block;
	position: absolute;
	top: 12px;
}

/* ///////////////////////////////////////////////////////////
	Navigation
///////////////////////////////////////////////////////////// */
#nav ul {
	float: right;
	margin: 26px 0 0 0;
}

#nav ul li {
	float:left;
	margin: 0 0 0 10px;
	padding: 0;
}

#nav ul li a {
	color: #FFF;
	font-size: 14px;
	display: block;
    padding: 6px 16px 8px 18px;
	text-decoration: none;
}

#nav ul li:hover {
	background: url(/images/bg_nav_norm_right_on.jpg) no-repeat right top;
	text-decoration: none;
}

#nav ul li a:hover {
    background: url(/images/bg_nav_norm_left_on.jpg) no-repeat left top;
	text-decoration: none;
}

.home #nav ul .home,
.about #nav ul .about,
.faq #nav ul .faq,
.products #nav ul .products, 
.contact #nav ul .contact {
	background: url(/images/bg_nav_norm_right.jpg) no-repeat right top;
}

#nav ul .cart {
	background: url(/images/icon_cart.gif) no-repeat right top;
	width: 26px;
	height: 22px;
	text-indent: -9999px;
}

#nav ul .cart a:hover{
	background: none;
}

#nav ul .cart:hover {
	background: url(/images/icon_cart.gif) no-repeat right top;
}

.home #nav ul .home a,
.about #nav ul .about a,
.faq #nav ul .faq a,
.products #nav ul .products a,
.contact #nav ul .contact a {
    background: url(/images/bg_nav_norm_left.jpg) no-repeat left top;
}

.home #nav ul .home a:hover,
.about #nav ul .about a:hover,
.faq #nav ul .faq a:hover,
.products #nav ul .products a:hover, 
.contact #nav ul .contact a:hover {
	text-decoration: none;
}

/* ///////////////////////////////////////////////////////////
	Free Shipping
///////////////////////////////////////////////////////////// */
#productRoator {
	position: relative;
}

.freeShipping {
	position: absolute;
	top: 92px;
	right: 20px;
	width: 279px;
	height: 30px;
	background: url(../images/freeShipping.gif) top left no-repeat;
	text-indent: -9999px;
}
/* ///////////////////////////////////////////////////////////
	Content
///////////////////////////////////////////////////////////// */
#contentOuter {
	background: url(/images/bg_grass.jpg) repeat-x scroll 50% 0;
	width: 100%;
	margin: 0;
}

#content {
	width: 960px;
	margin: 0 auto;
	position: relative;
	padding: 40px 0 0 0;
}

#col3dl {
	clear: both;
	margin: 0 0 0 10px;
}

#col3dl .imgRight {
	float: right;
	margin: 6px;
}

#col3dl dd {
	float: left;
	width: 300px;
	height: 310px;
	margin: 0 18px 0 0;
	border-right: 1px solid #D5D5D5;
}

#col3dl dd h5 {
	font-size: 21px;
	margin: 0 20px 10px 0;
	color: #073451;
	font-style: italic;
	padding: 0 0 6px 0;
}

#col3dl dd p, #col3dl dd ul {
	font-size: 13px;
	color: #404040;
	line-height: 1.5em;
	padding: 0 20px 0 0;
}

#col3dl dd ul {
	padding: 0 20px 0 12px;
}

#col3dl dd .customize {
	margin: 0 0 10px 0;
}

#col3dl dd ul li {
	list-style: circle;
}

#col3dl .strip {
	margin: 0;
	border: none;
}

/* ///////////////////////////////////////////////////////////
	Secondary Content
///////////////////////////////////////////////////////////// */
#secshellOuterOuter {
	background: url(/images/bg_sec_content.jpg) top left repeat-y;
	position: relative;
}

#secshellOuter {
	background: url(/images/bg_sec_content_top.jpg) top left no-repeat;
	padding: 15px 0 0 0;
}

#secshell {
	background: url(/images/bg_sec_content_bottom.jpg) bottom left no-repeat;
	padding: 15px 30px 30px 30px;
	font-size: 13px;
	overflow: hidden;
	_height: 1%;
	min-height:400px;
}

#secshell h2 {
	color: #1578b1;
	font-size: 25px;
	margin: 0 0 25px 0;
}

#secshell .mainHeading {
	color: #1578b1;
	font-size: 25px;
	margin: 0 0 10px 0;
}

#secshell .customization {
	margin: 0 0 10px 40px;
}

#secshell #leftCol {
	float: left;
	margin: 0 0 0 0;
	width: 60%;
}

#secshell #rightCol {
	width: 30%;
	float: right;
}

.about #secshell #leftCol, .customization #secshell #leftCol {
	background: url(../images/bg_about_page.jpg) top right no-repeat;
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
}

#secshell #leftCol #leftColInner {
	width: 55%;
	padding: 30px 0 81px 30px;
}

#secshell #leftCol #leftColInner .video {
	border: 1px solid #C7E5F5;
	width: 425px;
	height: 344px;
	margin: 35px 0 0 25px;
}
#secshell #leftCol #leftColInner .courtesy {
	font-size: 10px;
	margin: 0 0 0 25px;
	text-align: right;
	width: 425px;
}

.productTitle {
	color: #1876AE;
	font-size: 17pt;
	margin-bottom: 10px;
	font-style: italic;
}


/* ///////////////////////////////////////////////////////////
	Bottom
///////////////////////////////////////////////////////////// */
#bottomOuter {
	background: url(/images/bg_bottom.jpg) repeat-x scroll 50% 0;
	width: 100%;
	margin: 0;
	clear: both;
}

#bottom {
	clear: both;
	width: 960px;
	margin: 0 auto;
	position: relative;
	padding: 42px 0 15px 0;
	overflow: hidden;
	_height: 1%;
}

#customizeYourKoolrap {
	background: url(/images/customize_your_rap_in_4.jpg) top left no-repeat;
	width: 437px;
	height: 28px;
	margin: 0 auto;
	padding: 0;
}

#bottom dl {
	overflow: hidden;
	_height: 1%;
	color: #FFF;
	margin: 25px 0 15px 0;
}

#bottom dd {
	width: 224px;
	float: left;
	text-align: center;
	margin-right: 16px;
}

#bottom .strip {
	margin-right: 0;
}

#bottom dd h4 {
	font-size: 20px;
	margin: 4px 0 0 0;
	line-height: 1.2em;
	font-weight: normal;
}

#bottom dd p {
	font-size: 16px;
	font-weight: normal;
}

/* ///////////////////////////////////////////////////////////
	Footer
///////////////////////////////////////////////////////////// */
#footerOuter {
	clear: both;
	overflow: hidden;
	_height: 1%;
	padding: 15px 0;
}

#footer {
	width: 960px;
	margin: 0 auto;
}

#footer img {
	float: left;
	margin: 0 10px 0 0;
}

#footer p {
	width: 360px;
	float: left;
	color: #0E4D7B;
	padding: 0;
	line-height: 20px;
}

#footerRight {
	float: right;
	width: 370px;
	margin: 0;
	padding: 0;
}

#footerRight ul {
	margin: 0 0 0 40px;
	padding: 0;
	height: 20px;
}
#footerRight li {
	float: left;
	margin: 0 0 0 15px;
}

.footerInfo {
	margin: 0;
	padding: 0 21px 0 0;
	text-align: right;
	line-height: 20px;
}

.addThisButton {
	margin: 0;
	padding: 5px 0 0 0;
	line-height: 30px;
}

/* ///////////////////////////////////////////////////////////
	Popup
///////////////////////////////////////////////////////////// */
#popup {
	padding: 30px;
}

#popup h1 {
	color: #1876AE;
	font-size: 17pt;
	margin-bottom: 10px;
}

#popup ul li {
	width: 143px;
	float: left;
	margin: 0 25px 25px 0;
}

#popup ul li img {
	border: 1px solid #E2E2E2;
	padding: 3px;
}

/* ///////////////////////////////////////////////////////////
	Contact
///////////////////////////////////////////////////////////// */
.contact {
	line-height: 1.3em;
}
#messagePadding {
	padding: 0;
	margin:10px 0 10px 0;
	line-height: 20px;
}
/* ///////////////////////////////////////////////////////////
	Examples
///////////////////////////////////////////////////////////// */
#examples {
	margin-bottom:30px;
}
#examples table {
	border:0;
	padding:0;
	margin:0;
}
#examples td, #examples th {
	padding-right:28px;
}
#examples th {
	padding-top:12px;
	text-align:center;
	font-size:11pt;
}

/* ///////////////////////////////////////////////////////////
	Contact
///////////////////////////////////////////////////////////// */
.siteMapList {
	padding: 0;
	margin: 0 0 0 15px;
}
.siteMapList li {
	padding: 2px 0;
	margin: 0;
	line-height: 20px;
	font-size: 14px;
	list-style-type: disc;
}