/* Common */

body,table,input,select,textarea {
	font-family:Verdana, Arial, sans-serif;
	font-size:100%;
	line-height:1.125em;
	color: #000;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}



/* Remove padding and margin */

*

    {

    margin: 0;

    padding: 0;

    border: 0;

}



body {   

  background: #a28c75 url(../images/i-bg.gif) repeat-x;

  color:#333;

}
.A_pages_2nd_column {
	width: 580px;
	float: right;
}



h1 {
	margin: 1em 0;
	line-height: 1.5;
}



h2 {

  font-size:1.2em;

  color:#616060;

  font-weight: bold;

  margin:0;

  padding:0; 

  padding-top: 5px;

  padding-bottom: 0;

}



p, #hometxt li { 

  margin:1em 0 0 0;

  font-size:0.675em;

  line-height: 2em; 

}

#hometxt ul {

	list-style-position:inside;

	}

#hometxt li {

	margin: 0;

	}

a {

  text-decoration: none;

}



a:hover {

  text-decoration: underline;

}



input {

  font-size: 1em;

}



input.submit, input.checkbox {

	cursor: pointer;

}



dl.col { 

  line-height:1.5em;

}



dl.col dt {
	float:left;
	width:14em;
	font-size:0.675em;
	font-weight:bold;
}



dl.col dd { 

  margin-left:8em;

  font-size:0.675em;

}



small {

	font-size: 80%;

}



.clear:after {

  content:".";

  height:1px;

  display:block;

  clear:both;

  visibility:hidden;

}



.clr, .clear{

  clear: both;

}



.right {

  float:right;

}



.left {

  float:left;

}



.align-right {

  text-align: right;

}



/* messages / errors box */

.Msg {

  margin: 8px 8px 8px 0;

  width: 960px;

  font-size: 0.675em;

}



.Msg p {

  margin-top: 0;

  font-size: 1em;

}



.Msg ul {

  padding: 0.5em;

  list-style-type: none;

}



.Messages ul {

  border: 1px solid darkblue;

  background-color: lightblue;

}



.Errors ul {

  border: 1px solid darkred;

  background-color: pink;

}



a {

  color:#e77120;

}



#constrain {

  width: 996px;

  margin: 0 auto;

  position: relative;

}



#box {

  background: url(../images/i-box-mid.gif) repeat-y;

  }

#swirlbg {

  background: url(../images/i-swirlbg.jpg) no-repeat 3px 111px ;

  }

    

#swirlbg img {

  padding:0; margin:0;

  } 

 

 /* Steps */

#steps {

  padding-bottom:8px;  

 }

 

#steps div {

  width:297px;

  height:42px;

  margin-right: 6px;

  padding: 47px 0 0 18px;

  font-size: 0.75em;

  color:#000;

  float:left;

 }



#steps .off {

  color:#636363;

  }

  

#step-one-on {  background:url(../images/i-step1-on.jpg); }

#step-one-off {  background:url(../images/i-step1-off.jpg); color:#fff; }



#step-two-on {  background:url(../images/i-step2-on.jpg);  }

#step-two-off {  background:url(../images/i-step2-off.jpg); color:#fff; }



#step-three-on {  background:url(../images/i-step3-on.jpg);  }

#step-three-off {  background:url(../images/i-step3-off.jpg); color:#fff; }





#content {

  padding:16px 10px 16px 8px;

  z-index:1;

  }

#footer {

  background: url(../images/i-box-btm.gif) no-repeat;

  width:950px;

  height:62px;

  padding: 4px 15px 0 15px;

}

#footer ul {

  list-style:none;

  }

#footer ul li {

  float:left;

  padding:0 20px 0 0;

  }

#footer ul li a {

  color:#fff;

  font-size:0.675em;

  text-decoration:none;

  }

#author {

  float:right;

  }

#author a {

  font-size: 0.675em;

  color:#fff;

  text-decoration:none;



  }

