@import url('boiler.css');


/* =============================================================================
	Architecture
============================================================================= */
html {
	background:url('../graphics/repbg.png') repeat top left;
}

body {
	
}

.container {
	width:950px;
	margin:0 auto;
}

header {
	width:950px;
	height:535px;
	background:url('../graphics/headbg.png') no-repeat top left;
	margin:10px 0 0 0;
}

#internal header {
	width:950px;
	height:196px;
	background:url('../graphics/headbgint.png') no-repeat top left;
	margin:10px 0 0 0;
}

#featured {
	width:950px;
	min-height:155px;
	padding-top:15px;
	background:url('../graphics/featuredbg.png') repeat-y top left;
}

#maintop {
	width:950px;
	height:8px;
	background:url('../graphics/maintopbg.png') repeat-y top left;
}

#main {
	width:900px;
	min-height:300px;
	background:url('../graphics/mainbg.png') repeat-y top left;
}

#internal #main {
	width:935px;
	min-height:300px;
	margin:0 0 0 5px;
	background:url('../graphics/mainbgint.png') repeat-x top left #3e4244;
}

#foottop {
	width:950px;
	height:6px;
	background:url('../graphics/foottopbg.png') no-repeat top left;
}

footer {
	width:950px;
	height:81px;
	background:url('../graphics/footbg.png') no-repeat top left;
}

#bottombar {
	width:100%;
	height:40px;
	background:url('../graphics/botbg.png') repeat-x top left;
	margin:35px 0 0 0;
}


/* =============================================================================
	Content
============================================================================= */
/* Basics =================================================================== */
* {
	outline:none;
	font-family:open sans, sans-serif;
}
ul, li, ol {
	margin:0;
	padding:0;
}
.clear {
	clear:both;
}

#contentint .content_image img {
	padding: 0;
	margin: 0;
	border: 2px solid #A4AFB5;
}


/* Header =================================================================== */
#logo {
	float:left;
	margin:20px 0 0 20px;
}

#utilities {
	height:140px;
	padding:
}

#utilities ul {
	list-style:none;
	float:right;
	margin:35px 13px 0 0;
}

#utilities ul li {
	display:inline-block;
	width:110px;
	text-align:center;
	float:left;
	margin:0 0 0 10px;
	letter-spacing:1px;
	margin-right:3px;
}

#utilities ul li+li {
	width:100px;
	margin-right:22px;
}

#utilities ul li+li+li {
	width:70px;
	margin-right:37px;
}

#utilities ul li+li+li+li {
	width:70px;
	margin-right:27px;
}

#utilities ul li a {
	color:#EeEeEe;
	text-shadow:1px 1px 2px #172935;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	line-height:16px;
	display:block;
}

#utilities ul li p.content_image {
	height:34px;
	overflow:hidden;
}

#utilities ul li:hover p.content_image a {
	position:relative;
	top:-37px;
}

#utilities .collection_item_description {
	display:none;
}

/* Primary Navigation =================================================================== */
nav {
	width:950px;
	height:45px;
	position:relative;
	z-index:12;
}

nav ul {
	list-style:none;
}

nav ul li {
	float:left;
	background:url('../graphics/navsep.png') no-repeat top right;
	position:relative;
}

nav ul li a:link, nav ul li a:visited {
	padding:0 20px 0 20px;
	color:#FfFfFf;
	text-decoration:none;
	line-height:45px;
	display:block;
	text-shadow:0px -1px 2px #000000;
}
nav ul li a:hover, nav ul li a:active {
	background:#ED6E00;
	border-bottom:1px solid #454545;
	height:44px;
}

nav ul li ul {
	position:absolute;
	left:0px;
	width:180px;
	visibility:hidden;
	border-top:1px solid #87898a;
	border-bottom:1px solid #707070;
	padding:10px 0;
	background:#196aB4;
}

nav ul li ul li {
	float:none;
	background:none;
	line-height:24px;
	padding:5px 0 5px 0;
	background:#196aB4;
}

