/*Datahost stylesheet*/ /*Set up body, td, and p as the same style. You'll also want to include the same info in the tag on main template.*/ body { margin: 0; padding: 0; border: 0; font-family: arial, helvetica, sans-serif; font-size: 13px; line-height: 1.4em; color: #333333; } a { color: #330000; text-decoration: underline; } a:hover { color: #d69326; text-decoration: underline; } td, p { font-family: arial, helvetica, sans-serif; font-size: 13px; line-height: 1.4em; color: #333333; } p { margin-top: 0px; } /*Main template styles.*/ #wrapper { width: 1000px; margin: 0 auto; position: relative; } #banner { height: 127px; background-color: #330000; border-bottom: 7px solid #d69326; position: relative; z-index: 500; } #mainnav { width: 600px; text-align: right; position: absolute; top: 86px; right: 15px; z-index: 501; } /*#mainnav ul { margin: 0; padding: 0; text-align: right; position: absolute; top: 86px; right: 30px; } #mainnav li { list-style: none; display: inline; padding-left: 20px; font-size: 15px; line-height: 1.2em; font-weight: bold; text-transform: uppercase; color: #fff; } #mainnav li a { color: #fff; text-decoration: none; } #mainnav li a:hover { color: #d69326; text-decoration: none; }*/ #logo { width: 322px; height: 93px; position: absolute; top: 14px; left: 30px; } #searcharea { width: 700px; text-align: right; position: absolute; top: 35px; right: 30px; } #bannerlinks { width: 400px; position: absolute; text-align: right; top: 5px; right: 30px; color: #fff; } #bannerlinks a { color: #fff; text-decoration: none; } #bannerlinks a:hover { color: #d69326; text-decoration: underline; } #cartinfo { background-color: #eee; padding: 5px; margin-top: 5px; margin-bottom: 5px; text-align: right; }/*for the cart items, amt*/ #mainContent { padding: 20px; background: #f6f6f1; min-height: 350px; position: relative; z-index: 1; } #footer { position: relative; background: #330000; border-top: 7px solid #d69326; padding: 20px; color: #fff; } #footer h3 { color: #fff; margin-top: 0px; font-size: 15px; } .footerlinks ul { margin: 0; padding: 0; text-align: left; } .footerlinks li { list-style: none; color: #fff; font-size: 12px; line-height: 1.2em; margin-bottom: 2px; padding-bottom: 2px; } .footerlinks li a { display: block; color: #fff; border-bottom: 1px solid #eaeaea; text-decoration: none; } .footerlinks li a:hover { color: #d69326; text-decoration: none; } .footertext { color: #fff; font-size: 12px; } .siteby { padding-top: 8px; font-size: 11px; line-height: 1.2em; } .twelvecol { width: 940px; margin: 0px 10px; float: left; } .ninecol { width: 700px; margin: 0px 10px; float: left; } .eightcol { width: 620px; margin: 0px 10px; float: left; } .fourcol { width: 300px; margin: 0px 10px; float: left; } .threecol { width: 220px; margin: 0px 10px; float: left; } .leftContent { width: 690px; float: left; } .sidebar { width: 250px; float: right; } img.valignleft { vertical-align: middle; margin-right: 10px; } /*index template styles*/ /*Category and Product list, cell and details pages*/ h1 { margin-top: 0px; margin-bottom: 8px; font-size: 22px; font-weight: bold; line-height: 1.1em; color: #333; } /*this is always used for the page title, except home page and product detail pages*/ h1.homepage { font-size: 20px; color: #d89725; margin-bottom: 0px; } h2 { margin-top: 10px; margin-bottom: 8px; font-size: 18px; font-weight: 400; line-height: 1.1em; color: #d89725; } h3 { margin-top: 10px; margin-bottom: 4px; font-size: 15px; font-weight: bold; line-height: 1.5em; color: #d89725; } h4 { margin-bottom: 4px; font-size: 13px; font-weight: bold; line-height: 1.2em; color: #d89725; } ul li { line-height: 1.2em; list-style-type: disc; list-style-position: outside; margin-bottom: 6px; } ul.webpages { margin-top: 0px; margin-bottom: 10px; } ul li.webpages { font-size: 13px; line-height: 1.2em; /*list-style-type: none;*/ } ol li { list-style-type: decimal; } .sku {font-size: 11px; text-decoration: none; font-weight:bold;} .cellpadding { padding-bottom: 15px; }/*this is the bottom padding between cells*/ .table_margintop { width: 100%; margin-top: 15px; }/*this is on all the product_list and cat_list pages*/ .table_nomargin { width: 100%; margin-top: 0px; } .cellheader, .testimonialcellheader { font-size: 16px; color: #d89725; font-weight: bold; margin-bottom: 4px; } .cellheader a, .testimonialcellheader a { color: #d89725; text-decoration: none; } .cellheader a:hover, .testimonialcellheader a:hover { color: #330000; text-decoration: underline; }/*cat name or product name, depending on which cell*/ .celltext, .testimonialcelltext { font-size: 13px; line-height: 1.3em;} .highlight { font-size: 13px; font-weight:bold; color: #308109; } .highlight a { color: #308109; text-decoration: underline; } .highlight a:hover { color: #9b0075; text-decoration: underline; } .flag { display: inline; padding-right: 5px; color: #308109; font-weight: bold; } .freeship { display: inline; font-weight: bold; color: #9b0075; padding-right: 5px; } .multiheader { margin-top: 0px; margin-bottom: 8px; font-size: 18px; font-weight: 400; line-height: 1.1em; color: #6cbd45; background-color: #ffffff; display: block; padding: 4px 10px; } /*multilist header*/ .insertlist1 { font-size: 12px; padding-bottom: 15px; } .insertlist1 a { text-decoration: none; } /*youarehere links*/ .nextprev, .gotocart, .cellclickhere { font-size: 12px; } .jumplinks {font-size: 12px; line-height: 1.5em;} /*used on faq page*/ .clickhere { font-size: 11px; line-height: 1.5em; } /*back to top links*/ .jumptobox { background-color: #bc56a2; padding: 5px; font-size: 12px; text-align: right; margin-bottom: 10px; } .tellafriend { background-color: #ffcc00; color: #000; padding: 2px; font-size: 11px; font-weight: bold; width: 100px; border-right: 1px solid #666; border-bottom: 1px solid #666; } .tellafriend a { color: #000; text-decoration: none; } .tellafriend:hover { /*background-color: #ffcc00;*/ } .webinars { } .webinarsbox ul { margin: 0; padding: 0; text-align: left; margin-top: 15px; } .webinarsbox li { list-style: none; display: block; line-height: 1.2em; margin-bottom: 10px; } .webinarsbox li a { color: #330000; text-decoration: none; } .webinarsbox li a:hover { color: #d89725; text-decoration: none; } /*boxes*/ .yellowbox { border: 5px solid #fff; padding: 8px; background: #db9c26; /* Old browsers */ background: -moz-linear-gradient(top, #db9c26 0%, #c67323 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db9c26), color-stop(100%,#c67323)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #db9c26 0%,#c67323 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #db9c26 0%,#c67323 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #db9c26 0%,#c67323 100%); /* IE10+ */ background: linear-gradient(top, #db9c26 0%,#c67323 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db9c26', endColorstr='#c67323',GradientType=0 ); /* IE6-9 */ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 3px 3px 5px rgba(0,0,0,.3); -moz-box-shadow: 3px 3px 5px rgba(0,0,0,.3); -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.3); margin-bottom: 20px; } .whitebox, .floatrightbox, .floatrightbox2, .floatleftbox, .webinarsbox { border: 5px solid #fff; padding: 8px; background: #eaeaea; /* Old browsers */ background: -moz-linear-gradient(top, #eaeaea 0%, #ffffff 50%, #f3f3f3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(50%,#ffffff), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eaeaea 0%,#ffffff 50%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eaeaea 0%,#ffffff 50%,#f3f3f3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eaeaea 0%,#ffffff 50%,#f3f3f3 100%); /* IE10+ */ background: linear-gradient(top, #eaeaea 0%,#ffffff 50%,#f3f3f3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 3px 3px 5px rgba(0,0,0,.3); -moz-box-shadow: 3px 3px 5px rgba(0,0,0,.3); -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.3); margin-bottom: 20px; } .webinarsbox { border: none; position: relative; padding-top: 70px; } .webinarsbox .header { width: 273px; padding-left: 20px; position: absolute; top: 10px; left: -11px; height: 50px; padding-top: 10px; background: url(images/ribbon.png) top left no-repeat; color: #fff; font-size: 18px; font-weight: bold; } .floatrightbox { float:right; /*background-color:#cacfe7; font-weight:normal; border: 1px solid #000000; */ width:400px; /*padding:10px;*/ margin-left:20px; margin-right:4px; color:#330000; } .floatrightbox2 { float: right; width: 280px; margin-left: 40px; } .floatrightbox2 ul { margin-left: 0px; padding-left: 15px; } .floatrightbox2 ul li { margin-left: 0px; } .floatleftbox { float:left; width:250px; margin-right:40px; } .nofloatbox {background-color:#cacfe7;border: 1px solid #000000; padding:8px; margin-left:4px; margin-right:4px;} .landing h3 { font-size: 16px; line-height: 1.2em; font-weight: bold; margin: 0px; color: #333; text-align: center; text-transform: uppercase; } .landing { height: 150px; padding-bottom: 20px; position: relative; } .box_linkto { height: 12px; position: absolute; right: 13px; bottom: 13px; text-align: right; font-size: 12px; font-weight: bold; } .box_linkto a { color: #330000; text-decoration: none; padding-right: 20px; background: url(images/arrow_orange.png) right center no-repeat; } .box_linkto a:hover { color: #d89725; } .landing, .landing p { font-size: 12px; font-color: #333; } /* margins and padding */ .margin{ margin: 20px; } .margin_small { margin: 10px; } .margin_tiny { margin: 5px; } .nomargin { margin: 0; } .margintop { margin-top: 20px; } .margintop_small { margin-top: 10px; } .margintop_tiny { margin-top: 5px; } .nomargintop { margin-top: 0; } .marginright { margin-right: 20px; } .marginright_small { margin-right: 10px; } .marginright_tiny { margin-right: 5px; } .nomarginright { margin-right: 0; } .marginleft { margin-left: 20px; } .marginleft_small { margin-left: 10px; } .marginleft_tiny { margin-left: 5px; } .nomarginleft { margin-left: 0; } .marginbottom { margin-bottom: 20px; } .marginbottom_small { margin-bottom: 10px; } .marginbottom_tiny { margin-bottom: 5px; } .nomarginbottom { margin-bottom: 0; } .marginsides { margin-left: 20px; margin-right: 20px; } .marginsides_small { margin-left: 10px; margin-right: 10px; } .marginsides_tiny { margin-left: 5px; margin-right: 5px; } .nomarginsides { margin-left: 0; margin-right: 0; } .marginends { margin-top: 20px; margin-bottom: 20px; } .marginends_small { margin-top: 10px; margin-bottom: 10px; } .marginends_tiny { margin-top: 5px; margin-bottom: 5px; } .nomarginends { margin-top: 0; margin-bottom: 0; } .padding { padding: 20px; } .padding_small { padding: 10px; } .padding_tiny { padding: 5px; } .nopadding { padding: 0; } .paddingtop { padding-top: 20px; } .paddingtop_small { padding-top: 10px; } .paddingtop_tiny { padding-top: 5px; } .nopaddingtop { padding-top: 0; } .paddingright { padding-right: 20px; } .paddingright_small { padding-right: 10px; } .paddingright_tiny { padding-right: 5px; } .nopaddingright { padding-right: 0px; } .paddingleft { padding-left: 20px; } .paddingleft_small { padding-left: 10px; } .paddingleft_tiny { padding-left: 5px; } .nopaddingleft { padding-left: 0; } .paddingbottom { padding-bottom: 20px; } .paddingbottom_small { padding-bottom: 10px; } .paddingbottom_tiny { padding-bottom: 5px; } .nopaddingbottom { padding-bottom: 0; } .paddingsides { padding-left: 20px; padding-right: 20px; } .paddingsides_small { padding-left: 10px; padding-right: 10px; } .paddingsides_tiny { padding-left: 5px; padding-right: 5px; } .nopaddingsides { padding-left: 0; padding-right: 0; } .paddingends { padding-top: 20px; padding-bottom: 20px; } .paddingends_small { padding-top: 10px; padding-bottom: 10px; } .paddingends_tiny { padding-top: 5px; padding-bottom: 5px; } .nopaddingends { padding-top: 0; padding-bottom: 0; } /*Cart pages and shipping*/ .steps { display: inline; width: 100px; color: #666; margin-right: 8px; padding-right: 0px; text-align: left; } .stepson { display: inline; width: 100px; color: #333; margin-right: 8px; padding-left: 15px; background: #fff url(images-mm/cart_arrow.gif) left center no-repeat; font-weight: bold; text-align: left; } #cart { width: 100%; } .buttons { width: 100%; position: relative; } .leftbuttons { width: 50%; float: left; } .rightbuttons { width: 48%; float: right; text-align: right; } .clear { clear: both; } #cartcontent { width: 100%; } .tablecart { width: 100%; border: 0; padding: 0; border-collapse: collapse; margin-bottom: 0px; } .tablecart tr.bkgnd1 { background: #330000; } .tablecart th.bkgnd1 { font-size: 12px; font-weight: bold; color: #ffffff; padding: 2px; } table.pmt_table, table.ups_table { border: 1px solid #ddd; } table.pmt_table th, table.ups_table th { background-color: #330000; color: #fff; font-weight: bold; font-size: 12px; } table.pmt_table td, table.ups_table td { background-color: #fff; padding: 5px; } .tablecart tr.bkgnd2 { /*background: #ffffff;*/ } .tablecart th.bkgnd2 { font-weight: 400; padding-top: 5px; } .tablecart td, .tablecart p { font-size: 12px; } .tablecart td.products { color: #333333; border-top: 1px solid #330000; padding-top: 6px; } .tablecart tr.bkgnd3 { background: #eee; }/*this is for the background behind the options rows*/ .tablecart tr.bkgnd4 { background: #ddd; }/*this is for the background behind the options subtotal*/ .tablecart td.options { font-size: 12px; }/*this is for the simple options*/ .tablecart td.subhead { font-size: 13px; font-weight: bold; color: #330000; line-height: 1.2em; padding-top: 6px; padding-bottom: 6px; } .tablecart td.shipping { font-size: 12px; } .tablecart td.indshipnote { color: #95b15a; font-weight: bold; } /* buttons */ button, input[type=button], input[type=submit], .button { margin:0; /*the following 4 styles are to prevent huge buttons in IE*/ padding:0 .25em; width: auto; overflow:visible; padding: 5px 8px; color: #330000; background-color: #d69326; border: 1px solid #d69326; /* fallback for IE6 */ border: 1px solid rgba(0,0,0,0.1); /* this creates a dark version of the background-color for the outline; you don't have to adjust unless you want a lighter outline */ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; /* remember to change all three at once! 15 makes rounded buttons, 3 is default */ box-shadow: 0 1px 2px rgba(0,0,0,0.15), inset 0 10px 15px rgba(255,255,255,0.5), inset 1px 1px rgba(255,255,255,0.5), inset -1px -1px rgba(255,255,255,0.5); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15), inset 0 10px 15px rgba(255,255,255,0.5), inset 1px 1px rgba(255,255,255,0.5), inset -1px -1px rgba(255,255,255,0.5); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15), inset 0 10px 15px rgba(255,255,255,0.5), inset 1px 1px rgba(255,255,255,0.5), inset -1px -1px rgba(255,255,255,0.5); /* text-shadow: 0 1px rgba(255,255,255,0.5); */ /* No dark emboss */ text-shadow: 0 1px 0 rgba(255,255,255,0.3), 0 -1px 0 rgba(0,0,0,0.2); /* Dark and light emboss */ cursor: pointer; } .button_small { font-size: 13px; } .button_tiny { font-size: 12px; } input[type=submit].button_search { background-color: #d69326; } .inline { display: inline; } input[type=submit].brownbutton, .brownbutton { background-color: #330000; color: #fff; font-weight: normal; text-transform: uppercase; } input[type=submit].brownbuttonwitharrow { background-color: #330000; color: #fff; font-weight: normal; text-transform: uppercase; background: #330000 url(images/arrow_orange.png) right center no-repeat; padding-right: 20px; } a.button { text-decoration: none; } .buttontext_large, .buttontext_large p { color: #fff; font-size: 20px; line-height: 1.2em; text-align: center; } .buttontext_med, .buttontext_med p { color: #fff; font-size: 17px; line-height: 1.2em; text-align: center; } .buttontext_large p, .buttontext_med p { margin: 0px; } .buttontext_large a, .buttontext_med a { color: #fff; text-decoration: none; } .buttontext_large a:hover, .buttontext_med a:hover { color: #330000; } .cartbutton, .fancybutton, .fancybutton2 { color: #fcf3de; margin:0; /*the following 4 styles are to prevent huge buttons in IE*/ padding:0 .25em; width: auto; overflow:visible; } .cartbutton[class] { /* IE < 7 ignores [class] */ width: auto; } /* cancel margin fix for other browsers */ input[type=submit].cartbutton_simple, input[type=button].cartbutton_simple { font-size: 13px; padding: 2px; }/*this is for update cart, calculate shipping, clear cart*/ .cartbutton_continueshopping { color: #330000; /*border-top: 1px solid #763068; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #763068;*/ background-color: #d69326;/*the arrow for this button is hard-coded on viewcart*/ font-size: 14px; width: 175px; padding: 6px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; /* remember to change all three at once! 15 makes rounded buttons, 3 is default */ box-shadow: 0 1px 2px rgba(0,0,0,0.15), inset 0 10px 15px rgba(255,255,255,0.5), inset 1px 1px rgba(255,255,255,0.5), inset -1px -1px rgba(255,255,255,0.5); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15), inset 0 10px 15px rgba(255,255,255,0.5), inset 1px 1px rgba(255,255,255,0.5), inset -1px -1px rgba(255,255,255,0.5); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15), inset 0 10px 15px rgba(255,255,255,0.5), inset 1px 1px rgba(255,255,255,0.5), inset -1px -1px rgba(255,255,255,0.5); /* text-shadow: 0 1px rgba(255,255,255,0.5); */ /* No dark emboss */ text-shadow: 0 1px 0 rgba(255,255,255,0.3), 0 -1px 0 rgba(0,0,0,0.2); /* Dark and light emboss */ cursor: pointer; margin-bottom: 10px; }/*this is for continue shopping at top of page*/ .cartbutton_continueshopping a { color: #330000; text-decoration: none; }/*this is for the top continue shopping at the top of viewcart since it's not really a button*/ input[type=submit].cartbutton_back { font-size: 13px; padding: 4px; padding-left: 25px; background: #d69326 url(images-mm/arrow_back_white.gif) left center no-repeat; }/*this is for continue shopping and make changes*/ input[type=submit].cartbutton_forward { font-size: 16px; padding: 6px 30px 6px 6px; text-align: right; color: #fff; background: #892515 url(images-mm/arrow_forward_white.gif) center right no-repeat; }/*this is for proceed to checkout, complete payment, submit order*/ input[type=submit].cartbutton_forwardadd { font-size: 13px; padding: 4px; padding-right: 30px; text-align: right; background: #d69326 url(images-mm/arrow_forward_white.gif) center right no-repeat; }/*this is for add to cart*/ input[type=submit].cartbutton_forwardsml { font-size: 12px; padding: 2px; padding-right: 25px; text-align: right; background: #d69326 url(images-mm/arrow_forward_white.gif) center right no-repeat; }/*this is for any normal size button you want the arrow on*/ button:hover, button:focus, input[type=button]:hover, input[type=button]:focus, input[type=submit]:hover, input[type=submit]:focus, input[type=submit].cartbutton_forward:hover, input[type=submit].cartbutton_forward:focus, input[type=submit].cartbutton_back:hover, input[type=submit].cartbutton_back:focus, input[type=submit].cartbutton_forwardadd:hover, input[type=submit].cartbutton_forwardadd:focus, input[type=submit].cartbutton_forwardsml:hover, input[type=submit].cartbutton_forwardsml:focus, .cartbutton_continueshopping:hover, .cartbutton_continueshopping:focus { background-color: #892515; /* default is #6b6aa0 */ border-color: #d69326; color: #330000; } .instructions { font-size: 13px; } .smallnotes { font-size: 11px; line-height: 1.1em; } .continue { text-align: right; } #hintbox{ /*CSS for pop up hint box */ position:absolute; top: 0; background-color: #eeeeee; width: 150px; /*Default width of hint.*/ padding: 3px; border:1px solid #d69326; line-height:1.2em; z-index:100; visibility: hidden; text-decoration: none; } .hintanchor { /*CSS for link that shows hint onmouseover*/ font-size: 12px; color: #330000; background-color: #f5e4c9; display: inline; padding: 3px; } .hintanchor a { color: #330000; text-decoration: none; } .hintclick { font-size: 12px; } /*Miscellaneous*/ input { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; } form {margin-top: 0px; margin-bottom: 0px; } .formlabeltop { font-weight: bold; text-align: left; display: block; padding-top: 5px; padding-bottom: 3px; } .formborder { /*border: 1px solid #666;*/ } .fancyform p { padding-top: 0px; clear: left; margin-bottom: 0px; margin-top: 8px; } .fancyform p label { width: 180px; float: left; text-align: right; font-weight: bold; padding-right: 8px; } .fancyform p.rightcolumn { padding-left: 188px; font-size: 11px; padding-top: 0px; margin-top: 0px; } .fancyform p.rightside { padding-left: 188px; } .fancyform p.submit { padding-left: 188px; } .accountform p { padding-top: 0px; clear: left; margin-bottom: 0px; margin-top: 5px; } .accountform p label { width: 130px; float: left; text-align: left; font-weight: bold; padding-right: 8px; } .accountform p.rightcolumn { padding-left: 138px; font-size: 11px; padding-top: 0px; margin-top: 0px; } .accountform p.submit { padding-left: 138px; } .shadedbox { border: 5px solid #fff; padding: 8px; background: #eaeaea; /* Old browsers */ background: -moz-linear-gradient(top, #eaeaea 0%, #ffffff 50%, #f3f3f3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(50%,#ffffff), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eaeaea 0%,#ffffff 50%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eaeaea 0%,#ffffff 50%,#f3f3f3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eaeaea 0%,#ffffff 50%,#f3f3f3 100%); /* IE10+ */ background: linear-gradient(top, #eaeaea 0%,#ffffff 50%,#f3f3f3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 3px 3px 5px rgba(0,0,0,.3); -moz-box-shadow: 3px 3px 5px rgba(0,0,0,.3); -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.3); margin-bottom: 20px; } input.noborder { border: 1px solid #fff; } /*table {margin-top: 0px; margin-bottom: 0px; }*/ /*gift certificate styles*/ .certificate { width: 500px; margin: 20px auto; padding: 10px; border: 1px solid #9b0075; background-color: #fff; } .certificate h2 { margin-top: 0px; } .certificate td { padding: 5px; } table.gc_cell { width: 150px; height: 120px; background: #9b0075; text-align: center; margin-bottom: 5px; } table.gc_cell td { vertical-align: middle; padding: 5px; height: 50%; color: #fff; font-size: 16px; font-weight: bold; } table.gc_cell h2 { font-family: Georgia, serif; font-weight: bold; color: #fff; } table.gc_cell h2.big { font-size: 40px; } table.gc_cell h2.small { font-size: 18px; } hr { border: 0; color: #eac992; background-color: #eac992; height: 1px; width: 100%; text-align: left; } table.price_table th { background-color: #ffcc66; color: #000000; font-weight: bold; font-size: 10px; } table.price_table td { background-color: #ffffff; } /*Style for payment section pop-up windows. If website has a dark background color for set the background color in this style to the same color. Leave commented out if you wish the pop-up window to have a white background by default*/ .popup_table { width: 100%; padding: 0px; margin-bottom: 10px; /*background-color:#000000*/ } .label { font-size: 11px; line-height: 1.2em; font-weight: bold; } .attribute { font-size: 11px; line-height: 1.2em;} .message { font-size: 11px; color: #990000; text-align: center; } .errormessage { font-size: 14px; color: #990000; font-weight: normal; } .errormessage a { color: #990000; } /*margins padding*/ .margin{ margin: 20px; } .margin_small { margin: 10px; } .margin_tiny { margin: 5px; } .nomargin { margin: 0; } .margintop { margin-top: 20px; } .margintop_small { margin-top: 10px; } .margintop_tiny { margin-top: 5px; } .nomargintop { margin-top: 0; } .marginright { margin-right: 20px; } .marginright_small { margin-right: 10px; } .marginright_tiny { margin-right: 5px; } .nomarginright { margin-right: 0; } .marginleft { margin-left: 20px; } .marginleft_small { margin-left: 10px; } .marginleft_tiny { margin-left: 5px; } .nomarginleft { margin-left: 0; } .marginbottom { margin-bottom: 20px; } .marginbottom_small { margin-bottom: 10px; } .marginbottom_tiny { margin-bottom: 5px; } .nomarginbottom { margin-bottom: 0; } .marginsides { margin-left: 20px; margin-right: 20px; } .marginsides_small { margin-left: 10px; margin-right: 10px; } .marginsides_tiny { margin-left: 5px; margin-right: 5px; } .nomarginsides { margin-left: 0; margin-right: 0; } .marginends { margin-top: 20px; margin-bottom: 20px; } .marginends_small { margin-top: 10px; margin-bottom: 10px; } .marginends_tiny { margin-top: 5px; margin-bottom: 5px; } .nomarginends { margin-top: 0; margin-bottom: 0; } .padding { padding: 20px; } .padding_small { padding: 10px; } .padding_tiny { padding: 5px; } .nopadding { padding: 0; } .paddingtop { padding-top: 20px; } .paddingtop_small { padding-top: 10px; } .paddingtop_tiny { padding-top: 5px; } .nopaddingtop { padding-top: 0; } .paddingright { padding-right: 20px; } .paddingright_small { padding-right: 10px; } .paddingright_tiny { padding-right: 5px; } .nopaddingright { padding-right: 0px; } .paddingleft { padding-left: 20px; } .paddingleft_small { padding-left: 10px; } .paddingleft_tiny { padding-left: 5px; } .nopaddingleft { padding-left: 0; } .paddingbottom { padding-bottom: 20px; } .paddingbottom_small { padding-bottom: 10px; } .paddingbottom_tiny { padding-bottom: 5px; } .nopaddingbottom { padding-bottom: 0; } .paddingsides { padding-left: 20px; padding-right: 20px; } .paddingsides_small { padding-left: 10px; padding-right: 10px; } .paddingsides_tiny { padding-left: 5px; padding-right: 5px; } .nopaddingsides { padding-left: 0; padding-right: 0; } .paddingends { padding-top: 20px; padding-bottom: 20px; } .paddingends_small { padding-top: 10px; padding-bottom: 10px; } .paddingends_tiny { padding-top: 5px; padding-bottom: 5px; } .nopaddingends { padding-top: 0; padding-bottom: 0; } /* Shadows */ .innershadow { box-shadow: inset 0 0 8px 4px rgba(0,0,0,.29); -moz-box-shadow: inset 0 0 8px 4px rgba(0,0,0,.29); -webkit-box-shadow: inset 0 0 8px 4px rgba(0,0,0,.29); } .outershadow { box-shadow: 3px 3px 5px rgba(0,0,0,.3); -moz-box-shadow: 3px 3px 5px rgba(0,0,0,.3); -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.3); } .inoutshadow { box-shadow: 0 0 8px 3px rgba(0,0,0,.13), inset 0 0 8px 4px rgba(0,0,0,.29); -moz-box-shadow: 0 0 8px 3px rgba(0,0,0,.13), inset 0 0 8px 4px rgba(0,0,0,.29); -webkit-box-shadow: 0 0 8px 3px rgba(0,0,0,.13), inset 0 0 8px 4px rgba(0,0,0,.29); } /* Corner Radiusing (rounded corners) */ .radiused { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .radiusedtop { border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; } .radiusedbottom { border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; } .radiusedright { border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; } .radiusedleft { border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; } /*from original stylesheet*/ /* Replaced with variable on template - this can be ignored */ .pagepadding {padding:0;} option.boldlinkff {font-weight:bold;} /* Keeps tabbed nav from looking yucky */ a:focus, a:active { outline: 0 none; -moz-outline: 0 none; } /****** Virtual Paginate styles Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/ .virtualpage, { /*hide the broken up pieces of contents until script is called. Remove if desired*/ display: none; } .virtualpage, .virtualpage2, .virtualpage3{ /*hide the broken up pieces of contents until script is called. Remove if desired*/ display: none; } .paginationstyle{ /*Style for demo pagination divs*/ /* width: 360px; */ text-align: center; padding: 2px 0; margin: 10px 0; } .paginationstyle a{ /*Pagination links style ("non-selected")*/ z-index: 1; font-size:12px; font-weight:bold; /* Match this margin-right to the one below in hover style */ margin-right:3px; /* Match this padding to the one below in hover style ***And adjust 'top' in Content Holder!!! */ padding:6px 4px; text-decoration: none; border-right: 1px solid #eac992; border-left: 1px solid #eac992; border-top: 1px solid #eac992; color: #330000; background-color: #eac992; } .paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pag "flatview" links style ("selected and hover")*/ position:relative; top:1px;} .paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected { /*Pag "flatview" links style ("selected and hover")*/ color: #330000; background-color: #ffffff; border-bottom-color:#ffffff; /**** Match these to above:****/ margin-right:3px; padding:6px 4px; } .paginationstyle a:hover, .paginationstyle a.selected{ color: #000; background-color: #304e50; } #content_holder { width:700px; top:-7px; position:relative; /* height:400px; */ padding: 10px; border: 1px solid #eac992; background: #fff; } /* End virtual paginate */ .green11 {color: #2F5B0E; font-size: 11px;text-decoration: none;} .green11 A {color: #2F5B0E; text-decoration: none;} .green11 A:hover {color: #2F5B0E; text-decoration: underline;} .green12 {color: #2F5B0E; font-size: 12px;text-decoration: none;font-weight:normal;} .green12 A {color: #2F5B0E; text-decoration: none;} .green12 A:hover {color: #2F5B0E; text-decoration: underline;} .green13 {color: #2F5B0E; font-size: 13px;text-decoration: none;font-weight:normal;} .green13 A {color: #2F5B0E; text-decoration: none;} .green13 A:hover {color: #2F5B0E; text-decoration: underline;} .green16b {color: #2f5b0e; font-size: 16px;text-decoration: none;font-weight:bold;letter-spacing:.1em;} .green16b A {color: #2f5b0e; text-decoration: none;} .green16b A:hover {color: #2f5b0e; text-decoration: underline;} /*blues are now brown*/ .blue11 {color: #330000; font-size: 11px;text-decoration: none;} .blue11 A {color: #330000; text-decoration: underline;} .blue11 A:hover {color: #d89725; text-decoration: underline;} .blue12 {color: #330000; font-size: 12px;text-decoration: none;} .blue12 A {color: #330000; text-decoration: underline;} .blue12 A:hover {color: #d89725; text-decoration: underline;} .blue12b {color: #330000; font-size: 12px;text-decoration: none;font-weight:bold;} .blue12b A {color: #330000; text-decoration: underline;} .blue12b A:hover {color: #d89725; text-decoration: underline;} .red16b {color: #B30D04; font-size: 16px;text-decoration: none;font-weight:bold;letter-spacing:.1em;} .red16b A {color: #B30D04; text-decoration: none;} .red16b A:visited {color: #B30D04; text-decoration: none;} .red16b A:hover {color: #B30D04; text-decoration: underline;} .red16 {color: #B30D04; font-size: 16px;text-decoration: none;font-weight:normal;letter-spacing:.1em;} .red16 A {color: #B30D04; text-decoration: none;} .red16 A:visited {color: #B30D04; text-decoration: none;} .red16 A:hover {color: #B30D04; text-decoration: underline;} .red13 {color: #B30D04; font-size: 13px;text-decoration: none;font-weight:normal;} .red13 A {color: #B30D04; text-decoration: none;} .red13 A:visited {color: #B30D04; text-decoration: none;} .red13 A:hover {color: #B30D04; text-decoration: underline;} .red12b {color: #B30D04; font-size: 12px;text-decoration: none;font-weight:bold;} .red12b A {color: #B30D04; text-decoration: none;} .red12b A:visited {color: #B30D04; text-decoration: none;} .red12b A:hover {color: #B30D04; text-decoration: underline;} .red12 {color: #B30D04; font-size: 12px;text-decoration: none;font-weight:normal;} .red12 A {color: #B30D04; text-decoration: none;} .red12 A:visited {color: #B30D04; text-decoration: none;} .red12 A:hover {color: #B30D04; text-decoration: underline;} .yellowbox > .red12 { color: #330000; font-size: 12px; } .yellowbox > .red12 a { color: #330000; text-decoration: none; } .yellowbox > .red12 a:hover { color: #fff; } .white10 {color: #ffffff; font-size: 10px;text-decoration: none;} .white10 A {color: #ffffff; text-decoration: none;} .white10 A:visited {color: #ffffff; text-decoration: none;} .white10 A:hover {color: #333333; text-decoration: underline;} .white10b {color: #ffffff; font-size: 10px;font-weight:bold; text-decoration: none;} .white10b A {color: #ffffff; text-decoration: none;} .white10b A:visited {color: #ffffff; text-decoration: none;} .white10b A:hover {color: #333333; text-decoration: underline;} .white11 {color: #ffffff; font-size: 11px;text-decoration: none;} .white11 A {color: #ffffff; text-decoration: none;} .white11 A:visited {color: #ffffff; text-decoration: none;} .white11 A:hover {color: #333333; text-decoration: underline;} .white11b {color: #ffffff; font-size: 11px;font-weight:bold; text-decoration: none;} .white11b A {color: #ffffff; text-decoration: none;} .white11b A:visited {color: #ffffff; text-decoration: none;} .white11b A:hover {color: #333333; text-decoration: underline;} .white12 {color: #ffffff; font-size: 12px;text-decoration: none;} .white12 A {color: #ffffff; text-decoration: none;} .white12 A:visited {color: #ffffff; text-decoration: none;} .white12 A:hover {color: #333333; text-decoration: underline;} .white12b {color: #ffffff; font-size: 12px;font-weight:bold; text-decoration: none;} .white12b A {color: #ffffff; text-decoration: none;} .white12b A:visited {color: #ffffff; text-decoration: none;} .white12b A:hover {color: #333333; text-decoration: underline;} .white13 {color: #ffffff; font-size: 13px;text-decoration: none;} .white13 A {color: #ffffff; text-decoration: none;} .white13 A:visited {color: #ffffff; text-decoration: none;} .white13 A:hover {color: #333333; text-decoration: underline;} .white13b {color: #ffffff; font-size: 13px;font-weight:bold; text-decoration: none;} .white13b A {color: #ffffff; text-decoration: none;} .white13b A:visited {color: #ffffff; text-decoration: none;} .white13b A:hover {color: #333333; text-decoration: underline;} .white14 {color: #ffffff; font-size: 14px;text-decoration: none;} .white14 A {color: #ffffff; text-decoration: none;} .white14 A:visited {color: #ffffff; text-decoration: none;} .white14 A:hover {color: #333333; text-decoration: underline;} .white14b {color: #ffffff; font-size: 14px;font-weight:bold; text-decoration: none;} .white14b A {color: #ffffff; text-decoration: none;} .white14b A:visited {color: #ffffff; text-decoration: none;} .white14b A:hover {color: #333333; text-decoration: underline;} .black10 {color: #000000; font-size: 10px;text-decoration: none;} .black10 A {color: #000000; text-decoration: none;} .black10 A:visited {color: #000000; text-decoration: none;} .black10 A:hover {color: #333333; text-decoration: underline;} .black10b {color: #000000; font-size: 10px;font-weight:bold; text-decoration: none;} .black10b A {color: #000000; text-decoration: none;} .black10b A:visited {color: #000000; text-decoration: none;} .black10b A:hover {color: #333333; text-decoration: underline;} .black11 {color: #000000; font-size: 11px;text-decoration: none;} .black11 A {color: #000000; text-decoration: none;} .black11 A:visited {color: #000000; text-decoration: none;} .black11 A:hover {color: #333333; text-decoration: underline;} .black11b {color: #000000; font-size: 11px;font-weight:bold; text-decoration: none;} .black11b A {color: #000000; text-decoration: none;} .black11b A:visited {color: #000000; text-decoration: none;} .black11b A:hover {color: #333333; text-decoration: underline;} .black12 {color: #000000; font-size: 12px;text-decoration: none;} .black12 A {color: #000000; text-decoration: none;} .black12 A:visited {color: #000000; text-decoration: none;} .black12 A:hover {color: #333333; text-decoration: underline;} .black12b {color: #000000; font-size: 12px;font-weight:bold; text-decoration: none;} .black12b A {color: #000000; text-decoration: none;} .black12b A:visited {color: #000000; text-decoration: none;} .black12b A:hover {color: #333333; text-decoration: underline;} .black13 {color: #000000; font-size: 13px;text-decoration: none;} .black13 A {color: #000000; text-decoration: none;} .black13 A:visited {color: #000000; text-decoration: none;} .black13 A:hover {color: #333333; text-decoration: underline;} .black13b {color: #000000; font-size: 13px;font-weight:bold; text-decoration: none;} .black13b A {color: #000000; text-decoration: none;} .black13b A:visited {color: #000000; text-decoration: none;} .black13b A:hover {color: #333333; text-decoration: underline;} .black14 {color: #000000; font-size: 14px;text-decoration: none;} .black14 A {color: #000000; text-decoration: none;} .black14 A:visited {color: #000000; text-decoration: none;} .black14 A:hover {color: #333333; text-decoration: underline;} .black14b {color: #000000; font-size: 14px;font-weight:bold; text-decoration: none;} .black14b A {color: #000000; text-decoration: none;} .black14b A:visited {color: #000000; text-decoration: none;} .black14b A:hover {color: #333333; text-decoration: underline;} /* Fast Find */ .fancybuttonff {background: #ffffff; font-style: normal; font-variant: normal; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#330000;} input.number { text-align: right; }