/*------------------------------------------------------------------
						Steven Johnston @ CoCreate
						for
						CoCreate
						24/09/2009

						Version 1.0

						Project: CS Digital

						**Please annotate amendments and log below**
						--------------------------------------------
						Amendments


						--------------------------------------------
##Designers Notes
-----------------
Colours
-------

--------------------------------------------------------------------*/
*{
    padding:0;
    margin:0;
}
html{
    min-height:101%;
}
body{
    background:url("../images/bg.jpg") repeat-x #00AEEF;
}
img{
    border:none;
}
/*---------------------------
		Structure
-----------------------------*/
#wrapper, #wrapperindex{
    margin:0 auto 0 auto;
    width:986px;
}
#wrapperindex{
    margin-top:200px;
}
#header{
    width:961px;
    height:103px;
    padding:28px 0 0 25px;
    background:url(../images/bg_header.png);
}
#headermenu{
    width:971px;
    height:130px;
    padding:17px 0 0 15px;
    background:url(../images/bg_header_menu.png);
}
#headermenu img{
    margin:0 0 0 10px;
}
#content{
    width:971px;
    padding:0 0 0 15px;
    background:url("../images/bg_content.png");
    line-height:1.6;
}
.flashwide{
    width:956px;
    height:172px;
    margin:0 0 14px 0;
    z-index:1;
}
.flash{
    float:left;
    width:749px;
    height:172px;
    margin:0 0 14px 9px;
}
.branchselector{
    float:left;
    width:197px;
    height:173px;
    background:url("../images/bg_branch_selector.jpg");
}
#branchoption, #branchID{
    width:167px;
    margin:75px 15px 0 15px;
    padding:3px 0 3px 0;
}
#branchoption_contact{
	width:167px;
	margin:0 0 15px 0;
}
#brands{
    float:left;
    width:540px;
    height:173px;
    margin:0 10px 0 10px;
}
.aligncenter{
    text-align:center;
}
#brands .aligncenter{
    width:540px;
}
.categorylink, .categorylinklong{
	display:block;
	z-index:1;
    float:left;
    height:140px;
    margin:0 11px 11px 0;
    padding:20px 0 0 15px;
}
.categorylink{
    width:296px;
}
.categorylink a.overLink, .categorylinklong a.overLink{
	position:absolute;
	z-index:10;
	display:block;	
	height:160px;
	margin:-20px 0 0 -15px;
}
.categorylink a.overLink{
	width:314px; 
}
.categorylinklong a.overLink{
	width:474px; 
}
.categorylinklong{
    width:459px;
    margin-right:6px;
}
.categorylink h1{
    height:65px;
}
.categorylinklong h1{
    height:37px;
}
#col_multi_prods{
    background:url("../images/bg_col_multi_prods.gif");
}
#mono_multi_prods{
    background:url("../images/bg_mono_multi_prods.gif");
}
#printers{
    background:url("../images/bg_printers.gif");
}
#doc_mgmt{
    background:url("../images/bg_doc_mgmt.gif");
}
#pre_owned{
    background:url("../images/bg_pre_owned.gif");
}
#toner_ink{
    background:url("../images/bg_toner_ink.gif");
}
#canvas_prints{
    background:url("../images/bg_canvas_prints.gif");
}
#walk_in{
    background:url("../images/bg_walk_in.gif");
}
ul{
    list-style:none;
}
#contentbody, #contentbodywide{
    float:left;        
    margin:0 0 0 9px;
}
#contentbody{padding:0 20px 0 20px;width:709px;}
#contentbodywide{padding:0;width:749px;}
#contentbody h1{
    height:45px;
    border-bottom:1px dotted #00AEEF;
    padding:5px 0 0 0;
    margin:0 0 15px 0;
}
#contentbody h2{
    height:29px;
    border-bottom:1px dotted #00AEEF;
    padding:12px 0 0 0;
    margin:0 0 10px 0;
}
.mainimg{
    float:right;
    width:237px;
    height:198px;
    padding:9px;
    background:#EBECEC;
}
.bodytext{
    float:left;
    width:420px;
}
.bodytextwide{
	float:left;
    width:620px;
}
.bodytext p, .bodytextwide p, .bodytext ul, .bodytextwide ul{
    padding:0 0 15px 0;
}
.bodytext ul li, .bodytextwide ul li{
	list-style:outside;
	margin:0 0 0 12px;
}
.btnarea{
    width:700px;
    height:32px;
}
.filter{
	float:left;
	width:150px;
	height:32px;
	margin:0 8px 0 0;
}
.btnblue, .btnbluedrop{
    float:left;
    display:block;
    width:182px;
    height:25px;
    padding:7px 0 0 15px;
    margin:0 8px 0 0;
}
.btnblue{
    background:url("../images/btn_blue.gif");
}
.btnbluedrop{
    background:url("../images/btn_blue_drop.gif");
}
.featuredproduct{
    float:left;
    width:235px;
    height:350px;
    padding:10px 0 10px 0;
    border-bottom:1px dotted #00AEEF;
}
.borderright{
    width:215px;
    padding:0 10px 0 10px;
    border-right:1px dotted #00AEEF;
}
h3{
    padding:0 5px 2px 5px;
    border-bottom:1px dotted #00AEEF;
}
.specialTitle{
	border-bottom:1px dotted #00AEEF;
}
.specialTitle table{
	float:right;
	width:330px;
}
.specialTitle table td.label{
	width:40px;
}
.xout{
	text-decoration:line-through;
}
.specialTitle h3{
	float:left;
	width:250px;
	border-bottom:none;
}
.featuredproduct h3{
    padding-top:5px;
}
.center{
	width:100%;
	text-align:center;
}
.producttext a.more{
    margin:5px 0 5px 0;
    float:right;
}
.producttextRight{
	float:right;
	width:159px;
}
.productAtts{
	height:180px;
}
.featuredproduct table{
    width:205px;
    padding:0 5px 0 5px;
}
td.prop{
    width:85px;
    padding:2px 0 2px 0;
    vertical-align:top;
}
td.attr, td.attrleft, td.attrright{
    width:110px;
    padding:2px 0 2px 0;
    vertical-align:top;
}
.product table{
    padding:0 0 0 5px;
}
.product td.prop{
    width:100px;
}
td.attrleft{
    width:180px;
    padding-right:10px;
}
td.attrright{
    width:110px;
}
.product{
    padding:0 0 10px 0;
    margin:0 0 10px 0;
    border-bottom:1px dotted #00AEEF;
}
.producttext{
    float:right;
    width:600px;
}
.product img{
    float:left;
    width:72px;
    padding:1px;
    background:#EBECEC;
}
.producttextRight img{
	width:24px;
	padding:0 5px 0 0;
	background:none;
}
.producttextRight a.dBlue{
	float:left;
	margin:5px 0 0 0;
}
.linkPanel, .linkPanelBlank{
	width:348px;
	height:139px;
	margin:0 0 20px 0;
	padding:12px 0 0 15px
}
.linkPanel h1, .linkPanelBlank h1{
	display:hidden;
	font-size:15px;
}
.linkPanel a, .linkPanelBlank a{
	position:absolute;
	display:block;
	z-index:10;
	width:363px;
	height:151px;
	background:url("../images/bg_linkPanel.gif") no-repeat -999px;
	margin:-12px 0 0 -15px;	
}
.col{
	width:340px;
}
#powerretrieve{background:url("../images/bg_powerretrieve.gif");}
#pagescope{background:url("../images/bg_pagescope.gif");}
#ecopy{background:url("../images/bg_ecopy.gif");}
#infonic{background:url("../images/bg_infonic.gif");}
#docscanning{background:url("../images/bg_docscan.gif");}
#planprinting{background:url("../images/bg_planprinting.gif");}
#posterprint{background:url("../images/bg_posterprint.gif");}
#copyDigi{background:url("../images/bg_copyDigi.gif");}
#docPcounter{background:url("../images/bg_pcounter.gif");}
#docPrintaudit{background:url("../images/bg_printaudit.gif");}