nav ul li ul li a:link, nav ul li ul li a:visited {
	line-height:16px;
	height:auto;
	color:#CdE6F4;
	border:0;
}
nav ul li ul li a:hover, nav ul li ul li a:active {
	background:none;
	color:#FfFfFf;
}

nav ul li ul li ul {
	left:180px;
	top:0px;
	border:0;
	background:#20499c;
}

nav ul li ul li ul li {
	background:#20499c;
}

nav ul li.home:hover {
	background:#ED6E00;
}

nav ul li.home a {
	text-indent:-9999px;
	background:url('../graphics/house.png') no-repeat top center;
	width:20px;
}

#googlesearch {
	width:238px;
	height:32px;
	float:right;
	overflow:hidden;
	margin:7px 23px 0 0;
}

#internal #googlesearch {
	margin:0 16px 0 0;
}

.google_site_search_form_textbox {
	width:210px;
	background:none !important;
	border:0;
	font-family:sans-serif;
	line-height:22px;
	margin:13px 0 0 10px;
}

.google_site_search_form_search_button {
	background:none;
	width:30px;
	height:30px;
	border:0;
	text-indent:-9999px;
}

/* Spotlight =================================================================== */
#spotlight {
	width:900px;
	height:330px;
	margin:12px 0 0 25px;
	overflow:hidden;
	position:relative;
}

#spotlight img {
	margin:0;
	padding:0;
}

#spotlight li {
	width:900px;
	height:300px;
}

#spotlight .content_image_box {
	width:620px;
}

#spotlight .collection_item_label {
	display:none;
}

#spotlight .collection_item_description {
	width:220px;
	height:260px;
	float:right;
	padding:40px 10px 0 30px;
	font-weight:bold;
	color:#FfFfFf;
	font-size:18px;
	line-height:26px;
}

#spotlight_nav {
	position: absolute;
	margin:0 auto;
	bottom: 20px;
	width: 620px;
	text-align: center;
	z-index: 10;
	text-align:center;
	height:14px;
}

#spotlight_nav a {
	background:url('../graphics/nav1.png') no-repeat top left;
	width:14px;
	height:14px;
	display:inline-block;
	font-size:0px;
	padding:0 4px 0 4px;
}

#spotlight_nav a.activeSlide {
	background:url('../graphics/nav2.png') no-repeat top left;
	width:14px;
	height:14px;
	display:inline-block;
}

/* Featured Products =================================================================== */
#featured {
	color:#B9C5Cc;
}

#featured ul {
	list-style:none;
}

#featured ul li {
	padding:10px 12px 0 5px;
	margin:0 0 25px 0;
	width:220px;
	min-height:120px;
	float:left;
	background:url('../graphics/featsep.png') no-repeat top right;
}
#featured ul li:last-child {
	background:none;
}

#featured ul li a:link, #featured ul li a:visited {
	color:#FfFfFf;
	text-decoration:none;
}
#featured ul li a:hover, #featured ul li a:active {
	color:#00A2D6;
}

#featured .content_image_box {
	width:35px !important;
	float:left;
}

#featured .collection_item_label {
	margin:5px 0 0 15px;
	width:170px;
	float:right;
}

#featured .collection_item_description {
	margin:0 0 0 15px;
	width:170px;
	float:right;
}

.collection_item_description {
	font-style:normal;
	font-size:12px;
	line-height:16px;
	color:#B9C5Cc;
}

/* Main Content Area =================================================================== */
h3#page_title {
	font-size:22px;
	margin-bottom:20px;
}

#main {
	padding:35px 0 15px 45px;
	color:#FfFfFf;
}

#main #left {
	padding:0 15px; 0 0;
	width:485px;
	min-height:240px;
	background:url('../graphics/mainsep.png') no-repeat top right;
	float:left;
	font-size:16px;
	line-height:24px;
}

#main #left p {
	margin-top:25px;
}

