/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 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_new.css 1.7 2006-10-29 jettrue $
 * niche worldpay
 */

* {
	margin:0;
	padding:0;
	}
	
body {
	margin: 0 auto;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70.0%;
	color: #333;
	background:#999;
	padding-top:5px;
	width:99%;
	}

a img {
	border: none; 
	}

a:link, #navEZPagesTOC ul li a {
	color: #933;
	text-decoration: none;
	}

a {
	color:#933;
	}
 
a:visited {
	/*color: #3300FF;*/
	text-decoration: none;
	}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
	color: #333;
	}

a:active {
	color: #0000FF;
	}

h1 {
	font-size: 1.5em;
	}
	
h2 {
	font-size: 1.4em;
	}
	
h3 {
	font-size: 1.1em;
	}

h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
	font-size: 1.1em;
	}

.biggerText {
	font-size: 1.2em;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0.3em 3px;
	}

CODE {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	}
	
FORM, SELECT, INPUT {
	font-size: 1em;
	margin: 0.2em;
	padding: 0.2em;
	}

TEXTAREA {
	margin: auto;
	display: block;
	width: 95%;
	text-align:left
	}
	
input:focus, select:focus, textarea:focus {
	background: #F0F8FF;
	}
	
FIELDSET {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #cccccc;
	}
	
LEGEND {
	font-weight: bold;
	padding: 0.3em;
	}

LABEL, h4.optionName {
	line-height: 1.25em;
	padding: 0.1em;
	}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
	font-size: 0.95em;
	margin: 0.2em 0.5em;
	}

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}

.categoryListBoxContents {
font-weight: bold;
}

LABEL.inputLabel {
	font-size: 1em;
	width: 10em;
	float: left;
	}

LABEL.inputLabelPayment {
	width: 15em;
	float: left;
	}

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel  {
	width: 12em;
	float: left;
	}

P, ADDRESS {
	padding: 0.5em;
	}
	
ADDRESS {
	font-style: normal;
	}
	
.clearBoth {
	clear: both;
	}
	
HR {
	height: 1px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
  border: none;
	border-bottom: 1px solid #9a9a9a;
	}
	
/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #000000;
	}
	
.messageStackWarning, .messageStackError {
	background-color: #933;
	color: #ffffff;
	}
	
.messageStackSuccess {
	background-color: #CBD7AD;
	color: #000000;
	}
	
.messageStackCaution {
	background-color: #FAFAA6;
	color: #000000;
	}
	
/*wrappers - page or section containers*/
div#mainWrapper {
	text-align: left;
	width: 98%;
	vertical-align: top;
	background:#fff;
	border:5px solid #333;
	}

#headerWrapper,   #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {}

/*	
#logoWrapper {
	background: url(../images/shadow.gif) repeat-x bottom;
	height:105px;
	width:100%;
	}
*/
	
#contentMainWrapper {
	padding:0 .5em;
	}
	
#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
	margin: auto;
	}
	
#logo {
	width:338px;
	float:left;
	}
	
/* BOF Top Nav Links with Image (shopping cart/contact us/my account). If you'd like to use text links only, comment out this section, and un-comment out the following section*/

#tagline {
	float:right;
	height:70px;
	width:336px;
	}
	
#tagline ul {
  	height:86px; 
  	margin:0;
  	width: 336px;
	background:#fff url(../images/topnav.gif) no-repeat right top;
  	}
  
#tagline li {
  	list-style-type:none; 
  	width:0;
  	height:67px;
    position:absolute;
  	}
  
#tagline a {
	float:left;
  	height:0;
	position:absolute; 
  	color:#000; 
  	text-decoration:none; 
 	padding-top:66px; 
  	font-size: 1.5em;
 	}
  
#tagline a#sc{
  	position:absolute; 
  	left:30px; 
  	top:0px;
  	width:90px;
  	}
  
#tagline a#cu {
  	position:absolute; 
  	left:140px; 
  	top:0px; 
  	width:85px;
  	}
  
#tagline a#ma{
  	position:absolute; 
  	left:250px; 
  	top:0px; 
  	width:85px;
  	}

#tagline i{visibility:hidden}

/*EOF Top Nav Links with Image */


