/* temporary section delete this before the site is launched */
ul.actions {
display:none;
}

/* Laggers.Com.Au CSS by Oranges and Lime Web Developers */


#topwrapper {
width:100%;
height:195px;
background-color:#f9f9f9;
padding:0 0 5px 0;
}

#topcontainer{
height:auto;
margin:0 auto;
width:1000px;
}

#header{
height:162px;
width:1000px;
padding:10px 0 0 0;
}

#logo{
float:left;
margin: 24px 0 10px 0px;

}

#logo img{
width:276px;
height:40px;
}

#gslogo{
float:left;
margin: -0px 0 0 -110px;
position:absolute;

}
#gslogo img{
width: 100px;
height: 95px;
}

div#toll{
float:right;
margin: 0 0 0;
}

p#openhours{
padding: 6px 0 0 5px;
font-size: 15px;
color:#666;
font-weight:bold;
}

#topmenubar{
background-color: #252525;
width:1000px;
height:50px;
clear:both;
margin:72px 0 0 0;
}

#topmenubar ul{
float:left;
font-weight:bold;
}

#topmenubar li a{
color:white;
text-decoration:none;
text-transform:uppercase;
}

#topmenubar ul li{
float:left;
margin: 5px 45px 0 0;
font-size: 20px;
}

#topmenubar ul li a.announce span {
text-decoration:blink;
background-color:red;
padding:3px 8px;
border-radius:3px;
}

div#breadsearch {
margin: 4px 0 0 0;
}

#breadcrumbs{
font-size:12px;
padding: 10px 0 10px 10px;
width:700px;
float:left;
}

/*****************
GLOBAL ELEMENTS
*****************/

p,
ol,
ul {
padding: .5em 0 .5em 0;
line-height:1.5;
}

a{
color:#000;
}

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

ul, ol{
padding: 0 0 0 3em;
}

ul li{
list-style-type:disc;
}

ol li{
list-style-type:decimal;
}

blockquote{
padding: 0 0 0 2em;
margin: 0 2em;
font-weight:bold;
border-left: 10px solid #ccc;
}

/****************************************
 MIDWRAPPER MIDCONTAINER & MAIN CONTENT
****************************************/

#midwrapper {
border-top: 5px solid #f4f4f4;
width:100%;
min-height:540px;
background-color:#f9f9f9;
padding:0 0 35px 0;
clear:both; 
}

#midcontainer {
width:1000px;
margin: 0 auto;
}

#mainContent{
width: 750px;
margin: 0 0 0 250px;
}

#mainContentnoLeft{
width:1000px;
}

#articles{
width:100%;
}



/****************
LEFT MENU
****************/

#left{
float:left;
width: 239px;
padding: 26px 1px 0 2px;
}

#left ol, #left ul{
padding: 0 0 0 0;
}

#left ul{
padding: 0 0 0 0px;
}

#left ul li{
list-style-type:none;
line-height:41px;
background-image:url("/templates/laggers/images/leftmenutab-off-lev1.png");
background-repeat:no-repeat;
}

#left h3{
background-image:url("/templates/laggers/images/leftmenutab-off.png");
background-repeat:no-repeat;
line-height:41px;
font-size: 22px;
color:#666;
text-shadow: 1px 1px white;
font-style:italic;
padding: 0 0 0 15px;
text-transform:uppercase;
}

#left li.parent{
background-image:url("/templates/laggers/images/leftmenutab-off.png");
background-repeat:no-repeat;
line-height:41px;
}

#left li.parent a{
color:#666;
}

#left ul li a{
font-family: arial narrow;
font-size: 17px;
text-decoration:none;
padding: 0 0 0 10px;
}
 

#left li.current {
background-image:url("/templates/laggers/images/leftmenutab-on.png");
background-repeat:no-repeat;
color:#fff;
}

#left li.current a{
color:#fff;
}

#left ul li.current ul li a{
color:black;
} /* to keep subsequent li 'a' color black*/

/****end LEFT POSITION ****/


/*****************
ARTICLES COMPONENTS
*****************/

#articles h1,
#articles h1 a,
#articles h2,
#articles h2 a,
#articles h3,
#articles h3 a,
#articles h4,
#articles h4 a,
#articles h5,
#articles h5 a,
#articles h6,
#articles h6 a{
font-family:verdana, arial, helvetica, sans-serif;
line-height:1.5;
color:#666;
text-decoration:none;
padding:.5em 0;
text-shadow: 4px 4px #fff;
}

#articles h1{
font-size: 36px;
}

#articles h2{
font-size:20px;
}

#articles h3{
font-size:18px;
}

#articles h4 {
font-size: 16px;
}

#articles h5{
font-size: 14px;
}

#articles h6{
font-size: 13px;
}

#articles blockquote p {
padding-bottom: 0;
}

#articles table {
table-layout:fixed;
margin: 20px;
}

#articles table th{
font-size:16px;
color:#c71d22;
border:1px solid #00508b;
padding:.3em;
text-align:left;
}

#articles table td{
border:1px solid #00508b;
padding:.4em;
font-weight:bold;
}

/*** end ARTICLES ***/

