/* Start of CMSMS style sheet 'Layout' */
/*---------------------
    COLOURS
---------------------

dark red: 	#9F2820;
light red:	#D04B3A;
body grey:	#DDDBDC;
text grey:	#666666;
dark grey:	#424242;

---------------------
    GLOBAL
---------------------*/
 
body {
    margin: 0;
    padding: 0;
    background: #DDDBDC url(uploads/images/bodymap.gif) repeat scroll 0 0;
}
 
#bodyWrapper {
    overflow: hidden;
    position: relative;
    background: transparent url(uploads/images/contentmap.png) repeat-x scroll 0px 182px;
}

#bodyWrapper_inner {
	width: 1105px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
 
 
/*---------------------
    BANNER
---------------------*/
 
#mastHead {
    position: relative;
}
 
#mastHead h1 {margin:0; padding: 0;}
 
#mastHead h1 a {
    background: url(uploads/images/logo.png) no-repeat scroll 0 0;
    height: 278px;
    width: 284px;
    display: block;
    overflow: hidden;
    text-indent: -9999em;
    position: absolute;
    right: 0;
    top: 0;
}
* html #mastHead h1 a {background: url(uploads/images/logo.gif) no-repeat scroll 0 0;}
.shop #mastHead h1 a {background: url(uploads/images/logo_shop.png) no-repeat scroll 0 0;}
* html .shop #mastHead h1 a {background: url(uploads/images/logo_shop.gif) no-repeat scroll 0 0;}

#mastHead .imagebox {
	width: 840px;
	margin-bottom: 10px;
}
#mastHead .imagebox .heading {width: 650px; margin: 0;}
#mastHead .imagebox p {padding: 0; margin: 0; background: none;}
#mastHead .imagebox img {border-top: 0px solid #fff; margin-bottom: 20px;}

#mastHead .searchbar {
       background: #fff;
       padding: 5px 0 5px 5px;
       position: absolute;
       top: 6px;
       right: 280px;
       height: 23px;
       *height: 28px;
       overflow: hidden;
}
#mastHead .searchbar form {
       background: #D04B3A;
       padding: 3px;
}
#mastHead .searchbar input {
       background: #fff;
       border: 0;
       color: #000;
}
#mastHead .searchbar input.submitbtn {
       background: #9F2820;
       color: #fff;
       cursor: pointer;
}
#mastHead .searchbar input.submitbtn:hover {color:#D04B3A;}
 

/*---------------------
    FLASH
---------------------*/

#flash {
     position: absolute;
     right:0px;
     top:273px;
}

#flashLogo {
     position: absolute;
     right: 0px;
     top: 15px;
}


/*---------------------
    CONTENT
---------------------*/
 
#contentWrapper {
    position: relative;
    width: 840px;
    padding: 20px 0 50px;
    overflow: hidden;
}

.column_twothird {
	width: 550px;
	float: left; 
        clear: both;
	margin: 0 10px 10px 0; 
background:#fff;
}

.column_onethird {
	width: 270px;
	float: left; 
	margin: 0 10px 10px 0; 
background:#fff;
}

/*---------------------
    CATALOGER
---------------------*/

