@charset "UTF-8";
/* CSS Document */

/* Containers
----------------------------------------------------------------------------------------------------*/

body { background:url(images/bkg.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size:62.5%; line-height: 1.6em; color:#FFF }
h1 { font-size: 1.9em; margin: 24px 0 24px 0; }
h2 { font-size: 1.7em; margin: 24px 0 24px 0; }
h3 { font-size: 1.6em; margin: 14px 0 14px 0; }
p { font-size:1.6em; line-height: 1.2em }
a:link { color:#FFF; }
.small { font-size:0.9em; }
.bold { font-weight:bold; }
.vspace { height:24px; clear:both; }



#wrapper { margin: 0 auto; width:974px; height:1200px; background:url(images/bkg-inner.jpg) repeat-x; }
#wrapper-inner { margin: 0 auto 0 auto; width:948px; }
#headder { height:180px; width:100%; }
#head-left { height:134px; width: 330px; float:left; }
#head-right { height:134px; width: 554px; float:right; background:url(images/num-credit.jpg) no-repeat left center }
.cart-top-head-right { width:320px; height:38px; float:right; background:url(images/cart-image-bkg.jpg) no-repeat; padding-left:16px; color:#000; }
.cart-top-head-left { width:602px; height:38px; float:left; text-align:right; padding-right:10px; }



/* Nav */
#nav { float:right; height:38px; width: 550px; margin-top:-30px; }
#nav li { display:inline; float:left; list-style-type: none; text-indent:-9999px; padding: 0 2px; }
#nav a { height: 30px; display: block; }
#tab1 { width: 106px; height:30px; background: url(images/home-sprite.jpg) no-repeat bottom; }
#tab2 { width: 106px; height:30px; background: url(images/aircon-sprite.jpg) no-repeat bottom; }
#tab3 { width: 106px; height:30px; background: url(images/quote-sprite.jpg) no-repeat bottom; }
#tab4 { width: 106px; height:30px; background: url(images/shop-sprite.jpg) no-repeat bottom; }
#tab5 { width: 106px; height:30px; background: url(images/contact-sprite.jpg) no-repeat bottom; }
#tab1 a:hover { height:30px; background: url(images/home-sprite.jpg) no-repeat top; }
#tab2 a:hover { background: url(images/aircon-sprite.jpg) no-repeat top; }
#tab3 a:hover { background: url(images/quote-sprite.jpg) no-repeat top; }
#tab4 a:hover { background: url(images/shop-sprite.jpg) no-repeat top; }
#tab5 a:hover { background: url(images/contact-sprite.jpg) no-repeat top; }

/* blocks */
#breadcrumb { height: 24px; width:100%; background: url(images/bread-bkg.jpg) repeat-x; }
#flash { width:946px; height:271px; margin-bottom:26px; float:left; background-image:url(images/flash-holder.jpg) }
#col1 { width:186px; height:500px; float:left; }
#col2 { width:530px; height:500px; float:left; margin: 0 22px;  }
#col3 { width:186px; height:500px; float:left; }
.box { width: 178px; min-height:157px; margin-bottom:12px; height:auto; background:url(images/box-bg.jpg) no-repeat #eff0f1; padding-left:8px; padding-top:5px; font-size:1.4em; }
.comm-out { width:184px; height:308px; background: url(images/link-out-bg.jpg) no-repeat; }
.quote { width:184px; height:184px; background:url(images/quote-bg.jpg); margin-top:12px; }
.block { width:168px; height:248px; float:left; margin-bottom:12px; background:url(images/blocks-sprite.jpg) top left; }
.block:hover, .block-middle:hover { background:url(images/blocks-sprite.jpg) top right; }
.block-middle { width:168px; height:248px; float:left; margin:0 12px; background:url(images/blocks-sprite.jpg) top left; }

.block h4, .block-middle h4{margin-top: 219px;font-size: 1.3em; color:#333; font-weight:bold; text-align:center}


.head{font-weight:bold;}
#paypal-logo {float:right; margin: 28px 10px 0 0 }
.footer_ca { float:left; height:193px; width:100%; clear:both; background:url(images/footer-bg.jpg) repeat-x; }

.footer_ca ul{ list-style-type:none; float:left; margin-top: 34px; margin-left:22px;}