/* Key styles for: EVO Grill Australia*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Joanne Walter, 3 Septemeber 2010*/

/*Reset Styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

sup{font-size:xx-small; vertical-align:top;} 
sub{font-size:xx-small; vertical-align:bottom;}

body{font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #2a2a2a; background: #fff;}
#mainbody {background: url(images/mainbody-bg.jpg) repeat-x top #fff; min-height: 700px;}
img, div {behavior: url(iepngfix.htc)}
.col {position: relative; float: left;}

/*Container Styles*/
.wrapper {margin-left: auto; margin-right: auto; width: 960px;}
#banner {background: url(images/banner-bg.jpg) repeat-x bottom #fff;}
#nav {background: #2a2a2a;}
#logo {margin-top: 25px; padding-bottom: 2px;}

#feature {width: 940px; overflow: hidden; background: #cccccc; padding: 10px; height: 320px;}
#featuregal {width: 605px;}
#featurecon {width: 305px; padding: 10px 10px 10px 20px;}

#homecon {width: 940px; overflow: hidden; background: #fff; padding: 10px;}
#homecol1 {width: 320px;}
#homecol2 {width: 275px; padding: 0 10px}
#homecol3 {width: 325px; text-align: center;}

#maincon {width: 920px; overflow: hidden; padding: 20px; background: #fff; min-height: 410px;}
#sidebar {width: 250px; padding: 1px 39px 1px 1px;}
#content {width: 630px;}

#footer {margin-left: auto; margin-right: auto; width: 960px; padding-bottom: 10px;}

/*Navigation Styles*/
#nav ul {padding: 10px 0; margin-left: 0;}
#nav li {margin: 0; display: inline; list-style: none; border-right: 1px solid #fff; padding-top: 4px;}
#nav li a{text-decoration: none; color: #fff; font-size: 1.6em; padding: 5px 20px  }
*html #nav li a {padding: 0px 20px;}
html>body #nav li a {padding: 0 20px;}
#nav li a:hover {color: #ccc; border-bottom: none;}
#nav li.current a{color: #ccc; border-bottom: none;}
#nav li.first a{padding-left: 0;}
*html #nav li.first a {padding-left: 10px;}
#nav li.last {border-right: none;}

/*Sub-Navigation Styles*/
#subnav ul {margin-left: 0px!important; }
#subnav li {margin: 0; display: block; list-style: none;  border-bottom: 1px solid #ccc; padding-bottom: 0; position: relative;}
#subnav li a{text-decoration: none; color: #2a2a2a; font-size: 1.2em; width: 240px; display: block; padding: 5px}
#subnav li a:hover {color: #fff; border-bottom: none; background: #999;}
#subnav li.current a{color: #fff; border-bottom: none; background: #999;}

/*Sub Sub Navigation Styles*/
#subnav ul ul{ margin-bottom: -10px;}
#subnav ul ul li{border-bottom: none;  }
#subnav ul ul li a{color: #333; width: 230px; padding-left: 15px;}
#subnav  ul ul li a:hover {color: #eb2824; background: none;}

