/********************************************
   	AUTHOR:  		Catherine Eloreine
   	WEBSITE:   		http://www.waterjel.com.au
	TEMPLATE NAME: 	WaterJel Australia
   	       	
 *******************************************/ 

/*** Global ***/
* html { margin: 0; padding: 0; }

body {
	margin: 0;
	padding: 0;
	font: 12px/1.4em Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: left;
}

/*** Layout ***/
#wrapper { 
	width: 800px; 
	margin: 20px auto 0 auto; 
	background: #FFFFFF; 
}

#content { width: 100%; }

#header { background: url(images/header.jpg) no-repeat; height: 175px; }

/*** Top Navigation ***/
#menu {
	float: left;
	margin: 5px 0 0 0;
	padding: 0;
	font:  120%/1.25em "Arial Black", Arial, sans-serif;
	width: 100%;
	height: 30px;
	background: url(images/menu_bg.jpg) repeat-x 0 0;
}

#menu ul {
	margin: 0;
	padding: 0 10px;
	list-style: none;
}

#menu li { display: inline; }

#menu a {
	float: left; 
	background: url(images/menu.jpg) no-repeat left top;
	padding: 0 0 0 10px;
	text-decoration: none;
}

#menu a span {
	float: left;
	background: url(images/menu.jpg) no-repeat right top;
	padding: 5px 20px 0 10px;
	color: #FFF;
}

#menu a:hover { background-position: 0% -30px; cursor: default; }
#menu a:hover span { background-position: 100% -30px; color: #000; }


/*** Left Column --- Main Contents ***/
#main, #main2, #main3 {
	float: left;
	margin: 10px 0 15px 5px;
	padding: 0 5px;
}

#main {	width: 70%; }

#main2 { width: 80%; }

#main3 { width: 75%; } 

/*** Right Column --- Sidebar Right Navigation ***/
#sidebar, #sidebar2, #sidebar3 {
	float: right;
	margin: 30px 0 0 5px;
	padding: 5px;
	background: #ccd5e7; 
	font-size: 13px;
}

#sidebar { width: 25%; }

#sidebar2 {	width: 15%; }

#sidebar3 {	width: 20%; }

#sidebar h1, #sidebar2 h1, #sidebar3 h1 { margin: 0 5px; padding: 0; }

#sidebar ul.sidemenu, #sidebar2 ul.sidemenu, #sidebar3 ul.sidemenu {
	list-style: none;
	text-decoration: none;	
	margin: 5px 0; 
	padding: 0;
}

#sidebar ul.sidemenu li, #sidebar2 ul.sidemenu li, #sidebar3 ul.sidemenu li {
	margin: 0;
	padding: 5px 0 0 18px;
	list-style: none;
	background: url(images/square_bullet.jpg) no-repeat 3px 8px;
}

#sidebar ul.sidemenu li a, #sidebar2 ul.sidemenu li a, #sidebar3 ul.sidemenu li a { 
	text-decoration: none; 
	color: #666666; 
	font-weight: bold;
}

/*** Links ***/
a, a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #2e7eb4; 
}

