﻿/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css 4387 2006-09-04 13:54:28Z drbyte $
 */
 
html {
  margin: 0;
  padding: 0;
}
body  {
	margin: 0;
  padding: 0;
 	font-family: arial, lucida sans unicode, verdana, arial, helvetica, sans-serif;
	font-size: 80%;
	line-height: 160%;
	color: #111;
	background: url(../images/mainbg.jpg) top repeat-x;
}

div.endcap {
  display: none;
}

#mainWrapper {  } /* controls everything between header and footer */

a img {border: none; }
a { color: #639; text-decoration: none; }
a:visited { color: #369; text-decoration: none; }
a:hover { color: #8c70a4; text-decoration: underline; }

.clearBoth { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }

h1 { margin:0; padding:10px 0; font-size:1.8em; font-weight:700; }
h2 { margin:0; padding:10px 0; font-size:1.4em; font-weight:700; }

/********************************** header **********************************/
#headerWrapper { margin-bottom:5px; }

#brandWrapper { width:975px; height:100px; padding:0; margin:0px auto 0px; }

#logoWrapper { width:450px; padding:5px 0 0 10px; float:left; }
.tagline { font-size:15px; font-weight:bold; margin-left:70px; }

#cartinheader { width:130px; height:90px; padding:10px 0 0 10px; float:left; line-height:13px; }
#cartinheader span.title { color:#c51a30; font-weight:bold; }
#cartinheader span.tag { color:#333333; font-weight:bold; }
#cartinheader a { color:#c51a30; }

#navSitelinksWrapper { width: 365px; margin:0; float:right; }
#navSitelinksMenu { margin:0; padding:0; }
#navSitelinksMenu li { height:20px; margin:0 2px 0 2px; display:inline; float:right; list-style-type: none; }
#navSitelinksMenu a { color:#333333; text-decoration:underline; }
#navSitelinksMenu a:hover { text-decoration:none; }

#phoneChatDisplay { width: 365px; margin:0; float:right; height: 80px; font-size:15px; text-align:right; }

#navMainSearch { 
  height:43px; 
  width:958px; 
  position: relative; 
  overflow: visible; 
  margin:-3px auto 0px;
  padding: 2px 0 5px 0; 
  text-align: center;
  line-height: 45px;
  vertical-align: middle;

  background:url(../images/bg-footer-mid.png) top center repeat-x;
  _background-image:url(../images/bg-searchbar-mid.gif);
  _margin-top: -2px;
}
#navMainSearch .endcap {
  padding: 0;
  position: absolute;  
  display: block;
  top: 0;
  width: 20px;
  height: 50px;
  background: url(../images/bg-footer-left.png) top left no-repeat;  
  _background-image: url(../images/bg-searchbar-left.gif);
}
#navMainSearch .endcap.left {
  left: -20px;
}
#navMainSearch .endcap.right {
  right: -20px;
  background-image: url(../images/bg-footer-right.png);  
  _background-image: url(../images/bg-searchbar-right.gif);  
}
#navMainSearch form {
  display: inline;
}
#productSearch { display:inline; margin:10px 0 0 65px; vertical-align: middle; }
#productSelect { display:inline; margin:10px 0 0 20px; vertical-align: middle; }
#productSelect select {
  height: auto;
}
#categorySelect { display:inline; margin:10px 0 0 10px; }
.searchHeaderTitle { font-weight:bold; display: inline-block; }

#phoneNumber { font-size:20px; }