/*Link Styles*/
a {color: #eb2824; text-decoration: none; font-weight: bold}
a:link{color: #eb2824;}
a:visited {color: #eb2824;}
a:hover {border-bottom: 1px solid #eb2824; color: #2a2a2a;}

#featurecon a {color: #2a2a2a;}
#featurecon a:hover {color: #2a2a2a; border-bottom: 1px solid #eb2824;}

table.tablefilled a{color: #fff; font-weight: bold;}
table.tablefilled a:hover {border-bottom: 1px solid #fff;}

a.imglink{border-bottom: none;}
a.imglink:hover{border-bottom: none;}

#footer a {color: #2a2a2a; font-weight: normal;}


/*Paragraph Styles*/
h1 {font-size: 2.4em; color: #2a2a2a; padding-bottom: 15px; font-weight: normal; line-height: 1.1em;}
h2 {font-size: 1.8em; color: #2a2a2a; padding-bottom: 5px; font-weight: normal;}
h3 {font-size: 1.6em; color: #eb2824; padding-bottom: 2px; font-weight: normal;}
h4 {font-size: 1.4em; color: #eb2824; padding-bottom: 5px; font-weight: normal;}
p {font-size: 1.2em; padding-bottom: 10px; line-height: 1.4em;}
#shopcontent h2 {font-size: 2.4em; padding-bottom: 15px;}


#featurecon p {line-height: 1.2em;}
.highlightbox p {font-size: 1.0em; padding-bottom: 0;}
#homecol3 h2 {border-bottom: none;}
#homecol2 h4 {font-size: 1.2em; color: #2a2a2a;}
#footer p {font-size: 1em; padding-bottom: 5px;}

/*Table Styles*/
table {background: none; border: none; margin-bottom: 10px;}
table td {padding: 5px; background: none; color: #333; border: none; font-size: 12px}
table th {text-align: left; font-size: 14px; color: #333; padding: 5px; border: none;}
table p{font-size: 12px; padding-bottom: 0;} /*Make sure you set the font size of this style to match the tabel td font size*/

table.tablefilled {background: #999; border: 1px solid #fff; margin-bottom: 10px;}
table.tablefilled td {padding: 5px; background: #999; color: #fff; border: 1px solid #fff; font-size: 12px}
table.tablefilled th {text-align: left; font-size: 14px; color: #fff; padding: 5px; border: 1px solid #fff;}

/*List Styles*/
.wrapper ul, .wrapper ol {font-size: 12px; margin-left: 30px; padding-bottom: 10px;}
.wrapper li {padding-bottom: 2px;}
#shopcontent li {padding-bottom: 8px;}

ul.iconlist {margin-left: 0 !important; margin-top: 5px;}
ul.iconlist li{list-style: none; background: url(images/pdf-icon.gif) no-repeat 0 0px; padding-left: 30px; padding-bottom: 8px !important; padding-top: 4px;}

ul.liststylenone {margin-left: 0;}
ul.liststylenone li {list-style: none;}
.listprefix {display: block; float: left; font-weight: bold; width: 110px;}

/*Image Styles*/
img {padding: 0px;}
#maincon img{padding: 5px;}
#maincon img.left{padding: 5px 15px 5px 0px;}
#maincon img.right{padding: 5px 0px 5px 15px;}
.highlightbox img.left {padding: 0 10px 0 0 ;}

/*Class Selectors*/
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.divider {clear: both; border-bottom: 1px solid #ccc; padding-top: 20px; margin-bottom: 20px;}
.highlight {color: #eb2824;} /*This is the just a style that can be used to highlight text within a paragraph*/
.highlightbox {clear: both; background: #f7f7f7; padding: 10px; margin-bottom: 10px; overflow: hidden;}

/*Shadow Container*/
#shadow{margin-left: auto; margin-right: auto; width: 1024px; background: url(images/shadow-sides.png) no-repeat; behavior: url(iepngfix.htc);}
#shadow span.middle{display: block; background: url(images/shadow-middle.png) repeat-y; behavior: url(iepngfix.htc); }
#shadow span.bottom{display: block; background: url(images/shadow-bottom.png) no-repeat; height: 23px; behavior: url(iepngfix.htc);}

/*Maxigallery Styles*/
.thumbs li{height: 100px; width: 150px;}
.thumbnail {height: 99px; width: 150px;  margin: 0; padding: 0;}
.thumbs p {display: none;}
.thumbscontainer ul{margin-left: 0px !important;}

/*Link styles for the lightbox*/
#lbBottomContainer a{color: #006699; text-decoration:none; border-bottom: none;}
#lbBottomContainer a:hover { color: #333; border-bottom: none;}
#lbCenter a{color: #006699; text-decoration:none; border-bottom: none;}
#lbCenter a:hover { color: #333; border-bottom: none;}

/*Positioning the whole Gallery*/
.jdGallery { z-index: 0 !important;}
*html .jdGallery { z-index: -1 !important;}
.managecontainer {background: #fff; height: 280px; overflow: scroll; padding: 20px;}

.tcimage {float: right; padding-left: 20px;}
.productcat .tcimage img{width: 130px;}
.productcat .backlink {display: none;}
.productcat {margin-bottom: 20px; overflow: hidden; padding-bottom: 30px; border-bottom: 1px solid #ccc; float: left; width: 300px; height: 230px; margin-right: 10px;}
a.thickbox:hover {border-bottom: none;}
.productcat img {float: left; margin-right: 20px;}
.productcat .detail {padding-top: 10px;}
.productcat .productdescription {display: none;}
.productcat h3 {margin-bottom: 10px;}
#homecol3 p.shopbtn {float: right; margin-top: 0 !important;}
p.shopbtn { margin-right: 10px; padding: 0px; margin-top: 5px; }
#shopcontent p.shopbtn {float: left;}
p.shopbtn a {color: #fff !important; padding: 5px 0px; background: #eb2824; display: block; width: 115px; text-align: center;}
p.shopbtn a:hover {color: #fff !important; background: #2a2a2a; border-bottom: none;}

/*Shopping Cart*/
#shoppingcart {margin-top: 30px;}
#shoppingcart h2{padding: 5px 10px; margin-bottom: 10px; width: auto;}
#shoppingcart img{float: left; margin-right: 10px; margin-top: -10px; padding: 0!important;}
#shoppingcart a{color: #eb2824;}
#shoppingcart a:hover{color: #2a2a2a; border-bottom: none;}
#shoppingcart p{font-size: 1.2em;}
.cartlink {clear: both; font-size: 1.4em;}
.tc_view{border-right: 1px solid #eb2824; padding-right: 10px; margin-right: 10px}
.tc_cart_view_text{margin-right: 5px;}
.tc_cart_empty {}
#TB_closeAjaxWindow a:hover {border-bottom: none;}

@media only screen and (max-device-width: 480px)
{
 #nav li.first a {padding-left: 25px;}
}