body { margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, "sans-serif"; text-align: center; font-size: 12px; background: url("/images/background.png") repeat-x top #002b7c; }
img { border: none; }
form { margin: 0px; padding: 0px; }

.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.text-center { text-align: center; }

.inner .tl { position: absolute; top: 0px; left: 0px; width: 10px; height: 10px; background: url("/images/inner-tl.png") no-repeat; overflow: hidden; }
.inner .tr { position: absolute; top: 0px; right: 0px; width: 10px; height: 10px; background: url("/images/inner-tr.png") no-repeat; overflow: hidden; }
.inner .bl { position: absolute; bottom: 0px; left: 0px; width: 10px; height: 10px; background: url("/images/inner-bl.png") no-repeat; overflow: hidden; }
.inner .br { position: absolute; bottom: 0px; right: 0px; width: 10px; height: 10px; background: url("/images/inner-br.png") no-repeat; overflow: hidden; }

#container { width: 960px; margin: 0px auto; text-align: left; }

#header { position: relative; margin: 0px; padding: 0px; height: 125px; font-family: Arial, Helvetica, "sans-serif"; }
#header #title a { position: absolute; left: 0px; top: 25px; color: #fff; font-size: 40px; font-weight: bold; text-decoration: none; line-height: 46px; display: block; padding: 12px 90px 12px 0px; background: url("/images/lego-handyman.png") no-repeat bottom right; text-align: right; z-index: 10; letter-spacing: -1px; }
#header #title a b { color: #f03c2d; }
#header #title a small { display: block; font-size: 18px; line-height: 16px; padding-right: 3px; letter-spacing: normal; }
#header #phone { position: absolute; top: 30px; right: 0px; background: url("/images/australia.png") no-repeat left center; line-height: 44px; padding-left: 110px; color: #fff; font-size: 28px; font-weight: bold; z-index: 10; text-align: right; }
#header #phone a { display: inline; margin-left: 12px; width: 40px; background: none; left: auto; top: auto; position: relative; padding: 0px; line-height: 37px; height: 37px; }

#homebannercontainer { height: 168px; margin: 0px 0px 15px 0px; overflow: hidden; display: block; }
#homebanner { list-style: none; padding: 0px; margin: 0px; float: left; height: 168px; }
#homebanner li { height: 168px; display: block; overflow: hidden; }

#nav { font-weight: bold; margin: 15px 0px; }
#nav ul { list-style: none; padding: 0px; margin: 0px; cursor: pointer; }
#nav li { float: left; margin-right: 1px; }
#nav a { display: block; text-decoration: none; color: #fff; font-weight: bold; background: #002466; padding: 5px 9px; }
#nav a:hover { background: #001b4d; }
#nav .selected a { background: #001b4d; }

#secnav { float: left; width: 200px; margin: 0px 20px 0px 0px; line-height: 23px; font-weight: bold; }
#secnav ul { list-style: none; margin: 0px 0px 10px 0px; padding: 0px; }
#secnav li { margin: 0px 0px 2px 0px; }
#secnav a { width: 180px; text-decoration: none; color: #fff; padding: 3px 5px; font-size: 15px; }
#secnav ul ul { list-style: none; margin: 0px 0px 10px 15px; padding: 0px; }
#secnav ul ul a { width: 165px; text-decoration: none; color: #fff; padding: 3px 5px; font-size: 13px; }
#secnav li .selected a { background: #002466; }
#secnav li .unselected a { background: none; }
#secnav .selected a { background: #002466; }

#testimonials { float: left; width: 200px; margin: 0px 20px 0px 0px; }
#testimonials .inner { position: relative; margin: 0px 0px 25px 0px; }
#testimonials .inner .pad { padding: 15px; border: 2px solid #000732; background: #fff; }
#testimonials .inner .quote { position: absolute; bottom: -17px; left: 15px; background: url("/images/testimonial-speech.gif") no-repeat top left; width: 19px; height: 19px; }
#testimonials .inner .person { text-align: right; font-style: italic; margin-top: 10px; }
#testimonials .inner .stars { line-height: 35px; background: url("/images/star.png") repeat-x bottom left; }

#content { float: left; width: 525px; margin: 0px 15px 15px 0px; padding: 0px; }
#content .inner { position: relative; margin: 0px 0px 15px 0px; }
#content .inner .pad { padding: 15px 15px 0px 15px; border: 2px solid #000732; background: #fff; }

#content .right { position: absolute; margin: 0px; padding: 0px; left: 380px; right: 2px; top: 2px; bottom: 2px; overflow: hidden; }
#content .inner .promo { padding-right: 140px; }
#content .inner .promo h2 { padding: 5px 10px; background: #000; color: #fff; } /* f03c2d */

#content #imagefadecontainer { height: 120px; margin: 0px 0px 15px 0px; overflow: hidden; display: block; }
#content #imagefadecontainer .imagefade { list-style: none; padding: 0px; margin: 0px 15px 0px 0px; float: left; height: 120px; width: 152px; }
#content #imagefadecontainer .imagefade li { height: 120px; width: 152px; display: block; overflow: hidden; }

#content h1 { font-size: 18px; color: #fff; }
#content h2 { font-size: 15px; color: #fff; }
#content h3 { font-size: 13px; color: #fff; }
#content .inner h1 { font-size: 18px; margin: 0px 0px 15px 0px; color: #000; }
#content .inner h2 { font-size: 15px; margin: 0px 0px 15px 0px; color: #000; }
#content .inner h3 { font-size: 13px; margin: 0px 0px 15px 0px; color: #000; }
#content p { line-height: 1.8em; margin: 0px 0px 15px 0px; }
#content ol, #content ul {  }
#content li { line-height: 1.8em; }
#content li a { font-weight: normal; }
#content a { color: #000; text-decoration: none; font-weight: bold; }
#content a:hover { color: #666; text-decoration: underline; }
#content input, #content textarea, #content select { font-family: "Lucida Grande", Tahoma, Arial, Helvetica, "sans-serif"; font-size: 12px; padding: 2px; }
#content label { font-weight: bold; }
#content table p { margin: 0px; padding: 0px; background: none; }
#content form { margin-bottom: 15px; }
#content form b { color: #FF0000; }

#content #products {}
#content #products a { float: left; display: block; position: relative; width: 150px; border: 1px solid #000732; background: #fff; text-decoration: none; color: #002b7c; margin-bottom: 15px; height: 215px; }
#content #products .margin { margin-right: 13px; }
#content #products a:hover { background: #fff; }
#content #products a img { display: block; border-bottom: 1px solid #000732; }
#content #products a b { position: absolute; top: 155px; left: 5px; width: 140px; height: 40px; overflow: hidden; }
#content #products a i { position: absolute; bottom: 5px; right: 5px; font-style: normal; font-size: 11px; font-weight: normal; }

#content #images { float: right; width: 150px; margin: 0px 0px 15px 15px; }

#content #gallery {}
#content #gallery h1 { clear: left; }
#content #gallery ul { list-style: none; margin: 0px; padding: 0px; }
#content #gallery li { float: left; margin: 0px 15px 15px 0px; }
#content #gallery li a { display: block; width: 125px; height: 125px; overflow: hidden; }

#content #offers {}
#content #offers .item { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dashed #ccc; }
#content #offers .item .image { float: left; margin-right: 10px; width: 75px; }
#content #offers .item .description { float: left; width: 405px; }

#content #cart { margin: 15px 0px 0px 0px; padding: 15px 0px 0px 0px; border-top: 1px dashed #ccc; }
#content #cart .item { margin: 0px 0px 15px 0px; padding: 0px 0px 15px 0px; border-bottom: 1px dashed #ccc; }
#content #cart .item h1 { margin: 0px 0px 5px 0px; }
#content #cart .item .image { float: left; }
#content #cart .item .price { float: right; font-size: 24px; color: #666; }
#content #cart .item .body { float: left; margin-left: 15px; background: #eee; padding: 5px 10px 10px 10px; }
#content #cart .item .body object { float: left; margin: 0px 10px 0px 0px; padding-left: 1px; }
#content #cart .item .body label { color: #666; }
#content #cart .item .body label small { font-weight: normal; }

#content .boxedbutton { padding: 3px 6px; border: 1px solid #999; background: #eee; color: #666; font-size: 11px; font-weight: bold; text-decoration: none; cursor: pointer; }
#content .boxedbutton:hover { border: 1px solid #000; color: #000; background: #ddd; text-decoration: underline; }
#right .boxedbutton { padding: 3px 6px; border: 1px solid #999; background: #eee; color: #666; font-size: 13px; font-weight: bold; text-decoration: none; cursor: pointer; }
#right .boxedbutton:hover { border: 1px solid #000; color: #000; background: #ddd; text-decoration: underline; }

#right { float: left; width: 200px; margin: 0px 0px 15px 0px; }
#right .inner { position: relative; margin: 0px 0px 15px 0px; }
#right .inner .pad { padding: 15px; border: 2px solid #000732; background: #fff; }
#right #quickcart .item { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #ccc; }
#right #quickcart .item a { color: #000; text-decoration: none; }
#right #quickcart .item .heading { font-weight: bold; margin-bottom: 10px; }
#right #quickcart .item .image { float: left; width: 75px; margin-right: 10px; }
#right #quickcart .item .price { margin-bottom: 10px; }
#right #quickcart .item .remove { font-size: 11px; }

#right .button { margin: 15px 0px; cursor: pointer; }
#right .button a { position: relative; display: block; background-position: top left no-repeat; height: 200px; color: #000; text-decoration: none; cursor: pointer; }
#right .button a b { position: absolute; bottom: 0px; left: 0px; right: 0px; display: block; padding: 15px; background: url("/images/button-overlay.png") no-repeat bottom left; cursor: pointer; }
#right .button a b i { display: block; font-weight: normal; margin-top: 5px; cursor: pointer; }

#nextprev { background: #eee; color: #000; text-align: center; }
#nextprev a { color: #000; }
#nextprev a:hover { color: #666; }

#footercontainer { background: #000732 url("/images/footer-background.png") repeat-x top; }
#footer { width: 960px; margin: 0px auto; text-align: left; padding: 75px 0px 25px 0px; color: #999; }
#footer a { color: #999; text-decoration: none; }
#footer a:hover { color: #999; text-decoration: none; }