@charset "UTF-8";
/***************************  

Elanra - Medical Negative Ionizer

http://www.pebbledesign.com.au

***************************/

/**Colours 
blue: #3399FF
darkblue: #59ACFF
green: #669933
font:#666C76
**/

* {
	padding: 0;
	margin:0;
}
fieldset, img { border: none; }
caption, th { text-align: left; }
table { }
p {
	line-height: 22px;
	margin: 0 0 10px 0;
}
a, a:link, a:active, a:visited {
	text-decoration:none;
	color:#669933;
}
a:hover { color: #3972B0; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
.clear { clear: both; }
.left { float: left; }
.right { float:right; }
ul { list-style:none; }
.content ul {
	list-style: url(../images/layout/list.gif) outside;
	padding: 0 0 0 18px;
	margin: 0 0 16px 0;
}
.content ul li { padding: 0; }
ul li a { _zoom: 1; }
.fine { font: 11px Arial, Helvetica, sans-serif; }
hr {
	border: none;
	background: #CCC;
	height: 1px;
	margin: 10px 0;
}
h1 {
	font: normal 26px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #3399ff;
	padding: 24px 0 12px 0;
	text-transform: capitalize;
	line-height: 34px;
}
h2 {
	font: normal 20px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #3399ff;
	line-height:30px;
	padding:12px 0 5px;
}
h3 {
	font: normal 16px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #3399ff;
	padding: 12px 0 4px 0;
	line-height: 24px;
}
h4 {
	font: normal 14px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #3399ff;
	padding: 10px 0 6px 0;
}
/** LAYOUT **/
body {
	background: #f9f9f9 url(../images/layout/background.jpg) center top no-repeat;
	text-align: center;
	font: normal 12px Helvetica, Arial, sans-serif;
	color: #666C76;
}
.container {
	margin:0 auto;
	text-align: left;
	width: 830px;
}
.header { width: 810px; margin: 0 0 0px 0;}
.header h1 { }
.header h1 a {
	display: block;
	height: 80px;
	float: left;
	width: 180px;
}
.header .col {
	float:left;
	width: 200px;
}
.header .top {
	padding: 0;
	list-style:none;
	float:right;
}
.header .top li { float:left; }
.header .top li a {
	float: left;
	color:#666C76;
	display: block;
	padding: 10px 25px 2px 0;
	margin: 0 25px 0 0;
	border-right: 1px solid #666;
}
.header .top li.active a { color: #59ACFF; }
.header .top li a:hover { color: #59ACFF; }
.header .top li.last a { margin: 0; }
.header h2 {
	background: url(../images/layout/slogan.gif) left top no-repeat;
	width: 200px;
	height: 0px;
	padding: 100px 0 0 0;
	overflow: hidden;
	clear:both;
	display: block;
	margin: 4px 0 0 0;
}
.logo { margin-top:15px; }

body.why .header h2 {
	background: url(../images/layout/slogan-40years.gif) left top no-repeat;	
}



/* Easy Slider */
.header .slideshow {
	float: right;
	position: relative;
	width: 580px;
	height: 300px;
	margin:25px -12px 0 0;
}


.slideshow a {
	display:block;
	position: absolute;
	top: 20px;
	left: 30px;
	width: 500px;
	height: 280px;
	z-index: 9999;
	background: url(../images/layout/spacer.gif) top left repeat;
}

#gallery {
	background: url(../images/slideshow/Elanra_Banners-Products.jpg) top left no-repeat;
	float:right;
	padding:269px 0 0;
	position:relative;
	width:536px;
}

#gallery a.getflash {
	display:inline;
	height:auto;
	left:0;
	position:relative;
	top:0;
	width:auto;
}

#ssp {
	z-index: 0;
}

#ssp object {
	z-index: 0;
	position: absolute;
}

#slider {
	height:266px;
	margin:13px 0 0 14px;
	overflow:hidden;
	width:580px;
	background: url(/images/slideshow/slider-bg.png) top left no-repeat;
}
.header .slideshow ul { list-style: none; }
#slider ul, #slider li, #slider2 ul, #slider2 li {
	margin:0;
	padding:0;
	list-style:none;
}
.overlay {
	background: url(../images/slideshow/overlay.png) top left no-repeat;
	height: 292px;
	width: 551px;
	display:block;
	position: absolute;
	top: 0px;
	left: 0px;
}