#author a:hover, #footer ul li a:hover {

  color:#000;

  }

/* Login box */

#loginbox {

  font-size:0.675em;

  width:145px;

  text-align:right;

  position:absolute;

  top: 45px;

  left:813px;

  z-index:10;

  }

  

#loginbox span {

  font:bold 1.625em 'Trebuchet MS' Arial, sans-serif;

  color:#e77120;  

}

  

#loginbox input {

  border: 1px solid #fbc181;

  color:#666;

  padding:3px;

  width:125px;

  margin-bottom: 4px;

  }

  

#loginbox input.submit {  

  background-image: url('../images/g-login.gif');

  width: 58px;

  height: 20px;

  border: 0;

}



#loginbox a {

}



#logout-link {

  position: relative;

  left: 0; 

  top: 60px;  

}

    

/* Top Navigation */

#navigation {

  background: transparent url(../images/i-box-top.gif) no-repeat left bottom;

  width:978px;

  height: 27px;

  }

#navigation ul {

  list-style:none;

  float:left;

  margin-right:5px;

  }

#navigation ul li {

  float:left;

  }

#navigation ul li a {

  display:block;

  font-size:0.675em;

  color:#000;

  text-decoration: none;

  height:27px;

  width:110px;

  text-align:center;

  line-height:25px;

  }

.nava a {

  background: url(../images/i-nav-a.gif);

  }

.nava a:hover {

  background: url(../images/i-nav-a-o.gif);

  }

#navb a {

  background: url(../images/i-nav-b.gif);

  }

#navb a:hover {

  background: url(../images/i-nav-b-o.gif);

  }

#navc a {

  background: url(../images/i-nav-c.gif);

  }

#navc a:hover {

  background: url(../images/i-nav-c-o.gif);

  }



#content-other {  

  padding:30px 50px;

  background:url(../images/i-content-bg-2.jpg) no-repeat;

  min-height: 300px;

  }

#content-other p {

  margin:1em 0;

}

  

#content-other ul {

  margin:1em 0;

  padding:0 2em;

  font-size:0.69em;

}



#content-other h1, #hometxt h1 {

  padding: 0;

  margin:0 0 10px 0;

  font:bold 1.625em 'Trebuchet MS' Arial, sans-serif;

  }

  

#content-other h2 {  

  margin:0 0 5px 0;

  font:normal 1.25em 'Trebuchet MS' Arial, sans-serif;  

  }

  

#content-other h3 {  

  margin:0 0 5px 0;

  padding:0;

  font-size:0.75em;  

}

  

.logotxt-black {

  color:#000;

  }

.logotxt-orange, .orange {

  color:#e77120;

  }

#step1 {

  background:url(../images/i-step1-bg.jpg) no-repeat;

  width:291px;

  height:299px;

  padding: 10px 12px 0 12px;

  }

	

#step1 p.step1-tagline {

	margin: 0 0 0.5em 0;

	font-size: 1em;

	line-height: 1em;

	}

		

#step2, #step3, #complete {

  background: #f6ebd2 url(../images/i-step2-bg-3.jpg) no-repeat;

  width:942px;

  padding: 10px 6px 0 12px;

  }

#complete p {

  font-size:0.675em;

  }

#hometxt {
	width:650px;
	margin:0 0 30px 314px;
	line-height:1.125em;
	padding:0 0 24px 0;
	background-image: url(transparent url('../images/g-postit-b.png') no-repeat left bottom);
}



#hometxt .hometxt-t {
	background:transparent url('../images/g-postit-t.png') no-repeat left bottom;
	height:3px;
	margin:0;
}



#hometxt .hometxt-m {

  

  padding:1px 50px 0 60px;

}



#hometxt .hometxt-m p {

  padding:0 0 0.25em 0;

}



#homeinfo {

  margin: 0 0 0 20px;

}

