/* CSS Document */
/* bof Default Styles - *****DO NOT EDIT DEFAULT STYLES FOR INDIVIDUAL BANNERS*****, rather create custom styles lower in this document, after bof Custom Styles below.

For a standard 2 cell banner (one cell for beauty or product image and the other cell for text), insert one of the following sections of code in the banner and place your code inside the table cell:

    For banners with a background image on the left and text on the right, use:
	div id="bannerThree_default_leftBG"><table width="100%"><tr><td class="bannerThree_default_tdBG" height="150px" /><!-- set the height to equal the part of the background that must be visible. --><td class="bannerThree_default_tdText" class="bannerThree_alignLeft"><h1 class="whiteBold">Heading</h1><h4 class="redMediumNormal">Subheading</h4><span class="yellowNormal"><p>This is just a test <a href="#">paragraph</a>.<p>This is a second test paragraph.</span></tr></table></div> for banners with a background image on the left and text on the right.

	For banners with a background image on the right and text on the left, use:
	<div id="bannerThree_default_rightBG"><table width="100%"><tr><td class="bannerThree_default_tdBG" height="150px" /><!-- set the height to equal the part of the background that must be visible. --><td class="bannerThree_default_tdText" class="bannerThree_alignLeft"><h1 class="whiteBold">Heading</h1><h4 class="redMediumNormal">Subheading</h4><span class="yellowNormal"><p>This is just a test <a href="#">paragraph</a>.<p>This is a second test paragraph.</span></tr></table></div>
     


/* Font Color and Weight Classes */
.whiteBold {
    color:#ffffff;
	font-weight:bold;
	}
.whiteNormal {
    color:#ffffff;
	font-weight:normal;
	}
.blackBold {
    color:#000000;
	font-weight:bold;
	}
.blackNormal {
    color:#000000;
	font-weight:normal;
	}
.creamBold {
    color:#f2eac2;
	font-weight:bold;
	}
.creamNormal {
    color:#f2eac2;
	font-weight:normal;
	}
.greyDarkBold {
    color:#333333;
	font-weight:bold;
	}
.greyDarkNormal {
    color:#333333;
	font-weight:normal;
	}
.greyMediumDarkBold {
    color:#666666;
	font-weight:bold;
	}
.greyMediumDarkNormal {
    color:#666666;
	font-weight:normal;
	}
.greyMediumLightBold {
    color:#999999;
	font-weight:bold;
	}
.greyMediumLightNormal {
    color:#999999;
	font-weight:normal;
	}
.greyLightBold {
    color:#CCCCCC;
	font-weight:bold;
	}
.greyLightNormal {
    color:#cccccc;
	font-weight:normal;
	}
.yellowBold {
    color:#FFCC00;
	font-weight:bold;
	}
.yellowNormal {
    color:#FFCC00;
	font-weight:normal;
	}
.redBold {
    color:#cc0000;
	font-weight:bold;
	}
.redNormal {
    color:#cc0000;
	font-weight:normal;
	}
.blueBold {
    color:#80C9FF;
	font-weight:bold;
	}
.blueNormal {
    color:#80C9FF;
	font-weight:normal;
	}
.greenBold {
    color:#80FF80;
	font-weight:bold;
	}
.greenNormal {
    color:#80FF80;
	font-weight:normal;
	}
.orangeBold {
    color:#FF8000;
	font-weight:bold;
	}
.orangeNormal {
    color:#FF8000;
	font-weight:normal;
	}
.pinkDarkBold {
    color:#ff9999;
	font-weight:bold;
	}
.pinkDarkNormal {
    color:#ff9999;
	font-weight:normal;
	}
.pinkMediumBold {
    color:#ffb2b2;
	font-weight:bold;
	}
.pinkMediumNormal {
    color:#ffb2b2;
	font-weight:normal;
	}
.pinkLightBold {
    color:#ffe6e6;
	font-weight:bold;
	}
.pinkLightNormal {
    color:#ffe6e6;
	font-weight:normal;
	}

/* Link Styles for Above Classes */	
.whiteBold a, .whiteNormal a {
    color:#FFCC00 !important;
	background:none !important;
	}
.blackBold a, .blackNormal a {
    color:#ffcc00 !important;
	background:none !important;
	}
.creamBold a, .creamNormal a {
    color:#ffcc00 !important;
	background:none !important;
	}
.greyDarkBold a, .greyDarkNormal a {
    color:#ffcc00 !important;
	background:none !important;
	}
.greyMediumDarkBold a, .greyMediumDarkNormal a {
    color:#ffcc00 !important;
	background:none !important;
	}
.greyMediumLightBold a, .greyMediumLightNormal a {
    color:#ffcc00 !important;
	background:none !important;
	}
.greyLightBold a, .greyLightNormal a {
    color:#ffcc00 !important;
	background:none !important;
	}
.yellowBold a, .yellowNormal a {
    color:#ffffff !important;
	background:none !important;
	}
