/*
THEME NAME: Sunlover
DESCRIPTION: Theme for Sunlover.
VERSION: 1
AUTHOR: Steve Coates
AUTHOR URI: http://www.go4.com.au
*/

body {
margin:0;
padding:0;
font: 11px/16px normal  Arial, Helvetica, sans-serif;
color:#717172;
background:#797979 url('images/page-bg.jpg') repeat-x top; /*797979*/
}

a {
color:#1C1C1A;
text-decoration:none;
}

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

div#outer {
margin:0 auto;
padding:0;
width:920px;
/*background:#656565 url('images/outer-bg.gif') repeat-y ;*/
}

div#wrapper {
margin:0 auto;
padding:0 10px;
width:900px;
/*background:transparent url('images/wrapper-bg.gif') no-repeat top;*/
}

div#header {
position:relative;
padding:10px 11px 0 0;
height:112px;
background:#fff url('images/header-bg.gif') no-repeat left;
}

div#call-sunlover {
position:absolute;
top:28px;
right:-19px;
width:258px;
height:73px;
background:url('images/call-sunlover.gif');
}

div#header-text {
position:absolute;
bottom:6px;
right:10px;
width:155px;
height:16px;
font-size:12px;
line-height:12px;
color:#fff;
text-align:right;
font-style:italic;

}

div#header h1 {
width:60px;
margin:0;
overflow:hidden;
text-indent:-100em;
}

a.headerlogo {
float:left; display:block; background:transparent; width:200px; height:100px;
}

div#flash-feature {
margin:0 0 4px 0;
padding:0;
height:318px;
background:#000000; /*url('images/sunlover-home.jpg') no-repeat top;*/
overflow:hidden;
}

div#home-products-link {
margin:0;
padding:9px 0 11px 6px;
height:170px;
background:#fff;
overflow:hidden;
}

div#home-products-link p{
margin:0;
}

#home-products-link td h4 {
margin:0 0 8px 0;
}

div#home-products-link td h4 a {
margin:0 0 8px 4px;
background:#fff url('images/arrow-button.jpg') no-repeat;
padding: 0 0 5px 25px;
font-size:13px;
line-height:22px;
font-family: Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
font-weight:normal;
}

div#home-products-link td h4 a:hover {
color:#ED8427;
background: #fff url('images/arrow-button-over.jpg') no-repeat;
}

div#home-products-link table {
padding:0;
background:transparent url('images/home-products-bg.gif') repeat-y;
width:100%;
border-collapse:collapse;
}


div#home-products-link td {
padding-bottom:0px;
padding-left:4px;
width:280px;
}

a.img-link {
display:block;
width:271px;
}

a.img-link:link, a.img-link:visited {
border:4px solid #fff;
}

a.img-link:hover{
border:4px solid #ED8427;
}

/*
div#home-products-link td p a:link img, div#home-products-link td p a:visited img {
border:4px solid #ED8427;
}*/


td#bordered-cell {
/*padding:0 10px 0 10px;*/

}


div#content-title {
margin:0;
padding:10px 0 0 25px;
height:27px;
background:#5e5f5f;
color:#fff;
text-transform:uppercase;
font-weight:normal;
font-size:18px;
}

div#content-wrap {
margin:0;
padding:0;
background:#fff url('images/content-wrap-bg2.gif') repeat-y;
overflow:hidden;
}

div#content-wrap-news {
margin:0;
padding:0;
background:transparent url('images/content-wrap-news-bg.gif') repeat-y;
overflow:hidden;
}


div#container {
float:left;
padding:0;
width:900px;
}

div#content {
margin: 0;
padding:0;
float:left;
width:450px;
}

div#content-left-2-5 {
margin:0;
padding:0 0 0 11px;
float:left;
width:360px;
}

.history p{
margin:0 0 20px 0;
padding:10px 0 0 15px;
}

div#content-right-3-5 {
margin:0;
padding:0 11px 0 0;
float:right;
width:504px;
}

div#content-right-3-5 p {
margin:0;
padding:0 0 10px 0;

}

div#content-centre-5-5 {
margin:0;
padding:10px 10px 0 11px;
float:left;
}

td#product-text {
padding-right:35px;
padding-left:14px;
}
table#product {
margin-bottom:30px;
}