#main #left #contentint p {
	margin-top:20px;
}

#internal #main {
	padding-left:5px;
	padding-top:0;
}

#internal #main #left {
	background:url('../graphics/') no-repeat top right;
	padding:0;
	margin:0;
}

#lefttopint {
	background:url('../graphics/lefttopint.png') no-repeat top left;
	width:651px;
	height:166px;
}

#leftmidint {
	background:url('../graphics/leftmidint.png') repeat-y top left;
	padding:0 40px 20px 55px;
	color:#222222;
	width:555px;
	min-height:100px;
}

#leftbotint {
	background:url('../graphics/leftbotint.png') no-repeat top left;
	width:651px;
	height:36px;
}


#contentint {
	margin-top:-130px;
	color:#3e4244;
	font-size:12px;
	line-height:20px;
}

#contentint a:link, #contentint a:visited {
	color:#269dd2;
}
#contentint a:hover, #contentint a:active {
	color:#666666;
}

#contentint h1, #contentint h2, #contentint h3, #contentint h4, #contentint h5, #contentint h6 {
	color:#222222;
}

#contentint ul {
	margin:0 0 0 20px;
}

#internal #main #right {
	margin:0;
	padding:0 25px 31px 0;
	width:260px;
	background:url('../graphics/subnavbot.png') no-repeat bottom left;
}

#subnav {
	width:273px;
	background:url('../graphics/subnavtop.png') no-repeat top left;
	padding:0 0 0 12px;
}

#subnav h3 {
	width:240px;
	height:28px;
	background:#9c7aBb;
	padding:25px 0 0 20px;
	font-size:12px;
}

#main #right #subnav ul {
	list-style:none;
	width:260px;
	margin:0;
	padding:0;
	background:#676e71;
}

#subnav ul li {
	width:260px;
	height:36px;
	display:inline;
}

#main #right #subnav ul li a:link, #subnav ul li a:visited {
	width:240px;
	height:36px;
	display:block;
	line-height:38px;
	padding:0 0 0 20px;
	text-decoration:none;
	color:#CdDbE2;
	background:url('../graphics/subnavlink.png') repeat-x top left;
}
#main #right #subnav ul li a:hover, #subnav ul li a:active {
	color:#FfFfFf;
	background:url('../graphics/subnavlinkhover.png') repeat-x top left;
}

#main #right #subnav ul li.here a:link, #main #right #subnav ul li.here a:visited {
	background:url('../graphics/subnavcurrent.png') repeat-x top left;
	color:#FfFfFf;
}
#main #right #subnav ul li.here a:hover, #main #right #subnav ul li.here a:active {
	background:url('../graphics/subnavcurrent.png') repeat-x top left;
}
#main #right #subnav ul li.here ul li a:link, #main #right #subnav ul li.here ul li a:visited {
	padding-left:40px;
	width:220px;
	color:#CdDbE2;
}
#main #right #subnav ul li.here ul li a:hover, #main #right #subnav ul li.here ul li a:active {
	color:#FfFfFf;	
}

#main #right {
	width: 185px;
	float: right;
	padding: 0 50px 0 145px;
	font-size:12px;
}

#main #right ul {
	margin:-40px 0 0 0;
}

#main #right h3#title {
	position:relative;
	left:-120px;
	font-size:12px;
	color:#777979;
	width:70px;
	line-height:18px;
}

#main #right a:link, #main #right a:visited {
	color:#D9D9D9;
	font-size:12px;
	text-decoration:underline;
	font-weight:normal;
}
#main #right a:hover, #main #right a:active {
	color:#00a2d6;
	text-decoration:none;
}

.content_news_article_by_line {
	color:#777777;
}

div.news_articles ul li {
	margin: 0 0 15px;
}


/* Footer =================================================================== */
footer {
	text-align:center;
	color:#b9c5cc;
	font-style:italic;
	font-weight:bold;
	text-shadow:0px -2px 1px #000000;
	letter-spacing:1px;
	font-size:16px;
	line-height:80px;
}

