/* Default CSS Stylesheet for a new Web Application project */

/*** START STANDARD HTML TAGS ***/
body {
	margin:0px;
	padding:0px;
	}
	
h1 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: Bold;
	color: #004878;
	margin:0px;
	}

h2 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333; 
	}

ul {
	margin-left:0px; 
	}
	
li {
	font-size: 10px;
	margin-left:25px; 
	}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	}
	
td,ul,ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	}
 
a#mainNav {
    display: block;
    width: 14px;
    height: 21px;
    background-image: url(CustomSurfWax/images/leftNav/rollover.gif);
    background-position: 0 0;
    margin: 0 auto;	
    float: left;
	}
	
a#mainNav:hover {
    background-position: 0 -21px;
	}
	
a#mainNav .alt { 
	display: none;
	}

a {
	color: #413F25;
	text-decoration:underline;
	}

a:hover {
	color: #84593C;
	text-decoration:none;
	}
/*** END STANDARD HTML TAGS ***/



/*** START HOME CLASSES ***/
.siteHeaderBg {
	background-image: url(Images/header/topHeaderBg.gif);
	background-repeat: repeat-x;
	}
	
.siteHeaderBg2 {
	background-image: url(Images/Header/topRightBg.gif);
	background-repeat: no-repeat;
	background-position:right;
	padding:58px 17px 10px 0px;
	}

.templateMiddleBg {
	background-image: url(Images/Layout/templateMiddleBg.gif);
	background-repeat: repeat-x;
	background-color: #B7BA92;
	}
	
.templateMiddleLeftBg {
	background-image: url(Images/Layout/templateMiddleLeftBg.jpg);
	background-repeat: no-repeat;
	background-position:right top;
	}

.homeMainBg {
	background-image: url(Images/Layout/homeMainBg.jpg);
	background-repeat: no-repeat;
	padding-left:62px;
	padding-top:190px;
	height:418px;
	vertical-align:top;
	}
	
.newsHomeBg {
	background-image: url(Images/Layout/homeNewsBg.gif);
	background-repeat: no-repeat;
	padding-left:21px;
	padding-top:3px;
	}
	
.newsHome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #413F25;
	}
	
a.newsHome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;
	color: #84593C;
	}
	
a.newsHome:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;
	color: #CE926A;
	}
	
.productFeatured {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #413F25;
	}
	
.productFeatureBg {
	background-position-y: 7px;
	background-image: url(Images/Layout/homeFeaturedBg.gif);
	background-repeat: no-repeat;
	}
	
.productFeatureBg2 {
	background-color: #E9E9E9;
	}
	
.testimonialsHome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #635F38;
	}
	
a.testimonialsHome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #635F38;
	text-decoration:none;
	}
	
a.testimonialsHome:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #9C965F;
	text-decoration:none;
	}
	
/*** END HOME CLASSES ***/



/*** START FOOTER CLASSES ***/
.footerBg {
	background-image: url(Images/Layout/footerBg.gif);
	background-repeat: repeat-x;
	}

.footerText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 20px;
	color: #333333;
	}
	
a.footerText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	line-height: 20px;
	text-decoration:none;
	}

a.footerText:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #84593C;
	line-height: 20px;
	text-decoration:none;
	}
/*** END FOOTER CLASSES ***/




/*** START SITE FORMS CLASSESS ***/
.textbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border:solid 1px #005EAA;
	padding-left:3px;
	}

.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border:solid 1px #082206;
	background-color: #DCDDCA;
	color: #424426;
	padding-left: 2px;
	padding-top: 2px;	
	cursor: hand; 
	}
/*** END SITE FORMS CLASSESS ***/



.errormsg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: Red; 
	}


/*** START TELL A FRIEND CLASSESS ***/
.tafHeaderBg {
	background-image: url(images/TAF/tafHeaderBg.gif);
	background-repeat: repeat-x; 
	}

.templateTafMiddleBg {
	background-image: url(Images/Layout/templateMiddleBg.gif);
	background-repeat: repeat-x;
	}
/*** END TELL A FRIEND CLASSESS ***/


/* HEADER */
.searchTextbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: 1px solid #6D713F;
	padding: 3px;
	width: 117px;
	height: 22px; }

.selectbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: 1px solid #6D713F;
	padding: 3px;
	height: 22px; }
	
.searchDropDown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: 1px solid #D51046;
	padding: 3px;
	height: 22px; }

.statusBar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: normal; }

.loginTextbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #4C5E6A;
	border: 1px solid #FBDAB7;
	padding: 1px;
	width: 100px;
	height: 15px; }

/* IE Parent Cat1 */
a.ieCat1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #413F25;
	text-decoration:none;
	width:150px;
	height:27px;
	display:block;
	padding:5px 5px 5px 19px;
	background-color: #FFFFFF; 
	background-image: url(images/leftNav/parentBgOff.gif);
	background-repeat: no-repeat; 
	}
a.ieCat1:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration:none;
	width:150px;
	height:27px;
	display:block;
	padding:5px 5px 5px 19px;
	background-color: #FFFFFF; 
	background-image: url(images/leftNav/parentBgOn.gif);
	background-repeat: no-repeat; 
	}
a.ieCat1Selected {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration:none;
	width:150px;
	height:27px;
	display:block;
	padding:5px 5px 5px 19px;
	background-color: #FFFFFF; 
	background-image: url(images/leftNav/parentBgOn.gif);
	background-repeat: no-repeat; 
	}
a.ieCat1Selected:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration:none;
	width:150px;
	height:27px;
	display:block;
	padding:5px 5px 5px 19px;
	background-color: #FFFFFF; 
	background-image: url(images/leftNav/parentBgOn.gif);
	background-repeat: no-repeat; 
	}

/* IE Parent Cat2 */
a.ieCat2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #413F25;
	text-decoration:none;
	width:150px;
	height:22px;
	display:block;
	padding:3px 5px 2px 30px;
	background-color: #FFFFFF; 
	}
a.ieCat2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #413F25;
	text-decoration:none;
	width:150px;
	height:22px;
	display:block;
	padding:3px 5px 2px 30px;
	background-color: #FFFFFF; 
	background-image: url(images/leftNav/childBgOn.gif);
	background-repeat: no-repeat; 
	}
a.ieCat2Selected {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #413F25;
	text-decoration:none;
	width:150px;
	height:22px;
	display:block;
	padding:3px 5px 2px 30px;
	background-color: #FFFFFF; 
	background-image: url(images/leftNav/childBgOn.gif);
	background-repeat: no-repeat; 
	}
a.ieCat2Selected:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #413F25;
	text-decoration:none;
	width:150px;
	height:22px;
	display:block;
	padding:3px 5px 2px 30px;
	background-color: #FFFFFF; 
	background-image: url(images/leftNav/childBgOn.gif);
	background-repeat: no-repeat; 
	}


/* MOZ Parent Cat1 */
a.mozCat1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #413F25;
	text-decoration:none;
	width:126px;
	height:22px;
	display:block;
	padding:3px 5px 2px 19px;
	background-color: #FFFFFF; 
	background-image: url(images/leftNav/parentBgOff.gif);
	background-repeat: no-repeat; 
	}
a.mozCat1:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration:none;
	width:126px;
	height:22px;
	display:block;
	padding:3px 5px 2px 19px;
	background-color: #FFFFFF; 
	background-image: url(images/leftNav/parentBgOn.gif);
	background-repeat: no-repeat; 
	}
a.mozCat1Selected {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration:none;
	width:126px;
	height:22px;
	display:block;
	padding:3px 5px 2px 19px;
	background-color: #FFFFFF; 
	background-image: url(images/leftNav/parentBgOn.gif);
	background-repeat: no-repeat; 
	}
a.mozCat1Selected:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration:none;
	width:126px;
	height:22px;
	display:block;
	padding:3px 5px 2px 19px;
	background-color: #FFFFFF; 
	background-image: url(images/leftNav/parentBgOn.gif);
	background-repeat: no-repeat; 
	}	

/* MOZ Parent Cat2 */
a.mozCat2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #413F25;
	text-decoration:none;
	width:115px;
	height:17px;
	display:block;
	padding:3px 5px 2px 30px;
	background-color: #FFFFFF; 
	}