/*beggining of top navigation with link only (shopping cart/contact us/my account) to use these text links, comment out the previous section, and un-comment this section.

#tagline {
  color:#000;
  font-size: 1.5em;
  text-align : center; 
  height:80px;
  z-index:10;
}
#tagline ul{ 
list-style-type:none; 
text-align:center; 
} 
#tagline ul li{ 
display:inline;
} 
#tagline ul li a{ 
float:left; 
margin-left:14px;
width:100px; 
} 
#tagline ul li a:link, #tagline ul li a:visited{text-decoration:none;color:#333} 
#tagline ul li a:link:hover, #tagline ul li a:visited:hover{color:#000;} 
#tagline ul li a i{font-style:normal}

/*end of top navigation with links only */



#sendSpendWrapper {
	border: 1px solid #cacaca;
	float: right;
	margin: 0em 0em 1em 1em;
	}

.floatingBox, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #csNotifications, #navEZPagesTOCWrapper {
	margin: 10px 0px;
	width: 46%;
	}
	
#accountLinksWrapper  {
	margin: 10px 0px;
	width: 75%;
	}
	
.wrapperAttribsOptions {
	margin: 0.3em 0em;
	}

/*navigation*/

.navSplitPagesResult {
	margin: 0.5em;
	font-size: 0.9em;
	}
	
.navSplitPagesLinks {
	margin: 0.5em;
	font-size: 0.9em;
	}
	
.navNextPrevCounter {
	margin: 0em;
	font-size: 0.9em;
	}
	
.navNextPrevList {
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding:  1em 0em;
	list-style-type: none;
	}

#navSuppWrapper {
	background: url(../images/gradient.gif) repeat-x;
	}


#navMainWrapper, #navSuppWrapper {
	margin: 0em;
	font-weight: bold;
	color: #fff;
	width: 100%;
	font-size:1em;
	}
	
#navCatTabsWrapper {
	margin: 0em;
	font-weight: bold;
	width: 100%;
	font-size:1em;
	}

#navMain ul, #navSupp ul, #navCatTabs ul  {
	margin: 0;
	padding:  .7em 0em 0em 0em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
	}
	
#navMain ul li, #navSupp ul li, #navCatTabs ul li {
	display: inline;
	}
	
#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
	text-decoration: none;
	padding: 0em 0.9em;
	margin: 0;
	color: #fff;
	white-space: nowrap;
	}
	
#navCatTabs ul li a {
	text-decoration: none;
	padding: 0em 0.9em;
	margin: 0;
	color: #666;
	white-space: nowrap;
	}
	
#navMainWrapper {
	background: url(../images/gradient.gif) repeat-x;
	margin-bottom:5px;
	}

#navEZPagesTOCWrapper {
	font-weight: bold;
	float: right;
	height: 1%;
	border: 1px solid #000000;
	}
	
#navEZPagesTOC ul  {
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	line-height: 1.5em;
	}
	
#navEZPagesTOC ul li {
	white-space: nowrap;
	}
	
#navEZPagesTOC ul li a {
	padding: 0em 0.5em;
	margin: 0;
	}

#navCategoryIcon, #indexProductListCatDescription {
margin: 0.5em;
}

.buttonRow {
margin: 0.5em 8em 0.5em 0.5em;
}

#navMainSearch {
float: right;
}
	
#navBreadCrumb a {
	color:#333;
	}
	
#navBreadCrumb a:hover {
	color:#933;
	}
	
#navEZPagesTop {
	background-repeat: repeat-x;
	border: 1px solid #9a9a9a;
	}
	
#navBreadCrumb, #navEZPagesTop {
	font-size: 0.95em;
	font-weight: bold;
	margin: 0em;
	padding: 0.5em;
	text-align: center;
	}

#navColumnOne {
	padding: 0.5em;
	/*border-left: 1px solid #cccccc;*/
	}
	
#navColumnTwo {
	padding: 0.5em;
	border-left: 1px solid #cccccc;
	}
	
#navColumnTwo a {
	color:#933;
	}
	
#navColumnTwo a:hover {
	color:#333;
	}

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
	vertical-align: top;
	}

#productDescription, .shippingEstimatorWrapper {
	padding: 0.5em;
	}

.alert {
	color: #933;
	margin-left: 0.1em;
	font-size: 0.9em;
	}
	
.advisory {}

.important {
	font-size: 1.1em;
	}
	
.notice {}

.rating{}

.gvBal {
	float: right;
	}
	
.centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	padding: 0.8em;
	}

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.9em;
	}

/*Shopping Cart Display*/
#cartAdd {
  float: left;
	text-align: center;
	margin: 1em;
	border: 1px solid #000000;
	padding: 1em;
	}

