@import 'blueprint/reset.htm';
@import 'blueprint/typography.htm';
@import 'blueprint/grid.htm';
@import 'blueprint/forms.htm';

.ad { background:#ccc;text-align:center;margin:0 0 1.5em; }
.none {display:none}

/* Custom Elements
-----------------------------------------------------------------
-------------------------------------------------------------- */
body { margin:0; padding:0; background:#FFFFFF url(../mocks/i/m/bg.jpg) repeat-x; }
#correction {padding:0 20px; width:780px; background:url(../i/m/pagebody-alt.jpg) center top no-repeat; margin:0 auto; _background-position:left top;}
.container {}

/* Head 
-------------------------------------------------------------- */
#head {height:144px; _height:144px; background: url(../i/m/headd.jpg) no-repeat; width:740px; margin:0 auto; position:relative; right:20px; }
	#head a.logo {position:absolute; width:203px; height:41px; background:url(../i/m/logo.gif); text-indent:-9999px; top:38px; left:20px;}
	#head ul {float:left; margin-top:88px; padding:12px 0 0 0; background:transparent url(//../i/m/nav_glow.jpg) no-repeat 20px top;}
	#head ul li {display:block; float:left; background:none; margin:0 0 0 1px; }
	#head ul li a{color:#ebcabf; display:block; float:left; padding:0px 10px; height:27px; line-height:27px;}
	#head ul li a.selected, #head ul li a:hover {background:url(../i/m/nav_selected.jpg); color:#974224; text-decoration:none; border:none; -moz-border-radius-topleft:2px;-moz-border-radius-topright:2px;}
	#head div.coffeeshop {background:url(../i/m/coffeetabs.jpg); width:239px; height:78px; position:absolute; right:1px; top:30px;}
	#head div.coffeeshop a {display:block; height:39px; line-height:39px; color:#fff; text-align:right; padding:0 53px 0 0}
	#head div.coffeeshop a:hover {color:#ffb398}

	#head div.coffeeshop a.icn_coffee {background:url(http://www.cbsinteractive.com.au/i/g/promo_coffee.gif) no-repeat 195px center ;}
	#head div.coffeeshop a.icn_news {background:url(http://www.cbsinteractive.com.au/mocks/i/g/promo_book.gif) no-repeat 205px center }
	/*#head div.coffeeshop a img { position:absolute; right:10px; margin-left:9px; margin-top:0px;}
	html>body #head div.coffeeshop a img {margin-top:9px;}*/

#brands {}
	#brands ul {margin:0 0 0 1px; height:57px;}
	#brands ul li {display:inline; height:41px; background:#000; }
	#brands ul li img {width:91px; height:47px; border:1px solid #ddd;}/*93x48*/
	#brands ul li a{background:#333; height:41px; display:block; float:left; margin-right:8px; /*filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65;*/}
	#brands ul li a.last {margin:0; float:right;}
	#brands ul li a:hover, #brands ul li a.selected {filter:alpha(opacity=100);-moz-opacity:100;opacity:100; border:none;}

#subnav {min-height:4px; display:none}
	#subnav ul {margin:0 0 0 1px; padding:0 0 5px 0;}
	#subnav ul li {display:inline; margin-right:6px;}
	
/* Masthead
-------------------------------------------------------------- */
div.masthead { height:144px; margin:0 0 3px 0; position:relative;color: #eee; }
.masthead .tab {position:absolute; height:57px; top:-50px;}
.masthead p {margin: 23px 210px 10px 30px;  font-style: italic; font-size:20px; font-family:Georgia, serif; line-height:1.4em}
.masthead #subnavb {margin:8px 0 0 30px; }
	.masthead #subnavb a{display:block; float:left; margin:0 4px 0 0; padding:3px 6px; background:#000; color:#fff; filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65;}
	.masthead #subnavb a:hover, .masthead #subnavb a.selected {border:none; text-decoration:none; background:#eee; color:#333 }

#mh_adikted {background:url(../i/brands/mh_adikted.jpg);}
#mh_bnetau {background:url(../i/brands/mh_bnetau.jpg);}
#mh_builderau {background:url(../i/brands/mh_builderau.jpg); color:#323234;}
#mh_cnetdirect {background:url(../i/brands/mh_cnetdirect.jpg); color:#222;}
#mh_gamespotau {background:url(../i/brands/mh_gamespotau.jpg);}
#mh_tv {background:url(../i/brands/mh_tv.jpg); color:#d07000;}
#mh_zdnet {background:url(../i/brands/mh_zdnet.jpg);}
#mh_cnetau {background:url(../i/brands/mh_cnetau.jpg); color:#595237;}

/* Carousel
-------------------------------------------------------------- */
#carousel {background:#fefefe url(../i/m/carousel.pngg); margin:0 0 2px 0;}
	#carousel .span-6 {overflow:hidden; position:relative; height:238px;}
	#carousel #media {background:#f9f9f9; height:238px;}
	.span-3 .item {padding:8px 15px 8px 15px; border-bottom:1px solid #dedede; border-top:2px solid #FFFFFF;}
	.span-3 .item h2 {font-size:12px; font-weight:normal; letter-spacing:0; }

	#carousel .slider {border-top:3px solid #fff; position:absolute; z-index:9999; bottom:0px; left:0; width:460px; height:16px; background:#eee url(../ii/m/slider-alt.png) no-repeat; padding:0 0px 0 0px; filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; }
	#carousel .slider span {background:transparent url(../i/m/slider-alt.png) -95px top no-repeat; display:block;}
	#carousel .slider div.knob {background:transparent url(../i/m/knob.gif) no-repeat; width:110px; height:13px; top:2px;}	
	.ui-slider { width: 200px; height: 23px; position: relative; background-repeat: no-repeat; background-position: center center; }
	.ui-slider-handle { position: absolute; z-index: 1; height: 23px; width: 12px; top: 0px; left: 0px; background-image: url(http://ui.jquery.com/latest/themes/flora/i/slider-handle.gif);  }

	#carousel #items {position:relative; z-index:8888; height:250px; right:0; width:3650px;}
		#carousel #items .item {width:460px; margin:1px 0px 0 0; background-repeat:no-repeat; height:237px; float:left;}
			#carousel #items .item div {position:absolute; bottom:20px; width:460px; padding:10px 0px 0 0px; background:#000; color:#fff; filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65;}
			#carousel #items .item  h2, #carousel #items .item p {padding:0 15px; margin-right:0px; }  /*was 160 */
			#carousel #items .item  h2 { margin-bottom:3px; font-size:18px; line-height:20px; letter-spacing:1px; color:#ba4f20; font-style:italic; color:#fff;}
			#carousel #items .item  p {line-height:1.6em;}

	#media .item h2 {line-height:1.6em; font-family:Arial; margin-bottom:0;}


/* and the rest...
-------------------------------------------------------------- */
h3 small {display:block;font-size:0.6em;font-style:italic;letter-spacing:0.01em;line-height:1.6em; color:#999}

#contacts-listing { margin:0 0 15px 0; border-bottom:1px solid #d9d9d9 }
	#contacts-listing dt, #contacts-listing dd { padding:10px 15px 0 0; width:115px; float:left; border-top:1px solid #d9d9d9 }
	#contacts-listing dd { padding:10px 0 0 15px; width:420px; border-left:1px solid #d9d9d9 }
	#contacts-listing dd ul { margin:0; list-style:none }
	#contacts-listing dd li { margin:0 0 10px 0 }
	#contacts-listing span { font-weight:bold }

.reverse .box {background:#fff;}
.alt, .reverse .alt{background:#F2F2F2 ;}


/* Masthead changes
-------------------------------------------------------------- */
div.masthead { height:auto; margin:0; position:relative;color: #eee; padding:0 0; height:32px; }
.masthead p {display:none}
.masthead #subnavb {margin:0; padding:0;}
.masthead #subnavb a{display:block; float:left; margin:0 4px 0 0; padding:3px 6px; background:none; color:#aaa; filter:alpha(opacity=100);-moz-opacity:100;opacity:100; }
.masthead #subnavb a:hover, .masthead #subnavb a.selected {border:none; text-decoration:none; background:#ddd; color:#777}
#mh_adikted, #mh_bnetau, #mh_builderau, #mh_cnetdirect, #mh_gamespotau, #mh_tv, #mh_zdnet, #mh_cnetau {background:none}


#ivid {margin-bottom:20px;}


/* survey */
#archive { float:right; width:300px; margin-left:10px; height:100px; }

.text-error { color:#ff0000; }