#contactinfo {
	text-align:center;
	color:#007ac3;
	font-size:12px;
	margin:30px 0 0 0;
	line-height:20px;
}

#contactinfo a:link, #contactinfo a:visited {
	color:#007aC3;
}
#contactinfo a:hover, #contactinfo a:active {
	text-decoration:none;
}

#contactinfo .bold {
	font-weight:bold;
}

#contactinfo #copy {
	color:#A4D1Ea;
}

.location_address1:before,
.location_address2:before,
.location_phone2:before,
.location_phone3:before,
.location_email:before {
	content: url("../graphics/bullet.png");
	padding: 2px 2px 0;
}

.locations_website_title, .location_address1, .location_address2 {
	float:left;
}

#lineone .location_phones, #lineone .location_email, .location_info {
	display:none;
}

#linetwo .locations_website_title, #linetwo .location_addresses, #linetwo .location_address1, #linetwo .location_address1 {
	display:none;
}

.location_phone1, .location_phone2, .location_email {
	float:left;
}

div.locations div.locations_website_title, div.locations div.locations_additional, div.locations div.location {
	padding: 10px 5px 10px 10px;
}

#lineone {
	margin-left:290px;
}

#linetwo {
	margin:-20px 0 10px 235px;
}



/* Bottom Bar =================================================================== */
#bottombar {
	line-height:40px;
	position:fixed;
	bottom:0;
}

div.portal_login {
	margin:0;
	height:40px;
	width:600px;
	float:left;
}

#customerlogin h3 {
	float:left;
	color:#B9DbEf;
	font-size:12px;
	margin:0 20px 0 0;
	letter-spacing:1px;
}

#customerlogin form {
	float:left;
}

#customerlogin input {
	width:150px;
	height:22px;
	background:#CdE5F2;
	border:1px solid #4791C8;
	color:#007ac3;
	font-family:sans-serif;
	font-size:10px;
	margin:0 5px 0 0;
}

.portal_login .form_label {
	display:none;
}

.portal_login .portal_login_username, .portal_login .portal_login_password, .portal_login div.form_row_submit {
	float:left !important;
	margin:7px 0 0 5px !important;
	padding:0 !important;
}

div.portal_login div.form_row_submit {
	width:82px;
	height:26px;
	background:transparent !important;
}
div.portal_login div.form_row_submit input {
	background:none !important;
	border:0 !important;
	width:82px !important;
	height:26px !important;
	background:url('../graphics/submit.png') no-repeat top left transparent !important;
	border:0 !important;
	color:#FfFfFf !important;
	font-weight:bold !important;
	text-align:center !important;
	text-shadow:0px -2px 1px #145f35 !important;
	letter-spacing:2px; !important	
}

.password_reset_link {
	float:left;
	font-size:12px;
	color:#D9D9D9;
	text-decoration:none;
	margin:0 0 0 10px;
}

.password_reset_link a {
	color:#FfFfFf;
	text-decoration:none;
}

#socialmedia * {
	margin:0;
	padding:0;
}

#socialmedia {
	width:165px;
	height:40px;
	background:url('../graphics/botsep.png') no-repeat top left;
	float:right;
}

#socialmedia ul {
	list-style:none;
}

#socialmedia ul li {
	float:left;
	margin:7px 0 0 20px;
}
#socialmedia ul li:hover {
	margin-top:5px;
}

#socialmedia .collection_item_label {
	display:none;
}

#socialmedia .collection_item_description {
	display:none;
}

div.required_form_label {
	color:#Ff0000;
}

div.form_row_submit, table#content_online_proof thead tr, #internal h5.form_title, div.dlItemDetailsHeading, div.dlSpecifyDetailsLinkContainer a:link, div.dlSpecifyDetailsLinkContainer a:visited, .dlListHeadingContainer, .dlCategoriesTitle {
	background: #ED6E00 !important;
	color:#FfFfFf !important;
	font-family:sans-serif !important;
}



