/*	Desc:		ADRAD Screen Style Sheet
	Author:	Intervolve.com.au
  	Date:		November 09
=== === === === === === === === === === */

body {font:100%/150% Arial,"Helvetica Neue",Helvetica,sans-serif;color:#505040;background:#c3c4c4;text-align:center;border-top:10px solid #262B2C}
html>body {font-size:16px}
body#front {background:#c3c4c4 url(../img/front_bg.gif) repeat-x 0 10px}


/*=COMMON
=== === === === === === === === === === */
a,a:link {text-decoration:none;color:#EB2D2E}
a:hover {color:#000;cursor:pointer}

/* Formatting */

#content p, #sidebar p {margin:0 0 1em 0}

h2,h3,h4,h5 {color:#222;line-height:1.4em;margin:0 0 10px 0;text-transform:uppercase;font-weight:bold}
#content h2 {font-size:1.7em;margin:0 0 20px 0}
#content h2 span {font-weight:normal}
#content h3,#content big {font-size:120%;margin:0 0 15px;text-transform:none !important}
#content h4 {font-size:90%;margin:20px 0 15px}
#content h5 {font-size:105%;margin:10px 0 0 0}
#content small {font-size:80%;line-height:1.4em}

em,i {font-style:italic}
b,strong {font-weight:bold}

#content ul {margin:0 0 1em 1em;list-style-type:disc}
#content ul li {margin:0 0 .3em 0}
#content ul ul {margin:0 0 0 .5em}
#content ol {margin:0 0 1em 1.8em;list-style-type:decimal}

#content img.bthick {padding:6px;background:#FFF;border:1px solid #CCC;margin-bottom:.85em}
#content img.bthin,#sidebar img.bthin {padding:3px;background:#FFF;border:1px solid #CCC;margin-bottom:.85em}

#content img.left {float:left;margin:0 1em 1em 0}
#content img.right {float:right;margin:0 0 1em 1em}


/*=LAYOUT + BACKGROUNDS
=== === === === === === === === === === */

#container {width:960px;margin:0 auto;text-align:left}
#container2 {width:100%;background:url(../img/sub_bg.gif) repeat-x;overflow:hidden}
#front #container2 {background:url(../img/brands_bg.gif) no-repeat bottom center;overflow:hidden}
#container3 {width:100%;background:url(../img/front_bg2.png) no-repeat center top}
#header {width:960px;position:relative}
#content-container {width:960px;clear:both;padding:30px 0;float:left}
#sidebar {width:195px;float:left;margin:0 30px 0 0}
#footer {width:960px;margin:0 auto;text-align:left;padding:20px 0}
#footer2 {width:100%;clear:both;background:url(../img/footer_bg.gif) repeat-x}


/*=IMAGE REPLACEMENT ITEMS
=== === === === === === === === === === */

#front #header h1,
#header h1 a,
#brands a  {display:block;text-indent:-999999px;overflow:hidden;background-repeat:no-repeat !important}


/*=HEADER
=== === === === === === === === === === */

#header {height:180px;background:url(../img/nav-bg.jpg) no-repeat 225px 0}
#front #header h1, #header h1 a {margin:0 auto;width:225px;float:left;} 
#front #header h1 {background:url(../img/adrad-logo.png) no-repeat bottom left;height:175px}
#header h1 a {background:url(../img/adrad-logo.png) no-repeat bottom left;height:167px}


/*=NAVIGATION
=== === === === === === === === === === */

#nav {width:735px;position:absolute;z-index:1;top:1px;left:225px;padding:48px 0 0 0;text-shadow:#000 1px 2px 2px;background:url(../img/call_toll_free.gif) no-repeat top right}
#nav li {float:left;position:relative;display:inline}
#nav li a {text-transform:uppercase;font-weight:bold;display:block;float:left;line-height:40px;padding:0 0 0 14px;font-size:.85em;width:133px;color:#c2c6c7}
#nav li a:hover {color:#FFF;text-shadow:#000 1px 1px 10px}
#nav  .current {color:#FFF;background:url(../img/nav-current.gif) no-repeat center left}
#nav  .news, #nav  .contact {padding:0 0 0 60px !important;width:87px !important;background:red}
#nav  .news {background:url(../img/nav_news.gif) no-repeat center left}
#nav  .contact {background:url(../img/nav_contact.gif) no-repeat center left}

#nav-sub {font-size:.9em}
#nav-sub li{border-bottom:1px dotted #CCC}
#nav-sub a {display:block;padding:5px 0}
.adshield {background:url(../manufacturing/adshield_logo.gif) no-repeat center left;padding-left:21px !important}
#nav-sub a.current {color:#000;font-weight:bold}

.contactform {color:#5e82c0 !important;background:url(../contact/contact.gif) no-repeat center left;padding-left:42px !important}
fieldset {clear:both}
.wysiwygemail {display:none}

ul.tabs {margin:-40px 0 0 580px !important;padding:0;height:45px}
ul.tabs li {float:left;padding:0;margin:0;list-style-type:none}
ul.tabs a {float:left;display:block;padding:10px 20px;text-align:center;text-decoration:none;background-color:#FFF;border:1px solid #DDD;border-width:1px 1px 0 1px;color:#EB2D2E;margin-right:3px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;position:relative;	top:1px}
ul.tabs a:hover {background-color:#FFF;color:#000}
ul.tabs a.current {background-color:#ededed;color:#000 !important;border:0;cursor:default;font-weight:bold}
div.panes #contactform, div.panes #map {background-color:#ededed}


/*=CONTENT
=== === === === === === === === === === */

#front #content em {color:#EB2D2E;font-weight:bold;border-left:2px solid #EB2D2E;display:block;padding:0 0 0 1em}
#front #content h2 {color:#FFF;font-weight:bold;text-transform:capitalize;font-size:2em;text-shadow:#000 1px 2px 2px}
#front #content div {width:450px;height:320px;padding:30px 0 0 0 !important}
#front #content img {position:absolute;right:0;top:-10px}

#content {width:680px;float:left;position:relative}
#front #content {width:960px}

#content .col {float:left;width:480px;margin:0 30px 0 0}

#content blockquote {overflow:hidden;border-top:2px solid #EB2D2E;border-bottom:2px solid #EB2D2E;padding:15px;margin:0 0 1em 0;font-style:italic;font-weight:bold;color:#EB2D2E}

#performance #content {width:960px}
#performance .col {width:760px}
#performance .adradcar {margin:0 0 20px 0}
#performance .adradsprint, #performance .adradradiator  {right:0;position:absolute}
#performance .area2 {width:620px}
#performance .adradlogos {margin:0 0 15px 0}
#performance .extra {width:155px;right:0;top:0;position:absolute}
#performance .catalogue {text-align:center !important;font-size:.9em}
#performance .three_col {width:960px !important}
#performance .three_col  .col1, #performance .three_col  .col2, #performance .three_col  .col3 {float:left;width:300px;margin:0 20px 0 0}
#performance h3 {clear:both}

#quality #content .col {width:960px}
#quality #content .isoquality {float:left;margin:6px 20px 0 0}
#quality .timquality {border:1px solid #CCC;padding:3px;background:#EEE}
#quality  #content small {font-size:11px;line-height:.9em}

#industrial #content {width:960px}
#industrial #content .col {width:465px;margin:0 30px 0 0;float:left}
#industrial #content .col2 {width:465px;float:left}
#industrial #content .col2 img {border:1px solid #CCC;padding:3px;background:#EEE;margin:0 0 15px 0}

#automotive #content {width:960px}
#automotive #content img {border:1px solid #CCC;padding:3px;background:#EEE;margin:0 0 15px 0}

#air_conditioning #content {width:960px}
#air_conditioning #content .adairlogo {float:left;margin:5px 20px 0 0}

#manufacturing #content {width:735px}
#manufacturing #content .col {width:250px;float:left}
#manufacturing #content .col2 {width:455px;float:left}
#manufacturing #content img {float:left;border:1px solid #CCC;padding:1px;background:#EEE;margin:0 10px 0 0}

#distribution #content {width:960px}
#distribution .col {width:465px;margin:0 30px 0 0;float:left}
#distribution #content img {border:1px solid #CCC;padding:3px;background:#EEE}

#corporate #content {width:960px}
#corporate #content .imagelinked {border:1px solid #CCC;padding:3px;background:#EEE;margin:5px 0 30px 0;text-align:center;font-size:13px;overflow:hidden}

#adshield #content {width:595px}

#contact #content {width:960px}
#contact #map {font-size:80%;line-height:150%;margin:0 0 10px 0}
#contact #map h3 {margin:0 0 3px 0}
#contact #content .col h3, #contact #content .col2 h3 {margin:25px 0 9px 0 !important}
#contact #content .col {width:300px;width:241px;padding:0 0 0 224px;position:relative}
#contact #content .col2 {float:left;width:241px;padding:0 0 0 224px;position:relative}
#contact #content .col img,#contact #content .col2 img {border:1px solid #CCC;padding:1px;background:#EEE;position:absolute;left:0;margin:-30px 0 0 0}
#contact #content h3 span {font-weight:normal !Important;font-size:80%}
#contact #content big {position:absolute;left:170px;color:#ea2d2e;display:block;top:0;font-size:1.5em;line-height:1.4em;}
#contact .phone {font-style:normal !important;color:#EA2D2E}

#content div.left {float:left;width:320px}
#content div.right {float:right;width:320px}
#content p.left {float:left}
#content p.right {position:absolute;right:0;width:625px;display:block}
#content p.opening {font-size:1.1em;color:#747C82}
#content .pdf {background:url(../img/pdf_icon.gif) no-repeat center left;padding:0 0 0 23px}
.nomarg {margin:0 !important}

.aftermarket-news {background:#262b2c;border:1px solid #63686c;border-width:0 1px 1px 1px;display:block;float:right;padding:4px 8px;position:relative;z-index:9999;margin:0 220px 0 0;font-size:80%;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px}
.aftermarket-news:hover {color:#FFF}
.aftermarket-news span {font-size:80%}

.topnews {background:#262b2c;border:1px solid #63686c;border-width:0 1px 1px 1px;display:block;float:right;padding:4px 8px;position:relative;z-index:9999;margin:0 220px 0 0;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px}
.topnews a {text-transform:uppercase;font-weight:bold;display:block;float:left;line-height:40px;padding:10px 0 0 14px;font-size:.85em;width:133px;color:#c2c6c7}
.topnews a:hover {color:#FFF;text-shadow:#000 1px 1px 10px}


/* News Page */
#news #content h2 {font-size:.8em;border-bottom:1px solid #CCC}
.article {position:relative;padding:20px 0 40px 0}
.article .article-image {font-size:13px;position:absolute;right:-290px;top:25px;width:260px}
.article .article-image small {font-style:italic;display:block;font-size:13px !important}
.article .article-image img {padding:3px;border:1px solid #CCC;background:#EEE}

/* Forms */
form {margin:0}
input,textarea,select {font-weight:normal;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:100%;line-height:150%;padding:3px;background:#FFF;border:1px solid #CCC;line-height:normal !important}
input[type='checkbox'],input[type='radio'] {border:0}
button {font-size:80%;line-height:normal !important;}
button:hover {}
button:focus {outline:none}
input,select,button {vertical-align:middle}
table {border-collapse:separate;border-spacing:0;font-weight:normal;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:100%;line-height:150%;padding:3px;line-height:normal !important}
#contactform {padding:50px 0 50px 160px;width:800px !important}
#contactform p label {float:left;width:100px;font-weight:bold}
#contactform p {clear:both}
#contactform button {clear:both;float:left;margin:0 0 0 100px}
#contactform textarea {clear:both;}
.red,label.error {color:red}
.error {clear:both;display:block;float:none !important;width:300px !important}

/* Sitemap */
#sitemap ul {position:relative;border-left:1px solid #CCC;margin:0 0 20px 20px !important;padding:0}
#sitemap ul ul {margin-bottom:15px !important}
#sitemap li {list-style-type:none !important;margin:0 !important;padding:0 !important}
#sitemap li a {padding:0 0 0 9px;background:url(../img/sitemap_a_bg.gif) no-repeat center left;line-height:1.7em}
#sitemap ul a {font-weight:bold}
#sitemap ul ul a,#sitemap ul ul ul a,#sitemap ul ul ul ul a {font-weight:normal}

#distributor-list {margin:20px 0 0 0}

/*=BRANDS
=== === === === === === === === === === */

#brands {clear:both;width:945px;padding:15px 0 15px 15px;margin:0 0 20px 0;display:block;background:#FFF;overflow:hidden;-moz-border-radius:10px;-webkit-border-radius:10px;border:1px solid #CCC}
#front #brands {width:960px;background:transparent;border:0;margin:0;padding:0}
#brands li {display:inline}

#brands a {float:left;background-position:center center !important;height:55px;margin:0 17px 0 0}
#front #brands a {background-position:center center !important;height:100px;margin:0 15px 0 0}
#brands .logo1 {background:url(../img/logo_adrad.gif);width:66px}
#brands .logo2 {background:url(../img/logo_adair.gif);width:102px}
#brands .logo3 {background:url(../img/logo_airrad2.gif);width:70px}
#brands .logo4 {background:url(../img/logo_national.gif);width:94x}
#brands .logo5 {background:url(../img/logo_harrop.gif);width:88px}
#brands .logo6 {background:url(../img/logo_cbm.gif);width:74px}
#brands .logo7 {background:url(../img/logo_natrad.gif);width:98px}
#brands .logo8 {background:url(../img/logo_radshop.gif);width:90px;margin:0 !important}
#brands .logo9 {background:url(../img/logo_adexperts.gif);width:61px}
#brands .logo10 {background:url(../img/logo_arbig.gif);width:186px}
#brands .logo11 {background:url(../img/Logo_AR-IND.gif);width:68px}
#brands .logo12 {background:url(../img/logo_wingfan.gif);width:70px}

/*=FOOTER
=== === === === === === === === === === */

#footer2 {background:url(../img/footer_bg.gif) repeat-x;height:110px;border-top:1px solid #CCC}
#footer {position:relative;color:#8E8E8E;height:50px;padding:20px 0 0 0}
#footer small {float:left;clear:both;margin:8px 0 0 45px;font-size:70%}
#footer a {color:#545859}
#footer a:hover {color:#000}
#footer .credits {position:absolute;right:0;top:20px;}
#footer .credits a {background:url(../img/intervolve.gif) no-repeat center left;width:163px;height:40px;text-indent:-999999px;display:block}

#footer small img {width:31px;height:38px;cursor:help;left:0px;position:absolute;top:20px;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3}
#footer small img:hover {width:51px;height:64px;top:5px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}