/*  Copyright 2007 Dynacor Media Group  */

/* ############################## GENERAL DEFAULTS ############################## */

/* === body === */
html, body {
    width: 100%;
    height: 100%;

    margin: 0px;
    padding: 0px;

    background-image: url(bg.gif);
    background-repeat: repeat-x;
    background-position: center top;
}

/* === text === */
body, td, input, select, textarea {
    font-family: arial;
    font-size: 12px;
    font-weight: normal;

    color: #58595b;
}

/* === links === */
a {
    text-decoration: none;

    color: #50b848;
}
a:hover {
    text-decoration: none;

    color: #ee3224;
}

/* === images === */
img {
    border: 0px;
}

/* ############################## FONT CLASSES ############################## */

/* === red === */
font.red {
    color: #ee3224;
}

/* === green === */
font.green {
    color: #50b848;
}

/* === white === */
font.white {
    color: #ffffff;
}

/* === heading === */
font.heading {
    font-size: 14px;
    font-weight: bold;
}

/* === quote === */
font.quote {
    font-size: 14px;
    font-style: italic;
}

/* ############################## SHADOW CLASSES  ############################## */

/* === shadow base === */
.shadow_base {
    background-color: #58595b;
}

/* === horizontal === */
.shadow_horizontal {
    width: 752px;
    height: 1px;
}

/* === vertical === */
.shadow_vertical {
    width: 1px;
}

/* === strip 1 === */
.shadow_strip_1 {
    opacity: 0.30;
    filter: alpha(opacity=30);
}

/* === strip 2 === */
.shadow_strip_2 {
    opacity: 0.25;
    filter: alpha(opacity=25);
}

/* === strip 3 === */
.shadow_strip_3 {
    opacity: 0.20;
    filter: alpha(opacity=20);
}

/* === strip 4 === */
.shadow_strip_4 {
    opacity: 0.15;
    filter: alpha(opacity=15);
}

/* === strip 5 === */
.shadow_strip_5 {
    opacity: 0.10;
    filter: alpha(opacity=10);
}

/* === strip 6 === */
.shadow_strip_6 {
    opacity: 0.05;
    filter: alpha(opacity=5);
}

/* === strip 7 === */
.shadow_strip_7 {
    opacity: 0.02;
    filter: alpha(opacity=2);
}

/* === strip 8 === */
.shadow_strip_8 {
    opacity: 0.01;
    filter: alpha(opacity=1);
}

/* ############################## container TABLE ############################## */

/* === table === */
table.container {
    width: 100%;

    border: 0px;
    border-collapse: collapse;
}

/* === cells === */
table.container td {
    border: 0px;
    padding: 0px;

    text-align: left;
    vertical-align: top;
}

/* === center cell === */
table.container td.center {
    width: 752px;
}

/* ############################## main DIV ############################## */

/* === main === */
div.main {
    width: 750px;

    border: 1px solid #58595b;

    position: relative;

    background-color: #ffffff;
    background-image: url(bg_main.gif);
    background-repeat: repeat-y;
    background-position: left top;
}

/* ############################## header DIV ############################## */

/* === div === */
div.header {
    height: 68px;

    background-image: url(header.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

/* === header_home image === */
div.header img.header_home {
    position: absolute;
}

/* === home image === */
div.header img.home {
    width: 196px;
    height: 64px;

    position: absolute;
}

/* === search form === */
div.header form.search_form {
    position: absolute;

    left: 512px;
    top: 24px;
}

/* === search query === */
div.header form.search_form input.search_query {
    width: 138px;
    height: 16px;

    background-color: #f1f1f1;

    border-top: 1px solid #58595b;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-bottom: 0px;
}

/* === search button === */
div.header form.search_form img.search_button {
    cursor: pointer;

    position: relative;

    top: 2px;
}

/* ############################## footer/bnav DIVs ############################## */

/* === footer div === */
div.footer {
    height: 30px;
    background-image: url(footer.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

/* === bnav div === */
div.footer div.bnav {
    text-align: center;

    font-family: arial;
    font-size: 11px;

    position: relative;

    top: 6px;
}

/* === bnav links === */
div.footer div.bnav a {
    text-decoration: none;

    color: #58595b;
}
div.footer div.bnav a:hover {
    text-decoration: none;

    color: #ee3224;
}

/* ############################## mnav DIV ############################## */

/* === div === */
div.mnav {
    height: 41px;

    position: relative;

    background-image: url(bg_mnav.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

/* === images === */
div.mnav img {
    position: absolute;
}

/* === image 1 === */
div.mnav img#mnav_1 {
    left: 156px;
}

/* === image 2 === */
div.mnav img#mnav_2 {
    left: 225px;
}

/* === image 3 === */
div.mnav img#mnav_3 {
    left: 322px;
}

/* === image 4 === */
div.mnav img#mnav_4 {
    left: 446px;
}

/* === image 5 === */
div.mnav img#mnav_5 {
    left: 539px;
}

/* === image 6 === */
div.mnav img#mnav_6 {
    left: 662px;
}