/********************************** Top Menu **********************************/
#navTabs { height:50px; width:1000px; margin:0 auto; padding:0; }
#tabWrapper { 
  /* width:860px; margin:0px auto 0px; */
  position: relative;
  width: auto;
  right: 50%;
  float: right;
}
#navTabs a { font:1.05em Arial, sans-serif; text-decoration:none; color:#ffffff; font-weight:bold; line-height:55px; text-decoration:none; }
#navTabs ul {
  list-style: none; margin:0; padding:0;
  position: relative;
  right: -50%;
  float: left;
}
#navTabs li{ list-style:none; display:block; float:left; margin:0 0px; }
#navTabs li a{ cursor: pointer; display:block; float:left; height:50px; background:url(../images/tabMenu-left.png) no-repeat left; padding:0 0 0 18px; _background-image:url(../images/tabMenu-left.gif); }
#navTabs li a span{ display:block; float:left; background:url(../images/tabMenu-right.png) no-repeat right; height:50px; padding:0 31px 0 13px; _background-image:url(../images/tabMenu-right.gif); _line-height: 50px;}
#navTabs li a:hover{ display:block; float:left;	background:url(../images/tabMenu-on-left.png) no-repeat left; color:#333333; height:50px; _background-image: url(../images/tabMenu-on-left.gif); }
#navTabs li a:hover span{ display:block; float:left; background:url(../images/tabMenu-on-right.png) no-repeat right; height:50px; _background-image: url(../images/tabMenu-on-right.gif);  }
#navTabs li a.current{ display:block; float:left; height:50px; background:url(../images/tabMenu-on-left.png) no-repeat left; color:#333333; _background-image: url(../images/tabMenu-on-left.gif); }
#navTabs li a.current span{ display:block; float:left; background:url(../images/tabMenu-on-right.png) no-repeat right; height:50px; _background-image: url(../images/tabMenu-on-right.gif); }
/* "start" handles the far left tab when it is not selected or current */
#navTabs li a.end span{ display:block; float:left; background:url(../images/tabMenu-end-right.png) no-repeat right; height:50px; _background-image: url(../images/tabMenu-end-right.gif); }
#navTabs li a.end:hover span{ display:block; float:left; background:url(../images/tabMenu-on-right.png) no-repeat right; height:50px; _background-image: url(../images/tabMenu-on-right.gif); }
/* "start" handles the far right tab when it is not selected or current */
#navTabs li a.start{ display:block; float:left; height:50px; background:url(../images/tabMenu-start-left.png) no-repeat left; _background-image: url(../images/tabMenu-start-left.gif); }
#navTabs li a.start:hover{ display:block; float:left; background:url(../images/tabMenu-on-left.png) no-repeat left; height:50px; _background-image: url(../images/tabMenu-on-left.gif); }


/********************************** Left Sideboxes **********************************/
.sideBoxContent { background:#ffffff; border-right:1px solid #646464; border-bottom:1px solid #646464; border-left:1px solid #646464; }
.leftBoxContainer { margin-bottom:15px; }
.leftBoxHeading { margin:0px; width:191px; height:31px; background:url(../images/bg-leftBoxHeading.png) left top no-repeat; border-left:1px solid #646464; }
h3.leftBoxHeading { color:#ffffff; padding:5px 0 0 10px; }

#categoriesContent li { padding-left:5px; }
#informationContent li { padding-left:5px; }
#blogPosts li { padding-left:5px; }

.sideBoxContent li:hover { background:#e8e8e8; }
.sideBoxContent a { display:block; }
.sideBoxContent li a { display:block; _display: inline;}
span.category-subs-selected { font-weight:bold; font-style:italic; text-decoration:underline;  }


/********************************** Body **********************************/
#contentMainWrapper { display: block; max-width:1225px; margin:0 auto 0; padding:10px 0; border:0px solid #888;}
#contentMainWrapper td.columnLeft,
#contentMainWrapper td.columnCenter, 
#contentMainWrapper td.columnRight {
  padding: 0; padding-right : 5px;
}
.centerColumn { min-width:763px; }

#contentMainWrapper td.columnCenter {
  width: 100%;
}

#navColumnOne {  
  width: 195px;
  padding-right: 5px;
}

#navColumnOneWrapper {
  width: 196px;
}
	
/********************************** Breadcrumbs **********************************/
#navBreadCrumb { border-bottom:3px dotted #646464; }
#navBreadCrumb a {font-weight:bold; text-decoration:underline; color:#c51a30; }
#navBreadCrumb a:hover { text-decoration:none; }

