/* CSS Document */

/*
** Copyright Stephen Neate - http://subtledifference.com.au/
** Design Template 01-a - for ezyWebsite CMS suitable for multi section, multi page sites.
**
** ## Quick Colours ##
** Primary Colour: #236598
** Primary Colour Shade: #D7E0CC (20% shade)
** 2nd Colour: #7e7e7e
** 3rd Colour: #003862
** 4th Colour: #000
** 5th Colour: #2A0062
**
** Last Updated: 06 May 2007
*/

/* #### General page wide styles  #### */
*{margin:0;padding:0;}
body{font-size:12px;line-height:15px;font-family:"Century Gothic", Helvetica, Verdana, Arial;color:#000;background:#fff url(/template-images/images/content-bg_02.gif) top repeat-x;}
/* general text */
p{line-height:15px;color:#000;padding:5px 0;}
h1,.h1{display:block;font-size:250%;color:#236598;padding:3px 0;margin:0px 0px 0px 16px;letter-spacing:.05em;font-weight:bold;margin-top:-40px;margin-bottom:25px;}
.hd01{display:block;font-size:210%;color:#236598;padding:3px 0;margin:3px 0;border-bottom:1px solid #236598;font-weight:normal;}
.hd01b{display:block;font-size:210%;color:#236598;padding:3px 0;margin:3px 0;border-bottom:1px solid #236598;font-weight:bold;}
h2,.h2{display:block;font-size:190%;color:#7e7e7e;padding:0 0 5px 0;line-height:1.5em;letter-spacing:.05em;font-weight:bold;}
.hd02{display:block;font-size:150%;color:#7e7e7e;padding:0 0 5px;margin:0;border-bottom:1px solid #7e7e7e;font-weight:normal;}
.hd02b{display:block;font-size:150%;color:#7e7e7e;padding:0 0 5px;margin:0;border-bottom:1px solid #7e7e7e;font-weight:bold;}
h3,.h3{display:block;font-size:150%;color:#003862;padding:0 0 5px 0;line-height:1.5em;letter-spacing:.05em;font-weight:bold;}
.hd03{display:block;font-size:110%;color:#003862;padding:0 0 5px;margin:0;border-bottom:1px solid #003862;font-weight:normal;}
.hd03b{display:block;font-size:110%;color:#003862;padding:0 0 5px;margin:0;border-bottom:1px solid #003862;font-weight:bold;}
h4,.h4{display:block;font-size:150%;color:#000;padding:0 0 5px 0;line-height:1.5em;letter-spacing:.05em;font-weight:bold;}
.hd04{display:block;font-size:110%;color:#000;padding:0 0 5px;margin:0;border-bottom:1px solid #000;font-weight:normal;}
.hd04b{display:block;font-size:110%;color:#000;padding:0 0 5px;margin:0;border-bottom:1px solid #000;font-weight:bold;}
h5,.h5{display:block;font-size:150%;color:#2A0062;padding:0 0 5px 0;line-height:1.5em;letter-spacing:.05em;font-weight:bold;}
.hd05{display:block;font-size:110%;color:#2A0062;padding:0 0 5px;margin:0;border-bottom:1px solid #2A0062;font-weight:normal;}
.hd05b{display:block;font-size:110%;color:#2A0062;padding:0 0 5px;margin:0;border-bottom:1px solid #2A0062;font-weight:bold;}
.txt_small{font-size:70%;}
acronym{border-bottom:1px dotted;cursor:help;}
/* general block elements */
.bl01{display:block;padding:15px;border:2px dashed #236598;}
.bl01i{display:block;padding:15px;background:#236598;color:#fff;}
.bl02{display:block;padding:15px;border:2px dashed #7e7e7e;}
.bl02i{display:block;padding:15px;background:#7e7e7e;color:#fff;}
.bl03{display:block;padding:15px;border:2px dashed #003862;}
.bl03i{display:block;padding:15px;background:#003862;color:#fff;}
.bl04{display:block;padding:15px;border:2px dashed #000;}
.bl04i{display:block;padding:15px;background:#000;color:#fff;}
.bl05{display:block;padding:15px;border:2px dashed #2A0062;}
.bl05i{display:block;padding:15px;background:#2A0062;color:#fff;}
/* drop cap */
.dc01 {position:relative;z-index:55;float:left;width:auto;font-size:380%;padding:0 3px 0 0;line-height: 100%;color:#236598;font-weight: normal;font-family: georgia, times, serif;}
.dc02 {position:relative;z-index:55;float:left;width:auto;font-size:380%;padding:0 3px 0 0;line-height: 100%;color:#7e7e7e;font-weight: normal;font-family: georgia, times, serif;}
.dc03 {position:relative;z-index:55;float:left;width:auto;font-size:380%;padding:0 3px 0 0;line-height: 100%;color:#003862;font-weight: normal;font-family: georgia, times, serif;}
.dc04 {position:relative;z-index:55;float:left;width:auto;font-size:380%;padding:0 3px 0 0;line-height: 100%;color:#000;font-weight: normal;font-family: georgia, times, serif;}

.dc05 {position:relative;z-index:55;float:left;width:auto;font-size:380%;padding:0 3px 0 0;line-height: 100%;color:#2A0062;font-weight: normal;font-family: georgia, times, serif;}

.air-unit {position:absolute;top:6px;left:0;background: url(/site-content/airconditioning/images/aircon-unit.png) no-repeat;width:281px;height:190px;overflow:hidden;}
.air-unit  h3 {padding-top:190px;}

/* #### Page layout #### */
/* Outer container: for entire page */
#container-main{margin:0 auto;width:800px;position:relative;}
/* Inner container: for entire page */
#container{}
/* Header: inside both containers - Section or Page header content appears here */
#header{position:relative;height:377px;background: url(/template-images/air-images/air-header_01.jpg) 0px 6px #003862;}
#header-control{text-align:right;} /* additional header control if required */
/* Page Content: inside both containers below Header - Page content appears here */
#contents{/*min-height:350px;*/padding:0px 0px 0px 0px; margin:-50px 0 0px 0;clear:both;z-index:20;position:relative;}
/* Breadcrumb: inside Page Content displaying breadcrumb nav, does not exist on home page */
#breadcrumb{display:none;color:#7e7e7e;font-size:.8em;text-align:right;top:-15px;position:relative;margin-right:20px;}
#breadcrumb a:link,#breadcrumb a:visited{color:#7e7e7e;border-bottom:1px solid #7e7e7e;text-decoration:none;}
#breadcrumb a:hover{color:#7e7e7e;border-bottom:1px dashed #fff;text-decoration:none;}
#breadcrumb h1 {position:absolute;top:-20px;}
.page_footer_link {display:none;} /* link at footer of page content designating what page the user is on */
/* replacement of margin for standard lists and standard (default) link */
#contents ul {margin-left:17px;}
#contents li {margin-left:10px;}
#contents a:link {color:#236598;}
#contents a:visited {color:#7e7e7e;}
#contents a:hover {color:#620038;}
/* Footer: inside both containers below Page Content */
#footer{padding:5px 15px;text-align:right;font-size:.8em;color:#236598;margin-top:8px;}
#footer a{color:#236598;}
#footer-2 {} /* additional footer control if required */
#footer-3 {} /* additional footer control if required */
#devnote {} /* designers link */
#devnote span {} /* span in designers link: essentially for image replacement if needed */


/* #### Navigation Links #### */
/* Section navigation links */
#navigation-position{width:800px;display:block;background:#FA0405;border-top:1px solid #236598;border-bottom:1px solid #236598;height:26px;position:absolute;top:0px; }
.navigation-panel {} /*internal to navigation-position for added control */
#navigation-position a {color:#FFF;font-weight:bold;font-size:14px;display:block;float:right;text-align:center;padding:5px 8px;text-decoration:none;border-left:2px solid #FFF;}
#navigation-position a:hover {color:#236598;background:#FFF;}
/* Note: All section navigation links have a class of sec$ where $ is the section ID, and all link text is surrounded by span tags */
/* start of section based drop down nav */
.section-title{display:none;font-size:190%;color:#003862;padding:0 0 5px 0;line-height:1.5em;letter-spacing:.05em;font-weight:bold;} /* section name: text is surrounded by span tags */
/* Menu wrapper */
#slidingmenu{font-size:13px;display:block;text-align:left;padding:0;height:24px;position:absolute;top:90px;left:30px;width:150px;z-index:90;}
/* Appearance Top Level */
/* all lists */
#slidingmenu ul{list-style-type:none;}
/* all list items */
#slidingmenu li{float:left;position:relative;width:150px;}
ul.slidingmenu a:link, ul.slidingmenu a:visited {display:block;color:#FFF;padding:9px 6px 10px 14px;text-decoration:none;font-weight:bold;
background: url(/template-images/images/double-nav-bg_04.gif) 0px 4px no-repeat;}
ul.slidingmenu a:hover {color:#fff;text-decoration:underline;text-decoration:none;background: url(/template-images/images/double-nav-bg_04.gif) 0px -26px no-repeat;}
/* second-level lists */
#slidingmenu li ul{display:none;position:absolute;top:25px;left:0;border-width:0;}
/* third and further level lists */
#slidingmenu li ul ul{display:none;position:absolute;top:0;left:140px;border-width:0;}
/* lists nested under hovered list items */
#slidingmenu li:hover ul,#slidingmenu li.hover ul{border-width:0;text-align:left;}
ul.slidingmenu ul{margin:4px 0 0 0;border-width:0;padding:0;font-size:12px;font-weight:400;text-align:left;color:#fff;width:140px;margin-left:150px;margin-top:-25px;}
ul.slidingmenu ul li{display:block;width:140px;border-width:0;text-align:left;}
ul.slidingmenu ul a:link,ul.slidingmenu ul a:visited{font-weight:normal;text-transform:none;border-width:0;color:#fff;text-decoration:none;padding:9px 6px 10px 14px;display:block;width:150px;text-align:left;}
ul.slidingmenu ul a:hover{color:#fff;text-decoration:none;margin:0;padding:9px 6px 10px 14px;display:block;width:150px;
background: url(/template-images/images/double-nav-bg_04.gif) 0px -26px no-repeat;}
/* Note: the class .subheader is available for menu items that have sub menus */

/* ### Speciality elements - ezyLinks, ezyEvents, ezyArticles ### */
.link_list,.events_list,.article_list{display:block;margin-bottom:15px;color:#000;}
.link_link,.event_link,.article_link{color:#AAA;font-weight:700;font-size:110%;display:block;color:#000;}
.link_text,.event_text,.article_text{}
.event_text_date,.article_text_date{}
.link-display-title{color:#000;}
.link-display-link{color:#000762;}
.event_link2{color:#000762;}
.article-date{font-weight:700;display:block;color:#000;}
.article-author{display:block;font-style:italic;margin-bottom:10px;color:#000;}
.article_link2{color:#000762;}

/* ### form elements ### */
.info,.warn,.error {color:#BD0F0F;background-color:transparent;font-weight:400;font-style:italic;}
.error {width:100%;}
.error-display{display:block;width:100%;}
.input-checkBox{width:15px;color:#236598;background-color:#fff;border:1px solid #236598;display:inline;margin:0;padding:0 2px;}
.input-textArea{color:#236598;background-color:#fff;border:1px solid #236598;width:100%;display:block;height:65px;}
.input-text,
.input-yesno,
.input-nowidth,
.input-dropDown {color:#236598;background-color:#fff;border:1px solid #236598;width:100%;}


.form-display{padding:10px;display:block;color:#236598;width:240px;border:1px solid #236598;}

.form-display2{text-align:left;}
.form-header {color:#236598;font-weight:700;font-size:125%;text-align:left;margin:0 0 4px 0;padding:0 0 4px 0;display:block;border-bottom:1px solid #236598;}
.label{font-size:90%;font-weight:bold;text-align:left;color:#236598;display:block;}
.form-text{color:#236598;font-size:80%;text-align:left;display:block;clear:both;font-style:italic;}
.submit-main{color:#236598;font-weight:bold;padding:2px 10px;}
.progress{display:none;width:350px;position:absolute;padding:40px;z-index:1000;border:1px solid #236598;color:#236598;font-size:10px;background-color:#fff;margin:-60px auto 0;}

/* ### New CSS Added By Designer ### */

/* Shout Box Element */
.shoutBoxMainPosition {position:relative;top:-5px;z-index:90;height:50px;}
.shoutContainer {width: 800px; position: relative;height:211px;margin-left:-12px;font-family:Helvetica, Verdana, Arial, sans-serif;}
.leftShout {width: 244px; position:absolute; height: 153px; left: 30px; top:-100px;
background: url(/template-images/images/left-shout_09.png) no-repeat;}
.leftShoutTitle {padding:5px 5px 5px 15px;color:#FFF;font-weight:bold;}
.leftShoutContent {margin:14px 85px 0px 16px;float:left;}
.leftShoutReadMore {margin:10px 0px 0px 16px;float:left;}
.midShout {width: 244px; position:absolute; height: 153px; left: 290px; top:-100px;
background: url(/template-images/images/mid-shout_09.png) no-repeat;}
.midShoutTitle {padding:5px 5px 5px 15px;color:#FFF;font-weight:bold;}
.midShoutContent {margin:14px 85px 0px 16px;float:left;}
.midShoutReadMore {margin:10px 0px 0px 16px;float:left;}
.rightShout {width:244px;position:absolute;height:211px;left:550px;top:-156px;background-image: url(/template-images/images/right-shout_12.png);
background-repeat: no-repeat;}
.rightShoutTitle {color:#236598;font-size:24px;line-height:28px;margin:15px 20px 0px 20px;}
.rightShoutContent {margin: 75px 20px 20px 20px;}

#logo {position:absolute;top:45px;left:590px;width:196px;height:65px;background: url(/template-images/air-images/air-logo.png) no-repeat;}
#logo h1{display:inline;color:#fff;}
#logo h1 a{font-size:1px;display:block;visibility:hidden;position:absolute;voice-family:"\"}\"";voice-family:inherit;height:0;}

.mainTable {width:771px;margin:15px 0 0 14px;}
.mainTable .top {background: url(/template-images/images/expanding-content_08.png) no-repeat;height:22px;}
.mainTable .centre {background: url(/template-images/images/expanding-content_11.png) repeat-y;padding:0 20px;}
.mainTable .bottom {background: url(/template-images/images/expanding-content_13.png) no-repeat;height:25px;}

.wrap .subTable {width:800px;background:url(/template-images/images/3column-panels-air.png) no-repeat;height:306px;}
.wrap2 .subTable2 {width:800px;background:url(/template-images/images/2column-panels-air.png) no-repeat;height:164px;}

.subTable td {width:33%;}
.subTable .one{padding:8px 30px;}
.subTable .two{padding:8px 30px 8px 25px;}
.subTable .three{padding:8px 30px 8px 18px;}
.subTable .title{padding:0;text-align:center;color:#fff;font-weight:bold;font-size:13px;height:16px;text-transform:uppercase;}

.subTable2 .one{padding:12px 30px;width:475px;}
.subTable2 .two{padding:12px 30px 8px 25px;width:220px;}
.subTable2 .title{padding:8px 0 3px;text-align:center;color:#000;font-weight:bold;font-size:13px;height:16px;text-transform:uppercase;}