/*********************
SPORADIC ELEMENTS
********************/

/**** TABLE.PRODSSERVS *****/

#articles table.prodsservs {
width:100%;
margin:0px;
padding:0px;
}

#articles table.prodsservs td  {
border:none;
text-align:center;
}

#articles table.prodsservs h4{
float:left;
}

/****** #ARTICLES IMGS ******/

#articles img {
border: 5px solid lightgrey;
-moz-border-radius: 6px;
cursor:pointer;
}

#articles img:hover {
border: 5px solid #ed1c24;
}

/* Image Preview with JQuery */
#preview{
position:absolute;
background:#333;
padding:5px;
display:none;
color:#fff;
margin: 20px 0 0 -220px;
}
/* end Image Preview with JQuery */

/*************
CONTACT PAGE USING J DEFAULT
*************/

div.contact{
width: 550px;
line-height:1.5;
}

/* GoogleMap */
div.googlemap{
float:right;
}

#articles .content img{
border:none;
float:left;
display:block;

}

div.contact-address{
clear:both;
height: 85px;
}

div.contact-contactinfo {
clear:both;
height: 50px;
}

#articles div.contact h2 span {
font-size: 30px;
color:#ed1c24;
text-shadow: 2px 2px solid #fff;
font-style:italic;
text-transform:uppercase;
}

#articles div.contact h3 span{
font-size: 24px;
color:#ed1c24;
}

div.contact-address address span {
font-size: 14px;
display:block;
margin: 0 0 0 60px;
font-weight:bold;
color:#666;
}

span.contact-mobile {
font-size: 14px;
display:block;
margin: 10px 0 0 60px;
font-weight:bold;
color:#666;
}

#articles div.contact img{
cursor:auto;
}

/************
CONTACT FORM
*************/

form#emailForm input {
border: 1px solid #ed1c24;
padding: 3px
}

form#emailForm label {
display:block;
font-weight:bold;
}

form#emailForm div.contact-email div {
margin:1em;
}

form#emailForm div.contact-email textarea{
border:1px solid #ed1c24;
}

.validate{
background-color:#ed1c24;
width: 150px;
height: 40px;
color:white;
font-weight:bold;
border:1px solid white;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
cursor:pointer;
}

p.form-required{
font-size:12px;
}

input#contact-email-copy{
float:left;
border:1px solid white;
}


/****************************
Temporary Styling, Deletable
*****************************/

div#footer img{
margin: 5px 0 0;
}

/***********
SEARCHBOX
***********/

#searchbox{
background-image:url("/templates/laggers/images/searchbox.png");
background-repeat: no-repeat;
height:24px;
margin: 5px 4px 0 0;
width:223px;
float:right;
}

#searchbox div.search input#mod-search-searchword{
border: 1px solid white;
padding:1px 0 0 0;
color:grey;
margin:3px 2px 0 18px;
font-size:12px;
}

#searchbox div.search input.button{
float:right;
margin: -13px 10px 0 0;
}

#searchbox label {
display:none;
}

/*************
SEARCH PAGE
**************/

div.search {
line-height:2.5em;
}

dt.result-title,
dt.result-title a {
font-size:20px;
font-weight:bold;
text-decoration:none;
color:#666;
padding: 15px 0 0 0;
font-style:italic;
}

dt.result-category,
span.small {
font-style:italic;
font-weight:bold;
}

span.highlight {
background-color:yellow;
text-decoration:underline;
padding: 0.3em .3em;
font-weight:bold;
}

dd.result-text{
border-left: 10px solid #ccc;
padding: 0 0 0 2em;
margin: 0 0 0 5px;
}

dd.result-created{
color:#888;
font-style:italic;
float:right;
}

form#searchForm{
border:3px solid #ccc;
padding: 1em;
}

fieldset legend{
padding: 1em 0 .5em 0;
color:#888;
font-size: 18px;
font-weight:bold;
font-style:italic;
}

.inputbox{
border: 1px solid #ccc;
padding: 7px;
font-weight:bold;
}

div.searchintro p {
width: 500px;
margin: 2em 0 0 0 ; 
color:red;
font-size: 16px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

div.search button.button{
background-color:#ed1c24;
border: 1px solid #ed1c24;
color:white;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius:3px;
margin: 0 0 0 .5em;
}

/**********
LOGIN PAGE
**********/

div.adminlogin {
line-height:3em;
}
div.adminlogin label{
display:block;
}
div.adminlogin input{
border:1px solid #ccc;
}

div.adminlogin button.button {
border: 1px solid #ed1c24;
background-color:#ed1c24;
color:#fff;
padding: .5em 1em;
margin:1em 0 0 0;
font-weight:bold;
border: 1px solid #ed1c24;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}

/************************
ADMIN FORM USING TINY MCE
*************************/

form#adminForm table {
margin:0px;
}

form#adminForm table td{
border:none;
padding:0;
}

form#adminForm label{
display:block;
margin: 16px 0 6px 0;
}

form#adminForm img{
border:0px;
margin: 1px;
}


form#adminForm button{
background-color:#ed1c24;
border: 1px solid #ed1c24;
margin: 1em;
color:white;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}

