/******************************* GLOBAL *******************************/

/* Color Scheme:

Black: #000
Dark Gray: #333
Medium Gray: #ccc
Light Gray: #f5f5f5
White: #fff
Red: #c00

*/

body {font-size:62.5%; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; background:url(/files/imagesWE/global/bkgds/pattern-shim.gif) repeat-x;}
a {color: #900;}
a:hover {text-decoration:none;}
.punch {font-weight:bold; color:#c00; font-size:110%;}
.rightalign {float:right; margin:5px 0 5px 5px;}
.leftalign {float:left; margin:5px 5px 5px 0;}
.smalltext {font-size:.9em}
.cleardiv {clear:both; height:0;}
.red {color:#900;}
hr {clear:both; border:1px solid #ccc; border-width:0 0 1px;}


/******* global form fields *******/
.form-field, .form-fieldnumber, .form-fieldzip {height:16px; padding:6px 3px 4px 5px; font-size:1.1em; margin-right:2px; border:1px solid #ccc; color:#333; vertical-align:middle;}
.form-fieldnumber {width:16px;}
.form-fieldzip {width:100px;}
.form-drop {font-size:1em; border:1px solid #ccc; padding:3px; vertical-align:middle;}

/******* global errors *******/
.errors {background:#f5f5f5; border:1px solid #900; color:#900; padding:5px 10px; font-size:em; margin:0 0 10px; font-weight:bold;}
.errors ul {}
.errors li, .errors p {list-style:none; background:url(/files/imagesGABPprop/global/icons/error.gif) no-repeat; margin:4px 0; padding-left:20px;}


/********* HEADER *********/
/* logo area */
.toplogo {margin:5px 5px 0 0; padding-bottom:5px;}

#headercenter {width:370px; float:left; margin:12px 0 0 20px; background: url(/files/imagesWE/global/testimonials/quote-left.gif) no-repeat;}
#headercenter p {margin:0 0 3px 24px; font-weight:normal;}
#headercenter p span {background:url(/files/imagesWE/global/testimonials/quote-right.gif) no-repeat; padding:0 10px; margin-left:5px;}
#headercenter p.testname {color:#933; text-align:right; margin-top:2px; font-style:italic;}

#phone {width: 180px; float:right; margin:10px 0 0; padding:5px 0;}
#phone p {font-size:2em; color:#000; text-align:center;}
#phone p strong {font-size:.8em; color:#900;}

/********* CONTAINER *********/

#container {}

/* tabs */
.tabs {background:url(/files/imagesWE/global/bkgds/tabs-shim.gif) no-repeat; height:38px;padding:1px 0; overflow:hidden;}
.tabs ul {}
.tabs ul li a {font-size:1.6em; padding:7px 2em 9px; color:#fff; text-decoration:none; border-right:1px solid #333; border-left:1px solid #666; font-weight:bold;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.tabs ul li a {padding:7px 2em 9px;}} /* SAFARI HACK */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {.tabs ul li a {padding:10px 2em 9px;}}  /* OPERA WIN HACK */
.tabs ul li.first a {}
.tabs ul li.first {border-left:1px solid #333;}
.tabs ul li.last a {}
.tabs ul li.last {border-right:1px solid #666;}

.tabs ul li a:hover {background:#333; color:#fff;}
.tabs ul li.first a:hover {border-left:1px solid #666;}
.tabs ul li.last a:hover {border-right:1px solid #333;}

/*.tabs ul li.select-tab a, .tabs ul li.select-tab a:hover {background:#900 url(/files/imagesWE/global/bkgds/tabs-shim-select.gif) repeat-x; color:#fff;}*/


/* action bar */
.actionbar {border:1px solid #ccc; border-width:0 0 1px;}
.actionbar ul li a {font-size:1.2em; padding:.3em 2em; color:#333; text-decoration:none; line-height:1.4em; font-weight:bold;}
.actionbar ul li a:hover {color:#666; text-decoration:underline;}


/********* LEFT COLUMN *********/
#left {margin: 10px 0 10px 0; width:160px;}
#left .form-field {width:95px;}
#left .form-drop {width:120px; margin-left:8px;}
#left .go-button img {vertical-align:middle; margin-left:4px;}

/* Email and Search Box */
#email {margin-bottom:5px; padding-bottom:5px; border:1px solid #ccc; background:url(/files/imagesWE/global/bkgds/cathead-shim.gif) repeat-x;}
#email-bkgd {background:url(/files/imagesWE/sticks/stick-email.gif) no-repeat right 25px;}
#email p {padding:0 5px; font-size:10px; margin-top:2px;}
#email h6 {color:#900; font-size:2em; padding:3px 5px 0; margin:0;}

/* Refer-A-Friend 
#refer {background:#ccc; padding-bottom:0;}
#refer h6 {font-size:1.5em; padding:2px 5px; color:#fff; background:#333; text-align:center;}
#refer a {color:#333;}
#refer .form-field, #refer img {border-color:#999; margin-bottom:5px;}
*/

/* Left sections */
.sections {border:4px solid #ccc; border-width:4px 0; margin:5px 0;}
.sections ul {line-height:13px;}
.sections ul li a {background:#f5f5f5 url(/files/imagesWE/global/bkgds/cathead-shim.gif) repeat-x; font-size: 1.4em; font-weight:bold; padding:8px 4px 8px 6px; text-decoration:none; border-bottom:1px solid #ccc; color:#333;}
.sections .lastitem a {border-bottom:none;}

.sections ul ul {border-bottom:1px solid #ccc; padding:3px 0;}
.sections ul ul li a {font-size: 1.1em; background:url(/files/imagesWE/global/bkgds/arrow-green.gif) no-repeat left 8px; padding:5px 4px 5px 12px; border-bottom:none; font-weight:normal;}

.sections ul li a:hover {background: #333 url(/files/imagesWE/global/bkgds/dark-shim.gif) repeat-x; color: #fff; text-decoration:none;}
.sections ul ul li a:hover {background:url(/files/imagesWE/global/bkgds/arrow-green.gif) no-repeat 3px 8px; right:5px; color:#666; text-decoration:underline;}

/*.sections ul ul li.tab-select a, .sections ul ul li.tab-select a:hover {background:#fff; color:#900; background:url(/files/imagesWE/global/bkgds/arrow-red.gif) no-repeat right 8px; text-decoration:none; font-weight: bold;}*/


#leftplugs {width:160px;}
#leftplugs img {margin-left:10px;}


/********* RIGHT COLUMN *********/
#right {width:140px; margin:10px 0 10px;}

#date {margin-bottom:2px; color: #000; font-weight:bold; text-align:center}
#bookmark {text-align:center; margin-bottom:6px; font-size:1em}

/*  Bestsellers */
.bestsellers {margin-bottom:5px; font-size:1.1em;}
.bestsellers h6 {font-size:1.4em; color:#fff; background:#333; padding:3px; text-align:center;}
.bestsellers ol {border:1px solid #000; margin:0 0 5px 0; padding:5px 3px 5px 30px;}
.bestsellers ol li {padding:0 0 3px 0; list-style-type:decimal;}

/*  Quickfacts */
.bestsellers dl {margin:5px 0 5px 3px; padding:0 3px; list-style-type:none}
.bestsellers dt {font-weight:bold;}
.bestsellers dd {margin-bottom:3px;}

.eV_bannerZone {margin-bottom:5px;}

.plug-fpo {width:138px; background:#f5f5f5; border:1px solid #666; padding:5px 0; margin-bottom:5px; text-align:center}
.plug-fpo h6, .plug-fpo p {text-align:center;}
.plug-fpo h6 {font-size:1.8em; margin:0 3px 3px 3px;}
.plug-fpo p {margin:0 3px 3px 3px;}
.plug-fpo a {color:#333;}

.plug-image {width:145px; margin-bottom:5px; text-align:center}

.plug-product {width:143px; background:#f2f2f2; border:1px solid #666; padding:5px 0; margin-bottom:5px; text-align:center;}
.plug-product h6, .plug-product p {text-align:center;}
.plug-product h6 {font-size:1.8em; margin:0 3px 3px 3px;}
.plug-product p {margin:3px; font-size:1.1em;}

/********* FOOTER *********/

#footer {clear:both; margin-top:10px; padding:10px 0; font-size: 1.1em;  background:url(/files/imagesWE/global/bkgds/footer-shim.gif) repeat-x; border:1px solid #ccc; border-width:1px 1px 0 1px;}
* html #footer {background:none; border:none;}

#footer p.footerlinks {margin-bottom:15px;}
#footer p.footerlinks a {color:#666;  margin:0 10px;}
#footer p.footerlinks a em {color:#900; font-style:normal;}
#footer p {text-align:center;}
#footer p strong {font-size:1.6em;}
#footer img {margin-bottom:5px;}

#footer p.footerlogo {display:none; line-height:0; text-align:center;}
* html #footer img {display:none; line-height:0;}
* html #footer p.footerlogo {display:block; line-height:normal; text-align:center; font-weight:bold;}
#footer-bottom {padding:10px 0; background:#fff url(/files/imagesWE/global/bkgds/pattern-shim.gif) repeat-x; text-align:left; color:#666;}
#footer-bottom strong {color:#333;}


/******************************* CENTER COLUMN *******************************/

/*  CENTER CONTENT */
#content {font-size:1.2em; margin:10px 15px 10px 15px;}

.centerbanner {margin-bottom:10px; border-bottom:1px solid #ccc;}
#breadcrumbs p {margin:0 0 10px 0; font-size:.9em;}
 

/*  CATEGORY/PRODUCTLINE DISPLAY  */
#category-top {background: url(/files/imagesWE/sticks/homepage-stick.gif) no-repeat right 1px; border-bottom: 1px solid #333;}
#category-top #bigtitle {font:4.5em Georgia, "Times New Roman", Times, serif; color:#333;}
#category-top h1 {font-size:1.6em; color:#666; font-weight:normal; margin:0 0 0 4px;}
#category-top p {margin:6px 4px 0;}

/*  Category/Cross-Sell thumbnail diplay  */
#cat h2 {font-size:1.1em; font-weight:normal;}
#cat h3 {font-size:1.6em; color:#363; margin:5px 0 10px;}

#cat .catItem h1, #cat .catItem-first h1 {background:#f5f5f5 url(/files/imagesWE/global/bkgds/cathead-shim.gif) repeat-x; border:1px solid #ccc; font-size:1.4em; padding:5px 24px; text-align:center;}
#cat .catItem h1 a, #cat .catItem-first h1 a {text-decoration:underline}
#cat .catItem h1 a:hover, #cat .catItem-first h1 a:hover {text-decoration:none;}
#cat .catItem h2, #cat .catItem-first h2 {font-size:1.1em; font-weight:bold; color:#666; margin:2px;}
#cat .catItem p, #cat .catItem-first p {margin:0 4px 5px 4px; font-size:.9em;}
#cat .catItem img, #cat .catItem-first img {margin:5px 0 5px 5px;}
#cat .catItem .buttons , #cat .catItem-first .buttons {font-size:1.1em; font-weight:bold;}
#cat .catItem .buttons img, #cat .catItem-first .buttons img {vertical-align:middle; margin-left:0}

/************  PRODUCT PAGE  ************/

/*  nav bar  */
.prodline {margin-bottom:10px; overflow:auto; clear:both;}
.prodline ul {font-size:.9em; border:1px solid #ccc; overflow:auto; background:#f5f5f5 url(/files/imagesWE/global/bkgds/prodline-shim.gif) repeat-x;}
.prodline li {color:#333; width:284px; float:left; display:inline; padding:10px 0 10px 10px; vertical-align:middle; font-weight: bold;}
.prodline li.prev-feature {}
.prodline li.prev-feature a {background:url(/files/imagesWE/global/bkgds/arrow-circle-green-left.gif) no-repeat 0 2px;  padding:5px 0 5px 28px;}
.prodline li.next-feature {text-align:right;}
.prodline li.next-feature a {background: url(/files/imagesWE/global/bkgds/arrow-circle-green.gif) no-repeat right 2px;  padding:5px 28px 5px 0;}

/************  GENERAL PAGES  ************/
#feature-top {margin:10px 0;}
#feature-top h1 {font-size:2em; }
#feature-top h2 {font-size:1.4em; font-style:italic; color:#666; font-weight:normal; margin:2px 0 4px 0;}
#feature-top p {margin:6px 0 0;}
#feature-top img {float:right; margin-left:5px; }

#feature-body {margin:10px 0; clear:both; padding:0 5px;}
#feature-body h3 {clear:both; font-size:1.8em; color:#900;}
#feature-body h4 {clear:both; font-size:1.4em; font-weight:bold;font-style:italic}

#feature-body p {clear:both; margin:0 0 10px; line-height:16px;}
#feature-body ul, #feature-body ol {margin:0 0 10px 20px; width:250px; float:left;}
#feature-body li {background:url(/files/imagesWE/global/bkgds/arrow-green.gif) no-repeat left 6px; list-style-type:none; padding:2px 12px; font-weight:bold; color:#333;}
#feature-body li a {font-weight:bold;}

/************  GENERAL PAGES  ************/
#general-top {margin:10px 0;}
#general-top h1 {font-size:2em; }
#general-top h2 {font-size:1.2em; font-style:italic; color:#666; font-weight:normal; margin:2px 0 4px 0;}
#general-top p {margin:0 0 5px;}
#general-top img {float:right; margin-left:5px;}

#general-body {margin:10px 0;}
#general-body h3 {font-size:1.8em; color:#900;}
#general-body h4 {font-size:1.4em; font-weight:bold;font-style:italic}
#general-body h5 {font-size:16px; font-weight:bold; color:#900; text-align:center; margin-bottom:5px;}
#general-body  .tips {font-size:1.4em; color:#900;}

#general-body p {margin:0 0 10px; line-height:16px;}
#general-body ul, #general-body ol {margin:5px 0 10px 20px;}
#general-body li {background:url(/files/imagesWE/global/bkgds/bullet-gray.gif) no-repeat left 6px; list-style-type:none; padding:2px 12px; font-weight:normal;}
#general-body li a {font-weight:bold;}
#general-body li.list-highlight {font-weight: bold; color:#363;}

#general-body .faqs h2 {border-top:1px solid #ccc; font-size:14px; color:#333; padding-top:10px;}

#general-body .testimonials {border:1px solid #ccc; border-width:1px 0; overflow:auto; padding-top:5px;}
#general-body .testimonials img {border:1px solid #ccc;}
#general-body .testimonials .leftalign {margin:0 10px 5px 0;}
#general-body .testimonials hr {clear:both; border:1px dotted #ccc; border-width:0 0 1px 0; margin-top:5px;}
#general-body .testimonials p {clear:none; font-size:.9em; color:#333; margin-bottom:3px;}
#general-body .testimonials h3 {margin:0 5px 0 5px; font-size:1.5em; color:#333;}


/*  Email/Catalog Signup forms */
#forms {clear:both;width:540px; margin:15px auto 10px auto; font-size:12px; border:1px solid #ccc;}
* html #forms {\width: 580px; w\idth:590px;}
*:first-child+html #forms {width:590px;}
#forms h3  {background:#f5f5f5 url(/files/imagesWE/global/bkgds/prodline-shim.gif) repeat-x; font-size:.9em; color:#333; padding:8px; line-height:normal; font-weight:normal; border-bottom:1px solid #ccc;}
#forms h3 strong {font-size:1.4em; color:#363;}
#forms p {padding:5px 0;}
#forms img {margin:0; float:none;}
#forms table {margin:0; width:100%;}
#forms table td, #forms table th {padding:2px 5px; vertical-align:top; font-size:.9em;}
#forms table th {text-align:right; padding-top:10px; font-weight:normal; width:200px;}
#forms table th#checkbox-th {padding:3px 2px 0 0; vertical-align:top;}
* html #forms table th#checkbox-th {width:216px; padding-top:10px;}
*:first-child+html #forms table th#checkbox-th {width:216px; padding-top:10px;}

#forms input, #forms select, #forms textarea {width:200px; height:16px; margin:2px 0; border:1px solid #ccc; padding:3px; margin:5px 0; color:#333 ;}
#forms textarea {height:50px;}
#forms select {width:auto; height:24px;}
#forms th.checkbox {vertical-align:top; padding:2px;}
#forms .checkbox input {width:auto; padding:0; border:none; margin:0;}

#forms p.smalltext-email {font-size:11px; margin:0 0 5px 0; padding:0;}
#forms .smalltext-email strong {font-size:14px; font-style:italic; color:#000}


/*  THANK YOU PAGES  */
#thankyou-top {margin:10px;}
#thankyou-top h1 {font:36px Georgia, "Times New Roman", Times, serif; color:#333; font-weight:normal; margin-bottom:20px; text-align:center}
#thankyou-top p {margin:0 0 10px 0; line-height:16px;}


