/* ---------------------------------------------------------------------------------
   
   iWorld - Master Stylesheet 
   Author: Feris Internet Marketing
   Website: www.feris.com.au 

--------------------------------------------------------------------------------- */

body { margin: 0; padding: 0; background: url(../images/bg.gif) repeat 0 0 #1b1b1b; font-family: Arial, Helvetica, sans-serif; color: #fff; }
p { color: #fff; margin: 0 0 1.0em 0; font-size: 0.7em; line-height: 1.5em; }
p a { color: #fff; text-decoration: none; }
p a:hover { color: #d0393e; text-decoration: underline; }
h1 { font-size: 1.2em; }
h2 { font-size: 1.0em; color: #d0393e;}
h2 a { color: #d0393e; text-decoration: none; }
h2 a:hover { text-decoration: underline; }
h3 { color: #c6c6c6; margin: 0 0 0.6em 0; }
h3 a { color: #000; text-decoration:none; }
h4, h5, h6 { color: #666; margin: 0 0 1.0em 0; }
a img { border: none; }

#wrapper { width: 980px; margin: 0 auto; }
#header,
#top,
#content,
#footer,
#options,
#productList,
#win-banner
{ float: left; width: 100%;  }

#header { height: 350px; padding: 16px 0px 10px 0px; }
#header_small { height: 136px; padding: 16px 0px 10px 0px; }


#breadcrumbs { text-transform: uppercase; font-size: 0.65em; padding-left: 12px; float: left; }
.arrow { background: url(../images/arrow.gif) no-repeat 1px 4px; padding-left: 14px;  }

#win-banner { margin: 3px 0 20px 0; }

/* ---------------------------------------------------------------------------------
   NAVIGATION
--------------------------------------------------------------------------------- */

#navigation, 
#footerNav 
{ font-size: 0.90em; margin: 0; padding: 0 5px 0 0; float: right; }

#navigation li { list-style-type: none; padding: 0 5px; text-transform: uppercase; float: left; }
#navigation li a, #footerNav li a { color: #fff; text-decoration: none; float: left; display: block; }
#navigation li a:hover, #footerNav li a:hover { color: #d0393e; text-decoration: underline; } 
.dot { background: url(../images/nav-div.gif) no-repeat 0 9px; }


/* ---------------------------------------------------------------------------------
   PRODUCT LIST
--------------------------------------------------------------------------------- */

#productList h1, #productList2 h1 { margin: 0; float: left; display: block; margin: 0; font-size: 1.2em; }
#productList h1 a, #productList2 h1 a { cursor: hand; display: block; width: 952px; padding: 7px 4px 9px 24px; font-size: 0.70em; background: url(../images/productList-bg.gif) repeat-x 0 0 #363636; }
#productList2 h1 a { width: 456px;  } 

#productList p, #productList2 p { color: #636363; line-height: 1.2em; }
#productList h1 a:hover, #productList h1:hover, #productList2 h1 a:hover, #productList2 h1:hover { color: #fff; background: url(../images/productList-bg-hover.gif) repeat-x 0 0 #bd3f20; cursor: hand; cursor: pointer; }
#productList h2, #productList2 h2 { font-size: 0.7em; margin: 0 0 0.6em 0; }

#top h1 a { background: url(../images/productList-top.gif) repeat-x 0 0 #363636; }
#top h1 a:hover { background: url(../images/productList-top-hover.gif) repeat-x 0 0 #bd3f20; }
#bottom h1 a { background: url(../images/productList-bot.gif) repeat-x 0 bottom #646464; }
#bottom h1 a:hover { background: url(../images/productList-bot-hover.jpg) repeat-x 0 bottom #d0393e; }

#productList2 #top h1 a { background: url(../images/productList-top-2.gif) repeat-x 0 0 #363636; }
#productList2 #top h1 a:hover { background: url(../images/productList-top-2-hover.gif) repeat-x 0 0 #bd3f20; }
#productList2 #bottom h1 a { background: url(../images/productList-bot-2.gif) repeat-x 0 bottom #646464; }
#productList2 #bottom h1 a:hover { background: url(../images/productList-bot-2-hover.gif) repeat-x 0 bottom #d0393e; }

.child { float: left; width: 960px; background: #fff; padding: 0px 0px 0px 20px; }
#productList2 .child { width: 484px; padding: 0px 0px 0px 0px; }

#productList ul, #productList2 ul { margin: 0; padding: 20px 0px; float: left; width: 100%; }
#productList ul li, #productList2 ul li { width: 145px; height: 145px; float: left; padding: 0px 0px 10px 15px; }
#productList ul a img, #productList2 ul a img { border: solid 1px #fff; }
#productList ul a img:hover, #productList2 ul a img:hover { border: solid 1px #d0393e; }

#content .productLeft { width: 484px; float: left; }
#content .productRight { width: 484px; float: right; }

#home { float: left; width: 978px; background: #1b1b1b; padding: 4px 0px 4px 2px; }
.homeBox { background: url(../images/homeBox-bot.gif) no-repeat 0 bottom #fff; width: 238px; float: left; padding: 0 0px 4px 0px; margin: 0px 3px; display: inline; } 
.homeBox h1 { background: url(../images/homeBox-top.jpg) no-repeat 0 0 #6f6e6e; margin: 0; font-size: 0.80em; }
.homeBox h1 a { color: #fff; width: 228px; padding: 5px 0 6px 10px; display: block; text-decoration: none; }
.homeBox img { margin: 0 0 0 4px; display: inline; }
#locations { width: 100%; display: block; float: left; margin: 0; padding-top: 10px; text-align: center; text-transform: uppercase; }

#contentWhite { width: 940px; padding: 20px; float: left; background: url(../images/content-btm.gif) no-repeat 0 bottom #fff; }
#contentWhite p { color: #666; font-size: 0.75em; }
#contentWhite h1 { color: #666; font-weight: normal; margin: 0 0 0.8em 0; font-size: 1.3em; }
#contentWhite h2, #contentWhite h3 { font-size: 0.75em; text-transform: uppercase; margin: 0 0 0.3em 0; }
#contentWhite h3 { font-size: 0.70em; color: #666; }

.textBox { width: 380px; float: left; }
#headingBox { width: 256px; height: 119px; background: url(../images/heading-bg.gif) no-repeat 0 0 #484848; padding: 10px 110px 10px 14px; margin-bottom: 20px; }
#headingBox h1 { color: #fff; }

.imgRight { float: left; margin-left: 16px; display: inline; }

#topBox { float: left; width: 952px; padding: 7px 4px 9px 24px; font-size: 0.70em; background: url(../images/productList-top.gif) repeat-x 0 0 #363636; }
#topBox h2 { margin: 0; float: left; display: block; margin: 0; font-size: 1.2em; color: #fff; }


/* ---------------------------------------------------------------------------------
   FOOTER
--------------------------------------------------------------------------------- */

#footer { border-top: solid 1px #ccc; margin-top: 16px; padding: 10px 0 14px 0; }
#footerNav { font-size: 0.7em; padding-top: 3px; }
#footerNav li { list-style-type: none; padding: 0 8px; float: left; line-height: 1.0em; }

.divider { border-left: solid 1px #666; }
#copyright { float: left; color: #999; padding-left: 10px; margin: 0; line-height: 1.3em; }
#logostack { color: #999; padding-left: 10px; line-height: 1.3em; text-align:justify; margin-left: auto; margin-right: auto; display:block; }


/* ---------------------------------------------------------------------------------
   FOOTER OPTIONS
--------------------------------------------------------------------------------- */

#options { background: url(../images/footer-options-bg.gif) repeat-x 0 0 #444444; }
#optionsInner { float: left; width: 945px; padding: 30px 0px 30px 35px; background: url(../images/footer-options-curve.gif) no-repeat 0 0; }

#options h3 { color: #333; font-size: 0.7em; margin: 0 0 2px 0; }
#options ul { font-size: 0.7em; margin: 0; padding: 0; float: left; }
#options ul li { list-style-type: none; padding: 1px 0px; }
#options ul li a { color: #fff; text-decoration: none; }
#options ul li a:hover { text-decoration: underline; }

.optionSet { float: left; width: 173px; padding: 0px 5px; }

/*----------------------------------------------------------
FIELDSETS
-----------------------------------------------------------*/

fieldset { padding: 5px 20px 14px 20px; margin: 15px 0px 5px 0px; border: solid 1px #ccc; float: left; width: 442px; background: url(../images/fieldset-bg.gif) repeat-x 0 bottom; }
legend { font-size: 0.7em; color: #980707; margin-left: -6px; text-transform: uppercase; }
fieldset p { margin: 0.6em 0; }
fieldset p a { color: #d0393e; }
fieldset p a:hover { color: #d0393e; text-decoration: underline; }
fieldset label { float:left; width: 28%; font-weight: bold; color: #666; }
fieldset label span { color: #9e9e9e; font-weight: normal; }
fieldset .smTxt { font-size: 0.8em; color: #666; }
fieldset input, fieldset textarea { width: 300px; border: solid 1px #ccc; padding: 3px; color: #494949; background: url(../images/bg-input.gif) repeat-x 0 0 #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
fieldset .top { margin: 1.4em 0 0.6em 0; }
fieldset input:focus, fieldset textarea:focus { background: #fff0a9; }