/********************************** Center Column Style **********************************/
.centerColumn { padding-left:3px; }
/* .centerBoxWrapper { border: 1px solid #9a9a9a; margin: 1.1em 0; }*/
.centerBoxContents, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
	vertical-align: top; text-align: center; float:left;
}

.centerBoxContentsProducts a.listingButton {
  padding-bottom: 3px;  
}

.buttonRow  { margin-top:15px; }

/********************************** Index Style **********************************/
/* Styling for rounded corners and background images is contained in // stylesheet_indexBanner.css */
/* Only use this .css file to set the size of #indexBanner and style #indexBannerText's contents */ 
#indexBanner { 
  width: 80%; 
  min-width: 743px;
  _width: 743px;
  margin:0px auto 0px; 
  padding:5px 20px 0 15px;
}
#indexBanner h1 { color:#ffffff; font-size:26px; padding-top: 0;}
#indexBanner .leftColumn { 
  float: left;
  margin-right: 35px;
}
#indexBanner ul { 
  margin: 0;
  padding: 0 0 0 35px;
  _padding-left: 0; 
}
#indexBanner li { 
  _margin-left: 35px;
  line-height:15px; 
  linst-style-type:square; 
  font-weight:bold; 
  white-space: nowrap;
}
#indexBannerText { line-height:15px; font-weight:bold; }
#indexBannerText a { color:#ffffff; text-decoration:underline; }
#indexBannerText a:hover { text-decoration:none; }

#indexPageBoxesWrapper { height:328px; text-align:center; padding:0; margin:5px auto 15px; }

.floatingImage.left {
  padding-right: 10px;
  padding-bottom: 1em;
  float: left;
}
.floatingImage.right {
  padding-left: 10px;
  padding-bottom: 1em;
  float: right;
}

#aboutYourHealth { text-align:left; margin-right: 255px; background:url(../images/bg-featuredproductsmodule.png) top right no-repeat; }
#aboutYourHealth h2 { color:#ffffff; height:23px; margin-bottom:0; padding:5px 0 0 5px; margin:0; background:url(../images/bg-productsearchtitle.png) top left no-repeat; _margin-right: -3px; }
#aboutYourHealthContent { margin:0; padding:10px; height:300px; line-height:16px; border-left:1px solid #646464; border-bottom:1px solid #646464; border-right:1px solid #646464; _margin-right: -3px; }
#aboutYourHealthContent h3 { margin:0; }
#aboutYourHealthContent ul { margin-top: 1em; margin-bottom: 0; margin-right: 0; }

#productSearchCenterBox { width: 250px; float:right; text-align:left; background:url(../images/bg-featuredproductsmodule.png) top right no-repeat; }
#productSearchCenterBox h2 { color:#ffffff; height:23px; margin-bottom:0; padding:5px 0 0 5px; margin:0; background:url(../images/bg-productsearchtitle.png) top left no-repeat; }
#productSearchCenterBoxContent { margin:0; padding:10px; padding-top: 110px; height:200px; background:url(../images/gotogirls.jpg) top center no-repeat; border-left:1px solid #646464; border-bottom:1px solid #646464; border-right:1px solid #646464; }

/*********************************** Product Page styling ***********************************/
p.navNextPrevCounter { text-align:center; margin:0; padding:0; }
.navNextPrevList { text-align:center; }
.navNextPrevList ul { margin:0; padding:0; }
.navNextPrevList li { display: inline; margin: 0; padding: 0.5em 0em; list-style-type: none; }

#productName { text-align:center; margin-bottom:5px; padding:5px 0 5px 0; border:1px solid #646464; background-color:#7cbc0d;
	font-family: Arial,Helvetica,sans-serif; font-size: 18px; font-weight:bold; letter-spacing: 0px; }
#imageAndPrice { min-width:765px; }
#productMainImage { width:350px; height:285px; margin-left:25px; float:left; text-align: center; }
#cartAdd { padding: 1em; }
#priceBox { width: 350px; height:285px; margin-left:40px; float:left; text-align: center; background:url(../images/bg-productPrice.png) center center no-repeat; }