.linkPanelBlank{background:url("../images/bg_linkPanel.gif");}

#canvasPrintsFooter{
	float:left;
	width:729px;
	height:142px;
	padding:10px 10px 0 10px;
	background:url("../images/bg_canvas_prints_footer.gif");
}
#canvasPrintsFooter a{
	position:absolute;
	display:block;
	z-index:10;
	margin:-10px 0 0 -10px;
	width:749px;
	height:152px;
	background:url("../images/bg_canvas_prints_footer.gif") no-repeat -999px;
}
.divfooter{
    clear:both;
    width:1px;
    height:1px;
}
a.more, a.drop{
    display:block;
    height:26px;
    padding:6px 0 0 12px;
}
a.more{
	width:147px;
	background:url("../images/btn_more.gif");
}
a.drop{
	width:208px;
	background:url("../images/btn_drop.gif");
}
a.more:hover{
    background:url("../images/btn_more_hover.gif");
}
.featuredproduct a.more{
    margin:12px 0 12px 5px;
}
#footer{
    width:936px;
    height:35px;
    padding:32px 20px 0 30px;
    background:url("../images/bg_footer.png");
}
#cocreate{
    float:right;
    width:300px;
    text-align:right;
}
#copyright{    
    float:left;
    width:400px;
}
#mainImgThumbs{
	float:right;
	width:377px;
}
#mainimgBox{
	border:8px solid #EBEBEB;
	width:361px;
	height:303px;
	text-align:center;
}
#mainImgThumbs p{
	padding:8px 0 8px 0;
}
.thumb, .thumblast{
	float:left;
	border:8px solid #EBEBEB;
}
.thumb{
	margin-right:33px;
}
.enquire{
	float:right;
	margin:25px 0 0 0;
}
.productText{
	float:left;
	width:300px;
}
.right{
	float:right;
}
.left{
	float:left;
}
.sellingPoints{
	padding:25px 0 0 70px;
}
.steps{
	line-height:2;
}
#canvasTable{
	width:500px;
	margin:15px 0 15px 0;
}
#canvasTable td{
	height:22px;
	padding:7px 0 7px 0;
	border-bottom:1px dotted #444444;
}
#canvasTable td.center{
	width:40%;
}
#custDetails{
	width:400px;
}
#custDetails td{
	height:30px;
	padding:3px 0 6px 0;
}
#custDetails input, #custDetails textarea{
	width:200px;
	padding:2px 0 2px 3px;
	background:#EEEEEE;
	border:1px solid #666666;
}
#consumablesList{
	padding:25px 0 0 0;
	width:500px;
}
.priceMatrix{
	width:350px;	
}
.priceMatrix td{
	padding:8px 0 8px 0;	
	border-bottom:1px dotted #444444;
}
.priceMatrix td.leftCell{
	width:200px;
}
/*---------------------------
		Google Map
-----------------------------*/
#googlemap{
	float:left;
	width:650px;
	height:450px;
}
/*---------------------------
	   Enquiry Form
-----------------------------*/
#enquiryForm{
	width:300px;
	margin:20px 0 0 160px;
}
#enquiryForm p{
	margin:0;
	padding:0 0 4px 0;
}
#enquiryForm input, #enquiryForm textarea{
	width:296px;
	padding:2px 0 2px 4px;
	margin:0 0 15px 0;
}
#enquiryForm textarea{
	height:125px;
}
#enquiryForm input.submit{
	width:197px;
    height:32px;
	margin:20px 0 45px 0;
	padding:0;
}
/*---------------------------
		Typography
-----------------------------*/
body{
    font-family:Verdana,Arial,Helvetica,sans-serif;
}
.quote, .sellingPoints, .big{
	font-size:1.3em;
}
h3, h4, .specialTitle table{
    font-size:1.1em;
}
select{
    font-size:0.95em;
}
.featuredproduct table td{
    font-size:0.85em;
}
#menu, #content{
    font-size:0.7em;
}
#footer{
    font-size:0.65em;
}
.quote, .lBlue{
	color:#0099CC;
}
.blue, a.blue, a.more, a._blue_, a.drop{
    color:#00589E;
}
.white, a.white, #menu ul.menudrop li a:hover, a.btnblue, .btnbluedrop{
    color:#FFFFFF;
}
.sellingPoints{
	color:#000000;
}
.red{
	color:#FF0000;
}
.green{
	color:#009900;
}
.dBlue{
	color:#000099;
}
#contentbody h1, #contentbody h2{
    font-weight:100;
}
td.prop{
    font-weight:bold;
}
a{
    text-decoration:none;
}
a:hover, a._blue_{
    text-decoration:underline;
}
#menu ul.menudrop li a:hover{
    text-decoration:none;
}
.quote{
	font-style:italic;
}