/* kmtubular.com.au -- Global Screen Styles */
@import "resets.css";
@import "utility.css";
/* typography
----------------------------------------------- */
p { padding:0 0 10px 0; margin:0;}
h1,h2 { font-family:Arial, Helvetica, sans-serif; margin:0; color:#8CC63E; padding:0 0 45px 0; }
h1 {font-size:22px; line-height:24px; padding:0 0 20px 0;}
h2 {font-size:14px; line-height:14px; padding:0 0 8px 0; border-bottom:1px solid #CCCCCC; margin-right:35px; font-weight:bold;}
.dottedline {border-bottom:1px dotted #666;}

/* = font-colors ---------------------- */

.color-green {color:#8CC63E;}
.color-red {color:#C3041D;}
.color-blue {color:#006BAD;}
.color-F {color:#FFF;}
.color-C {color:#CCC;}
.color-9 {color:#999;}
.color-6 {color:#666;}
.color-3 {color:#333;}

/* = font-sizes ---------------------- */
.size-9 {font-size:9px; line-height:11px;}
.size-10 {font-size:10px; line-height:12px;}
.size-11 {font-size:11px; line-height:13px;}
.size-12 {font-size:12px; line-height:14px;}
.size-14 {font-size:14px; line-height:16px;}
.size-26 {font-size:26px; line-height:28px;}

/* = hyperlinks ---------------------- */
a:link, a:visited {color:#666; text-decoration:none;}
a:hover {color:#333; text-decoration:underline;}

/* = positions ---------------------- */
.f-right { float:right;} .f-left { float:left;} .clear { clear:both;}
.margin10 { margin:10px;} .LMargin10 { margin-left:10px;} .RMargin10 { margin-right:10px;} .LRMargin10 { margin:0 10px;}

/* master-layout
----------------------------------------------- */
html, body { height:100% }
body { text-align:left; font:12px/1em Verdana, Arial, Helvetica, sans-serif; line-height:14px; font-weight:normal; background: url(../images/css/ui/bg-main.gif) repeat-x top #FFF; color:#666; }

/* layout
----------------------------------------------- */

#container { width:947px; margin:0 auto; text-align:left; height:auto !important; min-height:100%;}

#header { float:left; width:947px; height:191px;}
	#header img.logo {float:left; padding:19px 0 0 0;}
	
	#nav-primary-wrap { float:left; width:440px; height:28px; padding:140px 0 0 60px; }
		ul#nav-primary li { display:inline; float:left; list-style:none;}
		#nav-primary li a { display:block; float:left; padding:0 0 0 30px; font-size:12px; font-weight:bold; color:#FFF; text-decoration:none; background:none;}
		#nav-primary li a:hover,
		#nav-primary li.active a { display:block; float:left; padding:0 0 0 30px; font-size:12px; font:bold; color:#FFF; text-decoration:none; background:url(../images/css/nav/nav-red-on.png) no-repeat; }
	
	#swf-placeholder {float:right;}
	
	#nav-secondary-wrap { float:left; width:947px; height:22px; padding:1px 0 0 0; }
		ul#nav-secondary li { display:inline; float:right; list-style:none; text-align:right;}
		#nav-secondary li a { display:block; padding:3px 0 0 25px; font-size:10px; color:#FFF; text-decoration:none; background:url(../images/css/nav/nav-grey-on.png) no-repeat;}
		#nav-secondary li a:hover,
		#nav-secondary li.active a { display:block; padding:3px 0 0 25px; font-size:10px; color:#000; text-decoration:none; background:url(../images/css/nav/nav-grey-on.png) no-repeat; }

#content-wrap {float:left; width:947px; text-align:left; padding-top:36px;}
	#panel-left {float:left; width:241px; text-align:left;}
		#nav-panel-wrap {float:left; width:241px;}
		ul#nav-panel li { display:inline; float:left; padding-bottom:2px;}
		#nav-panel li a img { padding:0; font-size:14px; color:#8CC63E; font-weight:bold; text-decoration:none; border:none;}
		#nav-panel li a img:hover {filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70;}
	
	#panel-right {float:right; width:698px; text-align:left;}
		#content-body {float:left; width:648px; padding:62px 0 0 50px; text-align:left;}
		#content-body .f-left { float:left; width:356px;}
		#content-body img.f-right {float:right; padding-left:50px;}

		/* -- start contact -- */
		#content-body .contact p.indent { width:200px; padding:0 0 5px 90px; }
		#content-body .contact p.indent label {float:left; width:90px; margin-left:-90px; font-size:10px;}
		#content-body input[type="text"],
		#content-body select{ width:150px; font-size:11px; padding:3px 5px; border:1px solid #CCC; }
		#content-body .button {font-size:11px; font-weight:bold; color:#666; padding:4px 12px; margin:0px; border:1px solid #333; background:#FFF;}	
		#content-body textarea{ width:150px; height:65px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:2px 3px; border:1px solid #CCC; }
		/* -- end contact -- */

		/* -- start product -- */
		#product-title {float:left; width:658px; text-align:left; padding:14px 0 13px 40px; background:#F3F9EB; color:#8CC63E; font-size:16px;}
		
		#product-body-wrap {float:left; width:624px; padding:35px 0 0 34px; text-align:left;}
		#product-body {float:left; width:624px; padding:0; text-align:left; border:none;}
		#product-body .title {float:left; width:611px; color:#FF9900; font-size:14px; line-height:16px; padding:8px 0 12px 10px; margin:45px 0 0 0; border:none; border-top:2px solid #999; font-weight:bold;}
		#product-body .titleSmall {float:left; width:591px; color:#8CC63E; font-size:14px; line-height:16px; padding:8px 0 12px 30px; margin:0; border:none; border-top:1px solid #999; font-weight:bold;}
		
		
		#product-body a img {padding:0; margin:0; border:none;}
		#product-body .prod_wrap { float:left; margin:1px 2px 2px 0; padding:0; border:1px dotted #CCC;}
		#product-body .prod_wrap a img { padding:0; margin:0; border:0;}
		#product-body .prod_wrap p { padding:0 0 5px 0; margin:0; text-align:center;}
		#product-body .prod_wrap p a { text-decoration:none; font-size:10px; color:#666; display:block;}
		#product-body .prod_wrap p a:hover { text-decoration:none; color:#333;}
		#product-body .prod_wrap h5 { float:right; padding:3px 20px; text-align:center; background:#8CC63E;}
		#product-body .prod_wrap h5 span {color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}

			/* start prod-box---------------------- */
			#topbar { width:700px; background:url(../images/css/nav/close.gif) top right no-repeat #FFFFFF;}	
			.prod-box { position:absolute; border:10px solid #999999; padding:15px; background:#FFF; overflow:hidden; text-align:left; visibility:hidden; z-index:100; color:#666; font-size:11px; }
			.wraptocenter { display:table-cell; text-align:center; vertical-align:middle; width:400px; padding:10px 25px 40px 0; overflow:hidden; float:left; }
			.wraptocenter * { vertical-align:middle; }
			.prod-details { position:relative; padding:41px 10px 0 0; text-align:left; width:265px; float:right; }
			.prod-details h2 {font-size:14px; line-height:16px; padding:0 0 4px 0; border-bottom:1px solid #CCCCCC; margin:0 35px 10px 0; font-weight:bold;}
			/* start prod-box---------------------- */	
			
		/* -- end product -- */


#footer { float:left; width:924px; padding:11px 23px 20px 0; margin-top:43px; background:#E8F4D8; text-align:right; font-size:10px; color:#525252;}
	#footer a:link, #footer a:visited {color:#525252; text-decoration:none;} 
	#footer a:hover {color:#525252; text-decoration:underline;}
	#footer a.link_rpi:link, #footer a.link_rpi:visited {color:#FF6600; text-decoration:none; font-size:11px; font-weight:bold;}
	#footer a.link_rpi:hover {color:#FF6600; text-decoration:underline; font-size:11px; font-weight:bold;}