#priceBox #cartAdd .addToCart {
  padding-top: 3px;
}

.normalprice { text-decoration: line-through;  }
.productSpecialPrice { color:#c51a30; }

#discountPolicy { margin:0 15px 0 15px; background:#f0f0f0; }

#crossSell { vertical-align: top; text-align: center; }
.centerBoxContentsCrossSell { vertical-align: top; text-align: center; float:left; }

#tabcontentcontainer table { border-collapse:collapse; }
#tabcontentcontainer td { border-bottom:1px solid #0f0; }
#tabcontentcontainer #alsoPurchased td { 
  border-bottom-width: 0px;
  padding-top: 8px; 
  padding-bottom: 5px;
}

/*********************************** Featured Product Module styling ***********************************/
#featuredProducts { margin: 0; display:block; text-align:left; background:url(../images/bg-featuredproductsmodule.png) top right no-repeat; }
#featuredProducts h2 { color:#ffffff; height:23px; margin-bottom:0; padding:5px 0 0 5px; margin:0; background:url(../images/bg-featuredproductsmodule.png) top left no-repeat; }
#featuredProducts .centerBoxWrapperContents { margin:0; padding:10px; line-height:16px; border-left:1px solid #646464; border-bottom:1px solid #646464; border-right:1px solid #646464; }
#featuredProducts div.centerBoxWrapper { border:0px; }


/*********************************** Product Page styling ***********************************/
#productListHeading { margin:10px 0 0 0; padding:0; }
productListing { margin:10px 0 0 0; padding:0; }

.back { float:left; }
.forward { float:right; }

#reviewsInfoDefault .buttonRow { text-align:center; }
#reviewsInfoDefault .forward { margin:20px 15px 0 0; padding:0 10px 10px 10px; background:#fff; border:1px solid #646464; }


/*********************************** Footer styling ***********************************/
#footerWrapper { 
  text-align:center; 
  width: 1000px;
  margin: 20px auto 0 auto;
}

#navFooter {
  position: relative;
  overflow: visible;
  height: 45px;
  padding-bottom: 5px;
  line-height: 45px;
  margin: 0 20px;
  background: url(../images/bg-footer-mid.png) top center repeat-x;
  _background-image: url(../images/bg-footer-mid.gif);
}
#navFooter ul {
  padding: 0;
  margin: 0 auto;
  padding-top: 3px;
  line-height: 42px;
}
#navFooter li { 
  list-style-type: none;
  display:inline; 
}
#navFooter .endcap {
  padding: 0;
  position: absolute;  
  display: block;
  top: 0;
  width: 20px;
  height: 50px;
  background: url(../images/bg-footer-left.png) top left no-repeat;
  _background-image: url(../images/bg-footer-left.gif);
}
#navFooter .endcap.left {
  left: -20px;
}
#navFooter .endcap.right {
  right: -20px;
  background-image: url(../images/bg-footer-right.png);
  _background-image: url(../images/bg-footer-right.gif);
}

#navFooter a { font-weight:bold; color:#333333; }
#footerInfo { margin:0px auto 0px; padding:0; }

#fdadisclaimer { height:50px; width:700px; margin:0px auto 0px; padding:0; font-size:11px; line-height:13px; }





/*********************************** Sitemap styling ***********************************/