/* ############################## hnav DIV ############################## */

/* === div === */
div.hnav {
    height: 41px;

    position: relative;

    background-image: url(bg_hnav.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

/* === images === */
div.hnav img {
    position: absolute;
}

/* === image 1 === */
div.hnav img#mnav_1 {
    left: 32px;
}

/* === image 2 === */
div.hnav img#mnav_2 {
    left: 101px;
}

/* === image 3 === */
div.hnav img#mnav_3 {
    left: 198px;
}

/* === image 4 === */
div.hnav img#mnav_4 {
    left: 446px;
}

/* === image 5 === */
div.hnav img#mnav_5 {
    left: 539px;
}

/* === image 6 === */
div.hnav img#mnav_6 {
    left: 662px;
}

/* ############################## snav DIV ############################## */

/* === div === */
div.snav {
    width: 245px;
    height: 213px;

    position: absolute;

    top: 152px;

    background-image: url(bg_snav.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

/* === images === */
div.snav img {
    position: absolute;

    left: 6px;
}

/* === image/area 1 === */
div.snav img#snav_1, div.snav img#area_1 {
    top: 10px;
}

/* === image/area 2 === */
div.snav img#snav_2, div.snav img#area_2 {
    top: 41px;
}

/* === image/area 3 === */
div.snav img#snav_3, div.snav img#area_3 {
    top: 74px;
}

/* === image/area 4 === */
div.snav img#snav_4, div.snav img#area_4 {
    top: 106px;
}

/* === image/area 5 === */
div.snav img#snav_5, div.snav img#area_5 {
    top: 138px;
}

/* === image/area 6 === */
div.snav img#snav_6, div.snav img#area_6 {
    top: 170px;
}

/* === divider 1 === */
div.snav img#divider_1 {
    top: 41px;
}

/* === divider 2 === */
div.snav img#divider_2 {
    top: 73px;
}

/* === divider 3 === */
div.snav img#divider_3 {
    top: 105px;
}

/* === divider 4 === */
div.snav img#divider_4 {
    top: 137px;
}

/* === divider 5 === */
div.snav img#divider_5 {
    top: 169px;
}

/* ############################## ism/quote DIVs ############################## */