a:hover { color: #2e7eb4; }

a.readmore, a:hover.readmore { 
	margin: 0;
	padding: 20px 15px 20px 10px;
	color: #666666; 
	font-weight: bold; 
	background: url(images/double_arrow_right.jpg) no-repeat right right; 
}

.prev, .prev2 { 
	float: left;
	font-weight: bolder;
	text-decoration: none; 
	color: #2e7eb4; 
	background: url(images/double_arrow_left.jpg) no-repeat left left; 
}

.prev { margin: 35px 10px 15px 245px; padding: 0 0 0 20px; }
.next { margin: 35px 245px 15px 10px; padding: 0 20px 0  0; }

.prev2 { margin: 35px 10px 15px 200px; padding: 0 0 0 20px; }
.next2 { margin: 35px 200px 15px 10px; padding: 0 20px 0  0; }

.next, .next2 { 
	float: right;
	font-weight: bolder;
	text-decoration: none; 
	color: #2e7eb4; 
	background: url(images/double_arrow_right.jpg) no-repeat right right; 
}

.clear { clear: both; }

/*** Paragraph Formatting ***/
ul, ol { margin: 5px 10px; padding: 0 5px; list-style-type: none; }

h1, h2, h3, p { margin: 0; padding: 10px; }

.illustrate { font-style: oblique; }

h1 { font-size: 150%; color: #2e7eb4; }

h2 { font-size: 140%; color: #2e7eb4; }

h3 { font-size: 120%; color: #2e7eb4; }

.blue_bullet { background: url(images/blue_bullet.jpg) no-repeat 3px 3px; padding-left: 20px; margin-left: 15px; }

.grey_bullet { background: url(images/grey_bullet.jpg) no-repeat 3px 3px; padding-left: 20px; }

.grey_heading { font: bold 12px/1.4em Arial, Helvetica, sans-serif; color: #666666; }

blockquote {
	margin: 0;
 	padding: 10px 20px;  
   	border: 1px solid #f2f2f2;
	font-style: oblique;
}

/*** Images ***/
img { padding: 5px; background: #FFF; }

img.float-left { float: left; margin: 0 5px; }

img.float-right { float: right; margin: 10px; padding: 0 15px; }

/* Table */
table {	margin: 5px 0 0 0; padding: 0; }

th strong {	color: #fff; }

th {
	background: #93BC0C;
	height: 30px;
	padding: 0 12px;
	color: #FFF;
	text-align: left;
	border-left: 1px solid #B6D59A;
	border-bottom: solid 2px #FFF;
}

tr { height: 30px; }

td {
	padding: 5px 12px;
	border-left: 1px solid #FFF;
	border-bottom: solid 1px #ffffff;
}

td.first, th.first { border-left: 0px; width: 600px; }
td.pdf_logo { padding: 5px 3px; background: #FFF; }
td.checked { padding: 5px 0; background: url(images/checked.jpg) no-repeat left center; } 
td.second { border-left: 0; background: #FFF; width: 600px; }
tr.row-a { background: #F8F8F8; }
tr.row-b { background: #EFEFEF; }

/*** Content Headings ***/

/* index.htm headings */
.content_heading1 { width: 100%; height: 50px; float: left; background: url(images/about_us.jpg) no-repeat; }
.content_heading2 { width: 100%; height: 50px; float: left; background: url(images/basics.jpg) no-repeat; }
.content_heading3 { width: 100%; height: 50px; float: left; background: url(images/why_waterjel.jpg) no-repeat; }

/* news.htm heading */
.content_heading4 { width: 100%; height: 50px; float: left; background: url(images/news.jpg) no-repeat; }

/* products.htm headings */
.content_heading5 { width: 100%; height: 50px; float: left; background: url(images/dressings.jpg) no-repeat; }
.content_heading6 { width: 100%; height: 50px; float: left; background: url(images/blankets.jpg) no-repeat; }
.content_heading7 { width: 100%; height: 50px; float: left; background: url(images/burn_kits.jpg) no-repeat; }
.content_heading8 { width: 100%; height: 50px; float: left; background: url(images/burn_stations.jpg) no-repeat; }
.content_heading9 { width: 100%; height: 50px; float: left; background: url(images/burn_jel.jpg) no-repeat; }

/* training.htm headings */
.content_heading10 { width: 100%; height: 50px; float: left; background: url(images/online_burn_care_training.jpg) no-repeat; }
.content_heading11 { width: 100%; height: 50px; float: left; background: url(images/burn_categories.jpg) no-repeat; }
.content_heading12 { width: 100%; height: 50px; float: left; background: url(images/burn_depth.jpg) no-repeat; }
.content_heading13 { width: 100%; height: 50px; float: left; background: url(images/wj_at_work.jpg) no-repeat; }
.content_heading14 { width: 100%; height: 50px; float: left; background: url(images/wj_vs_water.jpg) no-repeat; }

/* downloads.htm headings */
.content_heading15 { width: 100%; height: 50px; float: left; background: url(images/downloads.jpg) no-repeat; }
.content_heading16 { width: 100%; height: 50px; float: left; background: url(images/product_info.jpg) no-repeat; }
.content_heading17 { width: 100%; height: 50px; float: left; background: url(images/publications.jpg) no-repeat; }
.content_heading18 { width: 100%; height: 50px; float: left; background: url(images/clinical_studies.jpg) no-repeat; }
.content_heading19 { width: 100%; height: 50px; float: left; background: url(images/price_list.jpg) no-repeat; }
.content_heading20 { width: 100%; height: 50px; float: left; background: url(images/msds.jpg) no-repeat; }
.content_heading21 { width: 100%; height: 50px; float: left; background: url(images/testimonials.jpg) no-repeat; }

/* links.htm headings */
.content_heading22 { width: 100%; height: 50px; float: left; background: url(images/links.jpg) no-repeat; }
.content_heading23 { width: 100%; height: 50px; float: left; background: url(images/wj_online.jpg) no-repeat; }
.content_heading24 { width: 100%; height: 50px; float: left; background: url(images/burn_care.jpg) no-repeat; }
.content_heading25 { width: 100%; height: 50px; float: left; background: url(images/burn_survivor_info.jpg) no-repeat; }

/* faq.htm headings */
.content_heading26 { width: 100%; height: 50px; float: left; background: url(images/faq.jpg) no-repeat; }
.content_heading27 { width: 100%; height: 50px; float: left; background: url(images/how_waterjel_works.jpg) no-repeat; }
.content_heading28 { width: 100%; height: 50px; float: left; background: url(images/ingredient_in_waterjel.jpg) no-repeat; }
.content_heading29 { width: 100%; height: 50px; float: left; background: url(images/active_ingredient_cooljel_&_burnjel.jpg) no-repeat; }
.content_heading30 { width: 100%; height: 50px; float: left; background: url(images/why_waterjel_contain_teatree.jpg) no-repeat; }
.content_heading31 { width: 100%; height: 50px; float: left; background: url(images/which_waterjel_to_use_&_when.jpg) no-repeat; }
.content_heading32 { width: 100%; height: 50px; float: left; background: url(images/wj_on_chemical_burns.jpg) no-repeat; }
.content_heading33 { width: 100%; height: 50px; float: left; background: url(images/expiration_date.jpg) no-repeat; }
.content_heading34 { width: 100%; height: 50px; float: left; background: url(images/ideal_storage_temperature.jpg) no-repeat; }

/* contact_us.htm heading */
.content_heading35 { width: 100%; height: 50px; float: left; background: url(images/waterjel_aus.jpg) no-repeat; }

/* sitemap.htm heading */
.content_heading36 { width: 100%; height: 50px; float: left; background: url(images/site_map.jpg) no-repeat; }

/* disclaimer.htm heading */
.content_heading37 { width: 100%; height: 50px; float: left; background: url(images/copyright_&_disclaimer.jpg) no-repeat; }


/*** Footer ***/
#footer {
	clear: both;
	height: 25px;
	margin: 20px 0;
	padding: 15px 0;
	text-align: center;	
	font-weight: bolder;
}