@import url("reset.css");
@import url("cmxform.css");
@import url("thickbox.css");

/* main tags */



body { height: 100%; background-color: #efefef; }
.left { float:left; }
.right{ float:right; }
.clear { display:block; clear:both; }

.lg { color: #000000; }
.disc { text-align: center; display: block; width: 100%; clear: both; padding-top: 5px; }

.phone_number { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; color: #666666; margin-bottom: 10px; }
.ph { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; color: #666666; margin-bottom: 10px; }

p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; color: #666666; margin-bottom: 10px; }
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #e87800 ; margin-bottom: 10px; }
h1 a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #e87800 ; margin-bottom: 10px; } 
h1 a:hover { color: #002d79; }

h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #e87800 ; margin-bottom: 10px; }  
h2 a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #e87800 ; margin-bottom: 10px; } 
h2 a:hover { color: #002d79; }

#products h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 36px; color: #000099; }
h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; }

hr { margin: 0 0 10px 0; padding: 0px; color: #CCCCCC; }
hr.testimonial { margin: 16px 0 16px 0; padding: 0px; color: #eee; }


a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; color: #607ef7; text-decoration: none; font-weight: bold; }
a:hover { color: #de6a06; }


/* containers */

#container { width: 100%; overflow: hidden; background-image: url(/images/main_back.jpg); background-position: top center; background-repeat: repeat-y; padding-bottom: 10px; }

#header { width: 100%; height: 140px; background-image: url(../images/header.jpg); background-position: center; background-repeat: no-repeat; clear: both; position: relative; }

#inner-head { width: 960px; height: 140px; margin: 0 auto 0 auto; clear: both; }

#inner-head a.logo { width: 300px; height: 140px; float: right; display: block; }
#inner-head a.feet { width: 150px; height:  140px; float: right; display: block; margin-left: 180px; }
	
	/* #mainMid{ width: 960px; margin: 0 auto 0 auto; border: 0px solid; float: left; }
	#mainLeft{ width: 350px; background-image: url(/images/bg_left.jpg); float: left; height: 100%;  }
	#mainRight{ width: 350px; background-image: url(/images/bg_right.jpg); float: left; height: 100%; } */

	#mainMid{ width: 958px; padding-right: 1px; height: auto; margin: 0 auto 15px auto; overflow: hidden; border: 0px solid; position: relative; min-height: 400px;  }
	
	#innerLeft { width: 580px; float: left; margin-left: 15px; margin-top: 15px; text-align: justify; }
	
	#innerLeft ul { margin-left: 30px; }
	#innerLeft ul li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 15px; color: #666666; margin-bottom: 10px; list-style: disc; }
	
	#innerRight { width: 340px; float: right; margin-top: 15px; text-align: justify; }

	#innerProduct {  width: 500px; float: left; margin-left: 15px; margin-top: 15px; text-align: justify; }
	
	
	
	#innerProductRight { width: 414px; float: right; margin-top: 15px; padding-left: 15px; text-align: justify; }
	
	#innerstate { width: 45%; float: left; margin-top: 15px; margin-left: 15px }		
	
	#inner { width: 100%; margin-left: 15px; margin-top: 15px;  }
	
	#privacy div.inner { margin-right: 15px; margin-left: 15px; margin-top: 25px; text-align: justify; }
	#terms-and-conditions div.inner { margin-right: 15px; margin-left: 15px; margin-top: 25px; text-align: justify; } 
	
    #terms-and-conditions div.inner ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; color: #666666; margin-bottom: 10px; margin-left: 50px;  }
    #terms-and-conditions div.inner ul li { line-height: 20px; list-style: disc; }

	
	ul.products {width: 100%;  margin-left: -15px; }
	ul.products  li { width: 49%; float: left ; text-align: center; }
	
	ul.categories {width: 100%; margin-left: -15px; }
	ul.categories li {width: 24%; float: left; text-align: center; }
	
	ul.listing {width: 100%; margin-left: -15px; clear: both; float: left; margin-bottom: 20px;  }
	ul.listing li {width: 33%; float: left; text-align: center; }
	
	ul.detail { width: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; color: #666666; }
	ul.detail li { width: 50%; text-align: left; float: left }
	ul.detail li.lg { width: 50%; text-align: right; float: left; }
	
	#cat-photo  { display: block; height: 207px; width: 180px; margin: 0 auto 0 auto; }
	#cat-photo-ecy  { display: block; height: 150px; width: 180px; margin: 0 auto 0 auto; }

	
	#footer{ width: 100%; height: 69px; background-image: url(/images/footer_slice.jpg); background-repeat: repeat-x; margin-bottom: 200px; text-align: left; }
		
		#footerMid { width: 960px; margin: 0 auto 0 auto; height: 69px; }
		
		#footerLeft a { color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; text-decoration: none; margin: 0 5px 0 5px; }
		#footerLeft p { }
		
		#footerLeft { float: left;  color: #607ef7; font-size: 14px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;  padding-top: 12px; }
		#footerRight { width: 140px; float: right; } 
		
		#footerLeft a.tc { color: #607ef7; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif;  text-decoration: none; margin: 0 5px 0 5px; }
		
#contact-form { float: right; width: 420px; margin-top: 15px; margin-right: 50px; }
#contact-left { width: 400px; float: left; margin-left: 15px; margin-top: 15px; text-align: justify; }

#slideshow { width: 345px; height: 593px; position: absolute; right: 1px; }
#frame { width: 345px; height: 593px; position: absolute; right: 1px; z-index: 50; }

#testemonial { width: 580px; }

#retailer-inner {padding:15px;}
#retailer-inner ul li {width:460px;float:left;}
	
/* navigation */

ul#nav{ width: 960px; height: 66px; display: block; margin: 0 auto 0 auto; padding-right: 1px; }

#nav li{ float: left; height: 66px; }

#nav li.nav_home a{ height: 66px; width: 115px; display: block; background-image: url(/images/nav_home.jpg); float: left; }
#nav li.nav_about a{ height: 66px; width: 158px; display: block; background-image: url(/images/nav_about.jpg); float: left; }
#nav li.nav_products a{ height: 66px; width: 171px; display: block; background-image: url(/images/nav_products.jpg); float: left; }
#nav li.nav_retailers a{ height: 66px; width: 162px; display: block; background-image: url(/images/nav_retailers.jpg); float: left; }
#nav li.nav_testimonials a{ height: 66px; width: 192px; display: block; background-image: url(/images/nav-test.jpg); float: left; }
#nav li.nav_contact a{ height: 66px; width: 162px; display: block; background-image: url(/images/nav_contact.jpg); float: left; }

#nav li.nav_home a:hover { background-position: 0 -66px }
#nav li.nav_about a:hover { background-position: 0 -66px }
#nav li.nav_products a:hover { background-position: 0 -66px }
#nav li.nav_retailers a:hover { background-position: 0 -66px }
#nav li.nav_testimonials a:hover { background-position: 0 -66px }
#nav li.nav_contact a:hover { background-position: 0 -66px }

#home .nav_home a { background-position: 0px -66px; }
#about .nav_about a { background-position: 0px -66px; }
#products .nav_products a { background-position: 0px -66px; }
#retailers .nav_retailers a { background-position: 0px -66px; }
#testimonials .nav_testimonials a { background-position: 0px -66px; }
#contact .nav_contact a { background-position: 0px -66px; }

/* Comments Form Styles */

.form {  width: 400px; float: right; }
.form li { margin-bottom: 20px; } 

.form label {
	display: block;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#333333;
	height: 25px;
	width: 90px;
	padding-bottom: 10px;
}
textarea { width: 280px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }



/* Australia map */

#australia-state-links {background-image:url('/images/australiamap/australia_map_490.jpg');height:445px;margin: 0 auto 0 auto;position:relative;width:470px;}
#p-auditions #australia-state-links {margin:50px 0 0 0;float:left;}
#australia-state-links ul {list-style:none;margin:0;}
#australia-state-links ul li {background:none!important; z-index:5;}
#australia-state-links ul li a {background-image:url('/images/australiamap/australia_map_490.jpg');display:block;overflow:hidden;position:absolute;text-indent: -9999px;}
#australia-state-links ul li a:hover {background-color:none !important;z-index:20;}
#australia-state-links ul li.wa a {background-position:-29px -77px;height:273px;left:29px;top:77px;width:176px;}
#australia-state-links ul li.wa a:hover {
	background-position: -499px -77px;
}
#australia-state-links ul li.nt a {
	background-position: -178px -37px;
	height: 176px;
	left: 178px;
	top: 37px;
	width: 106px;
}
#australia-state-links ul li.nt a:hover {
	background-position: -648px -481px;
}
#australia-state-links ul li.sa a {
	background-position: -193px -201px;
	height: 150px;
	left: 193px;
	top: 201px;
	width: 135px;
}
#australia-state-links ul li.sa a:hover {
	background-position: -193px -646px;
}
#australia-state-links ul li.qld a {
	background-position: -274px -25px;
	height: 217px;
	left: 274px;
	top: 25px;
	width: 170px;
}
#australia-state-links ul li.qld a:hover {
	background-position: -744px -25px;
}
#australia-state-links ul li.nsw a {
	background-position: -321px -220px;
	height: 113px;
	left: 321px;
	top: 220px;
	width: 123px;
}
#australia-state-links ul li.nsw a:hover {
	background-position: -791px -664px;
}
#australia-state-links ul li.vic a {
	background-position: -321px -296px;
	height: 63px;
	left: 321px;
	top: 296px;
	width: 89px;}
#australia-state-links ul li.vic a:hover {background-position:-791px -296px;}


#australia-state-links ul li.act a {
	background:url(/images/australiamap/act.gif) no-repeat 0 0;
	height: 28px;
	left: 388px;
	top: 288px;
	width: 21px;
	z-index:50;
}
#australia-state-links ul li.act a:hover {background-position:0 -28px;}

#australia-state-links ul li.tas a {background-position:-360px -372px;height:43px;left:360px;top:372px;width:38px;}
#australia-state-links ul li.tas a:hover {background-position:-830px -372px;}

/* Programmer Added */
.address p {margin-bottom: 0px;}
.retailer { height: 125px; }