table td {
vertical-align:top;
padding:0 3px 0 0;
overflow:hidden;
}

table td a{
color:#f29652;
}

table td h6{
margin:5px 0;
padding-bottom:4px;
font-size:12px;
color:#f29652;
border-bottom:1px dotted #000;
}

#product-range {
margin-bottom:10px;
padding:8px 0;
border-top:1px dotted #000;
border-bottom:1px dotted #000;
text-transform:uppercase;
}

div.news {
width:596px !important;
padding:0!important;
/*border-left:4px solid #797979;*/
}

div.sidebar {
margin:0;
padding:0 0 10px 0;
float: left;
overflow: hidden;
width: 300px;
}

#latest-news-footer {
margin:0 10px;
padding:0 0 50px 0;
background:#fff url('images/content-centre-bg.gif') repeat-x bottom;
}

#latest-news-footer h4, #latest-news-footer h4 a{
margin:0;
padding:0 10px;
color:#F29652;
font-size:12px;
}

div#latest-news-excerpts {
padding:0 25px 10px 25px;
}

div#latest-news-excerpts h4 {
margin:0 0 5px 0;
padding:10px 0 8px 0;
color:#F29652;
border-bottom:1px dotted #1C1C1A;
font-size:12px;
}

div#latest-news-excerpts h4 a, div.entry-content-news div.entry-content h4 a{
color:#1C1C1A;
}

div#latest-news-excerpts h4 a:hover, div.entry-content-news h4 a:hover, div.entry-content-news div.entry-content h4 a:hover{
color:#F29652;
text-decoration:none;
}

/* --- main menu --- */
#navigation {
position:relative;
margin:5px 0 4px 0;
padding:0;
/*height:102px;*/
background:#E97129 url('images/nav-bg.gif') repeat-x;
/*overflow:hidden;*/
}

h2#navigation-login {
float:right;
margin:7px 10px 0 0;
font-size:10px;
text-transform:uppercase;
line-height:15px;
}

#navigation-login a {
color:#fff;
}

#navigation-login a:hover {
color:#000;
}

#navigation-divider {
background:transparent url('images/nav-divider-bg.gif') repeat-y;
margin:0;
padding:0;
height:102px;
}

#menu {
margin:0;
padding:2px 0 0 24px;
float:left;
width:120px;
/*height:100px;
overflow:hidden;
background:transparent url('images/nav-bg.gif')  repeat-y 16px 0;*/
}

#subsubmenu {
margin:0;
padding:2px 0 0 27px;
float:left;
width:105px;
height:100px;
/*background:transparent url('images/nav-bg.gif') repeat-y 8px 0;*/
overflow:hidden;
}

#menu h2, #subsubmenu h2, #subsubmenu2 h2 {
margin:7px 0 2px 6px;
padding:0;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
color:#fff;
line-height:10px;
}

#subsubmenu2 {
margin:0;
padding:2px 0 0 2px;
float:left;
width:105px;
}

#menu ul,#subsubmenu ul,#subsubmenu2 ul{
display:block;
list-style-type:none;
margin:0;
padding:0;
}

#menu li,#subsubmenu li,#subsubmenu2 li  {
margin:0;
padding:0;
line-height:13px; /*  adjusts menu item's height  */
}

#menu a:link, #menu a:visited, #subsubmenu a:link, #subsubmenu a:visited, #subsubmenu2 a:link, #subsubmenu2 a:visited  {
color:#fff;
line-height:10px;
font-size:9px;
margin:0;
padding:1px 0 0 12px;
text-decoration:none;
text-transform:uppercase;
}

#menu h2 a:link, #menu h2 a:visited, #subsubmenu h2 a:link, #subsubmenu h2 a:visited, #subsubmenu2 h2 a:link, #subsubmenu2 h2 a:visited {
background-image: none;
padding-left:6px;
}

#menu a:hover, #subsubmenu a:hover , #subsubmenu2 a:hover {
color:#fff;
background: transparent url('images/menu-bg.gif') left no-repeat;
}

li.current_page_item {
}

li.current_page_item a {
background: transparent url('images/menu-bg.gif') left no-repeat;
}

