/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


* Filename: zep.css
* Version: 1.0.0 (08-07-2008) DD-MM-YYYY
* Website: http://www.****.com/
* Author: Michael Newton
* Description: Handles the site layout and text styles.

== STRUCTURE: ==============================
* Page width: 876 px
* Number of columns: 2
============================================


== INDEX: ===================================
_pagestyles : Overally page structure, body, html etc... defines width
_textstyles : All font styles, colouring, size, etc.
_header : styles for header content - logo, nav, flash promo
_content : styles for the three columns
_footer : three column footer styles
============================================


*/


/* _pagestyles
==========================================*/


/* * {
	margin: 0;
	padding: 0;
	}*/
html {
	
	}
body {
	margin: 0;
	padding:0;
	}
#container {
	width: 876px;
	\width: 896px;
	w\idth: 876px;
	_width: 876px;
	padding: 0px;
	margin: 0 auto;
	background-image:url(../images/page_bg.gif);
	background-repeat:repeat-y;
	}
	

	

/* _textstyles
==========================================*/


p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	font-weight:normal;
	margin: 0;
	padding: 0;
	}
p a:link,
p a:active,
p a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#1E6219;
	font-weight:bold;
	margin: 0;
	padding: 0;
	text-decoration:none;
	}
p a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#009900;
	font-weight:bold;
	margin: 0;
	padding: 0;
	text-decoration:underline;
	}
h1 {
	margin:6px 0 0 0;
	}
.headingBg {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:normal;
	font-style:normal;
	font-stretch:2px;
	font-size:18px;
	margin: 0 0 0 -15px;
	padding: 9px 16px 9px 15px;
	height:32px;
	line-height: 31px;
	font-variant: normal;
	overflow:hidden;	
	background-repeat:no-repeat;
	background-position:right;
	position:absolute;
	display:run-in;
	background-image:url(../images/h1-bg.gif);
	}
	
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#979798;
	font-weight:normal;
	font-style:normal;
	font-stretch:2px;
	font-size:18px;
	margin: 0;
	padding: 0;
	line-height: normal;
	font-variant: normal;
	}
h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4A4A4A;
	font-weight:normal;
	font-style:normal;
	font-stretch:2px;
	font-size:18px;
	padding-bottom:4px;
	margin: 0;
	}
h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:normal;
	font-style:normal;
	font-stretch:2px;
	font-size:11px;
	padding-bottom:6px;
	margin: 0;
	text-transform: uppercase;
	line-height: normal;
	font-variant: normal;
	}
h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
	font-style:normal;
	font-stretch:2px;
	font-size:14px;
	padding: 0 0 6px;
	margin: 0px;
	}
h6 {
	padding: 0 0 6px;
	margin: 0px;
	font: bold normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #38B7EA;
	font-stretch:2px;
	}
ul {
	padding:0 0 0 20px;
	margin:0;
	}
ol {
	
	}
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant:normal;
	text-decoration:none;
	list-style: square;
	list-style-position:inside;
	margin:0;
	padding:0;
	}

a:link,
a:active,
a:visited {
	color: #34B8EA;
	text-decoration: none;
	font-weight: bold;
	}
a:hover {
	color: #03933E;
	text-decoration: underline;
	font-weight: bold;
	}
	
.subLink a:link,
.subLink a:active,
.subLink a:visited {
	color: #1E6219;
	text-decoration: none;
	font-weight:normal;
	}
.subLink a:hover {
	color: #03933E;
	text-decoration: underline;
	font-weight:normal;
	}		

.readingTextBlack-9p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	}
.readingTextBlack10p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	}
.readingTextBlack10p:link,
.readingTextBlack10p:active,
.readingTextBlack10p:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #1E6219;
	}
.readingTextBlack12p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	}
.readingTextBlack13p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration:none;
	}
.readingTextBlack13p a:link,
.readingTextBlack13p a:visited,
.readingTextBlack13p a:active {
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration:none;
	}
.readingTextBlack13p a:hover {
	color: #34B8EA;
	text-decoration:underline;
	}
.readingTextBlack14p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	}
.tabNavText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-transform: uppercase;
	}
.buttonLinks a:link,
.buttonLinks a:active,
.buttonLinks a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	margin: 2px 0 2px 2px;
	padding: 0.2em 0 0 10px;
	text-decoration:none;
	height:21px;
	width:167px;
	display:block;
	line-height:16px;
	background: url(../images/common/button_bg.png) no-repeat left center;
	_background: url(../images/common/button_bg.gif) no-repeat left center;
	}
