@charset UTF-8; 
body { font:100% Verdana, Arial, Helvetica, sans-serif; background:#595959 url(../.././../images_css/bg.jpg) top repeat-x; margin:0; 
/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding:0; text-align:center; 
/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color:#000000; }
h3 { margin:0; padding:0; }
#container { width:800px; 
/* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
background:#FFFFFF; margin:0 auto; 
/* the auto margins (in conjunction with a width) center the page */
border:1px solid #000000; text-align:left; 
/* this overrides the text-align: center on the body element. */
border-left:3px solid #dedede; border-right:3px solid #dedede; border-bottom:3px solid #dedede; border-top:3px solid #dedede; }
#header { background:#FFFFFF; padding-top:10px; 
/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
#header h1 { margin:0; 
/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding:50px 0; 
/* using padding instead of margin will allow you to keep the element away from the edges of the div */
background:url(http://www.tuscanyappliances.com.au/images/header.jpg) top left no-repeat; text-indent:-5000px; }
#squares_container { float:left; width:780px; display:block; margin-left:auto; margin-right:auto; padding:10px 10px 5px;}
#square1 { float:left; height:175px; width:175px; padding:10px;}
#square1 img { border:0; }
#sidebar1 { float:left; background:#EBEBEB; padding:15px 10px 15px 20px; }
#sidebar2 { float:right; width:160px; background:#EBEBEB; padding:15px 10px 15px 20px; }
#mainContent { float:left; display:block; width:760px; border-left:20px solid #FFFFFF; background:#FFFFFF; padding:5px; font-size:.8em; line-height:20px; font-family:Arial, sans-serif; }
#mainContent img { border:0; }
#mainContent h2 { margin:0; padding:0; font-size:1.2em; }
#mainContent a { text-decoration:none; color:#000028; }
#mainContent a:hover { text-decoration:none; color:#666666; }
#mainContent p { padding:0 0 6px; margin:0; }
#mainContent a img { border:none; }
#lhsContent h1 { margin:15px 0; padding:0; font-size:1.9em; font-weight:normal; }
#lhsContent { float:left; display:block; width:400px; border-left:20px solid #FFFFFF; background:#FFFFFF; padding:5px; font-size:.7em; line-height:27px; z-index:1; }
#flashHeader { width:770px; display:block;margin-left:auto; margin-right:auto;padding-left: 2px;}
#footer { padding:5px 10px 5px 20px; 
/* this padding matches the left alignment of the elements in the divs that appear above it. */
background:#000; color:#FFFFFF; border:10px solid #FFFFFF; font-size:11px; height:15px; }
#footer p { margin:0; 
/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding:10px 0; 
/* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer a { color:#FFFFFF; text-decoration:none; }
.fltrt { float:right; margin-left:8px; }
.fltlft { float:left; margin-right:8px; }
.clearfloat { clear:both; height:0; font-size:1px; line-height:0; }
#nav { top:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; background:#000; border-left:16px solid #FFF; margin-left:auto; margin-right:auto; float:left; width:770px; list-style:none; }
#nav ul { padding:0; margin:0; list-style:none; float:left; z-index:5; display:block; margin-left:auto; margin-right:auto; }
#nav li { position:relative; float:left; z-index:6; }
#nav li a { display:block; width:130px; text-align:center; }
#nav li ul { position:absolute; left:-9999px; top:23px; z-index:7; list-style:none; display:block; width:110px; text-align:left; }
#nav li ul li a { background:#000; text-align:left; }
#nav li ul li a:hover { background:#333333; }
#nav li ul ul { left:-9999em; z-index:8; }
#nav li a { display:block; left:-50px; color:#fff; text-decoration:none; background:#000; padding:5px 10px; z-index:9; }
#nav li a:hover { color:#fff; background:#333333; }
#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li.sfhover ul ul,#nav li.sfhover ul ul ul { left:-9999em; }
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul { left:0; }
#content { clear:left; color:#ccc; }
#footer_content { float:left; display:block; height:25px; }
#footer_content a:hover { color:#333333; }
#copyright { display:none; }
#print { float:right; }
#print a:hover { color:#333333; }
.small { font-size:.8em; }
img { border:none; }

/* SHARED WITH THE MCE WYSIWYG EDITOR*/
.image_title_13 { font-size:13px; font-weight:bold; }
.image_title_13 a { text-decoration:none; }
.image_title_13 a:hover { text-decoration:underline; }
.image_title_14 { font-size:14px; font-weight:bold; }
.image_title_14 a { text-decoration:none; }
.image_title_14 a:hover { text-decoration:underline; }
.image_title_16 { font-size:16px; font-weight:bold; }
.image_title_16 a { text-decoration:none; }
.image_title_146 a:hover { text-decoration:underline; }

/* TABLE STYLES */
table { font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size:12px; text-align:left; border-collapse:collapse; }
th { font-size:14px; font-weight:normal; padding:2px 5px; border-right:1px solid #fff; border-left:1px solid #fff; color:#039; }
td { padding:5px 5px; border-right:1px solid #fff; border-left:1px solid #fff; color:#323232;}
td h1{line-height: 105%;}
.vzebra-odd { background:#efefef; }
.vzebra-even { background:#e5e5e5; }