/*
Name: 
Designer: Paste
Designer_url: http://www.paste.com.au
*/     

/*
Author: Steven Watts - Paste
Author URL: http://www.paste.com.au
*/

/* DEFAULT styles
    
	index -> 	
				CSS reset
				self clearing
				default styles 
				
*/


/* =css reset     
--------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline; 
list-style-type:none; 
}

/* =self clearing
----------------- */
.clear:after {
content: "."; 
display: block; 
height: 0; 
clear: both;
visibility: hidden;
}
 
.clear { display: inline-block; }
 
/* Hides from IE-mac */
* html .clear { height: 1%; }
.clear { display: block; }
/* End hide from IE-mac */
/*** end clearing hack ***/


/* =default styles
----------------- */

body {background:#523a2b url('../images/bgTile.gif') repeat-x 0 0; font-family:'Trebuchet MS', Arial, Helvetica, Sans-serif; color:#fff; opacity:0.9999;}  

a {color:#E4701E; text-decoration:none;}
a:hover { text-decoration:underline;}

h1.logoHeader {height:183px; background:#fff url('../images/snowy-mountains-coffee.gif') no-repeat center center; text-indent:-9999px;}   

h2 { float:left; font-size:14px; background-color:#e4701e; padding:4px 6px 4px 6px; margin-bottom:26px;} 
h2.topSpace { margin-top: 26px; background-color: #965822; }
h2.onlineOrders { margin-bottom: 6px; }

h3 {
} 
h3.footer {height:82px; background:#fff url('../images/snowy-mountains-coffee-2.gif') no-repeat center center; text-indent:-9999px;} 

h4 {         
}

p {clear:left; font-size:12px; font-weight:normal; line-height:1.5em;}

li, label {

}   

dl dt {width:120px; font-weight:bold; font-size:14px; float:left; clear:both; padding:8px 0 8px 0;_padding:4px 0 4px 0!important;/*IE6 Hack*/ height:10px;} 
dl dd {font-weight:lighter; font-size:13px; padding:10px 0 8px 0; _padding:4px 0 4px 0!important;/*IE6 Hack*/ display:block; height:8px;}
.facebook { float: right; position: relative; z-index: 9999; } 
.clear.information { clear: both; position: relative;  z-index: 999; margin-bottom: 0px; padding-bottom: 25px; }
                                                                  
.uppercase {text-transform:uppercase;}   
.borderBottom {border-bottom:2px solid #8a5221;} 
.noMargin {margin:0;} 

   

/* Layout styles
    
	index -> 	
				containers
				form
				
*/
  


/* =containers
----------------- */   
div.main {margin:0 auto; width:656px; background:#592a00 url('../images/snowy-mountains-coffee-4.gif') no-repeat center;}  
div.bodyPad {padding:24px 26px 26px 26px;}  
.section {border-bottom:2px solid #8a5221; padding-bottom:25px; margin-bottom:26px;}
.section.last { margin-bottom: 0px; padding-bottom: 22px; }       
.section.headings { margin-top: 10px; }

/* =form
----------------- */  

fieldset { clear:both; padding:20px 0 0 0;}  

fieldset ul {clear:both;}

fieldset ul li ul.formOrderDetails {padding:28px 0 24px 0; border-top:2px solid #8a5221; border-bottom:2px solid #8a5221; margin:0 0 22px 0;_margin:0 0 0 0!important;}

fieldset ul li ul li.fDetail {float:left; margin:0 10px 20px 0; _display:inline;/*IE6 Hack*/}
fieldset ul li ul li.fPhone, fieldset ul li ul li.fDelivery, fieldset ul li ul li.fPostcode, fieldset ul li ul li.fEmail {margin-right:0;}

fieldset ul li ul li.fDetail label {float:left; width:104px; height:17px; margin-right:2px; padding:2px 4px 2px 4px; background-color:#965822; font-size:12px; font-weight:normal; line-height: 18px;}
fieldset ul li ul li.fPhone label {width:35px;}  
fieldset ul li ul li.fState label {width:30px;}  
fieldset ul li ul li.fPostcode label {width:50px;}  

fieldset ul li ul li.fDetail input {float:left; border:0; background-color:#fff; height:16px; _height:17px!important;/*IE6 Hack*/ padding:3px 4px 2px 4px; margin:0;}      
fieldset ul li ul li.fName input {width:280px;} 
fieldset ul li ul li.fPhone input {width:138px;} 
fieldset ul li ul li.fDelivery input {width:481px;} 
fieldset ul li ul li.fSuburb input {width:177px;}
fieldset ul li ul li.fState input {width:100px;}
fieldset ul li ul li.fPostcode input {width:68px;_width:65px!important;}   
fieldset ul li ul li.fEmail input {width:481px;} 
 

fieldset ul li ul li.fInfo {clear:both; font-size:12px;}
fieldset ul li ul li.fYesNo {padding:10px 0 0 0; font-size:12px;}  

fieldset ul li ul li table {border-bottom:2px solid #8a5221; padding-bottom:14px; margin-bottom:20px; _margin:0!important; padding-top: 6px;}
                                                                                                      
fieldset ul li ul li table tr.rowHeaders td {padding:0px 0 10px 0;} 
fieldset ul li ul li table tr.rowHeaders.topPadded td { padding:10px 0 10px 0; }

fieldset ul li ul li table .rowHeaders span {float:right; height:17px; line-height: 17px; margin-right:2px; padding:2px 6px 2px 6px; background-color:#965822; font-size:12px; font-weight:bold;}
fieldset ul li ul li table tr.rowHeaders td.left span {float:left;}  

fieldset ul li ul li table tr.rowProduct td {padding:10px 0 10px 0; background:url('../images/dotted.gif')repeat-x 0 bottom; text-align:right; _border-bottom:1px dotted #825a37;/*IE6 Hack*/} 

fieldset ul li ul li table tr.rowProduct td.cellItem {width:250px; text-align:left;}

fieldset ul li ul li table tr.rowProduct td.cellItem span {background:url('../images/bean.gif') no-repeat 0 center; padding-left:22px; font-size:14px; font-weight:bold;}

fieldset ul li ul li table tr.rowProduct td label {font-size:12px; font-weight:normal;}

fieldset ul li ul li table tr.rowTotals td {padding:26px 0 11px 0;}

fieldset ul li ul li table tr.rowTotals td label {float:left; height:17px; line-height: 18px; margin-right:2px; padding:2px 4px 2px 4px; background-color:#965822; font-size:12px; font-weight:bold;} 
fieldset ul li ul li table tr.rowTotals td label.postageHandling {width:109px; margin-left:244px;}     
fieldset ul li ul li table tr.rowTotals td label.formTotal {width:31px; margin-left:10px;}     

fieldset ul li ul li table tr.rowTotals td input {float:left; width:82px; border:0; background-color:#fff; height:16px; padding:3px 4px 2px 4px; margin:0;} 

fieldset ul li ul.paymentMethods { clear:both; padding-bottom:26px; border-bottom:2px solid #8a5221; margin-bottom:24px; padding-top:9px; }
fieldset ul li ul.paymentMethods .header { margin-bottom: 14px; }

fieldset ul li ul li.header {float:left; height:17px; margin-right:2px; margin-bottom:10px; padding:2px 4px 2px 4px; background-color:#965822; font-size:12px; font-weight:bold;} 

fieldset ul li ul.paymentMethods li.header { line-height: 18px; }

fieldset ul li ul li.method {clear:both; padding:10px 0 10px 0; background:url('../images/dotted.gif')repeat-x 0 bottom; _border-bottom:1px dotted #825a37;/*IE6 Hack*/}

fieldset ul li ul li.method label {font-size:12px; font-weight:bold;}  

fieldset ul li ul li.method label strong {font-size:14px; font-weight:bold; margin-right:10px;}

fieldset ul li ul li.method label em {color:#c6a283; font-weight:normal; font-style:italic;}

fieldset ul li.formSubmit {text-align:center; padding-bottom: 2px;}

fieldset ul li.formSubmit button {cursor:pointer;}