.buttonLinks a:hover {
	color:#6CCCF0;
	background: url(../images/common/button_bg-hover.png) no-repeat left center;
	_background: url(../images/common/button_bg-hover.gif) no-repeat left center;
	}
#contentRight .blueLinksArrow {
	text-indent:20px;
	}
.boldGreenLarge {
	padding: 0 0 6px;
	margin: 0px;
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #1E6219;
	font-stretch:2px;
	}
.boldGreenMedium {
	padding: 0 0 6px;
	margin: 0px;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #1E6219;
	font-stretch:2px;
	}
.boldGreenSmall {
	padding: 0 0 6px;
	margin: 0px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;;
	color: #1E6219;
	font-stretch:2px;
	}
.boldGreenSmallest {
	padding: 0 0 6px;
	margin: 0px;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;;
	color: #1E6219;
	font-stretch:2px;
	}

.boldBlueLarge {
	padding: 0 0 6px;
	margin: 0px;
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #0072CD;
	font-stretch:2px;
	}
.boldBlueMedium {
	padding: 0 0 6px;
	margin: 0px;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #0072CD;
	font-stretch:2px;
	}
.boldBlueSmall {
	padding: 0 0 6px;
	margin: 0px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;;
	color: #0072CD;
	font-stretch:2px;
	}			

.boldPurpleLarge {
	padding: 0 0 6px;
	margin: 0px;
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #4F1C69;
	font-stretch:2px;
	}
.boldPurpleMedium {
	padding: 0 0 6px;
	margin: 0px;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #4F1C69;
	font-stretch:2px;
	}
.boldPurpleSmall {
	padding: 0 0 6px;
	margin: 0px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;;
	color: #4F1C69;
	font-stretch:2px;
	}	

.boldOrangeLarge {
	padding: 0 0 6px;
	margin: 0px;
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #F57516;
	font-stretch:2px;
	}
.boldOrangeMedium {
	padding: 0 0 6px;
	margin: 0px;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #F57516;
	font-stretch:2px;
	}
.boldOrangeSmall {
	padding: 0 0 6px;
	margin: 0px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;;
	color: #F57516;
	font-stretch:2px;
	}					
.boldWhite {
	padding: 0 0 6px;
	margin: 0px;
	font: bold normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-stretch:2px;
	font-style:normal;
	}
.boldWhiteItalics {
	padding: 0 0 6px;
	margin: 0px;
	font: bold normal 14px Verdana, Arial, Helvetica, sans-serif;;
	color: #FFFFFF;
	font-stretch:2px;
	font-style:italic;
	}
.footerTextWhite-9p,
.footerTextWhite-9p a:link,
.footerTextWhite-9p a:visited,
.footerTextWhite-9p a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration:none;
	}
.footerTextWhite-9p a:hover {
	color: #FFFFFF;
	font-size: 9px;
	text-decoration:underline;
	}
.lists {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	font-size:12px;
	color: #FFFFFF;
	list-style:square;
	}
.lists li {
	padding-top:2px;
	margin-left:-0.6em;
	}
.bulletSub {
	margin: 0 0px;
	padding: 0 0px;
 	font: 12px Verdana, Arial, Helvetica, sans-serif; 
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	list-style:circle;
	list-style-position:inside;
	text-indent:20px;
	}
.bulletSub li {
	margin:0;
	padding:0;
	list-style: none;
	}
.bullet {
	margin: 0 0 0 -5px;
	padding: 0 0px;
 	font: 12px Verdana, Arial, Helvetica, sans-serif; 
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	list-style: square;
	list-style-position:outside;
	}
.bullet li {
	margin:0;
	padding:0;
	list-style: none;
	}
	
.warningText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration:none;
	padding-left:30px;
	}


/* _header
==========================================*/


#header {
	background-image:url(../images/head.jpg);
	height:228px;
	width:876px;
	}


/* _content
==========================================*/


#content {
	padding-top:3px;
	padding-left: 30px;
	padding-right: 30px;
	}
#indexRight {
	width:375px;
	height: 95px;
	vertical-align:middle;
	float:right;
	margin-right:14px;
	margin-top:10px;
	}
.verticalLine {
	padding:9px 0px;
	}
#profile {
	width:336px;	
	}
#profileTop {
	background: url(../images/common/profile_top.png) no-repeat center top;
	display: block;
	height:10px;
	width:336px;
	}
#profileBottom {
	background: url(../images/common/profile_bot.png) no-repeat center bottom;
	display: block;
	height:10px;
	width:336px;
	}
#profileMid {
	background-color:#454545;
	display: block;
	width:306px;
	padding:15px;
	}