div#footer {
margin:0 auto;
clear: both;
padding:10px 20px;
color:#cacdd0;
background:#797979 url('images/footer-bg.gif') no-repeat top;
width:880px;
}

div#footer-news {
margin:0 auto;
clear: both;
padding:10px 20px;
color:#cacdd0;
background:#797979 url('images/footer-news-bg.gif') no-repeat top;
width:880px;
}

div#footer a:link, div#footer a:visited , div#footer-news a:link, div#footer-news a:visited{
color:#cacdd0;
text-decoration:none;
}

div#siteby {
float:right;
text-align:right;
}

div#crumbs {
margin:-.5em 0 0 0; 
padding: 0 0 .5em 0;
font-size:.9em;
}

div#map {
border:1px solid #1C1C1A;
width:500px;
height:350px;
}

.entry-content {
margin:0;
padding:10px 11px 0 15px;
}

.padding{
margin:0;
padding:0 11px 0 15px !important;
}

.entry-content-news {
margin:0;
padding:0; /*padding:0 11px 0 15px;*/
}

div.entry-content-news h4 {
margin:0 0 5px 0;
padding:10px 0 8px 0;
font-size:12px;
border-bottom:1px dotted #1C1C1A;
}

div.entry-content-news div.entry-content h4 {
margin:0 0 5px 0;
padding:10px 0 8px 0;
font-size:12px;
}

.entry-content ul {
margin:0;
padding:0 0 15px 13px;
}

.product-content {
padding:0 0 30px 0!important;
background:#fff url('images/content-centre-bg.gif') repeat-x bottom;
}

.entry-content p {
margin:3px 0 10px 0;
padding:0;

}

.entry-content h4 a, .entry-content h4, .entry-content h5 {
margin:0;
color:#f29652;
font-size:12px;
font-weight:bold;
line-height:16px;
text-decoration:none;
}

.entry-content h3 {
margin:0 0 5px 0;
padding:10px 0 8px 0;
font-size:12px;
font-weight:bold;
border-bottom:1px dashed #1C1C1A;
}

.entry-content h3 a:hover{
color:#f29652;
}

.entry-content h2 {
margin:0 0 5px 0;
padding:0 0 8px 0;
font-size:20px;
line-height:22px;
font-weight:normal;
color:#F29652;
}

h2.entry-title {
margin:0;
padding:10px 0 11px 15px;
font-size:18px;
line-height:17px;
font-weight:normal;
text-transform:uppercase;
color:#fff;
background:#5E5F5F;
}

h2.page-title {
margin:0 0 .8em 0;
line-height:1em;
}

h3.entry-title {
margin:0 0 -.5em 0;
padding-bottom:0;
}

.entry-title {
clear:both;
}

.entry-date {
font-size:90%;
color:#666;
margin:-.5em 0 10px 0;
}

hr {
padding:0;
border:none;
border-bottom:1px dotted #000;
background-color:#fff;  
color:#fff;
height:0;
/*


background: transparent url('images/prod-range-border.gif') repeat-x;*/
}

div#nav-above, div#nav-below {
width:100%;
height:1em;
}

div#nav-above {
margin:1em 0;
}

div#nav-below {
margin:1em 0;
}

div.hentry {
padding: 0 0 5px 0;
}

.image-left {
float:left;
margin:5px 10px 0 0;
border:1px solid #807340;
padding: 5px;
}

.image-right {
float:right;
margin:5px 0 0 10px;
border:1px solid #807340; 
padding: 5px;
}

a:link img, a:visited img {
border-style: none;
}


/* from sandbox */
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{
clear:both;
float:right;
margin-bottom:10px;
}

/* ORDER FORM STYLES */

table.order-form, table.order-form table{
width:100%;
}

form.order-form a {
color:#1C1C1A;
}

form.order-form a:hover {
color:#F29652;
text-decoration:none;
}

table.order-form td h4 {
margin:0;
padding:8px 0;
color:#f29652;
font-size:12px;
font-weight:bold;
line-height:16px;
text-decoration:none;
border-top:1px dotted #000;
border-bottom:1px dotted #000;
}

table.order-form td h5 {
margin:0;
padding:0;
color:#f29652;
font-size:12px;
font-weight:bold;
line-height:16px;
}