form#adminForm .inputbox{
padding: 4px;
}


/****************
EDIT ICON AND TIP
******************/
#articles ul.actions li.edit-icon{
list-style-type:none;
}

#articles li.edit-icon img{
border:0px;
margin: 0 0 0 -34px;
}

/* ---------------------
Tooltip Editor Button
---------------------- */

.tip {
padding: 1em;
background-color:#ccc;
line-height:2;
-moz-border-radius: .6em;
}

.tip-title {
font-size: 2em;
color:#444;
}

/*************************************
OVERRIDING MEDIA/SYSTEM/CSS/SYSTEM.CSS
**************************************/

#system-message dd.message ul{
background-color:#ed1c24;
color: #fff;
background-image:none;
margin: 1em 0 0 0;
}

#system-message dd ul{
border:none;
}

dd.message ul li{
list-style-type:none;
}

/****************
TROUBLE SHOOTING
Remove Article Title on Pages
In Chrome, J's article-hiding settings seem to work but not in Firefox 6
****************/

#articles h1 + h2{
display:none;
}

/***************
ALTERNATIVE CONTACT PAGE
*****************/

div.altcontact {
width:530px;
height:400px;
}

div.contactimage img{
padding: 1em;
float:left;
margin: 1em;
}

div.contactfield {
width: 300px;
float:left;
line-height: 1.5;
font-weight: bold;
}

p.contactaddress{
margin: 8px; 
text-transform:uppercase;
}

p.contactphone{
font-size: 18px;
margin: 14px;
}

p.contactemail {
margin: 20px;
}

p.contactemail a{
font-size:16px;
text-decoration:none;
}

p.contactemail a:hover{
text-decoration:underline;
}

/*******************
SHOWCASE
********************/
div#showcasewrapper{

}

div#showcase{
width: 1000px;
margin: 0 auto;
min-height: 50px;
line-height:1.5;
}

/*This is not using the slider */
img.showcaseimg{ 
border: 10px solid #9f9f9f;
border-radius: 10px;
float:left;
height: 225px;
margin: 20px 0;
} 

/*This is using the slider */
div#showcaseimg{
width: 400px;
margin: 1em 1em 1em 0;
float:left;
border:8px solid #f4f4f4;
border-radius:8px;
}

#showcasecontent {
width: 500px;
float:right;
margin: 1em 0 0 0;
}

#showcase h1{
font-size: 40px;
color:#898989;
}

div.showcasereadmore {
background-image:url("http://www.laggers.com.au/images/laggers/readmore-off.png");
background-repeat:no-repeat;
height: 73px;
margin: 10px 0 0 -10px;
padding: 10px 0 0 34px;
width: 180px;
}

div.showcasereadmore:hover{
background-image:url("http://www.laggers.com.au/images/laggers/readmore-on.png");
background-repeat:no-repeat;
}

div.showcasereadmore a{
color:#fff;
font-size: 20px;
text-decoration:none;
font-weight:bold;
width: 110px;
}

div#showcasemidbreaker {
clear:both;
height: 0px;
}

/****************
FOOTER MENU and COPYRIGHT
****************/

div#footermenu{
position:absolute;
width: 200px;
margin: -15px 0 0 450px;
}

div#footermenu ul li {
list-style-type:none;
}

div#footermenu ul li a {
color:#fff;
font-size: 10px;
text-decoration:none;
text-transform:uppercase;
}

div#footermenu a{
color:white;
}

#bottomwrapper{
width:100%;
height:auto;
background-color:#252525;
}

#copyrightbar {
background-color:#1b1b1b;
height:36px;
clear:both;
width: 100%;
}

#copyright {
width:1000px;
margin: 0 auto;
padding: 13px 0 0 0;
color:white;
font-size:11px;
}

#copyright img{
float:right;
margin: -2px 5px 0 0px;
}


/*************
FOOTER
**************/

#footer{
margin: 0 auto;
width:1000px;
color:#5c5c5c;
padding: 2em 0;
min-height: 170px;
}

#footer h3{
color:#ccc;
font-size:18px;
text-transform:capitalize;
padding: 0 0 .5em;

}

.footerleft{
float:left;
width:230px;
}

.footermid{
float:left;
width:250px;
}

.footerright{
width: 520px;
float:left;
}

.footerright label{
display:block;
padding: .6em 0;
}

.footerright input {
width: 180px;
border: 1px solid #5c5c5c;
background-color:#313131;
color:#fff;
font-family:arial, verdana, sans-serif;
font-size: 12px;
}

#footerformleft {
width: 230px;
float:left;
}

.footerright textarea {
display:block;
height: 80px;
width: 250px;
border: 1px solid #5c5c5c;
background-color:#313131;
color:#fff;
font-family:arial, verdana, sans-serif;
font-size: 12px;
}

.footerright .submitbutton {
width: 90px;
color:#fff;
margin: 10px 0 10px 160px;
}

.footerright .submitbutton:hover {
color:#ed1c24;
border:1px solid #ed1c24;
}

.contact-table th, .contact-table td{
border:1px solid #ececec !important;
}

.home-address td p {
  font-size: 20px !important;
  text-align:left;
}