#profileTitle {
	background-image:url(../images/common/5oceans_logo.png);
	background-repeat:no-repeat;
	background-position:top left;
	border-bottom: 1px solid #262525;
	margin: 13px 0px 26px;
	padding: 74px 10px 0px;
	}
.profileImageHorizontal {
	margin-top:30px;
	}
.profileImageVertical {
	margin-top:-20px;
	margin-right:80px;
	}
.profileImageVerticalContent {
	margin-top:-10px;
	margin-right:80px;
	}
#contentTitle {
	background-image:url(../images/common/5oceans_logo.png);
	background-repeat:no-repeat;
	background-position:top left;
	border-bottom: 1px solid #262525;
	margin: 13px 0px 16px;
	padding: 74px 10px 0px;
	}
#contentLeft {
	float:left;
	width:340px;
	margin-left:10px;
	}
#contentRight {
	float:right;
	width:360px;
	margin-right:10px;
	}
#contentWide {
	float:left;
	width:740px;
	margin-left:10px;
	}
#contentBottom {
	clear:both;
	width:100%;
	margin-right:10px;
	background-image:url(../images/common/horizontal_glow.png);
	background-position:center top;
	background-repeat:no-repeat;
	padding-top:30px;
	}
.thumbnails {
	margin:5px;
	padding:3px;
	border:1px solid #333333;
	}

	

/* _footer
==========================================*/


#footer {
	clear:both;
	background:url(http://www.zepallergyrelief.com.au/images/page_bg_ft.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	}
#middleFooter {
	padding: 5px;
	margin-right: 290px;
	margin-left: 305px;
	padding: 9px 6px 0 14px;
	background-color: #6A6A6A;
	background-image:url(../siteimages/common/footerBg_event.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	border-right:#FFFFFF dashed 1px;
	height:88px;
	}
#leftFooter {
	float: left;
	width: 285px;
	padding: 9px 6px 0 14px;
	background-color: #6A6A6A;
	background-image:url(../siteimages/common/footerBg_report.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	border-right:#FFFFFF dashed 1px;
	height:88px;
	}
#rightFooter {
	float: right;
	width: 270px;
	padding: 9px 6px 0 14px;
	background-color: #6A6A6A;
	background-image:url(../siteimages/common/footerBg_mail.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	height:88px;
	}
#copyrightBar {
	clear:both;
	background-color: #5A5A5A;
	padding:2px 10px 2px 10px;
	border-top:#8a8a8a solid 1px;
	height:14px;
	}

.indexIMG {
	margin-left:50px;
	}	


/* _roundedBorder
==========================================*/


.roundedCornerSpacer {
  margin: 0px; padding: 0px; border: 0px;
  clear: both;
  font-size: 1px; line-height: 1px;
}
/* In the CSS below, the numbers used are the following:
   1px: the width of the border
   3px: a fudge factor needed for IE5/win (see below)
   4px: the width of the border (1px) plus the 3px IE5/win fudge factor
   14px: the width or height of the border image
*/
.borderTL, .borderTR, .borderBL, .borderBR {
  width: 10px; height: 10px;
  padding: 0px; border: 0px;
  z-index: 99;
}
.borderTL, .borderBL { float: left;  clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin:  -1px  0px  0px -1px; }
.borderTR { margin:  -1px -1px  0px  0px; }
.borderBL { margin: -10px  0px  0px  0px; }
.borderBR { margin: -10px  0px  0px  0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px!   Why?  */
.borderTL {
  margin-left: -4px;
  ma\rgin-left: -1px;
  margin-top:-11px;
}
html>body .borderTL  {
  margin-left: -1px;
}
.borderTR {
  margin-right: -4px;
  ma\rgin-right: -1px;
  margin-top:-11px;
}
html>body .borderTR  {
  margin-right: -1px;
}
.borderBL {
  margin-left: -3px;
  ma\rgin-left: 0px;
}
html>body .borderBL {
  margin-left: 0px;
}
.borderBR {
  margin-right: -3px;
  ma\rgin-right: 0px;
}
html>body .borderBR {
  margin-right: 0px;
}
/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */
.content {
  margin: 0px;
  padding: 10px 0px;
  border: 1px solid #8b8e8b;
  background-color:#1E6219;
}

.contentWrapper {
  /* position this div however you want, but
     keep its padding and border at zero */
  padding: 10px 10px 10px 40px;
  border: 0px;
  float:right;
  width:260px;
}
.contentWrapper2 {
  /* position this div however you want, but
     keep its padding and border at zero */
  padding: 10px 10px 10px 20px;
  border: 0px;
  float:right;
  width:260px;
}