/* Marco Rubber Stylesheet */

/* General Rules */
body {
	background-color: #e3ebf3;
	margin: 0;
	padding: 10px 0 20px 0;
	text-align: center;
	font-family:verdana, helvetica, sans-serif;
}

a {
	text-decoration: none;
	color: #bf2b19;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
}

form {
	margin: 0;
	padding: 0;
}

div.clear {
	clear: both;
}


div.hr hr {
	display: none;
}

/* Container Rules */
#container {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 758px;
	position: relative;
}


/* Header Rules */
#header {
	height: 75px;
	background-image: url(img/header-bg.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #999;
}

#header img {
	display: block;
}

#logo {
	position: absolute;
	top: 11px;
	left: 15px;
}

#header-links {
	padding-left: 540px;
	padding-top: 19px;
	height: 14px;
}

#header-links a {
	display: block;
}

#header-links img {
	float: left;
	padding-left: 25px;
}

#header-numbers {
	padding-left: 541px;
	padding-top: 11px;
}

#header-numbers img {
	float: left;
	padding-right: 19px;
}

/* Top Navigation Rules */
#top-nav {
	margin: 0;
	padding: 0px 0px 0 16px;
	list-style-type: none;
	height: 22px;
	background-color: #ae2626;
	border-top: 1px solid #000;
}

#home #top-nav {
	border-bottom: 1px solid #ebebeb;
}

#top-nav li {
	float: left;
	padding-top: 2px;
}

#top-nav a, #top-nav img {
	display: block;
}

#nav-product-index {
	padding-right: 187px;
}

#nav-order-online {
	padding-right: 197px;
}


/* Home Featured Section */
#home-featured-products {
	background-image: url(img/home-featured-bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
}

#features-left, #features-right {
	width: 226px;
	background-image: url(img/bg-home-feature-left.gif);
	background-repeat: repeat-y;
	float: left;
}

#features-right {
	background-position: right top;
}

#featured-center {
	width: 306px;
	float: left;
}

#features-right {
	background-image: url(img/bg-home-feature-right.gif);
}

.home-feature {
	height: 79px;
	padding-left: 14px;
	position: relative;
	z-index: 100;
}

#home-featured-products .bottommost {
	height: 72px !important;
}

.home-feature h1 {
	font-size: 14px;
	margin: 0;
	padding: 14px 0 3px 0;
}

.home-feature p {
	font-size: 11px;
	color: #333;
	margin: 0;
	padding: 0;
}

.home-feature a {
	color: #333;
}

.home-feature h1 a {
	color: #bf2b19;
}

#home-featured-products div.hr {
	border-bottom: 1px solid #f6f6f6;
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}






/* Home Bottom Section */
#home-bottom-wrap {
	background-image: url(img/home-dyk-bg.gif);
	background-position: left bottom;
	background-repeat: no-repeat;	
	background-color: #fff;
}

#home-bottom-wrap2 {	
	background-image: url(img/home-specialty-corner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* --Did You Know */
#did-you-know {
	font-size: 11px;
	width: 362px;
	float: left;
}

#did-you-know h1 {
	margin: 0;
	padding: 0 0 18px 0;
	font-size: 20px;
}

#did-you-know strong {
	font-size:16px;
}

#did-you-know em {
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
}

#did-you-know p {
	margin: 0;
	padding: 0 16px 18px 16px;
	line-height: 16px;
}

/* --Specialty Markets (homepage) */
#home-specialty-markets {
	width: 395px;
	float: left;
	border-left: 1px solid #dfe4c8;
}

#home-specialty-markets h1 {
	margin: 0;
	padding: 0 0 5px 0;
}


div.home-specialty {
	width: 173px;
	height:114px;
	padding-left:17px;
	display:block;
	float:left;
	line-height:14px;
	font-size: 11px;
}

div.home-specialty img {
	float:left;
	display:block;
	width:49px;
	height:84px;
	padding:0 8px 0 0;
}

div.home-specialty img.btn {
	width:151px;
	height:48px;
	padding-top: 12px;
}


div.home-specialty h2 {
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	margin:0;
	padding:0;
}

div.home-specialty ul {
	margin:0;
	padding:0;
	list-style-type: none;
	width: 115px;
	float: left;
}

div.home-specialty li {
	background-image: url(img/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 9px;
	color: #980000;
}

/* Interior Page Rules */
#main-interior {
	background-color: #fff;
	border-right: 2px solid #545454;
	border-left: 2px solid #bfcb90;
}


/* --Left Nav Rules */
#left-nav {
	padding: 50px 0;
	width: 224px;
	float: left;
}	