.cartTableHeading TH {
	border-bottom: 1px solid #cccccc;
	}

.cartTableHeading, #cartSubTotal {
	background-color: #e9e9e9;
	height: 2.2em;
 	}

#cartSubTotal {
	border-top: 1px solid #cccccc;
	font-weight: bold;
	text-align: right;
	line-height: 2.2em;
	padding-right: 2.5em;
	}

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay   {
	padding: 0.5em 0em;
	}
	
.cartUnitDisplay, .cartTotalDisplay {
	text-align: right;
	padding-right: 0.2em;
	}
	
#scUpdateQuantity {
	width: 2em;
	}

.cartQuantity {
	width: 4.7em;
	}

.cartNewItem {
	color: #33CC33;
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

.cartOldItem {
	color: #660099;
	position: relative;   /*do not remove-fixes stupid IEbug*/
	}

.cartBoxTotal {
	text-align: right;
	font-weight: bold;
	}

.cartRemoveItemDisplay {
	width: 3.5em;
	}

.cartAttribsList, #cartAttribsList {
	margin-left: 1em;
	}

.normalprice, .productSpecialPriceSale {
	text-decoration: line-through;
	}
	
.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
	color: #933;
	}

#cartBoxListWrapper ul, #ezPageBoxList ul {
	list-style-type: none;
	}

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
	margin: 0;
	padding: 0.2em 0em;
	} 
	
#cartBoxEmpty, #cartBoxVoucherBalance {
  	font-weight: bold;
  	}
	
.orderHistList {
	margin: 1em;
	padding: 0.2em 0em;
	} 

.totalBox {
	width: 5.5em;
	text-align: right;
	padding: 0.2em;
	}

.lineTitle, .amount {
	text-align: right;
	padding: 0.2em;
	}

.amount {
	width: 5.5em;
	}

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
	margin: 0em 1em 1em 0em ;
	}
	
.categoryIcon {}

#cartImage {
	margin: 0.5em 1em;
	}

/*Attributes*/
.attribImg {
	width: 20%;
	margin: 0.3em 0em;
}

.attributesComments {}

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
	margin: 1em 0em;
	}

h2.centerBoxHeading, .productListing-rowheading {
	margin: 0em;
	font-size: 1em;
	color: #333;
	padding: 0.5em 0.2em;
	}
	
.centerBoxWrapper, .tabTable {
	padding: 0px;
	height: 1%; /*do not remove- IEhack*/
	/*border: 1px solid #9a9a9a;*/
	margin-bottom: 1em;
	}

.sideBoxContent {
	/*background-color: #ffffff;
	padding: 0.4em;*/
	margin-left:.3em;
	}

/*h3.rightBoxHeading, h3.rightBoxHeading a {
	font-size: 1.1em;
	color: #FFFF00;
	}*/

/*.rightBoxHeading {
	margin: 0em;
	background-color: #663366;
	padding: 0.2em 0em;
	}*/

h3.leftBoxHeading a:hover {
	color: #933;
	text-decoration: none;
	} 

h3.leftBoxHeading a {
	color: #333;
	text-decoration: none;
	} 
	
h3.rightBoxHeading a:hover {
	color: #933;
	text-decoration: none;
	}
	
.rightBoxContent {
	background-color: #ffffff;
	margin-bottom: 1em;
	}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navNextPrevWrapperTop, #navNextPrevWrapperBottom, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
	text-align: center;
	}

#bestsellers .wrapper {
	margin: 0em 0em 0em 1.5em;
	}

#bestsellers ol {
	padding: 0;
	margin-left: 1.1em;
	}

#bestsellers li {
	padding: 0;
	margin: 0.3em 0em 0.3em 0em;
	}

#bannerboxHeading {
	background-color: #0000CC;
	}
	
#upProductsHeading {
	text-align: left;
	}
	
#upDateHeading {
	text-align: right;
	}
	
/*misc*/
.back {
    float: left;
	}
	
.forward {
	float: right;
	}

.bold {
	font-weight: bold;
	}

.rowOdd {
	background-color: #E8E8E8;
	height: 1.5em;
	vertical-align: top;
	}

.rowEven {
	background-color: #F0F0F0;
	height: 1.5em;
	vertical-align: top;
	}
  
CAPTION {
	/*display: none;*/
	}

#myAccountGen li, #myAccountNotify li {
	margin: 0;
	} 