.index h1 {color: #333; font-size: 3.4em;}
.index h2, .index h3, .index h4 {color: #333;}

.heading {overflow: hidden; margin-bottom: 10px;}

.category_items {
       overflow: hidden; 
       padding: 0 10px 10px 0; 
       margin-bottom: 10px;
       background: #fff;
       position: relative;
}
* html .category_items {height: 100px;}

.category_item {
       float: left;
       width: 86px;
}

.category_item img {border: none; border-bottom: 5px solid #fff;}

.category_item a {
       background: #fff;
       padding: 10px 0 0 10px;
       overflow: hidden;
       display: block;
       height: 90px;
       width: 76px;
       font-size: 0.8em;
       line-height: 1em;
      cursor: pointer;
}
.category_item a:hover img  {border-bottom: 5px solid #D04B3A;}
.category_item a:hover {text-decoration: none;}

.priceField {width: 165px;}
.priceField h3 {display: block; padding: 8px 5px 5px;}
.priceField img {border: none; margin-right: 3px;}
.priceField .price {color: #9F2821; font-size: 1.2em;}

.returnBtn {clear: both;}
.returnBtn a {
       background: #fff;
       padding: 5px;
       
}

/*---------------------
    FOOTER
---------------------*/
 
#footer {
    position: relative;
    border-top: 10px solid #fff;
    width: 100%;
    font-size:11px;
}

#footer_inner {
	position: absolute;
	background: #9F2820;
	right: 0;
	top: -20px;
	padding: 10px;
	width: 165px;
	color: #fff;
	text-align: right;
}
#footer_inner a {color: #fff;}

.acornlink {
	position: absolute;
	right: 10px; 
	top: 60px;
	background: url(http://www.acornweb.com.au/uploads/uploads/images/acornLogo.gif) no-repeat scroll 0 0;
	width: 62px;
	height: 22px;
	overflow: hidden;
	display: block;
	text-indent: -9999em;
	padding-top: 62px;
}

/* End of 'Layout' */

/* Start of CMSMS style sheet 'Typography' */
/*---------------------
    COLOURS
---------------------

dark red: 	#9F2820;
light red:	#D04B3A;
body grey:	#DDDBDC;
text grey:	#666666;
dark grey:	#424242;

---------------------
    GLOBAL
---------------------*/
 
body {
    font-family: arial, helvetica, verdana, sans-serif;
    font-size: 0.8em;
    line-height: 1.25em;
    color: #666;
}
 
/*---------------------
    TYPOGRAPHY
---------------------*/
h1, h2, h3, h4, .postdate {
	font-family: "Courier New", Georgia, serif; 
	color: #9F2820; 
	font-weight: bold;
}

h1 {
    font-size: 3em;
    font-weight: normal;
    background: #fff;
    line-height: 1.1em;
    display: inline;
    color: #D04B3A;
	margin: 0;
}
h2 {
    font-size: 2.5em;
    line-height: 1em;
    margin: 0;
    font-weight: normal;
    background: #fff;
    display: inline;
    padding: 0 0px;
}
p+h2,ul+h2 {margin: 1.2em 0 0.2em 0;}
h3 {
    font-size: 1.35em;
    line-height: 1em;
    margin: 0;
    font-weight: bold;
    background: #fff;
    color: #D04B3A;
    display: inline;
    padding: 0 10px;
}
h4 {
    font-size: 1.1em;
    margin: 0;
    background: #fff;
   clear:left;
    padding: 0 10px;
    }
h2 a, h3 a, h4 a {color: #6d6d6d;}
.phonenumber {font-size: 1em; color: #000;}
 
p {
	margin: 0 0 10px 0;
	padding: 10px;
}

img {border: 10px solid #fff;}

h4.withimg {padding-left: 0;}


 
/*---------------------
    LINKS
---------------------*/
 
a {
    color: #D04B3A;
    text-decoration: none;
}
a:hover {text-decoration: underline;}
a:active {outline: none;}
 
/*---------------------
    LISTS
---------------------*/
 
ul {list-style: square;}
ul a {color: inherit;}
 
ol li  {
margin: 0.4em 0.5em;
background: #fff;
}
 
/*---------------------
    TABLES
---------------------*/
 
thead {font-size:1.2em; color: #D04B3A;}
table {background-color: #fff;}
 
td {
    padding:10px;
    line-height: 1.4em;
}
 
/*---------------------
    OTHER
---------------------*/
 
/*---------------------HORIZONTAL LINE */
.hr {
    border: none;
    height: 5px;
    margin: 1em;
    clear: both;
}
.hr hr {display: none;}
hr.thin {margin: -0.3em 0 0.5em 0;}
hr.black {border-color: #000;}
 
/*---------------------DATA TABLES */
dt{
    float: left;
    clear: left;
    font-weight: bold;
    margin: 0 0 1em 1em;
    width: 55px;
    color: #000;
}
dd {
    display: block;
    margin: 0 0 1em 0;
    padding-left: 75px;
}
 
/*---------------------BLOCKQUOTE */
blockquote {
    margin: 0.5em 0;
    padding: 1.5em;
    background: #F5F8E2;
    color: #000;
}
blockquote h2, blockquote h3,blockquote h4, blockquote a {color: #000;}
blockquote p {}
 
/*---------------------CODE VIEW */
code {
    background: #F0F0F0;
    color: #000;
    font-size: 1.1em;
}
pre {
    background: #333;
    font-size:1.2em;
    line-height:1.4em;
    color: #eaeaea;
    padding: 1em;
    margin: 0.5em 0;
    font-family: Verdana, Helvetica, sans-serif;
}
/* End of 'Typography' */

/* Start of CMSMS style sheet 'Menu' */
/*---------------------
    COLOURS
---------------------

dark red: 	#9F2820;
light red:	#D04B3A;
body grey:	#DDDBDC;
text grey:	#666666;
dark grey:	#424242;

---------------------
    1ST LEVEL
---------------------*/

#nav {
	position: absolute;
	top: 108px;
	right: 281px;
	text-align: right;
}
* html #nav {padding-top: 5px; top: 103px;}

#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav li {
	overflow: hidden;
	width: auto;
	float: right;
	clear: both;
	margin-top: -5px;
	padding: 5px 0 5px 5px;
	background: #fff;
}

#nav li a {
	color: #fff;
	line-height: 1em;
	font-size: 13px;
	display: block;
        text-transform: lowercase;
        font-weight: normal;
}

#nav li span {
	background: #D04B3A;
	padding: 4px;
	display: block;
}

#nav li a:hover span, #nav li.currentpage h3:hover span {background: #9F2820; padding-right:30px;}
#nav li a:hover {text-decoration: none;}

#nav li.currentpage h3 {
	color: #fff;
	margin: 0;
	padding: 0;
	line-height: 1em;
	display: block;
	font-family: Arial;
	font-size: 13px;
        text-transform: lowercase;
        font-weight: normal;
}
#nav li.currentpage h3 span, #nav li.activeparent a span {background: #9F2820;}

#nav ul li ul {display: none;}
/* End of 'Menu' */

/* Start of CMSMS style sheet 'Forms' */
/*-----------------
GLOBAL
------------------*/
 .column_twothird form  .contactForm {background: #fff; padding: 10px; margin-top: -1em; *margin-top: -20px;}
.column_twothird form fieldset {
    margin: 20px 0;
    width: 500px;
    clear: both;
    display: block;
    border: none;
    padding:0;
    padding-bottom: 10px;
margin: 0px auto 0;
*width: 520px;
}
 
.column_twothird form legend {
    font-size: 1.5em;
    margin: 0.5em 0;
    color: #4C3346;
}
 
.column_twothird .legend p {
    margin: 0 0 3px;
    width: 60px;
    float: left;
}
 
.column_twothird div.legend {
    margin: 0.5em 0 1em;
    overflow: hidden;
    position: relative;
}
 
/*-----------------
LABELS
------------------*/
 
.column_twothird form label,
.column_twothird form .radioSet label.superlabel,
.column_twothird form .checkboxSet label.superlabel {
    display: block;
    float: left;
    font-weight: bold;
    clear: both;
    width: 100px;
    color: #666;

display: none;
}
 
/*-----------------
INPUTS
------------------*/
 
.column_twothird form input,
.column_twothird form textarea,
.column_twothird form select {
    width: 500px;
    border: solid 1px #d3d2d2;
    border-color: #b7b7b7 #d3d2d2 #d3d2d2 #b7b7b7;
    background: #f1f1f1;
    font-size: 0.9em;
    font-family: arial,helvetica, sans serif;
    margin-bottom: 8px;
    padding: 2px 4px;
color: #333;
}
 
.column_twothird form textarea {height: 90px;}
 
/*-----------------
RADIO / CHECKBOX
------------------*/
 
.column_twothird form .radioSet input,
.column_twothird form .checkboxSet input {
    width: auto;
    border: none;
    margin-bottom: 0;
}
 
.column_twothird form .radioSet div label,
.column_twothird form .checkboxSet div label,
.column_twothird form .radioSet label,
.column_twothird form .checkboxSet label {
    display: inline;
    font-weight: normal;
    color: #63605F;
}
 
form .datepicker select, form .timepicker select {width: 80px;}
 
/*-----------------
MULTIPLE INPUT
------------------*/
 
.column_twothird form .textinput_multiple div {
    float: left;
    overflow: hidden;
    clear: both;
}
 
.column_twothird form .textinput_multiple div input {
    width: 390px;
    float: none;
    margin-top: 4px;
}
 
.column_twothird form .textinput_multiple input.submit {
    width: 50px;
    float: right;
    cursor: pointer;
    margin-right: 8px;
    border: double 3px #BBB;
    padding: 0px 3px;
    border-color: #AAA #888 #888 #AAA;
    font-size: 10px;
    background: #F5F5F5;
}
 
.column_twothird form .textinput_multiple input {
    width: 50px;
    float: left;
    margin-top: 4px;
}
 
/*-----------------
ALT SIZE INPUT
------------------*/
 
.column_twothird form .LeftLabel {
    position: relative;
    padding-bottom: 3px;
}
 
.column_twothird form .LeftLabel label {
    padding-left: 35px;
}
 
.column_twothird form .LeftLabel input {
    position: absolute;
    left: 0;
    top: 0;
}
 
.column_twothird form .narrowInputs label,
.column_twothird form .narrowInputs input,
.column_twothird form .narrowInputs textarea,
.column_twothird form .narrowInputs select {
    width: 250px;
}
 
.column_twothird form .smallField input,
.column_twothird form .smallField textarea,
.column_twothird form .smallField select {
    width: 2em;
    border: solid 1px #AAA;
    background: #F5F5F5;
}
 
/*-----------------
REQUIRED & ERROR MESSAGES
------------------*/
 
.column_twothird form .required input,
.column_twothird form .required textarea,
.column_twothird form .required select {
    border-color: #c1aaaa #dbcfcf #dbcfcf #c1aaaa;
    background: #f1ecec;
}
 
.column_twothird form .errorinput input, form .requirederrorinput input,
.column_twothird form .errorinput textarea, form .requirederrorinput textarea,
.column_twothird form .errorinput select, form .requirederrorinput select {
    background-color:#FFDFDF !important;
    border-color:#DF4545 !important;
}
 
.error_message, .error {
    background-color:#FFDFDF;
    border: 1px solid #DF4545;
    padding: 10px;
    width: 580px;
}
.error_message ul, .error ul {
    margin: 0;
    list-style: square;
}
.error_message h3, .error h3 {
    margin:0 0 0.5em;
}
 
/*-----------------
JAVASCRIPT ONLY
------------------*/
 
fieldset.hideUntilActivated div {display: none;}
fieldset.hideUntilActivated div.activateHidden, fieldset.hideUntilActivated div.activateHidden div {display: block;}
 
span.label,span.spacer,span.multiple span {width:120px;float:left;}
span.multiple {float:left;}
span.button {padding-left:120px;}
div.clear {clear:both;padding-top:5px;}
label.mandatory {font-weight: bold;}
 
/*-----------------
TYPOGRAPHY
------------------*/
 
.column_twothird form div p {margin: 10px 0 0 0;}
.column_twothird form div p strong {color: #7D914A;}
 
form .radioSet div {float: left;}
form .noFloat div {float: none;}
 
/*-----------------
SUBMIT
------------------*/
 
.column_twothird form .submit input {
    width: auto;
    border: none;
    padding: 3px 10px;
    background: #D04B3A;
    cursor: pointer;
    color: #fff;
    margin-left: 10px;
text-transform: lowercase;
}
.column_twothird form .submit input:hover {background: #9F2821;}


.onethird {width: 60px; float: left; margin-right: 5px;}
.column_twothird form .onethird input {width: 50px;}

.twothird {width: 445px; float: left;}
.column_twothird form .twothird input {width: 435px;}

.column_twothird form .short textarea {height: 60px;}

.half {width: 255px; float: left; margin-right: 5px;}
.half.end {margin-right:0; width: 250px;}
.column_twothird form .half.end input {width: 240px;}
.column_twothird form .half input {width: 245px;}

* html .onethird, * html .twothird, * html .half {margin-right: 2px; }
* html .column_twothird form .half.end input {width: 240px;}
/* End of 'Forms' */