/* CSS Document

Created by: Elle Meredith (http://designbyelle.com.au/)

Colours Library
Light Orange: f90
Orange: ff4d00
Green: 0c0
Grey: ccc, cecece 505050

------------------------------*/

/* Neutralise styling:  */
html,body,h1,h2,h3,h4,h5,h6,p,blockquote,img,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1em;
	vertical-align: baseline;}

/* Eliminate border around link images */
a img, :link img, :visited img {border: 0;}

input, select, textarea { font-size: 100%;}

/* Apply left margin: Only to the few elements that need it: */
li, dd, blockquote {margin-left: 15px;}

html {height: 1%; }

/* Resets 1em to 10px */
body {font: 62.5% Tahoma, Verdana, Arial, sans-serif; color: #000; background: #cecece; text-align: center;}

/* Miscellaneous conveniences: */
form label { cursor: pointer; }
acronym, abbr {border-bottom:1px dotted; cursor:help;}
fieldset { border: none;}
code {font-family: 'Courier New', Courier, Fixed;}
table {border-collapse: collapse; border-spacing: 0;}


/* Form elements
-------------------------------------------*/
label {display: block; font-weight: bold; margin: 5px 0 2px;}
.field {width: 100%;}
textarea {font-size: 130%; font-family: Arial, Helvetica, sans-serif; line-height: 1.3em; padding: 0 2px;}

/* Misc
-------------------------------------------*/
.clear {clear:both;}
.highlight {color: #ff4d00; font-weight: bold;}


/* Headings and font sizes
-------------------------------------------*/
h2 {font-size: 320%; color: #ff4d00;}
h3 {font-size: 190%; color: #0c0; margin-top: 12px;}
h4 {font-size: 135%; margin-top: 12px;}
p, dd, dt, th, li {font-size: 130%; line-height:1.3em;}


/* Links
-------------------------------------------*/
a {color: #ff4d00; font-weight:bold;}
a:hover {color: #444;}
a img {border:0;}

#crumbs {font-size: 90%;}
a.breadcrumb {color: #000; font-weight: normal;}
a.breadcrumb:hover {color: #ff4d00;}


/* Page Layout Identifiers and Positioning 
-------------------------------------------*/

#container {width: 800px; margin: 0 auto; text-align: left;}
#mast h1 {background: #f90 url('../images/pagestuff/logogrey.gif') left bottom no-repeat; text-indent: -5000px; width: 800px; height: 89px;}
#mast h1 a {width: 800px; height: 95px; display: block;}

#content {float: left; overflow: hidden; clear: both; width: 100%; margin-top: 20px;}


/* Div for product image, price information and shopping cart image link 
-------------------------------------------*/
#productimage {float: right; width: 360px;}
#productimage .price {margin: 20px 0 0; font-size: 220%; color: #ff4d00; font-weight: bold;}
#productimage .cart {margin-top: 20px;}


/* Div for prodct name and details
-------------------------------------------*/
#productdetails {float: left; width: 400px;}
#productdetails .price {font-size: 320%; color: #ff4d00; font-weight: bold;}


/* Additional photos table
-------------------------------------------*/
#additionalphotos {margin: 40px 0;}
#additionalphotos th { width: 260px; height: 25px; text-align: left;}


/* Footer div
-------------------------------------------*/
#footer {margin: 40px 0; text-align: center;}
#footer a {color: #000; font-weight: normal;}
#footer a:hover {color: #ff4d00;}
#footer span, #footer span a {color: #ff4d00; font-weight: bold;}