.accountTotalDisplay, .accountTaxDisplay {
	width: 20%;
	text-align: right;
	/*vertical-align: top*/
	}

.accountQuantityDisplay {
	width: 10%;
	vertical-align: top
	}

TR.tableHeading {
	background-color: #cacaca;
	height: 2em;
	}

#siteMapList {
	width: 90%;
	float: right;
	}

.ratingRow {
	margin: 1em 0em 1.5em 0em;
	}

LABEL#textAreaReviews {
	font-weight: normal;
	margin: 1em 0em;
	}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
	background-color: #ffffff;
	}
	

.productListing-data {
	padding: 1em 0.2em;
	border-bottom: 1px solid #ccc;
	}

.navNextPrevWrapper {
	padding:1em;
	}
		
#productlayout {
	width: 200px;
	float:left;
	}
.hiddenField {
	display: none;
}
.visibleField {
	display: inline;
}

.worldpay {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #ffffff;
  border:1px solid #469ad2;
  padding: 5px;
}

.centerColumn ul {
margin-left: 15px;
}

.centerColumn ol {
margin-left: 20px;
}

/* Teminology Page */
    div.termc6 {text-align: center}
    table.termc5 {width: 97%;}
    td.termc4 {text-align: left; vertical-align: middle;}
    td.termc3 {height: 12.75pt;}
    p.termc2 {text-align: right}
    p.termc1 {text-align: center}

/* Mag Lock Page */
    div.magc11 {font-family: Verdana; text-align: center}
    table.magc10 {direction: ltr; width: 97%;}
    table.magc9 {width: 100%; text-align: left; margin-left: auto; margin-right: auto;}
    img.magc8 {width: 295px; height: 132px;}
    td.magc7 {text-align: left;}
    img.magc6 {width: 191px; height: 132px;}
    img.magc5 {width: 150px; height: 122px;}
    img.magc4 {width: 150px; height: 132px;}
    table.magc3 {width: 100%;}
    p.magc2 {text-align: left}
    p.magc1 {text-align: center; font-size: 16px;}

/* Writing Slope Page */
    p.slopec9 {font-family: Verdana; text-align: right}
    big.slopec8 {font-weight: bold;}
    a.slopec7 {font-family: Verdana;}
    img.slopec6 {width: 250px; height: 192px;}
    img.slopec5 {width: 250px; height: 154px;}
    p.slopec4 {font-family: Verdana; text-align: left}
    img.slopec3 {width: 235px; height: 235px; font-family: Verdana;}
    br.slopec2 {font-family: Verdana;}
    big.slopec1 {font-family: Verdana; font-weight: bold;}

/* Airfree Page */
    div.airc2 {height:50px; padding-top:20px}
    img.airc1 {float: left; height: 350px; width: 68px}
    
/* Egg Page */
    img.eggc4 {width: 477px; height: 238px;}
    img.eggc3 {width: 474px; height: 275px;}
    img.eggc2 {width: 472px; height: 123px;}
    hr.eggc1 {width: 100%; height: 2px;}

/* Attributes box */
#productAttributes {
	float: left;
	padding: 0px 50px 0px 25px;
	background-color: #e9e9e9;
	border: 2px solid #333;        
	}

/*SagePay Cards Accepted Side box*/
/*.SagePayDirectCardsAcceptedSideboxCardIcon - This is the class that is applied to the icons displayed for the credit/debit cards accepted. Our recommendation for addition to the stylesheet is the following:*/
.SagePayDirectCardsAcceptedSideboxCardIcon { margin-left: 4px; margin-bottom: 4px; }

/*.SagePayDirectCardsAcceptedSidebox3DSecureIcon - This is the class that is applied to the 3D-Secure icons. Our recommendation for addition to the stylesheet is the following:*/
.SagePayDirectCardsAcceptedSidebox3DSecureIcon { margin-left: 4px; margin-bottom: 4px; }

/*.SagePayDirectCardsAcceptedSideboxSagePayIcon - This is the class that is applied to the “Sage Pay Secured” icon. Our recommendation is to leave it unstyled as standard.*/

/*.SagePayDirectCardsAcceptedSideboxProtxIcon - This is the class that is applied to the “Protx Secured” icon (if it is enabled in the Sage Pay Direct module's admin). Our recommendation is to leave it unstyled as standard.*/

.centerBoxWrapper {
  border: 1px solid #9a9a9a;
  }

.centerBoxWrapperContents {
  margin-top: 10px;
  }