li.AZcategory {list-style-type:none; display:block; margin-bottom:20px; }
li.AZproduct { width:45%; float:left; margin-left:2%; list-style-position: outside; }
ul.AZCat { margin-left: 0; padding:0px; list-style-type: none; }
a.AZcatTitle { font-size:15px; font-weight:bold; color:#333; text-decoration:none; }
a.AZcatTitle:hover { color: #639; text-decoration: underline; }


/*********************************** Page Not Found styling ***********************************/
#pageNotFound{margin:0;padding:8px;text-align:left;}
#pageNotFound h1{margin:0;padding:10px 0;font-size:1.5em;font-weight:700;}
#pageNotFound{width:90%;}
#pageNotFound ul, #siteMapList li {margin:0;padding:0;list-style:none;}
#pageNotFound ul li{margin:0 0 0 5px;padding:2px 10px;font-size:1em;color:#000;font-weight:400;}
#pageNotFound ul li.first{font-weight:700;padding:2px 10px;}
#pageNotFound ul ul{margin:0 0 0 5px;padding:2px 10px;list-style:none;}
#pageNotFound ul ul li{margin:0;padding:0 5px;}

#pageNotFound h3 { padding:0; }
#pageNotFound ul { margin:0; padding:0; }
#pageNotFound li { display:inline; float:left; width:205px; height:16px;  }

/*********************************** My Account styling ***********************************/
#myAccountGen li { list-style:none; display:inline; float:left; width:24%; text-align:center; }
#sendSpendWrapper {  }
#prevOrders .tableHeading { background:#646464; color:#fff; }
#prevOrders th, td {  }
.prevOrdersCell { text-align:center; }
legend { font-weight:bold; }

.primaryAddress { margin:0 50px 50px 50px; }

		/** form styling **/
label.radioButtonLabel { display: inline; float:left; }
label.inputLabel { display:inline; float:left; width: 11em; margin-bottom:5px; }
#accountDefault input { display:inline; float:left; margin-bottom:5px; }
#accountEditDefault input { display:inline; float:left; margin-bottom:5px; }
#accountPassword input { display:inline; float:left; margin-bottom:5px; }
#accountHistoryDefault input { display:inline; float:left; margin-bottom:5px; }
#addressBookDefault input { display:inline; float:left; margin-bottom:5px; }
#accountNotifications input { display:inline; float:left; margin-bottom:5px; }
#acctNewslettersDefault input { display:inline; float:left; margin-bottom:5px; }
#accountHistInfo input { display:inline; float:left; margin-bottom:5px; }
#createAcctDefault input { display:inline; float:left; margin-bottom:5px; }
#contactUsDefault input { display:inline; float:left; margin-bottom:5px; }
#checkoutPayAddressDefault input { display:inline; float:left; margin-bottom:5px; }
#checkoutShipAddressDefault input { display:inline; float:left; margin-bottom:5px; }
#enquiry textarea { display:inline; float:left; margin-bottom:5px; }
span.alert { display:inline; float:left; margin-bottom:5px; color: #FF0000; }


/*********************************** Shopping Cart styling ***********************************/
#cartContentsDisplay .tableHeading { background:#747474; color:#fff; }
#cartContentsDisplay .rowEven { height:70px; background:#eaeaea; }
#cartContentsDisplay .rowOdd { height:70px; background:#f0f0f0; }
#scQuantityHeading {text-align:center; }
#scUpdateQuantity {text-align:center; }
#scUnitHeading {text-align:center; }
#scTotalHeading {text-align:center; }
#scRemoveHeading {text-align:center; }

#cartProdTitle { margin-left:5px; }

.cartRemoveItemDisplay { text-align:center; }
.cartSingleDiscount { text-align:center; }
.cartTotalDisplay { text-align:center; }
.cartUnitDisplay { text-align:center; }
.cartQuantityUpdate { text-align:center; }
.cartQuantity { text-align:center; }

#cartSubTotal { background:#747474; color:#fff; font-weight:bold; }
.cartSubTotal { text-align:right; padding-right:15px; }

#cartButtons li { text-decoration: none; display:inline; float:left; width:24%; text-align:center; }
#cartButtons li { padding: 8px 0; }
#cartButtons .secureCheckoutButton { margin-top: -8px; }

#checkoutSuccessOrderNumber { text-align:center; margin:15px; padding:15px; border:1px solid #646464; }
#checkoutSuccessAccountLinks li { list-style:none; display:inline; float:left; width:19%; text-align:center; }

/*********************************** Legacy styling ***********************************/
.back {	float: left; }
.forward { float: right; }
.floatingBox, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper { margin: 0; width: 47%; }
.loginBox { padding:5px; }
.alert { vertical-align: top; color: #FF0000; margin-left: 0.5em; margin-right:5px; }
        