a.mozCat2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #413F25;
	text-decoration:none;
	width:115px;
	height:17px;
	display:block;
	padding:3px 5px 2px 30px;
	background-color: #FFFFFF; 
	background-image: url(images/leftNav/childBgOn.gif);
	background-repeat: no-repeat; 
	}
a.mozCat2Selected {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #413F25;
	text-decoration:none;
	width:115px;
	height:17px;
	display:block;
	padding:3px 5px 2px 30px;
	background-color: #FFFFFF; 
	background-image: url(images/leftNav/childBgOn.gif);
	background-repeat: no-repeat; 
	}
a.mozCat2Selected:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #413F25;
	text-decoration:none;
	width:115px;
	height:17px;
	display:block;
	padding:3px 5px 2px 30px;
	background-color: #FFFFFF; 
	background-image: url(images/leftNav/childBgOn.gif);
	background-repeat: no-repeat; 
	} 


.prodTitleBg {
	background-color: #DEDEDE;
	background-image: url(images/layout/prodTitleBg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height:30px;
	padding-left:10px;	
	}
	
.prodPrice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #434623;
	padding-right:10px;
	}
	
.prodTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #434623;
	}

.listPrice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666; }

.listPrice2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333; }

.listPrice3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #52AE4B; }

.listDetPrice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #D31145; }

.listDetPrice2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #D31145; }
	
.prodStatus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #CC0033; }

.prodListAll {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5B8B9E;
	background: url(images/layout/prodListBgAll.gif) no-repeat.gif;
	padding-left:12px; }

.buy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #385E74; }

.bgCatInfo {
	background: url(images/layout/catAd4.gif) no-repeat.gif; }

.CatInfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	}

/* PRODUCTS SPECIAL */

.prodSpecial {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333 }

.prodSpecialPrice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CC0033; }

	
/* PRODUCTS DETAIL */
.prodHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: Bold;
	color: #0160B0; }

.prodHeadingBlk {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333333; }
	
.prodSubTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #322F2A; }

.prodDetails {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	line-spacing: 2px;
	line-height: 18px; }

.detailSpecTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #322F2A; }
	
.checkoutTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #322F2A; }

.specialOffer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F1C500; }

.featureOffer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #EF5F00; }

a.featureOfferPrice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
	color: #635F38;
	}

a.featureOfferPrice:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	}

.prodOffBg {
	background-image: url(images/layout/prodOffBg.gif);
	background-repeat: repeat-y; }

.prodRelatedTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF; }
	
.prodCatTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: Bold;
	color: #004878; }
	
.checkout {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: Normal;
	color: #FFFFFF; }
	
.checkoutSml {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: Normal;
	color: #FFFFFF; }
	
a.checkoutP {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: Normal;
	color: #FFFFFF; }
	
.NavLink 
{
	color: #D31145; }

/* CHECK OUT */	

.checkoutText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #2E6378; }

.checkoutUser {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2E6378; }

.userBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: 1px solid #D5E0E4;
	width: 195px;
	height: 18px; }
	
.passBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: 1px solid #D5E0E4;
	width: 195px;
	height: 18px; }

.catBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: 1px solid #FFFFFF;
	width: 210px;
	height: 14px; }	

.catCode {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: 1px solid #D5E0E4;
	width: 150px;
	height: 18px; }	
	
.code {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CC0033; }
	
a.memberURL {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #D61147; }
	
a.memberURL:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #D61147; }
	
/* VIEW CART */

.ordTotal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #2E6378; }

.ordTotalPrice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333; }

.gstNotice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #2E6378; }

.cartTextbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: none;
	padding: 3px;
	height: 22px; }

	
/* Data Grids */
.dgrdHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: Bold;
	color: #D31145;
	background-color: #FFFFFF; }

.dgrdItems {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #D9DCE1; }

.dgrdAltItems {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #D9DCE1; }

.dgrdTextbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #001437; }

.dgrdItemsOrd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #FED9A2; }

.dgrdAltItemsOrd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #FFF3E3; }
	

/* Tax Invoice	*/
.taxHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: Normal;
	background-color: #005081;
	color: #FFFFFF;
	padding-left:5px; 
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;}