#homeinfo h2 {

  font-size:1.2em;

  color:#616060;

  font-weight:normal;

  padding:0; margin:0;

  padding-top: 15px;

  padding-bottom: 10px;

  }

#homeinfo img {

  float:left;

  margin-right:15px;

  }

  

#homeinfo ul {

  list-style:none;

  font-size:0.675em;

  color:#616060;

  }

#homeinfo ul li {

  padding-left:20px;

  line-height:2em;

}

.li-red {

  background: url(../images/g-bullet-red.gif) no-repeat left;

  }

.li-blue {

  background: url(../images/g-bullet-blue.gif) no-repeat left;

  }

.li-green {

  background: url(../images/g-bullet-green.gif) no-repeat left;

  }

#boxheads {

  height:122px;  

  float:left;

  }

  

.highlight-despatch {

  border:#e87121 solid 0px;

   padding:0px;  

  margin:0 0 0 0;

  width:340px;

}



.despatch-wrapper {  

  height:115px;

  margin:0 60px 0 0;

}



#despatch {

  line-height:88px;

  }

	

#security-logos {

	width: 100px;

}

	

#security-logos img {

  margin-top: 5px;

}	

  

.inputrow {

  background:#fff8e6;

  font-size:0.675em;

  padding: 10px 5px 5px 5px;

  margin:0 0 5px 0;  

  }



.inputrow label {

  width:85px;

  display:block;

  float:left;

  }

  

.inputrow label.rhs_label {

  width: auto;

  display: inline;

  float: none

}



.step2col .inputrow label, .step2-double-col .inputrow label {

  width:150px;

  }

.inputrow input, .inputrow select, .inputrow textarea {

  width:155px;

  border:1px solid #819db5;

  padding:2px;

  float:left;

  margin-top: -4px;

  height:auto;

  }

.inputrow .checkbox {

  width:auto;

  border:0;

  float:none;

  }



.inputrow .radio {

	width: 20px;

	margin-top: 4px;

	float: none;

	border: 0;

}

  

.inputrow textarea {

  height:58px;

}

.inputrow .txtshort {

  width:50px;



  }



.inputrow div.field {

	margin-left: 150px;

}

  

.details .inputrow .txtsml, .inputrow .txtsml, .txtsml {

  font-size:10px;

  color:#666;

  display:inline;

  width: auto;

  padding:0; margin:0;

     }

.step2col {

  width:440px;

  margin: 12px 10px 0 20px;

  }

  

.step2col .inputrow .required {

  color:#ba0000;

  float: left;

  width:16px;

  height: 16px;

  padding-left:5px;

  }

  

#step2 input.submit {

  float: right;  

  margin: 0 20px 0 0;
  
  background-color: #none;

  background-image: url('/images/g-stepthree.gif');

  width: 194px;

  height: 36px;

}



.step2-double-col {

  width:910px;

  margin: 12px 10px 0 20px;

}



.step2-double-col .inputrow {

  padding-bottom: 10px;

}



.step2-double-col .inputrow textarea {

  width: 285px;

}





.stepthreebutton {

  margin: 90px 20px 0 0 !important;

  cursor: pointer;

  }

  

.details {

  width:303px;

  float:left;

  margin-right: 5px;

  }



.summaryrow .summary {

  color: #d96100;

  display:inline;

  }

#swirlbg .heading {

  padding-top:20px;

  }

#step2footer {

  margin-left: -12px !important;

  vertical-align:bottom;

  }

  

hr {

  height:1px;

  color:#807967;

  background-color:#807967;

  margin:0 15px 10px 20px;

}

hr.stt {

  margin: 20px 0 20px 0;

}

.ordersummary {

  background:#fff8e6;

  width:430px;

  padding:10px;

  margin:10px 20px 10px 0;

  float:left;

}

.stos {

  margin-left: 20px;

}

.ordersummary h2 {

  padding: 0; margin: 0;

  font-size:1em;

  line-height: 1.5em;

}