a#prev, a#next {
	display:block;
	width:25px;
	position:absolute;
	left:-22px;
	bottom: 20px;
	z-index:1000;
	padding: 25px 0 0 0;
	height: 0px;
	overflow:hidden;
	text-indent: -9999px;
}
a#next { left:553px; }
a#prev {
	display:block;
	position:relative;
	width:25px;
	height: 0px;
	background: url(../images/slideshow/slider-prev.png) no-repeat 0 0;
}

a#next { background: url(../images/slideshow/slider-next.png) no-repeat 0 0; }

.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next {
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}
/** NAVIGATION - PRIMARY **/

.primary {
	float:left;
	width: 240px;
	margin: 17px 32px 0 0;
}
.primary ul { list-style: none; }
.primary ul li { }
.primary ul li a {
	display: block;
	height: 0;
	width: 236px;
	padding: 54px 0 0 0;
	overflow:hidden;
}

.primary ul li ul li.active a { color: #27557c; }
.primary ul li.why a { background: url(../images/layout/nav-whyuse.jpg) top left no-repeat; }
.primary ul li.products a { background: url(../images/layout/nav-ourproducts.jpg) top left no-repeat; }
.primary ul li.which a { background: url(../images/layout/nav-whichelanra.jpg) top left no-repeat; }
.primary ul li.ion-news a { background: url(../images/layout/nav-ions-news.jpg) top left no-repeat; }
.primary ul li.instructions a { background: url(../images/layout/nav-instruct.jpg) top left no-repeat; }
.primary ul li a:hover { background-position: -234px 0px; }
.primary ul li.active a { background-position: -234px 0px; }
.primary ul li ul { padding: 0; margin: 0;}
.primary ul li ul li a {
	border-top:1px solid #EFEFEF;
	color:#59ACFF;
	display:block;
	font-size:12px;
	height:auto;
	margin:0 0 0 8px;
	padding:8px 0 6px 8px;
	width:210px;
	overflow: visible;
	line-height: 15px;
}


.primary ul li.products a ul li.active a {
	background-position: -234px 0px;
}



.primary ul li ul li.first a {
	border: none;
}
.primary ul li ul li a:hover { color:#27557c; }
.primary ul li#current li a { background: none; }
.primary ul li.why li a { background: none; }
.primary ul li.products li a { background: none; }
.primary ul li.which li a { background: none; }
.primary ul li.ion-news li a { background: none; }
.primary ul li.instructions li a { background: none; }
/** NAVIGATION - SECONDARY **/
.secondary {
	float: left;
	width: 550px;
}
.secondary ul { list-style: none; }
.secondary li { float: left; }
.secondary li a {
	display: block;
	width: 180px;
	height: 0px;
	padding: 84px 0 0 0;
	overflow: hidden;
}
.secondary li.buyonline a { background: url(../images/layout/nav-sec-buyonline.jpg) 0px 0px no-repeat; }
.secondary li.order a { background: url(../images/layout/nav-sec-phone.jpg) 0px 0px no-repeat; }
.secondary li.whatpeepsay a { background: url(../images/layout/nav-sec-whatpeepsay.jpg) 0px 0px no-repeat; }
.secondary li a:hover { background-position: 0px -83px; }

.secondary li.active a {
	background-position: 0px -83px;
}


/** CONTENT **/
.content {
	display:block;
	float:left;
	min-height:220px;
	padding:0 0 0 5px;
	width:525px;
	line-height: 20px;
}
.news {
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	margin: 40px 0 0 0;
	background: url(../images/layout/news-divider.jpg) center 21px no-repeat;
	padding:0 0 10px;
}
.news .news-item {
	float:left;
	width: 242px;
	padding: 0 15px;
}
.news .news-item img {
	float:left;
	margin: 0 10px 0 0;
}

.news .news-item h2 {
	padding: 0;
}

.news .news-item h2 a {
	font: normal 16px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-transform:uppercase;
	padding: 13px 0 8px 28px;
	float: none;
	color: #666;
}
.news .news-item h2 a:hover { color: #3399FF; }
.news .news-item {
	background: url(../images/layout/news-item1.jpg) 14px 10px no-repeat;
	_background: none;
}
.news .news-item:first-child { background: url(../images/layout/news-item2.jpg) 14px 10px no-repeat; }
.news .news-item a {
	float: right;
	display: block;
	border: none;
}
.news-list {
	padding: 0;
	margin: 0;
}
.news-list .news-item {
	padding: 10px 0 0;
	margin: 0 0 10px 0;
	border-top: 1px solid #ccc;
}
.news-list .news-item:first-child {
	border: none;
	padding: 0;
}
/** FOOTER **/
.footer { margin: 40px 0 0 0; border-top:1px solid #CCCCCC; width: 800px;}
.copyright {
	float:left;
	margin: 10px 0 20px 0;
}
.footerlink {
	margin: 10px 0 20px 0;
	float: right;
}
.footerlink ul { list-style: none; }
.footerlink ul li { float: left; }
.footerlink ul li a {
	float: left;
	font-weight: normal;
	display: block;
	padding: 0 8px;
	border-right: 1px solid #999;
	color: #999;
}
.footerlink ul li.last a {
	border: none;
	padding: 2px 0 0 8px;
}
.footerlink ul li a:hover { color: #59ACFF; }
/* Forms */
form { font-size:12px; }
form label {
	margin:6px 0 0 0;
	position:absolute;
}
.text1, .cat_textbox, .cartInputText {
	width:250px;
	margin:2px 0 2px 170px;
	padding:3px;
	font-size:12px;
	color:#666;
	border:1px solid #CCC;
	font: 12px Arial, Helvetica, sans-serif;
}
.cat_textbox {
	width:152px !important;
	margin:0;
}
.text1:hover, .cat_textbox:hover, .productTextInput:hover, .cartInputText:hover, .text1:focus, .cat_textbox:focus, .productTextInput:focus, .cartInputText:focus { border-color:#333; }
.formbutton {
	width:160px;
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 170px;
	height:24px;
	width:110px;
	background-color:  #3399FF;
	border: none;
	color: #FFF;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.formbutton:hover, .productSubmitInput:hover { background-color: #5387B4; }
.mandatory {
	font-weight:bold;
	color: #3399FF
}


.shop-receipt, .shop-quote-receipt {
	border: none;
}



.captchaimg, #CaptchaV2 { margin: 0 0 0 170px; }
input.text3 { margin: 8px 0 8px 170px; }

.system-message, .system-error-message {
	color:#666666;
	height:auto !important;
	min-height:110px;
	padding: 0;
	border: none;
	background: none;
}

.system-message h1, .system-error-message h1 {
	color:  #3399FF;
	margin: 0;
}

.comment-name {
	font-weight: bold;
}


ul.ul-2col {
	float:left;
	margin:0 24px 0 0;
	width:220px;
}

table td {
	padding: 0 10px 5px 0;
}

.comment-quote {
	font-size: 12px;
	color: ;
}


/**================ E-Commerce ===============**/

/** E-Commerce - SMALL VIEW**/

table.productSmall {
	text-align: center;
}
					

.productSmall .product-image {
	height:130px;
	margin:0 0 10px 0;
}

.productSmall .product-image img {
		
}

.productSmall h3 {
	padding: 0;
	font-size: 16px;
	color: #669933;
}

.product-price {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:22px;
	font-weight:normal;
	
}

.productSmall .productTextInput, .productLarge .productTextInput {
	border:1px solid #999999;
	height:13px;
	margin:0 10px 0 0;
	padding:2px;
	width:14px;
}

.productSmall .product-quantity {

}

.productSmall .productItem {
	width: 260px;
	border-bottom:1px solid #CCCCCC;
	padding:15px 0;
	margin: 0;
	vertical-align: top;
}

input.productSubmitInput {
	margin: 10px 0 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 95px;
	font-size: 11px;
	font-weight:bold;
	height:24px;
	background-color:  #3399FF;
	border: none;
	color: #FFF;
	cursor: pointer;
}

/** E-Commerce - LARGE VIEW**/


.productLarge .product-image-large {
	float: left;
}

.productLarge h3 {
	font-size: 18px;
	color: #669933;
}


.media-literature span {
	display:block;
	padding:3px 0;
}

#catCartSummary {
	background:  #3399FF;	
}

a.cartSummaryLink {
	font-weight: bold;
	font-size: 14px;
	color: #FFF;
}

td.cartSummaryItem {
	color: #FFF;
	padding: 5px 20px 3px;
	width:490px;
	text-align: right;
}

table.cartSummaryTable {
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	background: #68b4ff none repeat scroll 0 0;
	border-collapse:collapse;
	border-spacing:0;
	float:right;
	font-size:12px;
	padding:0 20px;
	margin: 14px 0 10px;
}

table.shoppingcart th {
	background: #ededed;
}

input.cartInputText {
	margin: 0;
}




table td.c1 {
	text-align: left;
}

#t1c, #t1 {
color:#666666;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
margin:3px 0 0 -16px;
text-decoration:none;
}

a.instructional-manual {
	background: url(../images/layout/instruction-manual.jpg) 0px 0px no-repeat;
	width: 549px;
	height: 0px;
	padding: 54px 0 0 0;
	overflow: hidden;
	display: block; text-indent: -9999px;
}

a:hover.instructional-manual {
	background-position: 0px -55px;
	
}

.sitemap ul {
	margin: 0;	
}

.sitemap ul li a {
	font-weight: bold;
}

.sitemap ul li ul li a {
	font-weight: normal;
	font-size: 11px;}
	
.sitemap hr {
	margin:7px 0 9px;}

.product-info a {
	background: url(/images/layout/product-info-btn.png) 0px 0px no-repeat;
	width: 210px;
	height: 0px;
	padding: 32px 0 0 0;
	overflow: hidden;
	text-indent: -9999px;
	display:block;
	float: right;
}

.product-info a:hover, .product-info a:active, .product-info a:focus {
	background-position: 0px -32px;
}



a.purchase-online {
	background: url(/images/layout/purchase-online.jpg) 0px 0px no-repeat;
	width: 461px;
	display:block;
	height: 104px;
}

a:hover.purchase-online {
	background-position: 0px -107px;
}


.addthis {
	float: right;
	padding: 0 10px 0 0;
}

.addthis span {
	margin:-2px 1px 0;
}

.product-btn {
	margin: 10px 0 0;
	
}

.instruct a {
	background: url(/images/layout/instruct-manual.png) 0px 0px;
	display:block;
	float: left;
	width: 148px;
	height: 30px;
	margin: 1px 0px 0 0;
}

a.instruct {
	background: url(/images/layout/instruct-manual.png) 0px 0px;
	display:block;
	float: left;
	width: 148px;
	height: 30px;
	margin: 0 10px 0 0;
}

.product-btn a.tech {
	background: url(../images/layout/tech-specs.png) 0px 0px;
	display:block;
	float: left;
	width: 171px;
	height: 30px;
	margin: 0 10px 0 0;
}

.product-btn a.faqs {
	background: url(../images/layout/faqs.png) 0px 0px;
	display:block;
	float: left;
	width: 61px;
	height: 30px;
	margin: 0 10px 0 0;
	
}

.instruct a:hover, .product-btn a:hover.instruct, .product-btn a:hover.tech, .product-btn a:hover.faqs {
	background-position: 0px -30px;
}


.music {
	display:block;
	float:right;
	height:20px;
	margin:-30px 0 0;
	padding:0 23px 0 0;
	width:100px;
}


table.shoppingcart td {
	padding: 12px 0 0 8px;
}



.ship {
	background: url(../images/ecommerce/shipping.jpg) top left no-repeat;
	width: 478px;
	height: 41px;
	padding: 15px 20px 0;
	
}


.choose-ship {
	padding: 15px 0 5px 0;
	display:block;		
}
span#shippingSpan {
	color:#FFFFFF;
	float:left;
	font-size:13px;
	padding:1px 0 0;
}

.ship select.shippingDropDown {
	display:block;
	float:right;
	font-size:12px;
	height:21px;
	padding:1px 0;
	width:300px;
}

.ship select option {
	height: 15px;
	padding: 2px 0 2px 10px;

}

.total {
	font: normal 20px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #333;
	padding: 24px 0 12px 0
}

.total1 {
	font-size: 14px;
	color: #333;
	padding: 24px 0 12px 0
}

tr.item td {
	border-bottom:1px solid #ccc;
}



table.shoppingcart th {
	padding: 2px 0 2px 8px;
}

tr.item td { padding: 15px 0 10px 8px;}


.science-link {
	border-bottom:1px solid #CCCCCC;
	padding:0 0 15px;
}

ol {
	padding: 0 0 0 20px;
	
}


.productSmall .catProductAttributeGroup {
	display:block;
	padding:0 0 0 41px;
}

.productSmall .catProdAttributeTitle {
	float: left;
	width: 50px;
}

.productSmall .catProdAttributeItem {
	float: left;
	width: 80px;
}

.productSmall .catProdAttributeItem select {
	border:1px solid #999999;
	padding:1px;
	width:130px;
	}
.productSmall .catProdAttributeItem select option {
	padding: 1px 3px;
}



.map {
	border: 5px solid }



								
/**Colours 
blue: #3399FF
darkblue: #59ACFF
green: #669933
font:#666C76
**/

