/*
* CSS Structure file for Pristine Publications 2008
* Author: Robert Lloyd
* Email: matthew@lloydonline.id.au
* Organisation: Blue River Design
*/
html, body{
height:100%;
width:100%;
}
/*
* html #pageContainer .content{
height:100%;
width:100%;
}
*/
body{
	position:relative;
width:975px;
margin:0 auto;
}

ul{
padding:0 0 0 20px;
margin:10px;
}

*{
padding:0;
margin:0;
z-index:1;
}

th, td{
text-align:left;
vertical-align:top;
}

p{
margin:0 0 1em 0;
}

#header{
height:120px;
position:relative;
overflow:show;
width:995px;
margin-bottom:20px;
}
#flash{
float:right;
position:absolute;
top:-50px;
left:52%;
z-index:1;
}

#pageContainer{
padding:0;
margin:0;
}
#pageContainer .content{
width:74%;
float:right;
clear:right;
padding:0;
margin:0;
/*
min-height:100%;
*/
}
#pageContainer .content .inner{
width:80%;
max-width:800px;
clear:both;
margin:0;
padding:0;
/*
min-height:100%;
*/
float:none;
}
#tagLine{
margin:40px 0 0 10px;
float:left;
}
#nav .content, #pageContainer .content{
margin:40px 0 0 0;
}
#nav{
width:25%;
float:left;
clear:left;
height:100%;
min-height:100%;
margin:0;
padding:0;
}
#nav .content{
float:left;
clear:both;
width:75%;
max-width:250px;
min-width:190px;
height:100%;
min-height:100%;
margin-left:30px;
padding:0;
}
#nav ul{
width:80%;
margin:0;
padding:0 0 0 10px;
}
#nav ul li{
float:left;
clear:left;
margin:0;
list-style:none;
display:block;
width:100%;
height:20px;
}
#nav ul li a{
display:block;
padding:0 0 0 13px;
margin:0 0 0 -13px;
}

#pp_logo{
position:absolute;
left:4%;
bottom:7px;
}
#pp_h1{
position:absolute;
left:26%;
bottom:15px;
}

#ecoPrint img{
margin:10px;
}

#nonFooter{
width:100%;
_height:100%;
min-height:100%;
margin:0 0 10px 0;
padding:0 0 100px 0;
}
#footer{
width:100%;
position:relative;
clear:both;
left:0;
bottom:-3.5em;
height:3em;
padding:1em 0 2em 0;
}
#footer .content{
width:80%;
margin:0 auto 0 auto;
text-align:center;
clear:both;
}

#productTBL{
width:100%;
margin:20px 0 20px 0;
}
#productTBL td{
width:50%;
}
#productTBL th{
vertical-align:top;
text-align:left;
}

/*
-- ARTWORK SPECIFICATION --
*/

#dimensionTBL{
width:50%;
min-width:270px;
border-collapse:collapse;
background-color:#FFFFFF;
color:#00245D;
}

#dimensionTBL th, #dimensionTBL td{
width:50%;
border:1px solid #CCCCCC;
padding:0 10px;
margin:0;
}

#dimensionTBL th{
background-color:#00245D;
padding:5px 10px;
color:#fff;
}

/*
* -- CONTACT US --
*/

#contactUsTBL{
margin:20px 0;
padding:0 1px;
width:80%;
min-width:500px;
border:1px solid white;
clear:both;
}

#contactUsTBL td{
width:50%;
}

#contactUsTBL td:first-child{
text-align:right;
width:220px;
}

#securityCodeImg{
margin:5px 0 0 0;
}

#contactUsTBL label{
margin:0 20px 0 0;
display:block;
min-height:1.6em;
}

#contactUsTBL input, #contactUsTBL select{
border:none;
padding:1px 1px 0px 3px;
height:18px;
}

#contactUsTBL select{
width:100%;
height:20px;
margin:0 0 2px 0;
position: absolute; 
opacity:0;
filter:alpha(opacity=0); 
}


#contactUsTBL th .container{
background-color:#00245D;
width:100%;
margin:10px 0 0px 0;
height:2em;
text-align:left;
}

#contactUsTBL th .content{
padding:0;
margin:0.2em 0 0 15px;
text-align:left;
clear:both;
float:left;
}

#contactUsTBL tr:first-child th .container{
margin-top:0;
}

#contactUsTBL input:hover{
background-color:#efefef;
}

#contactUsTBL .button:hover{
background-color:#33245D;
border:2px solid #aaa;
}

span.checkbox {
width:19px;
height:25px;
padding:0 5px 0 0;
background:url(checkbox.gif) no-repeat;
display:block;
clear:left;
float:left;
}
span.radio{
width:19px;
height:25px;
padding:0 5px 0 0;
margin:0;
background-image:url(../media/images/site/radio.png);
background-repeat:no-repeat;
display:block;
clear:left;
float:left;
}

#contactUsTBL .select{
position:absolute;
/* With the padding included, the width is 190 pixels: the actual width of the image. */
height:12px;
padding:2px 24px 2px 8px;
margin:0 0 5px 0;
color:#000;
font:12px/21px arial,sans-serif;
background-image:url(../media/images/site/select_bg.gif);
background-position:right;
background-repeat:no-repeat;
background-color:#fff;
overflow:hidden;
border:1px solid #fff;
line-height:1em;
}



#contactUsTBL textarea, #contactUsTBL input, #contactUsTBL select{
width:200px;
}

#contactUsTBL textarea{
height:80px;
margin:0 20px 15px 0;
}

#contactUsTBL .delSame, #contactUsTBL .artwork{
width:20px;
float:left;
}

.radioTag{
height:25px;
width:40px;
float:left;
text-transform:capitalize;
}

#contactUsTBL .delSame, #contactUsTBL .artwork, .radioTag{
margin:10px 5px 10px 0;
}

#contactUsTBL:hover{
background:none;
}

#contactUsTBL .button{
width:200px;
font-weight:bold;
margin:30px 0 10px 0;
padding:1px 0;
cursor:pointer;
line-height:1em;
display:block;
height:30px;
}

#contactUsTBL span.select{
width:170px;
}

#postcode, #delPostcode{
width:4em;
}

#contactUsTBL #otherSizeH, #contactUsTBL #otherSizeW{
width:100px;
float:left;
}

#contactUsTBL .other{
background-color:#FFFFCC;
}

.otherSizeTag{
float:left;
}

.error ul{
float:none;
text-align:left;
}

dl{
margin:20px 0;
clear:both;
float:none;
height:50px;
}
dt{
font-weight:bold;
clear:left;
}
dt, dd{
float:left;
display:block;
width:40%;
text-align:left;
}

body{
background-color:#aaa
}

.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.clearfix {
	display:inline-block;
	height:0;
	clear:both;
}

 /* mac hide \*/
	* html .clearfix {height: 1%;}
	  .clearfix {display: block;}
 /* End hide */