#left-nav h1 {
	font-size: 12px;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	background-image: url(img/down-arrow.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	margin: 0 0 -8px 15px;
	padding: 0 0 0 12px;
	color: #333;
	position: relative;
	text-transform: uppercase;
}

#left-nav h2 {
	font-size: 11px;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	background-image: url(img/down-arrow.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	margin: 0 0 0px 15px;
	padding: 0 0 0 12px;
	color: #333;
	text-transform: uppercase;
}


#left-nav-top {
	background-image: url(img/left-nav-bg.gif);
	background-repeat: repeat-y;
	background-position: left 15px;
	width: 224px;
}

#left-nav-bottom {
	background-image: url(img/left-nav-bottom.gif);
	background-repeat: no-repeat;
	background-position: -2px bottom;
}

#left-nav ul {
	list-style-type: none;
	margin: 0;
	background-image: url(img/left-nav-top.gif);
	background-repeat: no-repeat;
	padding: 16px 0 13px 0;
	font-size: 11px;
	width: 224px;
}

#left-nav ul a {
	color: #900;
	display: block;
	float: left;
	clear: left;
}

#left-nav ul li.selected a {
	color: #333;
	font-weight: bold;
}

#left-nav li {
	padding: 7px 0 0px 16px;
	height: 23px;
	width: 208px;
}



#left-extra, #left-more, #left-literature, #left-selected {
	background-image: url(img/left-extra-top.gif);
	background-repeat: no-repeat;
	width: 217px;
	margin-left: 7px;
	margin-top: 5px;
	margin-bottom: 19px;
}

#left-extra div, #left-more div, #left-literature div, #left-selected div {
	background-image: url(img/left-extra-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#left-extra ul, #left-more ul, #left-literature ul {
	background-image: none;
	padding: 13px 0 3px 0;
	width: 217px;
}

#left-extra ul li, #left-more ul li, #left-literature ul li {
	padding: 0 0 10px 37px;
	background-repeat: no-repeat;
	background-position: 15px 0;
	height: 11px;
	width: 180px;
}

#left-selected {
	padding-top: 11px;
	
}

#left-selected img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

#left-selected p {
	font-size: 11px;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 4px 0 7px 0;
	text-align: center;
	width: 180px;
}

#extra-request {
	background-image: url(img/icon-request.gif);
}

#extra-contact {
	background-image: url(img/icon-contact.gif);
}

#extra-company {
	background-image: url(img/icon-company.gif);
}

#extra-quote {
	background-image: url(img/icon-quote.gif);
}

#extra-email {
	background-image: url(img/icon-email.gif);
}

.extra-pdf {
	background-image: url(img/icon-pdf.gif);
	background-position: 12px 0 !important;
}

.extra-related {
	background-image: url(img/icon-related.gif);
}

#left-extra a, #left-literature a {
	color: #363 !important;
}

/* --Main Content Area */
#content-container {
	width: 510px;
	padding-left: 20px;
	float: left;
	padding-bottom: 23px;
}

#content-container h1 {
	font-size: 16px;
	font-family: verdana, sans-serif;
	margin: 0;
	padding: 0 0 20px 0;
}

#content-container h3 {
	font-size: 14px;
	font-family: verdana, sans-serif;
	margin: 0;
	padding: 0 0 7px 0;
}

#content-container h4 {
	font-size: 11px;
	margin: 0;
	padding: 6px 0 0 0;
}

#content-container ul h4 {
	padding-top: 0;
}

h1.details {
	margin: 27px 0 17px 0;
	padding: 0 0px 0 10px !important;
	font-size: 16px;
	background-image: url(img/heading-detail.gif);
	background-repeat: no-repeat;
	line-height: 25px;
}

h2.details {
	margin: 10px 0 10px 0;
	padding: 0 0px 0 10px;
	font-size: 11px;
	text-transform: uppercase;
	background-image: url(img/heading-detail.gif);
	background-repeat: no-repeat;
	line-height: 25px;
}

#content-container h5 {
	font-size: 12px;
	margin: 0;
	padding: 5px 0 5px 0;
}

div.details {
	padding: 0 35px 0 12px;
}

a#prod-img {
	float: left;
	width: 181px;
	display: block;
}

a#prod-img img {
	display: block;
	padding-bottom: 8px;
}

ul.details {
	float: left;
	width: 259px;
}

#content-container p {
	font-size: 11px;
	margin: 0;
	padding: 0 0 15px 0;
}

#content-container ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 12px 0;
	font-size: 11px;
}

