@charset "utf-8";
/* ==================== JD Carton Main Layout CSS Styles ==================== */

/*	Table Of Contents
	 1.Defaults
	 2.Header
	 3.Navigation
	 4.Quote Form
	 5.Content
	 6.Footer
*/

/* ==================== 1.Defaults ==================== */

* {margin:0px; padding:0px;}

body {background: #d0e8ff url(../images/bg-main.jpg) top repeat-x; font:12px Arial, Helvetica, sans-serif; color:#666;}

h1 {font-size:22px; font-weight:bold;}

h2 {font-size:14px; font-weight:bold;}

h1,h2 {padding-bottom:6px; color:#0057ae;}

a, a:hover, a:active, a:focus {text-decoration:none; outline:none;}

img {border:none;}
	
ul {list-style:none;}
	
.clear {clear:both;}

.ul-float {float:left; padding-right:10px;}

.img-clear {clear:both; display:block; padding-top: 6px;}
	
.err {color: #F00; font-weight: bold;}

.img-left {float:left; margin-right:15px; margin-bottom:5px; padding:3px;}
	
.img-left-bdr {float:left; margin-right:15px; margin-bottom:5px; margin-top:5px; padding:3px; border:#CCC 1px solid;}

.img-right {float:right; margin-left:15px; margin-bottom:5px; padding:3px;}
	
.img-right-bdr {float:right; margin-left:15px; margin-bottom:5px; padding:3px; border:#CCC 1px solid;}
	
#wrapper {width:950px; margin: 0px auto;}

#border {border:#D9D9D9 1px solid; float:left; background:#fff;}

/* ==================== 2.Header ==================== */

#header {width:950px; height:84px; float:left; color:#999; background:url(../images/bg-header.jpg) no-repeat 0px 6px;}

#header img {float:left;}

#header div {float:right; padding-right:25px; padding-top:25px; text-align:right;}

p#phone {font-size:28px; font-weight:bold; color:#B20600; padding-left:22px; padding-top:5px; background:url(../images/icon-phone.jpg) no-repeat 0px 8px;}
	
#header a {color:#666; font-size:12px; text-decoration:none;}
	
#header a:hover {color:#666; text-decoration:underline;}
	
/* ==================== 3.Navigation  ==================== */

#navigation {width:946px; height:43px; background:url(../images/bg-navigation.jpg) repeat-x; font-weight:bold; color:#FFF; margin:2px;}
	
#navigation li {float:left;}

#navigation a {float:left; color:#FFF; background:url(../images/btn-spacer.jpg) no-repeat top right; text-decoration:none;}

#navigation a:hover, #navigation a#Contact:hover {background:url(../images/btn-active.jpg) no-repeat top right;}

#navigation .active, #navigation .active:hover, #navigation a#Contact.active {background:url(../images/btn-hover.jpg) no-repeat top right; color:#fff;}

#navigation a, #navigation a:hover, #navigation a#Contact a:hover {display:block; padding:0px 30px 0px 31px;}

#navigation a:hover {color:#FFF;}
	
#navigation a, #navigation span, #navigation a:hover span {line-height:43px;}

#navigation a#Contact {background:none; padding-right:30px;}

/* ==================== 4.Quote Form ==================== */
	
#quote-form {width:920px; height:217px; float:left; border:#D9D9D9 1px solid; background:url(../images/bg-header-image.jpg) no-repeat center 2px; padding:1px; /*position:relative; margin-bottom:15px;*/ margin-bottom:15px;}

#quote-form table {float:right; width:445px; border-collapse:collapse; color:#FFF; font-weight:bold; display:block;}

#quote-form table td {height:33px;}

#quote-form table th {color:#fff; font-size:24px; text-align:left; padding-left:75px; height:35px; vertical-align:bottom;}

#quote-form label {text-align:right; display:block; font-weight:bold; font-size:11px; margin:0px 2px 0px 2px;}

#quote-form input, #quote-form select {margin:0px 7px 0px 2px; padding:2px; border:#CCC 1px solid; }

#quote-form input {width:132px; height:13px;}

#quote-form select {width:137px; height:21px;}

#quote-form .btn-continue {width:132px; height:29px; padding-top:7px; border:none;}

#quote-form .boxes {float:left; padding-left:65px; color:#faf0b1; font-style:italic; text-decoration:underline; font-weight:normal; font-size:14px;}

/* ==================== 5.Content ==================== */
	
#content-container {width:924px; padding:13px; float:left; height:auto; min-height:600px; background-color:#FFF;}
	
* html #content-container {height:600px;}

/* ==================== 6.Footer ==================== */

#footer {width:910px; height:60px; padding:20px; color:#666; clear:both; font-size:.9em;}
	
#footer a {color:#3399fe;text-decoration:none;}
#footer a:hover {color:#3399fe;text-decoration:none;}

#footer p {line-height:200%;}
	
#footer a:hover {color:#666; text-decoration:underline;}

#footer div {float:right; text-align:right;}

p#spectrum a, p#spectrum a:active {color:#666;}
	
p#spectrum a:hover {color:#3399fe;}