/*---
Naswell Corporation
www.naswell.com.au

Created by Breno Pittoli on November 2008
---*/

/*- global -*/
html, body {height:100%;}
body, #top *, #footer *, div.staffThumbs *, #formSubHome fieldset {margin:0; padding:0; border:0;}
body {background:#FFF url('/images/bg_body01.png') repeat-x; font:12px/1.3 Arial, Verdana, sans-serif;}
#main {margin:0 auto; width:955px;}
.hideMe {display:none !important;}

/*- top area -*/
#top {position:relative;}
#top h1, #top h2 {position:absolute;}
#top h1 {top:40px; left:145px; font:28px/1.0 "Trebuchet MS", Arial, sans-serif; color:#6C0;}
#top h1 span {color:#039;}
#top h2 {top:75px; left:145px; font:18px/1.0 Georgia, "Times New Roman", Times, serif; color:#036;}
#top h3 {padding:0; width:140px; height:130px; background:transparent url('/images/logo01.png') 0 0 no-repeat; text-indent:-9999px; display:block;}
#top h3 a:link, #top h3 a:visited {width:140px; height:130px; display:block;}


/* top navigation */
#topNav {list-style:none; position:absolute; top:15px; right:0; display:block;}
#topNav li {padding:0 5px; display:inline;}
#topNav li.borderMe {border-right:1px dotted #999;}
#topNav a:link, #topNav a:visited {color:#009; text-decoration:none;}
#topNav a:hover {color:#666; text-decoration:underline;}

/* top icons navigation */
#iconsNav {background:transparent url('/images/icons_top01.png') 0 -20px no-repeat; width:205px; height:40px; list-style:none; font-size:11px; position:absolute; top:90px; right:0;}
#iconsNav li, #iconsNav a {display:block; float:left;}
#iconsNav li.borderMe {border-right:1px dotted #999;}
#iconsNav span {position:absolute; bottom:0; right:30px; width:205px; text-align:center; color:#666; display:none;}
#iconsNav a {width:42px; height:20px; text-decoration:none;}
#iconsNav a:hover {background:transparent url('/images/icons_top01.png') no-repeat;}
#iconsNav a:hover span {display:block;}
#ico01 a:hover {background-position:0 0;}
#ico02 a:hover {background-position:-43px 0;}
#ico03 a:hover {background-position:-86px 0;}
#ico04 a:link, #ico04 a:visited {width:75px; font-size:12px; color:#036; line-height:20px; text-align:center;}
#ico04 a:hover {background:none; color:#666;}

/* main banners */
#mainBanner {border:1px solid #EEE; width:953px; height:267px; position:relative;}
#mainBanner img {width:953px; display:none; position:absolute; z-index:0; top:0; left:0; opacity:-0.01;}

/* main navigation */
#mainNav {background:#6C0 url('/images/bg_nav01.png') bottom repeat-x; border-bottom:1px solid #999; width:955px; height:40px; text-align:center; list-style:none; display:block; position:relative;}
#mainNav li {padding-left:3px; height:40px; font-size:14px; font-weight:normal; line-height:40px; position:relative; display:inline;}
#mainNav li.borderMe {border-right:1px dotted #ffffff;}
#mainNav li a {padding:0; color:#FFF; text-decoration:none;}
#mainNav li a:hover {color:#CF9;}
#mainNav ul {padding:5px 0; border:1px solid #DDD; border-top:0; background:#cef090; width:190px; text-align:left; position:absolute; left:20px; top:30px; z-index:1000;}
#mainNav ul li {padding:0; background:none; height:24px; font-size:14px; line-height:24px; display:block; float:none;}
#mainNav ul li a {padding:0; border:0; width:100%; font-size:14px; line-height:24px; color:#000f56; text-indent:10px; display:block;}
#mainNav ul li a:hover {background:#CF9; color:#000f56;}

/*- content -*/
#content, #contentCol {border:1px solid #EEE; width:953px; color:#111; display:table;}
#content tr.alternate {background:#EFF0F0;}
#content {background:#FFF;}
#contentCol {background:#FFF url('/images/bg_content02.png') right repeat-y;}
.lightwindow img {margin-left:15px; border:1px solid #DDD !important; float:right; clear:right;}
div.staffBlock {padding:10px 0; display:block; clear:both;}
div.staffThumbs {margin:10px 0 0 10px; width:150px; float:right;}
div.staffThumbs .lightwindow img {margin:0 !important;}
div.staffThumbs h3 {margin-right:3px; font-size:12px !important; line-height:1.8; text-align:center; clear:left !important; display:block !important;}
div.staffThumbs ul {list-style:none !important;}
div.staffThumbs li {margin:0 3px 0 0; float:left;}
div.staffThumbs li a {padding:0 3px; border:1px dotted #CCC; background:#F4F4F4; display:block; font-weight:bold;}
div.staffThumbs li a:hover {color:#000;}
div.staffPics img {float:none !important;}
table.table1 {border:1px solid #DDD; border-top:0; font-size:12px;}
table.table1 tr {background:#FAFAFA;}
table.table1 th {background:#339; color:#FFF; text-align:center;}
table.table1 td {text-align:center;}


/* columns */
#content #leftCol {width:923px;}
#leftCol {padding:15px; width:610px; font-size:14px; float:left; position:relative;}
#leftCol h2 {margin:0 0 15px 0; font-size:24px; color:#690; line-height:20px; border:0;}
#leftCol h3 {margin-bottom:5px; font-size:15px;}
#leftCol ul {list-style:circle;}
#leftCol li {line-height:1.8;}
#leftCol address {font-style:normal;}
#leftCol a {color:#F60; text-decoration:none;}
#leftCol a:hover {color:#444;}
#leftCol img {border:0;}
#leftCol p.readMore {line-height:20px !important;}
#leftCol p.readMore a {background:#FFF url('/images/icon_more01.png') no-repeat; padding-left:22px; line-height:20px !important; display:block; float:left;}
#leftCol p.readMoreSkooiz {line-height:20px;}
#leftCol p.readMoreSkooiz a {background:#FFF url('/images/icon_more01.png') no-repeat; padding-left:22px; line-height:20px;}
#leftCol div.link-list ul#link-list-resource { padding:0; margin:0; width:610px; }
#leftCol div.link-list ul#link-list-resource li { font-size:13px; width:50%; list-style:none; display:block; float:left; }
#rightCol {padding:0 5px; width:300px; float:left;}
#rightColLarge {padding:0 5px; width:420px; text-align:center; float:left;}
#rightCol h3 {color:#009;}


/* message boxes */
.messageSuccess, .messageError {margin:15px auto; padding:5px 0; border:1px dotted #DDD; width:50%; background:#FAFAFA; text-align:center; font-weight:bold; text-transform:capitalize;}
.messageSuccess {color:#0A0;}
.messageError {color:#D00;}


/* user login */
#formLogin {margin:10px auto; width:400px; font-size:13px;}
#formLogin fieldset {margin:15px 0; padding:10px; border:1px solid #EEE;}
#formLogin legend {background:#FFF; font-size:14px; font-weight:bold; color:#009;}
#formLogin label {margin:0 auto; padding:2px 0; width:100%; font-weight:bold; display:block; text-align:right;}
#formLogin label input {width:250px;}
#formLogin p {margin:5px 0 0 0;}


/* products for sale */
#selectCategory {margin:10px auto; width:50%; text-align:center; font-size:14px; color:#009; font-weight:bold; display:block;}
form.formProducts {margin:10px auto; padding:10px 0; border-top:1px solid #DDD; width:900px; background:#F4F4F4; display:table; clear:both;}
.formProducts fieldset {margin:0; padding:0; border:0;}
.formProducts img {margin:0 10px; border:1px solid #DDD !important; width:150px; float:left;}
.formProducts label {padding:10px 0; display:block;}
div.prodInfo, div.prodBuy {padding:0 !important; display:block; float:left;}
.prodInfo {padding:0 10px 0 0; border:1px dotted #F4F4F4; border-top:0;  border-bottom:0; width:500px;}
.prodInfo h3 {margin:0; padding:0; color:#000;}
.prodBuy {width:220px; text-align:center;}
.retailPrice {font-size:14px; color:#009; line-height:30px;}
#orderSteps {margin:10px auto; padding:15px 0; width:380px; height:42px; list-style:none; text-align:center; display:block; clear:both;}
#orderSteps li {margin-right:10px; height:42px; line-height:42px; background:transparent url('/images/steps01.png') no-repeat; font-size:14px; color:#999; display:block; float:left;}
#orderSteps span {padding:0 16px; color:#999; font-size:16px; font-weight:bold;}
#orderSteps li.thisStep {background:transparent url('/images/steps01.png') 0 -42px no-repeat; color:#000; font-weight:bold;}
#orderSteps li.thisStep span {color:#000; font-size:20px;}


/* appointment */
#divCalendar, #divTimes {width:310px; float:left;}
#divCalendar table {margin:0 auto; border:1px solid #DDD; border-top:0; width:254px; font-size:13px;}
#divCalendar caption {margin:0 auto; padding-top:2px; border:1px solid #DDD; border-bottom:0; width:254px; background:#FAFAFA; color:#009; font-size:13px; font-weight:bold;}
#divCalendar caption a:link, #divCalendar caption a:visited {color:#009; font-size:14px;}
#divCalendar caption a:hover {color:#F60;}
#divCalendar tr {background:#FAFAFA;}
#divCalendar th {background:#339; color:#FFF; text-align:center;}
#divCalendar td {padding:2px 0; width:34px; color:#666; text-align:center;}
#divCalendar td a:link, #divCalendar td a:visited {width:100%; color:#000; display:block;}
#divCalendar td a:hover, #divCalendar td a:hover .currentDay {color:#009; text-decoration:overline;}
.withAppointment {background:#DDD url('/images/bg_shad01.png') right bottom no-repeat;}
.currentDay {color:#080;}
#divTimes {margin:0 0 0 20px; padding:2px 0; border:1px solid #DDD; width:254px !important; height:158px; text-align:center; overflow:auto;}
#divTimes h3 {color:#009; font-size:13px;}
#divTimes label {cursor:pointer;}
.clickHere {margin:0 auto 15px auto; padding:5px 0; width:80%; font-weight:bold; text-align:center; background:#FAFAFA;}
.clickHere a:hover {text-decoration:underline !Important;}
.thankYou {list-style-type:square !important;}
.thankYou li {color:#009;}
.thankYou li strong {color:#333;}

/* invoice */
#invoice {margin:0; padding:10px;  width:600px; background:#FFF;}
#invoice address {font-style:normal}
#logoInvoice {border:none; width:200px;}
#invoiceSub {float:right;}
#invoiceTitle {padding:35px; float:right; font-size:25px; font-weight:bold;}
#invoiceTable {width:100%;}
#invoiceTable th {padding:10px 0; font-size:14px;}
#invoiceTable h3 {margin:0; padding:0;}
#invoiceTypePayment {color:#F00; font-size:14px;}
#invoiceFooter {text-align:center;}
#invoicePayment {text-align:right;}
#invoiceAddressDel {padding:10px 0 20px 0; float:left; width:250px;}
#invoiceAddress {padding:10px 0 20px 0; float:left; width:250px;}
#invoiceAddress h3, #invoiceAddress h4, #invoiceAddressDel h3, #invoiceAddressDel h4 {padding:0; margin:0;}


/* mailing list */
#formSubHome {margin:15px auto; padding:0 0 10px 0; width:260px; text-align:center;}
#formSubHome label {margin:3px 0; width:100%; display:block; text-align:right; font-weight:bold;}
#formSubHome label input {border:1px solid #999; width:150px;}
#formSubHome a {font-size:11px;}
#btSubmit {margin:10px auto; width:180px; display:block;}
#captionCodeImage {padding:0 5px; text-align:right !important; display:block;}
#captionCodeImage img {width:90px;}
#captionCode {text-transform:uppercase;}


/*- footer -*/
#footer {margin:0 auto; background:#6C0 url('/images/bg_footer01.png') bottom repeat-x; width:955px; height:30px; color:#FFF; font-weight:bold; clear:both;}
#footer ul {list-style:none; float:left;}
#footer li {padding:0 10px; line-height:30px; display:inline;}
#footer li.borderMe {border-right:1px dotted #FFF;}
#footer p {padding-right:10px; line-height:30px; float:right;}
#footer a {color:#FFF; text-decoration:none;}
#footer a:hover {color:#039;}


/*- forms -*/
#formAdd {margin:10px auto; width:660px; font-size:13px;}
#formAdd fieldset {margin:15px 0; padding:10px; border:1px solid #EEE;}
#formAdd legend {background:#FFF; font-size:14px; font-weight:bold; color:#009;}
#formAdd label {margin:0 auto; padding:2px 0; width:80%; display:block; clear:both;}
#formAdd label span {display:block; width:250px; line-height:22px; float:left; font-weight:bold;}
#formAdd label input, #formAdd textarea {width:250px;}
#formAdd select {width:254px;}

#formCart table {width:480px;}


/***************************
CUSTOM SKOOIZ CSS          *
***************************/
#index #contentCol {
	background:#ffffff url(/images/bg_content03.png) repeat-y scroll right center
}
	#index #rightCol {
		padding:0;
		width:310px;
		float:right;
	}
		#index #rightCol h3 {
			background:#ffe7a4 url(/images/bg_home_h3.png) repeat-x left bottom;	
			font-size:16px;
			margin:16px 0;
			padding:6px 0;
			text-align:center;
		}
			#index #rightCol table th {
				font-size:16px;
				font-weight:bold;
				padding-left:16px;
				text-align:left;
			}
			#index #rightCol table td {
				font-size:14px;
				padding:10px;
			}
				#index #rightCol table a {
					color:#f60;
					text-decoration:none;
				}
				#index #rightCol table a:hover {
					color:#444;
				}