/* RESET */
*{margin:0;padding:0;}
iframe,a img,fieldset,form{border:0} /*table*/
h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}
dd,dt,li,dl,ul{list-style:none}
legend{color:#000}
table{border-collapse:collapse}
caption,th,td{text-align:left}

/* Primary Tags */
body { background: #bfdaf3 url('/i/layout/bg.jpg') 0 0 repeat-x; color: #000; font-size: 12px; line-height: 14px; font-family: Arial, Helvetica, sans-serif; }

h1,h2,h3,h4,h5,h6 { margin: 1em 0; color: #0e2b76; }

h1 { font-size: 2em; line-height: 1.2em; }
h2 { font-size: 1.25em; line-height: 1em; font-weight: bold; }
h3 { font-size: 1.25em; line-height: 1.15em; }
h4 { font-size: 1em; font-weight: bold; }
h5 { font-size: 1em; }
h6 { font-size: .85em; }

li { list-style-position: outside; }
ul li { list-style-type: square; }
ol li { list-style-type: decimal; }

p { margin: 1em 0; }

a { text-decoration: none; color: #0e2b76; }
a:hover { text-decoration: underline; }
pre { display: none; }
img { vertical-align: middle; }
hr { display: none; }

/* Corrections */
strong, b { font-weight: bold; }
em { font-style: italic; }
u { text-decoration: underline; }

/* Primary Attributes */
.strong { font-weight: bold; }
.em, em { font-style: italic; }
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.req { color: red; }
.crumb { color: #B7B6A6; }
.inline { display: inline; }
.small { font-size: 0.8em; }
.indent { text-indent: 20px; }
.fade { color: #B7B6A6; }
.floatRight { float: right; }
.floatLeft { float: left; }
.clear { clear: both; }
.highlight { color: #F16721; }
.dark { color: #04549F; }
.black { color: #000; }
.disabled { color: silver; opacity: .3; }
.messageError { font-weight: bold; color: #990000; padding: 1em; border: 1px dotted #555; background-color: #eee; display: block; }
.messageSuccess { font-weight: bold; color: #003045; font-style: italic; padding: .5em; margin: .5em 0; border: 1px dotted #555; background-color: #eee; display: block; }
.top { vertical-align: top; }
.stretch { width: 100%; }
.strike { color: red; text-decoration: line-through; }
.discount { font-weight: normal;  font-style: italic; color: #CC0000; }
.check { vertical-align: middle; }

.clearAfter:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearAfter {height: 1%;}
*+html .clearAfter {height: 1%;}

input,select,textarea { border-width: 1px; border-style: solid; border-color: #ddd; color: #767676; font-size: 1em; line-height: 1.5em; font-family: arial, sans-serif; padding: 2px; }
input.login { background-color: #52adff; color: #fff; text-transform: uppercase; font-weight: bold; padding: 1px 2em; border-width: 0; }
* html input.login { padding: 0 1em; }
*+html input.login { padding: 0 1em; }
input[type=submit].normal { background-color: #387; color: #FFF; font-weight: bold; border-width: 0; }


ul.twocolorlist li { color: red; }
ul.twocolorlist li * { color: #003045; }

/* cleared elements */
#banner:after, div#banner #banner-top:after, div#banner #banner-bottom:after, div#nav form:after, div#nav div#secondary_container:after, div#body:after, div#footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html #banner, * html div#banner #banner-top, * html div#banner #banner-bottom, * html div#nav form, * html div#nav div#secondary_container, * html div#body, * html div#footer {height: 1%;}
*+html #banner, *+html div#banner #banner-top, *+html div#banner #banner-bottom, *+html div#nav form, *+html div#nav div#secondary_container, *+html div#body, *+html div#footer {height: 1%;}

/* special element classes */
p.asterisk { font-style: italic; }
p.caution { background-color: #D4E0EE; color: #050505; padding: 4px; display: block; font-weight: bold; }
p.warning { text-align: center; color: #BC1B1B; font-style: italic; }

form fieldset { border-width: 0px; padding: 12px 0px; overflow: hidden; margin-right: 8px;  }
form fieldset legend { margin-left: 3px; font-weight: bold; color: #415B67; background-color: #fff; }
form fieldset div.formElement { padding: 4px 0px; clear: both; }
form fieldset div.formElementShort { width: 300px; }
form fieldset div.formElementSubmit { width: 250px; float: right; text-align: left; }
form fieldset label { width: 200px; display: block; float: left; padding-left: 10px; }
form fieldset label.reg { width: auto; display: inline; float: none; padding-left: 4px; }
form fieldset label.check { width: auto; display: inline; float: none; padding-left: 5px; }
form fieldset label.formNameError { font-weight: bold; color: red; }
form fieldset label.formTextareaError { font-weight: bold; color: red; }
form fieldset input, form fieldset select, form fieldset textarea { border: 1px solid #808284; color: rgb(102,102,102); padding: 2px; width: 250px; }
form fieldset input.check, input.check { width: auto; display: inline; border-width: 0px; }
form fieldset input.short { width: 40px; display: inline; }
form fieldset input.submit, form fieldset input.button, input.submit, input.button { width: auto; background: rgb(245,76,0); color: #fff;  }
form fieldset select.select_month { width: 65px; }
form fieldset select.select_year { width: 111px; }
form fieldset input.normal { width: auto !important; border: 0 !important; }

table.adminListTable { width: 100%; margin-top: 24px; }
table.adminListTable td { padding: 4px; border-bottom: 1px dotted silver; }
table.adminListTable th { font-size: 11px; text-align: left; border-bottom: 2px solid silver; padding-bottom: 4px; font-weight: bold; }
table.adminListTable tr.odd { background-color: #eee; }
table.adminEditTable td { padding: 4px 0px; }
table.adminEditTable td.formName,
table.adminEditTable td.formNamereq { padding-right: 12px; vertical-align: middle; }
table.adminEditTable td.formNamereq { color: #f00; }
table.adminEditTable span.formName,
table.adminEditTable span.formNamereq { font-weight: bold; display: block; margin-bottom: 0px; }
table.adminEditTable span.formNamereq { color: #f00; }
table.adminEditTable td.formLocaleSubmit { border-top: 1px solid #2861B0; padding-top: 12px; }
table.adminEditTable input.formInputText { width: 200px; }
table.adminEditTable input.formInputTextShort { width: 150px; }
table.adminEditTable input.formInputSubmit { font-family: Verdana, Tahoma, Arial, sans-serif; padding: 2px; }
table.adminEditTable textarea { width: 500px; }
table.adminTable ul.colorlist { list-style-type: none; padding: 0px; margin: 0px; }
table.adminTable ul.colorlist li { float: left; width: 25%; margin-bottom: 5px; padding-left: 20px; text-indent: -20px; }
table.adminTable ul.colorlist li input.check { vertical-align: middle; margin-right: 10px; }

ul#cartutility { text-align: right; }
ul#cartutility li { list-style-type: none; display: inline; }

/* Specific Elements */
div#container { width: 860px; margin: 33px auto; }
div#page { padding-bottom: 25px; border-width: 0 2px 2px 2px; border-style: solid; border-color: #bababa; background-color: #fff; 
        border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;
        -webkit-border-bottom-right-radius: 5px; 	-webkit-border-bottom-left-radius: 5px;
}

div#utilities { padding: 6px 17px; color: #e8e8e8; background-color: #8c8c8c;
                border-top-right-radius: 5px; border-top-left-radius: 5px;
                -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px;
                -webkit-border-top-right-radius: 5px; 	-webkit-border-top-left-radius: 5px;
}
div#utilities div#utilities_left { float: left; }
div#utilities div#utilities_left p { margin: 0; }
div#utilities a { color: #e8e8e8; }
div#utilities ul { float: right; text-align: right; }
div#utilities ul li { display: inline; margin-left: 30px; }
div#utilities ul li a#text-toggle { display: inline-block; border: 1px solid #e8e8e8; line-height: 12px; cursor: hand; height: 12px; overflow: hidden; }
div#utilities ul li a#text-toggle:hover { text-decoration: none; }
div#utilities ul li a#text-toggle span { display: inline-block; width: 11px; line-height: 13px; text-align: center; }

/*div#banner { background: url(/i/layout/bannerbg.jpg) right bottom no-repeat; padding-top: 15px; color: #003045; }
div#banner a { color: #73cefb; }
div#banner h1,
div#banner h2,
div#banner h3,
div#banner h4,
div#banner h5,
div#banner h6 { margin: 0; color: #003045; }
div#banner #banner-top { float: left; margin-left: 15px; }
div#banner #banner-top h1 { }
div#banner #banner-top h4 { margin-top: .5em; color: #3e8d82; font-style: italic; font-size: 1.6em; letter-spacing: 1px; }
div#banner #banner-middle { float: left; position: relative; top: 15px; width: 320px; text-align: center; }
div#banner #banner-middle h2 { font-size: 2em; line-height: 1.1em; font-weight: normal; }
div#banner #banner-bottom { float: right; position: relative; top: 50px; right: 140px; }
div#banner #banner-bottom h2 { font-size: 2em; font-weight: normal; }
div#banner #banner-bottom h6 { text-align: right; }*/

div#nav a { color: #73cefb }
div#nav form { margin-top: 6px; padding: 4px 0; background-color: #eee; border-style: solid; border-color: #d5d5d4; border-width: 0 2px 2px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div#nav form ul#primary { float: left; background-color: #e0e0e0; margin: 4px 0 0 7px; }
div#nav form ul#primary li { float: left; margin-left: 1px; background-color: #eee; list-style-type: none; list-style-position: outside; }
div#nav form ul#primary li a { display: block; color: #939393; font-size: 1.1em; line-height: 1.1em; padding: 0 8px; }
div#nav form ul#primary li a.active { color: #0e2b76 }

div#nav form ul#primary li:first-child { margin-left: 0; }
div#nav form ul#primary li:first-child a { padding-left: 0; }

/*div#nav form ul#primary li#nav-item-42 a { background: url(/i/icons/video.png) 84px 70% no-repeat; padding-right: 25px; }*/

/* the submenu for the primary menu */
div#nav form ul#primary li ul.subprimary { display: none; position: absolute; padding-top: 6px; background-color: #eee;
                                            border-color: #d5d5d4; border-width: 0 2px 2px 0; border-style: solid; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
div#nav form ul#primary li:hover ul.subprimary { display: block; }
div#nav form ul#primary li ul.subprimary li { float: none; }
div#nav form ul#primary li ul.subprimary li a { padding: 8px; font-size: .9em; }

div#nav form p { float: right; margin: 0 7px 0 0; color: #a7a7a7; }
div#nav form p input#f_search { font-size: .9em; border-width: 1px; border-style: inset; padding: 2px; width: 128px; } /* has to work in IE6, so we can't use [type=text] */
div#nav form p input#f_submit { background: #fff; border-style: solid; color: #a7a7a; font-weight: bold; font-size: .9em; padding: 1px 3px;
                                border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}

div#nav div#secondary_container { background-color: #8b8b8b; clear: left; margin-top: 4px; padding: 4px 0; border-width: 0 2px 2px 0; border-style: solid; border-color: #7a7a7a;
                                    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div#nav div#secondary_container ul#secondary { margin-left: 7px; width: 90%; }
div#nav div#secondary_container ul#secondary li { list-style-type: none; list-style-position: outside; border-left: 1px solid #eee;
                                                    display: table-cell; vertical-align: middle; text-align: center; max-width: 13% }
div#nav div#secondary_container ul#secondary li a { color: #fff; font-size: 1.1em; font-weight: bold; padding: 0 12px; display: block; line-height: 1em; }
div#nav div#secondary_container ul#secondary li:first-child { border-left-width: 0; }
div#nav div#secondary_container ul#secondary li:first-child a { padding-left: 0; }

* html div#nav div#secondary_container ul#secondary { width: auto; }
*+html div#nav div#secondary_container ul#secondary { width: auto; }
* html div#nav div#secondary_container ul#secondary li { display: block; float: left; height: 3em; overflow: visible; width: 12%; }
*+html div#nav div#secondary_container ul#secondary li { display: block; float: left; height: 3em; overflow: visible; }
* html div#nav div#secondary_container ul#secondary li a { line-height: 1.2em; }
*+html div#nav div#secondary_container ul#secondary li a { line-height: 1.2em; }

div#body { margin: 8px 0; clear: both; }
div#body table#main-table { width: 100%; }
div#body table#main-table td { vertical-align: top; }
div#body table#main-table td#left-banner { background: #73cadf url(/i/layout/bluebg.jpg) right top no-repeat; font-family: "Trebuchet MS", Helvetica, sans-serif; height: 1%; }
div#body table#main-table td#left-banner p,
div#body table#main-table td#left-banner h1,
div#body table#main-table td#left-banner h2,
div#body table#main-table td#left-banner h3 { margin: 0; text-align: center; }
div#body table#main-table td#left-banner p img { float: left; }
div#body table#main-table td#left-banner div.left-banner-block-secondary p img { margin: 0; }
div#body table#main-table td#left-video { padding: 9px; background: #d4ecf9 url(/i/layout/videobg.jpg) left top repeat-x; height: 1%; }
div#body table#main-table td#left-main {  background: #93aad7 url(/i/layout/lavenderbg.jpg) right top no-repeat; padding: 19px 13px; color: #1d387e; }
div#body table#main-table td#right-main { background: url(/i/layout/bodybg.jpg) 0 0 repeat-x; padding: 60px 25px; border-left: 6px solid white; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; }
div#body table#main-table td#right-main ul { margin: 1em 0 1em 20px; }
div#body table#main-table td#right-main a { text-decoration: underline; }
div#body table#main-table td blockquote { font-size: 1.2em; line-height: 1.3em; font-style: italic; margin-bottom: .5em; }

div#footer { clear: both; background: url(/i/layout/bottombg.jpg) 0 0 repeat-x; padding-top: 20px; }
div#footer a { color: #73cefb; }
div#footer hr { clear: both; display: block; height: 2px; border-color: #cdced0; border-style: solid; background-color: #cdced0; margin: 10px 0; position: relative; z-index: 100; }
div#footer #blurbs { float: left; }
div#footer #blurbs div { float: left; margin-left: 8px; margin-bottom: 4px; }
div#footer #blurbs div p { margin: 0; }
div#footer #blurbs div:first-child { margin-left: 0; }

div#footer #blurbs form { background-color: #8b8b8b; clear: left; padding: 4px; color: #eee; 
       border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
div#footer #blurbs form p { margin: 0; }
div#footer #blurbs form p input#f_email { border-width: 0; width: 160px; text-align: center; } /* has to work in IE6, so we can't use [type=text] */
div#footer #blurbs form p input#f_email_submit { background: #fff; border-style: solid; color: #a7a7a; font-weight: bold; padding: 1px 3px;
                                border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}

div#footer #pol { float: right; width: 270px; margin-right: 10px; }
div#footer #pol img { float: right; position: relative; top: -50px; margin-bottom: -40px; z-index: 99; }
div#footer #pol form { float: left; width: 115px; margin-left: 8px; }
div#footer #pol form p { float: none; color: #0e2b76; font-size: 1.3em; line-height: 1.15em; text-align: center; margin: 0 0 4px 0; }
div#footer #pol form p input { color: #fff; font-weight: bold; background-color: #17a97c; border-color: #17a97c; border-style: outset; border-width: 2px; padding: 0 8px; margin-top: 8px; font-size: .8em; }

* html div#footer #blurbs { margin-left: -14px; }
* html div#footer #pol { margin-right: 4px; }
* html div#footer #pol form { margin-left: 4px; }
* html div#footer #pol form p input { padding: 0; }
*+html div#footer #pol form p input { padding: 0; }

div#footer p.copyright { text-align: center; font-size: 8.5px; color: #6d6e71; }
div#footer div#footer-bottom { text-align: center; }

div#editPageContent { background-color: #eee; border-style: solid; border-color: #555; border-width: 0 0 2px 0; top: 0; left: 0; margin-top: -2px; width: 100%;  }
div#editPageContent div { margin: 3px 2%; }

/* 
    template-specific selectors
*/

#Basic div#body table#main-table td#left-main { vertical-align: top; }
#Basic div#body table#main-table td#left-main blockquote { font-style: normal; }

#Home div#body table#main-table td div { display: block; }
#Home div#body table#main-table td p { margin: 0; }
#Home div#body table#main-table td p img { float: left; margin-right: 15px; }
#Home div#body table#main-table td.banner-block p img { margin-right: 0; }
#Home div#body table#main-table td#home-banner-13 { vertical-align: middle; padding: 15px; background: #5bc0b3 url(/i/layout/tealbg.jpg) right top no-repeat; font-family: "Trebuchet MS", Helvetica, sans-serif; }
#Home div#body table#main-table td#home-banner-13 h1 { font-size: 2.25em; line-height: 1.1em; margin: 0; text-align: center; }
#Home div#body table#main-table td#home-banner-148 { background: #73cadf url(/i/layout/bluebg.jpg) right top no-repeat; }
#Home div#body table#main-table td#home-banner-149 { vertical-align: bottom; background: #93aad7 url(/i/layout/lavenderbg.jpg) right top no-repeat; color: #2e487c; padding-right: 15px; }
#Home div#body table#main-table td#home-video { background: #d4ecf9 url(/i/layout/videobg.jpg) left top repeat-x; }
#Home div#body table#main-table td#right-main { padding: 16px; border-left-width: 0; }

div#body table#main-table table#skin-quiz-table { margin-top: 2em; width: 100%; }
div#body table#main-table table#skin-quiz-table td { padding: 4px; }
div#body table#main-table form#skin-quiz-form p { margin: 1em 0; }

/* testimonials */
div#body table#main-table table.testimonial { margin: 1em 0; }
div#body table#main-table table.testimonial td { color: #404242; font-style: italic; padding: 8px; }
div#body table#main-table table.testimonial td blockquote { font-style: normal; font-size: 1em; line-height: 1em; }
div#body table#main-table table.testimonial td a { text-decoration: none; }
div#body table#main-table table.testimonial td.testimonial_video { background: #d5ecf9 url(/i/layout/videobgmini.jpg) 0 50% repeat-x; padding: 0; text-align: center; vertical-align: middle; }



/* PRODUCTS */
#Browsecategory .moveUp { position: absolute; left: 50%; margin-left: 50px; margin-top: -80px; width: 450px;  }
#Browsecategory div#page-body hr { display: block; color: #B4B4B4; background-color: #B4B4B4; border-width: 0px; margin: 12px 0px; }
#Browsecategory div#page-body-listcategories { margin-bottom: 12px; }
#Browsecategory div.listcategoriesCell { width: 49%; float: left; }
* html #Browsecategory div.listcategoriesCell { margin-top: -3px; }
*+html #Browsecategory div.listcategoriesCell { margin-top: -3px; }
/*#Browsecategory div.listcategoriesBorderTop { border-top: 3px solid #D5D5D5; clear: left; }
#Browsecategory div.listcategoriesBorderLeft { border-left: 3px solid #D5D5D5; }*/
#Browsecategory div.listcategoriesCellImage { text-align: center; height: 200px; }
#Browsecategory div.listcategoriesCellName { margin: 0px 12px; }
/** html #Browsecategory div.listcategoriesCellName { height: 150px; }
*+html #Browsecategory div.listcategoriesCellName { height: 150px; }*/
#Browsecategory div.listcategoriesCellName p { margin-top: 12px; }
#Browsecategory div.listcategoriesCellLinks { margin: 12px; }

#Categories div#page-body-listcategories { margin: 12px 0px; }
#Categories div.listcategoriesCell { width: 16%; float: left; }
#Categories div.listcategoriesBorderTop { /*border-top: 3px solid #D5D5D5;*/ clear: left; }
#Categories div.listcategoriesBorderLeft { /*border-left: 3px solid #D5D5D5;*/ }
#Categories div.listcategoriesCellImage { height: 100px; }
#Categories div.listcategoriesCellName { margin: 12px; }
#Categories div.listcategoriesCellLinks { margin: 12px; }

#store-product #store-left { float: left; width: 40% }
#store-product #store-right { float: left; width: 55%; }
#store-product-image { }
#store-product-description { }
#store-product-description a { color: #5dc7fa; }
#store-product-phone { }
#store-product-unit-etc { color: #003045 }
#store-product-buy,
.store-product-buy { color: #c61e1e; font-weight: bold; }
#store-product-included { border: 1px solid #ddd; padding: 1em; }
#store-product-included div.tbox-text { line-height: 1em; }
#store-product-included span.tbox-price { font-size: .8em; }
#store-product-util { margin-top: 1em; }
#store-product-util a { color: #5dc7fa;  }

.swfbox{ display: none; z-index: 5100; }
.swfbox-back{ position: absolute; left: 0; width: 100%; }
.swfbox-container{ position: absolute; left: 0; width: 100%; overflow: visible; }
.swfbox-content{ position: absolute; left: 0; width: 100%; text-align: center; }
.swfbox-flash{ vertical-align: middle; }