#content-container li {
	background-image: url(img/bullet-black.gif);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	padding-left: 15px;
	padding-bottom: 6px;
}

#content-container ul.double-wide {
	width: 48%;
	float: left;
	padding-bottom: 40px;
}

#content-container div.hr {
	border-top: 1px solid #bbb;
	padding-bottom: 10px;
}

.cart-items {
	font-size: 11px;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 492px;
}

p.cart { 
	padding-bottom: 10px !important;
	padding-top: 10px !important;
	padding-left: 10px !important;
}

p.checkout {
	padding-left: 10px !important;
	font-weight: bold;
}

p.checkout input {
	vertical-align: middle;
	padding: 0 3px;
}

.cart-items-wrapper {
	padding-bottom: 30px;
}

.cart-items .results {
	font-weight: bold;
}

.cart-items .extended-result {
	font-weight: bold;
	width: 191px;
}

.cart-items .in-status strong {
	color: #339933;
}

.cart-items .out-status strong {
	color: #CC0000;
}

.cart-items .checkbox {
	color: #993333;
	font-weight: bold;
	width: 223px;
}

.cart-items .checkbox input {
	float: left;
	vertical-align: middle;
}

.cart-items .checkbox p {
	padding-top: 2px !important;
	padding-bottom: 0px !important;
	padding-left: 5px;
	float: left;
	width: 120px;
}

.indent-content {
	padding-left: 22px;
}

#breadcrumbs {
	font-size: 11px;
	color: #666;
	padding-top: 27px;
	padding-bottom: 3px;
	margin-left: 3px;
	margin-bottom: 12px;
	border-bottom: 1px solid #cdcdcd;
}

#breadcrumbs a {
	color: #666;
}

#section-head {
	background-image: url(img/section-head-bg.gif);
	background-repeat: repeat-y;
	border-bottom: 28px solid #fff;
}

#section-head div {
	background-image: url(img/section-head-top.gif);
	background-repeat: no-repeat;
}

#section-head div div {
	background-image: url(img/section-head-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 21px 15px;
}

#section-head div div div {
	background-image: none;
	padding: 0;
}

#section-head h1 {
	font-size: 15px;
	color: #333;
	margin: 0;
	padding: 2px 0 0 0;
	text-transform: uppercase;
	font-family: arial, verdana, sans-serif;
}

#section-head h2 {
	font-size: 14px;
	font-family: verdana, sans-serif;
	margin: 0;
	padding: 10px 0 5px 0;
}

#section-head p {
	font-size: 11px;
	font-family: verdana, sans-serif;
	margin: 0;
	padding: 0 0 10px 0;
}

#section-head #cat-head {
	float: left;
	margin: 0;
	padding: 10px 15px 10px 5px;
}


/* ---Form Page Rules */
div.learn-more {
	display: block;
	float: left;
	position: relative;
	width: 14px;
	padding-top: 3px;
	padding-left: 8px;
}

div.learn-more a.learn-img {
	position: relative;
	z-index: 11;
}

div.learn-more div {
	background-color: #d6e2c9;
	width: 184px;
	border: 1px solid #3a3d36;
	position: absolute;
	top: -1px;
	left: 5px;
	padding: 4px 8px 4px 25px;
	z-index: 10;
	font-size: 11px;
}

div.learn-more ul {
	padding-bottom: 0 !important;
}

div.learn-more li {
	background-image: none !important;
	padding: 0 !important;
}

div.learn-more p {
	float: none;
	padding: 0px 0 10px 0 !important;
}

form label {
	font-size: 11px;
	font-weight: bold;
	width: 88px;
	text-align: right;
	float: left;
	padding-top: 4px;
	padding-right: 12px;
	margin-bottom: 27px;
}

form label.special {
	width: auto;
	padding-right: 0px;
}

form select {
	float: left;
}

select.shorter {
	width: 200px;
}

select.longer {
	width: 324px;
}

form input.check {
	float: left;
}

form p.float {
	float: left;
	padding-top: 3px !important;
	padding-bottom: 0px !important;
}

form textarea {
	margin-left: 100px;
	margin-top: -15px;
	margin-bottom: 20px;
}

h3.details {
	margin: 0px 0 5px 0 !important;
	padding: 0 0px 0 10px !important;
	font-size: 11px !important;
	background-image: url(img/heading-detail.gif);
	background-repeat: no-repeat;
	line-height: 25px;
}

h3.details a {
	float: right;
	padding-right: 10px;
}

form p {
	padding-left: 10px !important;

}

form table.qtys {
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 23px;
}

form table.qtys td {
	padding: 7px 8px;
}

