/* conundrum.com.au -- Global Screen Styles */
@import "resets.css";
@import "nav-count.css";

/* typography
----------------------------------------------- */
p { padding:0 0 15px 0; margin:0;}
h1,h2,h3 {font-family: Arial, Helvetica, sans-serif; font-weight:bold; }
h1 { font-size:16px; color:#006699; padding:0 0 15px 0; text-transform:uppercase; }
h2 { font-size:14px; color:#000; padding:0 0 10px 0;}
h2.prod_title {font-size:14px; color:#000; padding:0 0 5px 0;}
h3 { font-size:13px; color:#006699; padding:0 0 10px 0;}
/*CG edit*/
.top-padding{padding:20px 0 10px 0; margin:0;}

/* = font-colors ---------------------- */
.color_main {color:#A31E3B;}
.color_pink {color:#EC008C;}
.color_red {color:#CC0000;}
.color_F {color:#FFFFFF;}
.color_C {color:#CCCCCC;}
.color_9 {color:#999999;}
.color_6 {color:#666666;}
.color_3 {color:#333333;}

/* = font-sizes ---------------------- */
.size_9 {font-size:9px;}
.size_10 {font-size:10px;}
.size_11 {font-size:11px;}
.size_12 {font-size:12px;}
.size_13 {font-size:13px;}
.size_14 {font-size:14px;}

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

/* master-layout
----------------------------------------------- */
html, body{height:100%}
body {background:#FFF; text-align:left; font:12px/1em Arial, Helvetica, sans-serif; line-height:15px; font-weight:normal; background: url(images/background/grad-top.png) repeat-x; color:#CCC; padding:0; margin:0;}

/* layout
----------------------------------------------- */
#shadow{margin: 0 auto; width:980px; background:url(images/background/shadow.png) repeat-y; padding:0 18px 0 18px; overflow:auto;}
#shadow-drop{margin: 0 auto; width:1016px;background:url(images/background/bottom-shadow.jpg);overflow:auto;}
#frame{float:left;width:980px;text-align:left;overflow:hidden;}

#header-bar {float:left;width:980px;height:224px;background:#FFF;}
#header-bar #swf-holder {float:left;}
#header-bar img {float:left;}
	#login {float:left;width:280px; height:225px;background:url(images/header-login.png) repeat-x; color:#FFF; padding-bottom:2px;}
	#login img.crane{ float:right; padding:60px 40px 0 0;}
	#login a img {float:right; padding:0 40px 9px 0;}
	#login a img:hover {filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;}

#content-wrap{float:left; width:980px; background:#FFF; color:#333; border-top:9px solid #CCC;}
	#content-body {float:left; width:978px; padding:23px 0 20px 38px; color:#000;}
	#content-body-home{float:left; width:900px; padding:23px 0 20px 38px; color:#000;}
	
	#sub-menu{float:left; width:210px; }
		#sub-menu h3{padding:20px 0 14px 19px;}
		#sub-menu ul.panel-panes{list-style-image:url(images/red-bullet.png);color:#000000;}
		#sub-menu img{margin-bottom: 9px;}
	
	#main-menu{border-top:6px #CCE0EB solid;margin:5px 0 50px 0;list-style-type:square;}
		#main-menu li{border-top: 1px solid #CCCCCC;display:block;}
		#main-menu li:hover{display:block;}
		#main-menu a{color:#333333;display:block;padding: 6px 0 10px 0;text-decoration:none;}
		#main-menu a:hover, 
		#main-menu li a.a-active{color:#D5000C; padding-left:20px; font-weight:bold; text-decoration:none;background:url(images/red-arrow.png) no-repeat;}
		#main-menu ul li.li-active{list-style-image:url(images/red-bullet.png);}
		#main-menu li.sub-menu-list{padding: 11px 0 10px 0;}
		/*sub-menu styling*/
		#main-menu li ul{padding-left:15px;color:#0097F1;padding:0;margin:0;}
		#main-menu li ul li, #main-menu li ul li a{padding:0;margin:0; border:none;}
		#main-menu li ul li a{color:#0097F1;padding:5px 0 5px 22px;}
		#main-menu li ul li a:hover, #main-menu li ul a.prod-active{padding:5px 0 5px 22px;margin:0;color:#0097F1;background-image:none;font-weight:bold;}
		
	#quick-link-top{width:210px;float:left;background:url(../images/sub-menu/quick-links-top.jpg) repeat-x; height:122px;}
	#quick-link-bottom{ width:210px;float:left;background:url(../images/sub-menu/quick-links-bottom.jpg) repeat-x;height:95px;margin:1px 0 40px 0;}
		#quick-link-top ul, #quick-link-bottom ul{padding-left:30px; }
		#quick-link-top ul li, #quick-link-bottom ul li{color:#000;list-style-image:url(images/red-bullet.png);}
		#quick-link-top a, #quick-link-bottom a{color:#000;text-decoration:none;}
		#quick-link-top a:hover, #quick-link-bottom a:hover{color:#000;text-decoration:underline;}
			
	#sub-content{float:left;margin-left:77px; width:620px; line-height:16px;}
		#sub-content p.register{float:left;clear:both;padding-top:30px;}
		#sub-content span.red-phone{font-size:16px;color:#DC000C;}
		#sub-content span.grey-phone{font-size:16px; color:#333333; padding-left:5px;}
		#sub-content ul{padding-bottom:15px;}
		#sub-content ul li{list-style-image:url(images/grey-dash.png);margin-left:15px; padding:0 0 3px 0;}
		#sub-content ul.nav-prodsubcat {list-style:none; float:left; padding:10px 0 20px 0;}
		#sub-content ul.nav-prodsubcat li{display:inline; padding:10px 0; margin:0;}
		#sub-content ul.nav-prodsubcat li a {float:left; display:block; padding:4px 10px; background:#F4F4F4; color:#006699; margin:0 5px 5px 0; border:1px solid #CCC; text-decoration:none; font-size:11px;}
		#sub-content ul.nav-prodsubcat li a:hover {float:left; display:block; padding:4px 10px; background:#F4F4F4; color:#006699; margin:0 5px 5px 0; border:1px solid #006699; text-decoration:none;}
		#sub-content ul.nav-prodsubcat li.active a {float:left; display:block; padding:4px 10px; background:#F4F4F4; color:#006699; margin:0 5px 5px 0; border:1px solid #006699; text-decoration:none; font-weight:bold;}
		
		#sub-content table{border-top:1px solid #999;border-left:1px solid #999;}
		#sub-content table tr td {border-bottom:1px solid #999;border-right:1px solid #999; padding:4px 12px;}
		
		#sub-content .service_img{margin: 0 auto;}
		#sub-content .service_img img{margin: 0 auto; padding-top:15px;}
		
		#sub-content a{color:#000;text-decoration:none;}
		#sub-content a.blue{color:#0097F1;}
		#sub-content a:hover{text-decoration:underline;}
		
		#top-page-nav{float:left;padding:0;text-align:right; padding:1px 13px 1px 0; width:594px; background:#336699; color:#FFF; }
			#top-page-nav a {color:#FFF; text-decoration:none;}
			#top-page-nav a:hover {color:#FFF; text-decoration:underline;}
		
		#sub-content .download-list ul li{list-style:url(images/red-bullet.png);font-weight:normal; padding:0 0 3px 0;}
		
			.download-list .contact-info{padding-top:30px;}	
				.download-list .contact-info label{float:left;width:60px;}
			.download-list .contact-form{padding-bottom:30px;border-bottom: 1px solid #CCCCCC;}
				.download-list .contact-form p{width:420px; clear:left; margin:0; padding:5px 0 10px 0; padding-left:180px; /*width of left column containing the label elements*/ }
				.download-list .contact-form label{ float:left; margin-left:-180px; /*width of left column*/ width:180px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/ font-family:Arial, Helvetica, sans-serif; font-size:12px; }

		#sub-content .ind-form{float:left;border:1px #CCC solid;width:600px;padding:15px;margin-bottom:10px; background:#FFFFCC; text-align:left;}
			#sub-content .ind-form strong{font-size:12px;}
			#sub-content .ind-form h2 {color:#333; font-size:14px; margin:0; padding:0 0 15px 0;}
			#sub-content .ind-form p{width:420px; clear:left; margin:0; padding:5px 0 10px 0; padding-left:180px; /*width of left column containing the label elements*/ }
			#sub-content .ind-form p.noindent{width:600px; clear:left; margin:0; padding:0px 0 10px 0;}
			#sub-content .ind-form label{ float:left; margin-left:-180px; /*width of left column*/ width:180px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/ font-family:Arial, Helvetica, sans-serif; font-size:12px; }			
			#sub-content .ind-form input[type="text"],
			#sub-content .ind-form input[type="password"],
			#sub-content .ind-form select{ /*width of text boxes. IE6 does not understand this attribute*/ width:180px; font-size:14px; padding:3px; border:1px solid #CCCCCC; }
			#sub-content .ind-form .errmsg-left {color:#C3041D;}
			#sub-content .ind-form .errmsg {color:#C3041D; padding:0 0 0 300px;}
			#sub-content .ind-form input.follow{padding-left:5px;width:50px;}
			#sub-content .ind-form .entry-list input{width:280px;margin:0 0 5px 10px;}
			#sub-content .ind-form ol { list-style:decimal; padding:0; margin:4px 0 15px 15px;}
			#sub-content .ind-form ol li {list-style:decimal; padding:0; margin:0 0 0 4px;}
		
		#sub-content .cust-form{float:left;}
			.cust-form p {width:480px; clear:left; margin:0; padding:0px 0 10px 0; padding-left:120px; /*width of left column containing the label elements*/ }
			.cust-form label {float:left; margin-left:-120px; /*width of left column*/ width:120px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/ font-family:Arial, Helvetica, sans-serif; font-size:12px; }
			.cust-form input[type="text"],
			.cust-form input[type="password"],
			.cust-form select{ /*width of text boxes. IE6 does not understand this attribute*/ width:180px; font-size:14px; padding:3px;  border:1px solid #CCCCCC; }
		#sub-content .err-msg{color:#FF0000;font-size:12px;padding:0;margin:0;}

		#sub-content .download-list2 ul {padding-top:15px;}
		#sub-content .download-list2 ul li{list-style:url(images/red-bullet.png);font-weight:normal; padding:0 0 3px 0;}
		
		#sub-content .sitemap ul li{list-style:none;font-weight:bold;}	
		#sub-content .sitemap ul li ul li{list-style:url(images/red-bullet.png);font-weight:normal;}
		#sub-content .sitemap ul li ul{padding:0;margin:0;}
		#sub-content img.service-img{margin-left:10%; margin-right:10%;text-align:center;}
			
			.prod-cat-title {float:left; width:597px; padding:10px 0 10px 10px; color:#DC000C; font-size:12px; font-weight:bold;}
			.prod-tile-row {float:left; width:607px; border-top:1px solid #CCC;}
				.prod-tile-row .prod-wrap {float:left; width:192px; padding:18px 0 5px 87px; text-align:left;}
				.prod-tile-row .prod-wrap img { padding-bottom:8px;}				
				.prod-tile-row .prod-wrap a img { color:#005CA3; text-decoration:none;}
				.prod-tile-row .prod-wrap a:hover { color:#005CA3; text-decoration:underline;}
			
			#bottom-nav{padding-top:5px;float:left;width:607px; border-top:1px solid #CCCCCC;}
			#bottom-back-nav{float:left;clear:both;text-align:left;background:none;}
			#bottom-back-nav a {text-decoration:none;color:#666666;}
				#bottom-back-nav a:hover {text-decoration:underline;color:#333333;}
			#bottom-page-nav {float:left;padding:0;text-align:right; padding:1px 13px 1px 0; width:594px; background:#336699; color:#FFF; margin:10px 0 20px 0; }
				#bottom-page-nav a {color:#FFF; text-decoration:none;}
				#bottom-page-nav a:hover {color:#FFF; text-decoration:underline;}
	#gallery-img{border-top: 1px #CCCCCC solid;float:left;}
		#gallery-img img{float:left;padding: 7px 6px 0 0;}
	
	#location-map{padding-top:40px;}
	
	/* -- home page quicklink panels -- */
	#panels-wrap { float:left; padding:10px 0 10px 0;}
		#panels-wrap .panel {float:left; width:320px; height:230px; background:url(../images/panels/tiles-bg.png) repeat-x; text-align:center;}
		#panels-wrap .mid-panel {float:left; width:320px; height:230px; background:url(../images/panels/tiles-bg.png) repeat-x; margin:0 10px;text-align:center;}
		#panels-wrap h1 {padding:15px 0 10px 40px; font-size:16px; line-height:18px; text-align:left;}
		#panels-wrap img {border:2px #FFF solid;}
		#panels-wrap ul {padding:10px 0 0 55px; text-align:left;}
		#panels-wrap ul li {list-style-image:url(images/red-bullet.png);}
		#panels-wrap a {color:#333; text-decoration:none;}
		#panels-wrap a:hover {color:#333; text-decoration:underline;}
	
#footer{float:left;width:980px;background-color:#FFF;}
	#footer a:hover{text-decoration:underline;}
	#footer-top{width:980px;height:44px;background-color:#FFF;}
		#footer-top .footer-top-red{float:right;width:59px;height:3px;background-color:#CE000C;margin:0 40px 0 0;padding-bottom:0;}
		#footer-top .footer-top-contents{float:left;margin-left:40px;border-top:1px solid #CCCCCC; text-align:right; color:#666666; font-size:11px;width:900px;height:41px;}
		.footer-top-contents a img {float:left; padding-top:7px; border:none;}
		.footer-top-contents ul{padding:8px 0 0 0;}
		.footer-top-contents li{display:inline;text-decoration:none;padding:0 4px 0 4px;}
		.footer-top-contents a{text-decoration:none;color:#666666;}
		.footer-top-contents a:hover{text-decoration:none;color:#000;} 
	
	#footer-wrap-grey-bar{float:left;width:980px;height:18px;background-color:#333333;}
	#footer-main{float:left;width:980px;height:61px;background-image:url(images/footer.jpg); background-repeat:repeat-x; border-top:1px solid #FFF; border-bottom:22px solid #1D3F5A; color:#CCC; font-size:11px;}
		#footer-main .footer-right{text-align:right; float:right; padding:12px 40px 0 0;}
		#footer-main .footer-left{text-align:left; float:left;padding:14px 0 0 40px;}
		#footer-main a {color:#CCC; text-decoration:none; }
		#footer-main a:hover {color:#CCC; text-decoration:underline;}
		#footer-main a.link_rpi {color:#FF9900; text-decoration:none; font-size:11px; font-weight:bold;}
		#footer-main a.link_rpi:hover {color:#FF9900; text-decoration:underline; font-size:11px;}