/* === ism div === */
div.ism {
    width: 245px;
    height: 330px;

    position: absolute;

    bottom: 29px;

    background-image: url(bg_ism.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

/* === title div === */
div.ism div.title {
    font-size: 18px;
    font-weight: bold;

    text-decoration: underline;

    color: #ee3224;

    position: absolute;

    left: 75px;
    top: 36px;
}

/* === quote div === */
div.ism div.quote {
    width: 180px;

    text-align: justify;

    position: absolute;

    left: 34px;
    top: 65px;
}

/* === images === */
div.ism img {
    position: absolute;

    left: 23px;
    bottom: 0px;
}

/* ############################## content_container/content DIVs ############################## */

/* === content_container div === */
div.content_container {
    width: 505px;

    position: relative;

    left: 245px;

    background-image: url(bg_content_top.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

/* === content div === */
div.content_container div.content {
    padding: 20px 30px 20px 30px;

    text-align: left;

    background-image: url(bg_content_bottom.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

/* ############################## content_home DIV ############################## */

/* === content_home div === */
div.content_home {
    width: 750px;
    height: 305px;

    position: relative;

    background-image: url(home_2010.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}

/* === div one === */
div.content_home div.one {
	width:208px;
    position: absolute;
	text-align:left;
	float:right;
    left: 110px;
    top: 0px;
}

/* === div two === */
div.content_home div.two {
    position: absolute;

    left: 30px;
    top: 195px;
}

/* === div three === */
div.content_home div.three {
    position: absolute;

    left: 372px;
    top: 25px;
}

/* === div four === */
div.content_home div.four {
	padding:20px;
position:absolute; width:710px; background:#fff;
top:300px;
}

/* ############################## order TABLE ############################## */

/* === table === */
table.order {
    border: 0px;
    border-collapse: collapse;
}

/* === cells === */
table.order td {
    border: 1px solid #58595b;
    padding: 5px;

    text-align: left;
    vertical-align: top;
}

/* === no border cell === */
table.order td.noborder {
    border: 0px;
}

/* === narrow 50px cell === */
table.order td.narrow50 {
    width: 50px;
}

/* === narrow 60px cell === */
table.order td.narrow60 {
    width: 60px;
}

/* === right align cell === */
table.order td.right {
    text-align: right;
}

/* === center align cell === */
table.order td.center {
    text-align: center;
}

/* === middle valign cell === */
table.order td.middle {
    vertical-align: middle;
}

/* ############################## order_form FORM ############################## */

/* === quantity field === */
form.order_form input.quantity {
    width: 40px;

    text-align: right;
}

/* ############################## newsletter DIV ############################## */

/* === div === */
div.newsletter {
    width: 241px;

    border: 1px solid #58595b;

    padding: 10px;

    text-align: left;

    background-color: #f0f0f0;
}

/* ############################## newsletter_form FORM ############################## */

/* === email address field === */
form.newsletter_form input.email_address {
    width: 170px;
}

/* ############################## disclaimer DIV ############################## */

/* === div === */
div.disclaimer {
    width: 500px;

    border: 1px solid #58595b;

    margin: 10px;
    padding: 10px;

    text-align: left;

    background-color: #f0f0f0;
}

/* ############################## signature DIV ############################## */

/* === div === */
div.signature {
    text-align: center;

    font-family: arial;
    font-size: 10px;

    color: #808080;

    position: relative;

    top: -4px;
}

/* === links === */
div.signature a {
    text-decoration: none;

    color: #808080;
}
div.signature a:hover {
    text-decoration: none;

    color: #ffffff;
}





/* ############################## Cart ############################## */
form.paypal {
marign: 0 0 20px 0 !important;
padding:0 0 20px 0;

}
form.paypal input.add{
margin:0 0 -5px 0 !important;
padding:0;
}
.small {

font-size:75%;

}
#slidepanel {
	width:100%;
	display:none;
	position:relative;
}
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 4px #000;
	background: #fff;
}
#panelContent {
	position:relative;
	width:450px;
	margin:0 auto 0 auto;
	text-align:left;
}
form.cssform {
	position:relative;
}
form.cssform input {
	padding:2px 0 0 0;
	background:#fff;
	border:1px solid #ccc;
	font-size:12px;
	width:200px;
	height:15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin:0 0 10px 0;
	padding:5px;
}
form.cssform select {
	padding:10px;
	background:#fff;
	border:1px solid #ccc;
	font-size:12px;
	height:30px;
	width:400px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin:0 0 10px 0;
	padding:5px;
}
form.cssform fieldset {
padding:15px;
	margin-bottom: 10px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
form.cssform fieldset legend {
	font-size:12px;
	font-weight:bold;
	color:#333;
}
form.cssform label {
	display: inline-block;
	line-height: 1.8em;
	vertical-align: top;
	text-shadow: #fff 1px 1px 0;
}
form.cssform fieldset ol {
	margin:20px 0 0 0;
	padding: 0;
}
form.cssform fieldset li {
	list-style: none;
	margin: 0;
	width:400px;
}
form.cssform label {
	width: 180px; /* Width of labels */
}
form.cssform label span.required {
	font-color:#f00;
	font-weight:bold;
}
form.cssform input.submit {
	width:200px;
	height:35px;
	font-size:16px;
	font-weight:bold;
}
ol.checkBox li table {
width:350px !important;
}
ol.checkBox li table tr td{
font-size:0.80em !important;
height:30px !important;
margin:0 0 50px 0 !important;
}
ol.checkBox li input{
margin: 0 20px 0 0 !important;
width:10px !important;
height:10px !important;
}



#processReview {
padding:35px;
border-top:1px solid #666;
width:680px;
position:relative;
background:#fff !important;
}

table.orderTable {
width:680px;
font-size:10px !important;

}
table.orderTable tbody tr td{
border-bottom:1px solid #ccc;
font-size:1em !important;
padding:5px;
}
h2 a.btn-toggle {
margin:0 auto;
border:1px solid #ccc;
display:block;
padding:10px;
width:200px;
text-align:center;
background:#50b848;
color:#fff;
}
h2 a.btn-toggle:hover {
border:1px solid #ccc;
display:block;
padding:10px;
width:200px;
text-align:center;
background:#fff;
color:#50b848;
}