/* @override http://www.modpoddecor.com/styles/modpod_main.css */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; cursor: default;}
a, a img, a span, a em, a strong {cursor: pointer;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
body {text-align: center; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 62.5%; line-height: 2.24em; font-weight: normal; color: #333333; margin: 0px; padding: 0px; background: #87a92a url(/images/bg_image.png) repeat-x;}

/* @group Type */
p {font-size: 1.4em; text-align: left; margin: 1.2em 0; line-height: 1.4;}
li {font-size: 1.4em; margin-left: 1.8em; list-style-type: disc;}
ol li {list-style-type: decimal;}
a, a:visited {color: #800010; text-decoration: underline; border: 0px none;}
a:hover {text-decoration: underline; color: #093f4f; border: 0px none;}
strong {font-weight: bold;}
em {font-style: italic;}
h1, h2 {color: #000; margin: 0px 0px 10px 0px; font: 4.0em/1.1 Georgia, "Times New Roman", Times, serif;}
h3 {color: #000; font-size: 1.68em; line-height: 1.1; font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; font-weight: normal; margin: 10px 0px;}
h4 {color: #444; font-size: 2.0em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; line-height: 1.1; font-weight: normal; margin: 10px 0px 10px 0px;}
h5 {font-size: 1.44em; font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; line-height: 1.2;}
/* @end */

/* @group Layout */
#accessibility {position: absolute; top: -10000px;}
#container {width: 918px; margin: 0px auto; text-align: left;}
#header {width: 918px; height: 93px;}
#nav_bar {width: 918px; height: 59px; background: url(/images/nav_bar.png) no-repeat; position: relative;}
#top_shadow {width: 918px;height: 20px;background: transparent url(/images/index_03.png) no-repeat; float: left;}
#content_container {width: 858px; background: transparent url(/images/container.png) repeat-y;float: left;padding: 8px 30px 20px;}
#bottom_shadow {width: 918px;height:10px;background: url(/images/index_05.png) no-repeat; float: left;}
#left_bar {width: 212px;border: 1px solid #001a4b;background:url(../images/sidebar_bg.jpg);float:left;padding: 0px 0px 100px 0px;}
#content {width: 858px;float:left;margin:0px;padding:0px;}
#content.inside {width: 587px;float:left; margin: 0px 10px 0px 0px;}
#sidebar {width: 230px;float: left;margin: 0px 20px 0px 10px;}
#main_tease {width: 310px;float: left; margin: 0px 10px0px 0px;}
#tout-box {float: left;width: 548px;margin: 15px 0px 10px 0px;}
.tout {float: left; height: 180px;margin: 0px 0px 5px 16px;}
.social {float: left;width: 520px; height: 130px;margin: 10px 0px 10px 20px;}
div.item {float: left;clear: both;width: 580px;border-bottom: 1px solid #efefef;}
#footer {width: 858px; padding: 10px 30px; clear: both;}
.left, #content img {float: left; margin: 0px; padding: 4px 10px 4px 0px;}
.right, #content img.right {float: right; margin: 0px; padding: 4px 0px 4px 10px;}
.none, #content img.none {float: none; margin: 0px; padding: 0px;}
a .left, #content a img, #content a img.left, a .right, #content a img.right, a .none, #content a img.none {border: 0px none; text-decoration: none;}
.clear {clear: both;}
/* @end */

/* @group Overrides */

body.about {background: #d43d18 url(/images/bg_image.png) repeat-x;}
body.blog {background: #067485 url(/images/bg_image.png) repeat-x;}
body.products{background: #d84b8d url(/images/bg_image.png) repeat-x;}
body.resources{background: #5bc5d5 url(/images/bg_image.png) repeat-x;}
#header h1, #header span.logo {text-indent: -999em; display: block; overflow: hidden; padding: 0px; margin: 0px; width: 505px; height: 110px; float: left; background: url(/images/2.png) no-repeat;}
#header h1 a, #header span.logo a {display: block; height: 110px;}
ul#hours, ul#location {float: left;color: #fff; border-right: 1px solid #fff; text-align: right; width: 175px; height: 50px;padding: 15px 15px 0px; font-size: 11px;margin: 0px; line-height: 1.2;}
ul#location {border: 0px none; text-align: left;}
#header ul li {list-style-type: none;margin: 0px;}
#main_tease h4 {margin: 20px 0px 0px 0px;}
h3.kicker {text-transform: uppercase;color: #333;font-size: 2.3em;}
h3.kicker em {color: #999;font-style: normal;}
.tout h3.kicker {font-size: 1.6em;text-align: center;margin: 0px;}
.tout h3.kicker a {text-decoration: none;}
.tout p {margin: 0px;}
.tout img, div.tout img a {border: 2px solid #ddd;}
.social h3.kicker {margin: 0px 0px 20px;}
.social h4 a {text-decoration: none; float: left; margin-right: 22px;}
.social h4 a:hover {color: #093f4f;}
#sidebar h4 {clear: both;}
#sidebar h4 a img {float: left; margin: 0px 5px 5px 0px; text-decoration: none; border: 0px none;}
#sidebar ul li {list-style-type: none; margin: 0px; font-size: 1.6em;}
#sidebar ul li a {text-decoration: none;}
#sidebar ul.subnav li {width: 190px; padding: 5px;background:#d43d18;border-bottom: 1px solid #fff;}
body.products #sidebar ul.subnav li {background:#d84b8d;}
body.resources #sidebar ul.subnav li {background:#5bc5d5;}
body.blog #sidebar ul.subnav li {background:#067485;}
#sidebar ul.subnav li a {color: #fff;text-shadow: #6b6b6b 1px 1px 3px; text-transform:uppercase;}
#sidebar ul.subnav li a:hover {color: #333;}
#sidebar ul.yab-cart li.yab-item ul li {font-size: .9em;}
#sidebar ul.yab-cart li.yab-item {border-bottom: 1px solid #ccc;}
#sidebar span.yab-subtotal {font-size: 1.6em; color: #999;display: block;clear: both;border-top: 1px solid #ccc;margin-top: 3px;}
#sidebar .yab-to-checkout {display: block;font-size: 1.2em;text-align: right;}
#sidebar span.message {display: block; font-size: 1.3em; color: #5bc5d5;}
#footer h5, #footer h6 {font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #333; font-weight: normal; font-size: 1.2em;}
#footer h5 a:link, #footer h5 a:visited, #footer h6 a:link, #footer h6 a:visited {color: #800010;}
#footer h5 a:hover, #footer h6 a:hover {color:#093f4f;}
.more {text-align: right;}
.yab-add input.submit {width: 120px;height: 20px;margin: 0px 5px; padding: 0px; background: transparent url(/images/button_120.png) no-repeat; border: 0px none;color: #fff;cursor: pointer;}
.yab-add input.submit:hover, #yab-checkout-form input.submit:hover {color: #000;}
#yab-checkout-table li {list-style-type: none;}
tr.yab-checkout-subtotal td, tr.yab-checkout-shipping td, tr.yab-checkout-total td {text-align: right; padding: 0px 10px 0px 0px;}
tr td.yab-checkout-sum {text-align: left;}

tr.yab-checkout-subtotal td {border-top: 1px solid #ccc;}
tr.yab-checkout-tax {display: none;}
tr.yab-checkout-total td {border-top: 3px #ccc;border-style: double;
}
/* @end */

/* @group Navigation */
#nav_bar ul li {text-indent: -9000px; margin: 0; padding: 0; list-style: none; position: absolute; overflow: hidden; display: block; height: 59px;}
#nav_bar a {display: block;}
#home, #home a {left: 42px; top: 0px; width: 155px; height: 59px;}
#products, #products a {left: 212px; top: 0px; width: 155px; height: 59px;}
#about, #about a {left: 381px; top: 0px; width: 155px; height: 59px;}
#blog, #blog a {left: 551px; top: 0px; width: 155px; height: 59px;}
#resources, #resources a {left: 720px; top: 0px; width: 155px; height: 59px;}
#home a:hover, #home .active {background: transparent url(../images/nav_bar.png) -42px -59px no-repeat;}
#products a:hover, #products .active {background: transparent url(../images/nav_bar.png) -212px -59px no-repeat;}
#about a:hover, #about .active {background: transparent url(../images/nav_bar.png) -381px -59px no-repeat;}
#blog a:hover, #blog .active {background: transparent url(../images/nav_bar.png) -551px -59px no-repeat;}
#resources a:hover, #resources .active {background: transparent url(../images/nav_bar.png) -720px -59px no-repeat;}
/* @end */

/* @group Contact Form */
.zemContactForm br, #txpCommentInputForm br {margin: 0px; padding: 0px; line-height: 1px;}
ul.contact {width: 500px; margin: 10px 0px 0px 40px; padding: 10px;}
ul.contact li {margin: 0px;}
input.zemText, textarea.zemTextarea, input.comment_name_input, textarea.txpCommentInputMessage, input.comment_email_input, input.comment_web_input {border: 1px solid #cccccc; color: #666666; font-size: 12px; line-height: 16px; padding: 5px 0px 0px 5px;}
#sub_nav input.zemText {border: 1px solid #cccccc; color: #666666; font-size: 12px; line-height: 14px; padding: 3px 0px 0px 3px; display: block; float: right;}
input.zemText, input.comment_name_input {height: 1.66em;/* 12
x1.66=20px */}
.zemContactForm label, #txpCommentInputForm label {width: 70px;}
ul.contact label {color: #333333; float: left; font-size: 0.9em; list-style-type: none; padding: 2px 3px 0px 5px; text-align: right; width: 70px;}
.zemContactForm input, #txpCommentInputForm input {width: 200px;}
#sub_nav .zemContactForm input {width: 140px;}
ul.contact input, ul.contact select, ul.contact textarea {list-style-type: none; margin: 0px 0px 0px 4px; width: 200px;}
form.zemContactForm li, form#txpCommentInputForm li {clear: both; list-style-type: none; margin: 3px 0px; padding: 0px;}
form.zemContactForm li.bottom, form#txpCommentInputForm li.bottom {border-bottom: 0px none;}
ul.contact label.zemRequired {font-weight: bold;}
input.zemSubmit {background-color: #87a92a; border: 1px solid #333333; color: #ffffff; font-size: 12px; height: 30px !important; margin: 0px 0px 0px 149px !important; padding: 0px; width: 140px !important; cursor: pointer;}
.newsletter-signup input.zemSubmit {background-color: #694832; border: 0px none; color: #ffffff; font-size: 12px; height: 28px !important; width: 114px !important; margin: 0px 0px 0px 0px; padding: 0px; text-indent: -999em; float: right; background: url(/images/signup.png) no-repeat; cursor: pointer; display: block; clear: both; line-height: 0; clear: both;}
* html .newsletter-signup input.zemSubmit {margin: -15px 0px 0px 0px;}
ul.zemError {background-color: #f81526;}

table#yab-checkout-table {width: 550px;font-size: 1.1em;}
#yab-checkout-table tbody tr th {font-size: 1.4em; font-weight: bold; border-bottom: 1px solid #ccc;}
td.yab-checkout-change {padding: 10px 5px 0px 5px;}
#yab-checkout-form label {width: 100px;display: block;float: left;text-align: right; margin: 0px 10px 0px 0px;}
#yab-checkout-form input.checkbox{float: left; margin: 0px 10px 0px 0px;}
#yab-checkout-form p.tou.remember label {width: 90%; text-align: left; font-size: 12px;}
#yab-checkout-form input.submit {float: right; margin: 0px 172px 0px 0px; width: 120px;height: 20px;background: transparent url(/images/button_120.png) no-repeat; border: 0px none;color: #fff;cursor: pointer;}
p.yab-shop-required {color: #800010;}
p.yab-shop-payments {display: none;}
/* @end */
/* @group Slimbox */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover, #lbPrevLink {
	background: transparent url(prevlabel.png) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover, #lbNextLink {
	background: transparent url(nextlabel.png) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

#lbNumber {
	display: none;
}
/* @end */