.redBold a, .redNormal a {
    color:#ffcc00 !important;
	background:none !important;
	}
.blueBold a, .blueNormal a {
    color:#ffcc00 !important;
	background:none !important;
	}
.greenBold a, .greenNormal a {
    color:#ffcc00 !important;
	background:none !important;
	}
.orangeBold a, .orangeNormal a {
    color:#ffffff !important;
	background:none !important;
	}
.pinkDarkBold a, .pinkDarkNormal a {
    color:#ffffff !important;
	background:none !important;
	}
.pinkMediumBold a, .pinkMediumNormal a {
    color:#ffffff !important;
	background:none !important;
	}
.pinkLightBold a, .pinkLightNormal a {
    color:#ffffff !important;
	background:none !important;
/*	border:1px #666666 solid !important;
	padding:0 2px 2px !important;*/
	}

/* Link Hover Styles for Above Classes */
.whiteBold a:hover, .whiteNormal a:hover {
    color:#ffffff !important;
	background-color:#cc0000 !important;
	}
.blackBold a:hover, .blackNormal a:hover {
    color:#ffffff !important;
	background-color:#cc0000 !important;
	}
.creamBold a:hover, .creamNormal a:hover {
    color:#ffffff !important;
	background-color:#cc0000 !important;
	}
.greyDarkBold a:hover, .greyDarkNormal a:hover {
    color:#ffffff !important;
	background-color:#cc0000 !important;
	}
.greyMediumDarkBold a:hover, .greyMediumDarkNormal a:hover {
    color:#ffffff !important;
	background-color:#cc0000 !important;
	}
.greyMediumLightBold a:hover, .greyMediumLightNormal a:hover {
    color:#ffffff !important;
	background-color:#cc0000 !important;
	}
.greyLightBold a:hover, .greyLightNormal a:hover {
    color:#ffffff !important;
	background-color:#cc0000 !important;
	}
.yellowBold a:hover, .yellowNormal a:hover {
    color:#ffffff !important;
	background-color:#cc0000 !important;
	}
.redBold a:hover, .redNormal a:hover {
    color:#ffffff !important;
	background-color:#cc0000 !important;
	}
.blueBold a:hover, .blueNormal a:hover {
    color:#ffffff !important;
	background-color:#cc0000 !important;
	}
.greenBold a:hover, .greenNormal a:hover {
    color:#ffffff !important;
	background-color:#cc0000 !important;
	}
.orangeBold a:hover, .orangeNormal a:hover {
    color:#ffffff !important;
	background-color:#cc0000 !important;
	}
.pinkDarkBold a:hover, .pinkDarkNormal a:hover {
    color:#ffffff !important;
	background-color:#cc0000 !important;
	}
.pinkMediumBold a:hover, .pinkMediumNormal a:hover {
    color:#ffffff !important;
	background-color:#cc0000 !important;
	}
.pinkLightBold a:hover, .pinkLightNormal a:hover {
    color:#ffffff !important;
	background-color:#cc0000 !important;
	}

/* Other Default Styles */
#bannerThree { /*main banner wrapper - this effects all banners in the bannerThree position*/
	margin:-10px -10px 10px -10px;
	}
#bannerThree h1, #bannerThree h2, #bannerThree h3, #bannerThree h4, #bannerThree h5, #bannerThree h6 { /*Removes backgrounds and borders from headings that are currently set in main stylesheet*/
    border:none;
	background:none;
	margin:0;
	padding:5px 0;
	}
#bannerThree p {
    padding:0;
	margin:20px 0 0;
	line-height:20px;
	}
#bannerThree_default_rightBG {
    margin:0; /*IMPORTANT - Do not change - use this setting in all custom id's as well*/
	padding:0; /*IMPORTANT - Do not change - use this setting in all custom id's as well*/
    background-color:#000000;
	background-image:url(../../../../images/banners/frontPageAds/BG_frontPageAdRight.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	/*height:200px !important; /*Set this to the same height as the background image*/
	}
#bannerThree_default_leftBG {
    margin:0; /*IMPORTANT - Do not change - use this setting in all custom id's as well*/
	padding:0; /*IMPORTANT - Do not change - use this setting in all custom id's as well*/
    background-color:#000000;
	background-image:url(../../../../images/banners/frontPageAds/BG_frontPageAdLeft.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	/*height:200px !important; /*Set this to the same height as the background image*/
	}
.bannerThree_alignLeft {
    text-align:left !important;
	}
.bannerThree_alignRight {
    text-align:right !important;
	}
.bannerThree_alignCenter {
    text-align:center !important;
	}
.bannerThree_default_tdText { /*Text cell of 2 cell table*/
    padding:10px 0px 10px 10px;
	width:99%;
}
.bannerThree_default_tdBG {
    width:1%;
	}
/* eof Default Styles */

/* bof Custom Styles */



/* eof Custom Styles */