/* =universals 
These rules are applied to all elements unless otherwise specified below. */
* { margin : 0; padding : 0; }

/* = html */
html { background : #eaeaea ; }
/* =body */
body { font : 76%/160% Tahoma, Verdana, Arial, sans-serif; color : #000000; text-align : center; background: #eaeaea;}
/* =a */
a {text-decoration:none; color:#666666;}
a:link{}
a:visited{}
a:hover{color:#666666;}
a:active{border:none; text-decoration:none;}
/* =img */
img {border:none; display:inline;}

/* =p */
p {margin: 10px 0 10px 0;}

/* =H4 */
H4 {margin-top:15px;}

/* general styles (classes) */

.standardTable td {background-color:#CCCCCC; padding:1px; margin:1px; text-align:center;}
.standardTable th {background-color:#999999; padding:1px; margin:1px;}

.null { list-style-type:none;}
.shock{ color:#FF0000;}

.space{ padding-top: 20px;}

.small{font-size:x-small;}

.boxed{ background-color:#99CCFF; border:solid #3399FF thin; padding:0 15px 5px 15px; margin:10px 15px 0 0;}
.boxed a {color:#000099;}

.feature {color:#FF0000;}
.featureHeading {color:#FF0000; font-size:larger; font-weight:bold;}
.noDot{list-style-type:none;}

div#account {right:15px; font-size:x-small; position:absolute;}

/* container and general layout */
div#container {
position : relative;
width : 837px;
margin : 0 auto;
text-align : left;
overflow:auto;
background: url(../images/back_04.png) repeat-y;
}

div#innerContainer { position : relative; left: -2px; width : 815px; margin : 0 auto; text-align : left; background: #ffffff; overflow:hidden; border-left: 1px solid #666666; border-right: thin solid #666666;}

/* =branding strip */
div#branding {position:relative; top:30px; background-color:#9933FF; margin-top:50px;}

div#branding h1 { z-index:2; position:absolute; left: 9px; top:-66px; background-repeat: no-repeat; text-indent : -9999px; width:208px; height: 107px; }
a#LOGO {width:208px; height:107px; display:block;}

div#branding h2 { z-index:1; position:absolute; width:100%; text-indent : -9999px; height:71px; background-repeat:no-repeat;}

/* individual department branding */
div .default h1 {background:url(../images/logoAIM.jpg);}
div .default h2 {background:url(../images/brandingAIM.jpg);}
div .design h1 {background:url(../images/logoDESIGN.jpg);}
div .design h2 {background:url(../images/brandingDESIGN.jpg);}
div .print h1 {background:url(../images/logoPRINT.jpg);}
div .print h2 {background:url(../images/brandingPRINT.jpg);}
div .web h1 {background:url(../images/logoWEB.jpg);}
div .web h2 {background:url(../images/brandingWEB.jpg);}
div .media h1 {background:url(../images/logoMEDIA.jpg);}
div .media h2 {background:url(../images/brandingMEDIA.jpg);}

/* =main navigation */
div#navigation {position:absolute; top:-35px; right: 5px; font-size:150%; letter-spacing:.1em;}
div#navigation li {display:inline; list-style-type:none; float:left;}
div#navigation a {margin:10px 10px 0 10px; text-decoration:none; color:#999999;display:block; border-bottom:thin #FFFFFF double; }
div#navigation a:hover {margin-top:4px; padding-bottom: 7px; text-decoration:none; color:#666666; border-bottom:thin #FF0000 double; }

/* =sub navigation */
div#subnav {float:left; width: 105px; height:303px; background:url(../images/navGradient.jpg) repeat-x; padding:0px 10px 10px 10px; margin-top:100px; margin-bottom:55px;  letter-spacing:.1em;}
div#subnav li {list-style-type:none; text-align:right; padding:5px 5px 0 0; margin:0;}
div#subnav a {color:#666666; display:block; _float: right; clear: right;}
div#subnav a:hover{color:#333333; border-right:thin #FF0000 double; padding:0 4px 0 0;}

/* content positioning */
/* full width content */
div#fullPageContent { float:left; width:660px; padding:0 10px 20px 20px; margin-top:100px;}

/* split page content */
div#content { float:left; width:450px; padding:0 20px 20px 20px; margin-top:100px;}
div#contentSub { float:right; width:200px; margin-top:100px;}

/* split page with gallery content */
div#Scontent { float:left; width:380px; padding:0 20px 20px 20px; margin-top:100px;}
div#ScontentSub { float:right; width:250px; margin-top:120px;}

/* content styling */
div#content li, div#fullPageContent li, div#Scontent li  {margin-left:20px;}

/* footer */
div#contactArea { position:relative; float:left; width:815px; height:120px; background:#999999; color:#FFFFFF; letter-spacing:.1em;  margin-top:10px;}
div#contactArea li {list-style-type:none;}
div#contact { z-index:2; position: absolute; margin:20px 10px 10px 10px; width:360px; text-align:right;  right: 5px; border:1px #CCCCCC solid; padding: 0 10px 7px 10px;}
div#contact a{color:#ffffff; }
div#contact a:hover{color:#CCCCCC;}
#address {float: left; text-align:left;}
#numbers {float: right;}
#Aim {font-weight:bold; position:relative; top:-10px; left:-10px; background:#999999;display:inline; padding: 0 3px 0 3px;}
#email {}

/* site details strip */
div#siteDetails {position:relative; float:left; width:805px; background:#CCCCCC; color:#333333; padding:5px;}
div#siteDetails li {list-style-type:none; display:inline; padding-right:20px; padding-left:20px;}
div#siteDetails a {color:#333333;}
div#siteDetails a:hover {color:#000000;}


/*print central pages */
.printRange ul {list-style-type:none; display:block; margin:0;}
.printRange li {display:inline; text-align:center; float:left; margin:10px; width: 115px}

.printItem {display:inline; float:left;}

.printProduct, .printProductQTY {width: 440px; position:relative; clear:both; margin:20px 0 20px 0; display:block; border:1px #999999 solid; overflow:auto;}
.dividerCont{width: 440px; position:relative; clear:both; margin:20px 0 20px 0; display:block; border:1px #999999 solid; overflow:auto;}
.productDetails{ float:left; width:270px;}
.printProduct H4, .printProductQTY H4 { clear:both; position:relative; font-size:13px; letter-spacing:1px; display:block; background-color:#50516b; width:430px; color:#FFFFFF; padding:5px 0 5px 10px; margin-top:0;}
.divider { font-size:13px; letter-spacing:1px; display:block; background-color:#660000; width:430px; color:#FFFFFF; padding:5px 0 5px 10px; margin-top:0;}
.GSTmessage {float:left; display:block; background-color:#DFE4E9; color:#000000; width:425px; padding:1px 5px 1px 10px; font-size:xx-small; text-align:right;}

.show, .hide {float:left; display:block; background:#CCC url(../images/show.jpg) no-repeat; color:#000000; width:430px; padding:1px 0 1px 10px; font-size:xx-small; cursor:pointer; _cursor:hand; text-indent:15px;}

.hide{background:#CCC url(../images/hide.jpg) no-repeat;}

.templates{float:left; display:block; text-align:right; background-color:#50516B; width:439px; height:21px; color:#FFFFFF; font-size:x-small; padding-right:1px;}
.templates img{ vertical-align:bottom; margin-left:2px;}
.productDetails ul{ margin:10px 0 10px 10px;}

.productTable{position:relative; width:160px; float:right; top:-2px;}
.productTable th{background:#50516b; color:#FFFFFF;}
.productTable .blank{background-color:#FFFFFF;}
.productTable td{border-bottom:1px #999999 dotted; text-align:right; padding-right:5px;}
.productTable form{margin-right:-5px;}
.printProduct table, .printProductQTY table {width:100%; text-align:center; border:none; padding:0; margin:0;}
.orderButton {float:right; margin-right:2px; margin-bottom:15px;}

.printPageHeading {float:left; margin-bottom:10px;}
.printPageHeading h3 { margin-top:40px;}
.printPageHeading img { float:left;}
/*override width for when quantity is selected.*/
.productDetails{ float:left; width:245px;}
.printProductQTY .productTable{width:185px;}
.selectBox{margin-bottom:8px; _margin-bottom:6px;}

/* =home page specific */
/* blocks */
.departmentBlock, .packageBlock {float:left; width:325px; margin-left:-5px; margin-right:10px; position:relative; display:inline;}
div .departmentBlock h3, .packageBlock h3 {background-repeat:no-repeat; width: 325px; height:46px; text-indent : -9999px;  text-align:left; overflow:hidden;}
.blockContents{margin-top:-15px;}
.departmentBlock a {display:block; width:325px; height: 46px;}

div .blockContents{padding:10px 10px 25px 115px; background-repeat:no-repeat; text-align:left;}
div .blockContents li{margin-left:20px; padding-top:0; padding-bottom:0;}


div .packageBlock .blockContents{padding:10px 10px 25px 100px; background-repeat:no-repeat; text-align:left;}

div .goButton{position:absolute; width:70px; height:22px; bottom:0; right:0; margin:0; padding:0;}
div .goButton a{background: url(http://www.aimpromotions.com.au/../images/index/go_NF.jpg) no-repeat scroll bottom right; color:#999999; display:block; font-weight:bold; height:22px; width: 70px;}

div .goButton a:hover{background: url(../images/index/go_over.jpg) no-repeat scroll bottom right;}

/* overview block */
div#overviewBlock {float:left; width:345px; height:53px; margin:0 50px 5px -5px; position:relative; background: #fff url(../images/index/overview_01.jpg) no-repeat;text-indent:-9999px;}
div#overviewBlock a{display:block; width:345px; height:53px;}

div .overviewGoButton { width: 31px; height: 53px; bottom: 0px; right: 0px; position:absolute; background: url(../images/index/overview_02.jpg) no-repeat;}
div .overviewGoButton a {display:block; width: 31px; height: 53px; }
div .overviewGoButton a:hover {background:url(../images/index/overview_02_over.jpg) no-repeat; display:block;}

div#designBlock {background : url(../images/index/designBlock_02.jpg) 0 100%;}
div#designBlock h3{background : url(../images/index/designBlock_01.jpg);}
div#webBlock {background : url(../images/index/webBlock_02.jpg) 0 100%;}
div#webBlock h3{background : url(../images/index/webBlock_01.jpg);}
div#webHostBlock {background : url(../images/index/webBlock_02.jpg) 0 100%;}
div#webHostBlock h3{background : url(../images/smallWebHeader.jpg); }
div#mediaBlock {background : url(../images/index/mediaBlock_02.jpg) 0 100%;}
div#mediaBlock h3{background : url(../images/index/photoBlock_01.jpg);}
div#printBlock {background : url(../images/index/printBlock_02.jpg) 0 100%;}
div#printBlock h3{background : url(../images/index/printBlock_01.jpg);}