form table.qtys input.text {
	width: 87px;
}

.center {
	text-align: center;
}

.center .btn {
	padding-top: 15px;
}

/* ---Product Categories */
.category {
	clear: both;
}

.category img.cat-img {
	float: left;
	border: 1px solid #9d9d9d;
	margin-bottom: 28px;
	margin-right: 28px;
}

.category h2 {
	font-size: 13px;
	text-transform: uppercase;
	margin: 0;
	padding: 0 18px 3px 0;
}

.category h2 a {
	color: #000;
	text-decoration: none;
}

.category p {
	font-size: 11px;
	margin: 0;
	padding: 0 40px 0 0;
	color: #900;
}

.category p.no-sub-cats {
	color: #666;
}

.category p a {
	color: #900;
}

.category p a.more {
	font-weight: bold;
	padding-right: 15px;
	padding-left: 5px;
	text-transform: uppercase;
	background-image: url(img/arrow-red.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
}

/* Popup */
#more-info {
	background-color: #d6e2c9;
	text-align: left;
	font-size: 11px;
	padding: 10px;
}


/* NEW-------------------------------------------------------------REGULAR CONTENT AREA */
#regular-content {
	background-color: #fff;
	text-align: center;
	padding-top: 35px;
	padding: 35px 24px;
}

#regular-content h1 {
	font-size: 23px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 15px 0;
	position: relative;
}

#regular-content p {
	font-size: 12px;
	margin: 0;
	padding: 0 0 10px 0;
}

#regular-content p.soon {
	font-weight: bold;
	line-height: 25px;
	padding-top:46px;
	padding-bottom: 240px;
}

#product-index {
	text-align: left;
	border-top: 1px solid #ccc;
	font-size: 11px;
}

#product-index h2 {
	margin: 0;
	padding: 0 0 10px 20px;
	font-size: 14px;
}

#product-index ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 20px;
}

#product-index ul li {
	padding-bottom: 2px;
}

#product-index div {
	border-bottom: 1px solid #ccc;
	float: left;
	width: 220px;
	padding-top: 23px;
}

#product-index div.clear {
	float: none;
	padding: 0;
	border-bottom: 0;
	height: 1px;
	overflow: hidden;
	margin-bottom: -2px;
}

#product-index div.left {
	width: 235px;
}

#product-index div.left h2, #product-index div.left ul {
	padding-left: 0;
}

#product-index div.center {
	text-align: left;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 250px;
}

#product-index div.top {
	height: 207px;
}

#product-index div.middle {
	height: 146px;
}

#product-index div.bottom {
	height: 176px;
}


/* Footer Rules */


/* -- Footer Nav */
#footer-nav {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 15px;
	height: 49px;
	background-repeat: no-repeat;
	background-image: url(img/footer-nav-bg.gif);
}

#home #footer-nav {
	background-image: url(img/home-footer-nav-bg.gif);
	height: 40px;
}

#footer-nav a {
	font-size: 11px;
	color: #fff;
}

#footer-nav li {
	float: left;
	padding-right: 46px;
	padding-top: 12px;
}

#home #footer-nav li {
	padding-top: 3px;
}

#footer-nav li#foot-product-index {
	padding-left: 200px;
}

#footer-nav li#foot-email, #footer-nav li#foot-request-quote {
	padding-right: 0px;
}

/* -- Other Footer Text */
#footer-address {
	font-size: 11px;
	color: #666;
	padding: 0;
	margin: 9px 0 0 0;
	background-image: url(img/footer-bg.gif);
}

#address-wrap {
	background-image: url(img/footer-bg-bottom.gif);
	background-position: left bottom;
	padding: 24px 36px;
	background-repeat: no-repeat;
}

#footer-address img {
	float: left;
	padding-right: 36px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#footer-address p {
	margin: 0;
	padding: 0 0 5px 0;
}

#footer-address p.contact {
	padding-bottom: 10px;
}

#footer-address a {
	color: #666;
	text-decoration: underline;
}

#footer-address a:hover {
	color: #bf2b19;
}

#footer-address div.hr {
	border-bottom: 1px solid #cccccc;
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
	margin: 0 0 13px 0;
	padding: 13px 0 0 0;
	clear: both;
}

#footer-copyright {
	font-size: 11px;
	color: #666;
	padding: 20px 0;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}

#footer-copyright img {
	float: left;
	display: block;
	padding-right: 11px;
}

#footer-copyright p {
	padding: 5px 0 0px 0;
	margin: 0;
}

#slug {
	color: #999;
	font-size: 11px;
	text-align: center;
	
}