div#step1 {
margin:0 0 10px 0;
padding:1px;
border:1px solid #c6c6c6;
width:706px;
}

div.step2-3 {
margin:0 0 10px 0;
padding:10px;
border:1px solid #c6c6c6;
width:55%;
}

div.step4 {
margin:0 0 10px 0;
padding:8px;
border:1px solid #c6c6c6 ;
width:337px;
}

table.stepfour td h4{
padding:0;
color:#f29652;
font-size:12px;
font-weight:bold;
line-height:16px;
border:none;
}

form.order-form input, div.pwd-login-form input{
font-size:10px;
color:#666;
}

form.order-form input.stepone{
margin-left:5px;
width:80px;
}

form.order-form input.stepfour-short {
width:60px;
}

form.order-form input.stepfour-long {
width:310px;
}

form.order-form input.stepfour-address {
margin-bottom:5px;
float:right;
width:200px;
}

form.order-form label {
margin:0 13px 0 0;
}

form.order-form p.fieldwrap {
margin:3px 0 5px 0;
}

table.stepfour  label {
float:left;
clear:both;
}

div.step4 p.fieldwrap {
margin:0;
}

div.pwd-login-form {
margin:0;
padding:0 0 0 15px;
width:861px;
}

div.pwd-login-form-fields {
padding:8px;
margin-bottom:10px;
float:right;
width:170px;
border:1px solid #c6c6c6;
}

.pwd-login-form-fields input.fm_login {
margin-top:5px;
}

input#fm_address1, input#fm_address2, input#fm_suburb ,input#shipping_address1, input#shipping_address2, input#shipping_suburb{
background:transparent url(images/fm-address-bg.gif) no-repeat scroll left top;
border:medium none;
height:16px;
padding:1px 8px;
width:218px;
}

input#fm_firstname, input#fm_lastname, input#fm_businessname, input#fm_abn , 
input#shipping_firstname, input#shipping_lastname, input#shipping_businessname, input#shipping_abn, .pwd-login-form-fields input.fm_login  {
background:transparent url(images/fm-phone-bg.gif) no-repeat scroll left top;
border:medium none;
height:16px;
padding:1px 8px;
width:142px;
}

input#fm_phone, input#fm_fax, input#shipping_phone, input#shipping_fax{
background:transparent url(images/fm-phone-bg.gif) no-repeat scroll left top;
border:medium none;
height:16px;
padding:1px 8px;
width:142px;
}

input#fm_email, input#shipping_email {
background:transparent url(images/fm-email-bg.gif) no-repeat scroll left top;
border:medium none;
height:16px;
padding:1px 8px;
width:312px;
}

input#fm_state, input#fm_postcode ,input#shipping_state, input#shipping_postcode{
background:transparent url(images/fm-statecode-bg.gif) no-repeat scroll left top;
border:medium none;
height:16px;
padding:1px 8px;
width:79px;
}

input#fm_width1, input#fm_width2, input#fm_length1, input#fm_length2{
background:transparent url(images/fm-width-bg.gif) no-repeat scroll left top;
border:medium none;
height:16px;
padding:1px 8px;
width:52px;
}

/* Form button styles */

#resetbutton ,#loginbutton{
background:#5e5f5f;
color:#fff;
height:22px;
font-weight:bold;
border:none;
padding:0 10px;
letter-spacing:.8px;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
}

#submitbutton {
float:right;
padding:0 10px;
background:#ea7517;
color:#fff;
height:22px;
font-weight:bold;
border:none;
letter-spacing:.8px;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
}

td#orderproductname {
padding-left:12px;
}

td#stepcell {
 border-left:1px dotted #000;
 padding-left:30px;
}

.stepcell {
font-weight:bold;
}

span.orangetext{
color:#F29652;
font-weight:bold;
}

td.cellheight {
height:20px;
vertical-align:top;
}


/* ####################################### */
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}

div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}

div.sidebar h3{
padding:10px 0 11px 25px;
font-size:18px;
font-weight:normal;
color:#fff;
background:#5E5F5F;
}


div.sidebar input#s{width:7em;}
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 1em;}
div.sidebar ul ul li{list-style:disc;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;}