/*
  Computer Centre.
  (c) 2008 Think Web Limited (www.thinkweb.co.nz)
*/

/* SETUP */

@import url("/media/library/css/std.css");
@import url("/media/library/css/form.css");
body { text-align:center; background:#fff url(/media/img/bg.png) repeat-y center; font-size:14px; } /* #c10000 #6184ba */

#container { position:relative; margin:0 auto; width:1000px; text-align:left; background-color: #fff; }
#columnwrap {  }
#content-main { float:left; margin:0; min-height:35em; height:auto !important; height:35em; width:726px; margin-top:0px; padding:0 20px 20px; }
#content-related { overflow:visible !important; overflow:hidden; width:222px; margin:20px 0 0 765px; line-height:1.5em; border-left:1px solid #dcdcdc; }
img { behavior: url(/media/library/js/iepngfix.htc); } /* png alpha transparency support */

/* HEADER */

#header { background-color:#fff; height:auto !important; height:1%; }
#navbar { height:31px; margin-top:13px; padding:3px 10px 0; background-color:#0055ac; text-align:center; color:#fff; font:bold 1em/1em Arial, Helvetica, sans-serif; }
#logo { display:block; margin:41px 0 0 27px; width:445px; height:96px; background:transparent url(/media/img/logo.gif) no-repeat; overflow:hidden; text-indent:-9999px; }

/* NAV */

#nav-global {  }
#nav-global li { display:inline; list-style-type:none; }
#nav-global li a { display:block; float:left; width:109px; padding:11px 0 8px !important; padding:12px 0 7px; margin:0 0px; color:#fff; font:bold 12px/12px Arial,sans-serif; text-decoration:none; text-transform:uppercase; }
#nav-global li a:hover { color:#fff; background-color:#014a93; }
#homepage #nav-homepage a, #products #nav-products a, #servicing #nav-servicing a, #specials #nav-specials a, #links #nav-links a, #contact #nav-contact a, #about #nav-about a, #servicing #nav-servicing a, #commercial #nav-commercial a { color:#333; background:#fff url(/media/img/navbar-tab.png) no-repeat; }
#homepage #nav-homepage a:hover, #products #nav-products a:hover, #servicing #nav-servicing a:hover, #specials #nav-specials a:hover, #links #nav-links a:hover, #contact #nav-contact a:hover, #about #nav-about a:hover, #servicing #nav-servicing a:hover, #commercial #nav-commercial a:hover {  }

#content-main #nav-sub { display:block; overflow:hidden; margin-left:0; border-bottom:1px dotted #ccc; padding-bottom:10px; list-style-type:none; }
#nav-sub li { float:left; }
#nav-sub li a { display:block; margin:0 10px; padding:3px 10px; text-align:center; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background-color:#fff; color:#0055ac; behavior:url(/media/library/css/PIE.htc); position:relative; }
.new-pcs #nav-new-pcs a, .exlease-pcs #nav-exlease-pcs a, .new-laptops #nav-new-laptops a, .exlease-laptops #nav-exlease-laptops a { background-color:#0055ac; color:#fff; }
#nav-sub li a:hover { background-color:#999; color:#fff; }
#nav-sub li:first-child a { margin-left:0; }

/* FOOTER */

#footer { clear:both; width:1000px; margin:50px auto 0; border-top:1px solid #ddd; padding:10px; text-align:center; color:#666; background-color:#eee; }
#footer a { color:#666; text-decoration:none; }
#footer a:hover {  }

/* CONTENT */

#content-main { line-height:1.5em; }
#content-main ul { margin:0 0 1em 20px; }
#content-main ul#intro li { font-weight:bold; line-height:2em; }
.page-split { float:left; width:350px; }
.last-col { margin-left:26px; }

/* CONTENT-RELATED */

.content-related-padding { margin:0 0 15px 20px; }

/* FORMS */

.form .vLargeTextField { width:300px; }

/* SITEMAP */

#sitemap h1 { font-size:1.5em; }
#sitemap-list ul { margin-left:0; }
#sitemap-list li { list-style-type:none; font-weight:bold; margin-left:0; }
#sitemap-list li li li { margin-left:1em; font-weight:normal;}
#sitemap-list, #sitemap-list a { color:#333; }

/*  CLEARFIX KLUDGE */

#columnwrap:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#columnwrap { display:inline-block; }
/* Hides from IE-mac \*/
* html #columnwrap { height: 1%; }
#columnwrap { display: block; }
/* End hide from IE-mac */

/* HEADINGS */

.title { height:52px; padding:15px; background:#83ba35 url(/media/img/pagetitle-bg.gif) repeat-x bottom left; }
.title h2 { font-size:1.6em; margin:10px 0 0; padding-left:50px; color:#fff; font-family:Arial, Helvetica, sans-serif; }
#content-main h1 { margin-bottom:0; font:normal 2em/2em Verdana, Arial, sans-serif; color:#0055ac; }
#content-main h2 { font:normal 1.5em/1.5em Verdana, Arial, sans-serif; color:#0055ac; }
#content-main h2.custom-font { text-align:center; font-size:26px; }
#content-main h3 { text-transform:uppercase; font-size:1em; margin:0.8em 0 0.3em 0; padding-bottom:0.3em; border-bottom:1px dashed #ccc; }
#content-main .promo-coloured-box h2 { color:#fff; margin:0px; padding:0 18px 10px; border-bottom:1px solid #fff; }
#content-related h1 { margin:20px 0; font:normal 2em/1em Verdana, Arial, sans-serif; color:#808080; }
#content-related #heading-projects { background:transparent url(/media/img/headphones.jpg) top right no-repeat; }
#content-related #heading-signups { background:transparent url(/media/img/envelope.jpg) top right no-repeat; }
#content-related h2 { font-size:1.2em; margin:0 0 10px; padding:0; }

/* LINKS */

#container a { color:#369; }
#container a:hover { color:#00accb; }

/* MISC */

.button { cursor:pointer !important; cursor:hand; }
#pg-title { position:absolute; left:-2000px; display:none; }

#view-map-link { display:block; float:right; width:43px; height:43px; text-indent:-9999px; overflow:hidden; background:transparent url(/media/img/mag-glass.png) no-repeat top center;  }
#view-map-link:hover { background-position:bottom center;  }

.promo-box { position:relative; float:left; width:314px; margin:20px 0 0 0; }
.promo-box:first-child { margin-right:60px; }
.promo-box-img-heading { margin:0 auto; }
.promo-box-heading-container { height:75px; }
.promo-product-img { margin:0 auto; }
.promo-coloured-box { background-color:#0055ac; margin:15px 0 0; }
.promo-coloured-box p { margin:1em 18px; color:#fff; }
.promo-box .price-bubble { position:absolute; width:112px; height:112px; bottom:-49px; right:-48px; }
.promo-box .price-bubble-img { width:112px; height:112px; }
.promo-box .price-bubble-text { position:absolute; z-index:100; width:112px; height:112px; bottom:-49px; right:-48px; }
.price-bubble-text .price { text-align:center; margin:1em 0 0; padding:0; color:#0055ac; font:bold 36px/1em Arial, Helvetica, sans-serif; }
.price-bubble-text .price-comment { text-align:center; margin:0; padding:0; color:#0055ac; font:normal 0.8em/0.8em Arial, Helvetica, sans-serif; }

/* HOMEPAGE */

#slides { margin:10px 0; width:720px; height:240px; color:#fff; font-size:18px;  }
#slides .promo-slide { position:relative; width:720px; height:240px; }
#slides .promo-slide div { position:relative; width:720px; height:240px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow: 0px 3px 4px #666; -webkit-box-shadow: 0px 3px 4px #666; box-shadow: 0px 3px 4px #666; behavior:url(/media/library/css/PIE.htc); }
#slides h2 { margin:0; padding:30px 0 20px 30px; color:#fff; font:normal 30px/30px Verdana, Arial, Helvetica, sans-serif; line-height:1em; }
#slides li { margin:18px 0 18px 10px; list-style-type:image; list-style-image:url(/media/img/tick.png); list-style-position:inside; text-indent:0.2em;  }
#slides .btn { display:block; position:absolute; bottom:20px; right:20px; width:163px; height:39px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:transparent url(/media/img/slide-btn-bg.png) no-repeat; color:#fff; font-weight:400; text-align:center; line-height:39px; border:2px solid white; text-decoration:none; text-transform:uppercase; behavior:url(/media/library/css/PIE.htc); }

#slides-pager a { display:block; float:left; width:11px; height:11px; margin-right:5px; background-color:#ccc; line-height:11px; padding:0; color:#ccc; overflow:hidden; text-indent:-200px; }
#slides-pager a.activestep { color:#666; background-color:#666; overflow:hidden; }

#slide-commercial { background-color:#057fac; }
#slide-commercial .btn { background-color:#07abe8; }
#slide-repairs { background-color:#44216f; }
#slide-repairs .btn { background-color:#8541d9; }
#slide-staff { background-color:#5a6f21; }
#slide-staff .btn { background-color:#77bd1d; }

/* COMPUTER SERVICING PAGE */

#servicing #content-main h2 { text-indent:78px; line-height:61px; background-repeat:no-repeat; background-position:top left; }
#heading-network-setup {  background-image:url(/media/img/icon-network-setup.png); }
#heading-virus-removal {  background-image:url(/media/img/icon-virus-removal.png); }
#heading-data-recovery {  background-image:url(/media/img/icon-data-recovery.png); }
#heading-computer-upgrades {  background-image:url(/media/img/icon-computer-upgrades.png); }
#heading-computer-repairs {  background-image:url(/media/img/icon-computer-repairs.png); }

/* CONTACT PAGE */

#premises-photo { display:block; float:right; width:275px; height:200px; border:3px solid #ccc; }
.extra-viewmap { cursor: pointer; }