/* =============================================================================
   Browser QA
============================================================================= */   

table.express_order table.item_pricing td {
font-size: 12px;
}

button, input, select, textarea {
height: 20px;
}

.portal_login_username .username_request_link, .portal_login_password .password_reset_link {
line-height: 25px;
padding-right: 5px;
}

table.express_order tr.item td {
padding-right: 5px;
}

.locations_website_title, .location_address1, .location_address2 {
	float:left;
}

#lineone .location_phones, #lineone .location_email, .location_info {
	display:none;
}

#linetwo .locations_website_title, #linetwo .location_addresses, #linetwo .location_address1, #linetwo .location_address1 {
	display:none;
}

.location_phone1, .location_phone2, .location_email {
	float:left;
}

div.locations div.locations_website_title, div.locations div.locations_additional, div.locations div.location {
	padding: 0px 5px 10px 10px;
}

#lineone {
	margin-left:290px;
}

#linetwo {
	margin: 0 auto;
	width: 490px;
}

/* IE (.ie) ================================================================= */

   .ie #spotlight_nav {
   bottom: 23px;
   }

/* IE9 (.ie9) =============================================================== */

   

/* IE8 (.ie8) =============================================================== */

	.ie8 .portal_login_username input, .ie8 .portal_login_password input {
	line-height: 22px;
	}

/* IE8 & IE7 (.oldie) ======================================================= */

   .oldie #spotlight ul, .oldie #spotlight ul li {
   background: transparent !important;
   }

   .oldie #spotlight ul li .content_image_box {
   overflow: hidden;
   }

   .oldie #spotlight ul li {
   position: relative;
   }

   .oldie #spotlight ul li .collection_item_description {
   position: absolute;
   top: 0px;
   right: 0px;
   }

   .oldie #featured ul li+li+li+li {
   background: none;
   }

   .oldie #customerlogin input {
   vertical-align: top;
   }

   .oldie nav ul li ul li {
   display: block;
   }

/* IE7 (.ie7) =============================================================== */

.ie7 .google_site_search_form_search_button {
	text-indent: 0;
	line-height: 0;
	text-indent: 0px;
	font-size: 0px;
	visibility: hidden;
}

.ie7 .google_site_search_form_textbox {
	margin-right: -5px;
}

.ie7 #contentint ul {
	list-style: bullet;
}

.ie7 #contentint ul li {
	display: block;
}

.ie7 #socialmedia ul li {
	margin-top: 9px;
}

.ie7 #spotlight_nav a {
	text-indent: 0;
	line-height: 0;
	text-indent: 0px;
	font-size: 0px;
}

.ie7 #spotlight_nav {
	bottom: 7px;
}

.ie7 nav ul li ul {
	background: #196AB4;
}

.ie7 nav ul li ul li ul {
	top: -25px;
}

.ie7 #contentint {
	margin-top: 0;
}

.ie7 #leftmidint {
	margin-top: -130px;
}

.ie7 .portal_login_username input, .ie7 .portal_login_password input {
line-height: 22px;
}

/* =============================================================================
	Sticky Footer
============================================================================= */

html {
	position: relative;
	}

html, body {
	height: 100%;
	}

body {
	margin-top:-10px;
}

header {
	position:relative;
	top:10px;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -75px;
	background: none;
	}

.push   {
	height: 50px; /* .push must be the same height as footer */
	}

footer .col3 ul li img { bottom: 0; }

footer .col3 ul li:hover img {
bottom: 21px;
}

/* Opera Fix =============================================================== */
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}
#subnav * {
	text-decoration:none !important;
}



/*  Catalog fixes =============================================================== */
table.calendar tbody td span.day, table.calendar thead th, table.content_data_table th.column_label, div.catalog_display_express p.continue_button, table.express_order th, .dlItemDetailsFormSubmitContainer, div.content_catalog_cart_navigation a:hover {
    background: #e8e8e6;
    color: #3E4244;
}