.summaryrow {

  font-size:0.675em;

  width:215px;

  float:left;

  line-height:2em;

  }

.summaryrow span {

  width:90px;

  display:block;

  float:left;

  }

  

.right-column {

  margin-top: 51px;

}



#card_expiry_month_field, #card_expiry_year_field {    

  width: 6em;

  margin-right: 5px;

}

    

#step3 input.submit {

  width:193px;

  height:35px;

  margin: 5px 15px 0 0;

  background-image: url('/images/g-complete.gif');

  float: right;

  cursor: pointer;

}



#poster-order-price {

	font-family: Verdana,Arial,sans-serif;

	font-size: 1.625em;

	position:relative;

	top:5px;

}



#poster-order-new-form input.submit {

  background-image: url('/images/g-steptwo.gif');

  width: 195px;

  height: 36px;

  cursor: pointer;

}



.uploadpreview {

  border: 1px solid #ccc;

  float:left;

  }

.uploadinfo {

  padding-left: 10px;

  float:left;

  }





  

#poster-order-min-quantity.hilite {  

  color: red;

}



.step2col .inputrow label.long-checkbox-label {

  width: 360px;

  margin-right: 8px;

}



.bank-account-details {

  font-weight: bold;

  font-size: 120%;

}





/* Login */

form.login {

  margin: 0;

  padding: 16px;

}



form.login th {

  font-weight: normal;

  font-size: 0.625em;

  text-align: right;

}



form.login input {

  font-size: 0.675em;

  width: 260px;

  padding: 3px;

  border: 1px solid #444;

  margin: 4px;

}



form.login input.button, form.login input.submit, .contact-form form input.submit {

  font-weight: bold;

  background-color: #EA7E2D;

  width: auto;

  color: #fff;

  border-top: 1px solid #F4B268;

  border-left: 1px solid #F4B268;

  border-right: 1px solid #D54519;

  border-bottom: 1px solid #D54519;

  

  cursor: pointer;

}



#login-forgot-password {

  text-align: right;

}



/* Login END */



a.button {

  text-align: left;

  text-decoration: none;

  padding: 0 4px;

  

  font-weight: bold;

  background-color: #EA7E2D;

  color: #fff;

  border-top: 1px solid #F4B268;

  border-left: 1px solid #F4B268;

  border-right: 1px solid #D54519;

  border-bottom: 1px solid #D54519;  

  

  cursor: pointer;

}



#payment-gateway-message {

  font-weight: bold;

}



#price-includes-gst-and-freight {

  width: 60px;

  float: right;

}



/* Client area */

#poster-order-view table th {

  width: 50px;

  font-weight: bold;

  vertical-align: top;

}



/* Testimonials */

.testimonial {

	float:left;

	width:430px;

	}

.testimonial-txt {

	background:transparent url('../images/g-testimonials.gif') no-repeat;

	width:367px;

	min-height:80px;

	}

.testimonial-txt p {

	padding: 10px 22px;

	}

	

.t-step {

	width:155px;

	float:left;

	margin-bottom:10px;

	}

	

.t-step-why {	

  width: 220px;

}

.imgright {
	float: right;
	font-size: 12pt;
	text-align: center;
	padding-bottom: 10px;
	padding-left: 10px;
}
.imgleft {
	float: left;
	margin-right: 10px;
}
.quotes {
	text-indent: 0px;
	text-decoration: none;
	font-style: italic;
	text-align: center;
}
.leftcol {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12pt;
	background-image: url(../images/left-column-bkgrnd.gif);
	float: left;
	width: 311px;
	height: 415px;
	margin-right: 25px;
	padding: 15;
	background-repeat: no-repeat;
	padding-top: 15px;
	margin-left: -40px;
}
.designcol {
	background-image: url(../images/left-column-design.gif);
	background-repeat: no-repeat;
	text-indent: 10px;
	padding: 10px;
	float: left;
	height: 314px;
	width: 311px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: -40px;
}