/* --------- */
/*  CONTENT  */
/* --------- */

* { font-family: Arial; font-size: 12px; margin: 0; padding: 0; }
body, html { width: 100%; color: #000000; background: #FFFFFF; }

div.container { width: 900px; margin: 10px auto; }
div.logo { float: left; }

div.top-links { line-height: 70px; float: right; }
div.top-links ul { list-style: none; }
div.top-links ul li { display: inline; padding-right: 15px; }
div.top-links ul li a { color: #336699; text-decoration: none; }
div.top-links ul li a:hover { color: #666666; text-decoration: underline; }

div.search { width: 880px; height: 40px; color: #FFFFFF; background: url('images/search.jpg'); font-weight: bold; margin: 10px 0; padding: 0 10px; }
div.search form label { float: left; margin: 12px 10px 0 0; }
div.search form select, input.field { width: 215px; background: #FFFFFF; float: left; margin: 9px 10px 0 0; padding: 1px; }
div.search form input.field { padding: 1px; }
div.search form input.button { text-transform:uppercase; width: 50px; height: 23px; color: #FFFFFF; background: url('images/search-go.jpg'); font-weight: bold; line-height: 23px; float: left; border: 0; margin: 8px 0 0 1px; cursor: pointer; }
div.search form fieldset { border: 0; }

div.side { width: 180px; float: left; margin: 0 10px 10px 0; }
div.side img { display: block; }
div.side div.menu { width: 100%; margin-bottom: 10px; }
div.side div.menu div.title { width: 175px; color: #FFFFFF; font-size: 14px; font-weight: bold; line-height: 25px; background: url('images/menu-heading.jpg'); padding-left: 5px; }
div.side div.menu div.heading { background: #DDDDDD; font-weight: bold; padding: 5px; }
div.side div.menu div.links { border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
div.side div.menu div.links ul { list-style: none; border-top: 1px dotted #CCCCCC; }
div.side div.menu div.links ul li { background: url('images/menu-icon.jpg') no-repeat #FFFFFF; border-bottom: 1px dotted #CCCCCC; padding: 0 5px; padding-left: 15px; }
div.side div.menu div.links ul li.active { background: url('images/menu-icon-active.jpg') no-repeat #FFFFCC; font-weight: bold; border: 0; }
div.side div.menu div.links ul.indent { background: #FFFFCC; border: 0; }
div.side div.menu div.links ul.indent li { background: url('images/menu-icon-active.jpg') no-repeat #FFFFCC; border: 0; margin-left: 10px; }
div.side div.menu div.links ul li a { width: 100%; color: #333333; text-decoration: none; line-height: 20px; }
div.side div.menu div.links ul li a:hover { text-decoration: underline; }
div.side div.menu div.bottom { width: 100%; height: 5px; background: url('images/menu-lower-edge.jpg') no-repeat; font-size: 0; }
* html body div.side div.menu div.links ul { border-top: 1px solid #CCCCCC; }
* html body div.side div.menu div.links ul li { border-bottom: 1px solid #CCCCCC; }

div.side div.box { width: 180px; margin-bottom: 10px; }
div.side div.box div.content { width: 168px; color: #000000; background: #FFFFFF; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 0 5px; }
div.side div.box div.top { width: 100%; height: 5px; background: url('images/menu-upper-edge.jpg') no-repeat; font-size: 0; }
div.side div.box div.bottom { width: 100%; height: 5px; background: url('images/menu-lower-edge.jpg') no-repeat; font-size: 0; }

div.main { width: 710px; float: right; }
div.main h2 { font-size: 14px; margin-bottom: 15px; }
div.main h3 { font-size: 12px; margin-bottom: 15px; }
div.main a { color: #336699; text-decoration: none; }
div.main a:hover { color: #666666; text-decoration: underline; }
div.main a img { border: 0; }
div.main a img:hover { text-decoration: none; }
div.main ol { list-style-type: upper-alpha; margin-left: 35px; }
div.main ul { margin-left: 35px; }
div.main a.button-link-large { width: 125px; height: 30px; color: #FFFFFF !important; background: url('images/submit-long.jpg'); font-weight: bold; text-align: center; line-height: 30px; display: inline-block; }
div.main a.button-link-large:hover { text-decoration: none !important; cursor: default; }
div.main a.button-link-small { width: 75px; height: 23px; color: #FFFFFF !important; background: url('images/submit-small.jpg'); font-weight: bold; text-align: center; line-height: 23px; display: inline-block; }
div.main a.button-link-small:hover { text-decoration: none !important; cursor: default; }
div.main span.price { color: #990000; font-size: 14px; font-weight: bold; }

div.main div.account-status { width: 688px; background: #FFFFCC; border: 1px dotted #DDDDDD; font-weight: bold; text-align: center; margin-bottom: 10px; padding: 10px; }

div.main div.breadcrumbs { margin-bottom: 10px; }
div.main div.breadcrumbs a { color: #336699; text-decoration: none; }
div.main div.breadcrumbs a:hover { color: #666666; text-decoration: underline; }

div.main div.wizard { width: 100%; margin-bottom: 10px; }
div.main div.wizard div.progress { margin-left: 66px; }
div.main div.wizard div.progress div.step { width: 32px; height: 32px; float: left; }
div.main div.wizard div.progress div.arrow { width: 150px; height: 32px; float: left; }
div.main div.wizard ul { list-style: none; margin: 10px 0 0 0; }
div.main div.wizard ul li { float: left; }
div.main div.wizard ul li.step1 { width: 120px; text-align: center; margin-left: 22px; }
div.main div.wizard ul li.step2 { width: 120px; text-align: center; margin-left: 62px; }
div.main div.wizard ul li.step3 { width: 120px; text-align: center; margin-left: 62px; }
div.main div.wizard ul li.step4 { width: 120px; text-align: center; margin-left: 62px; }
* html body div.main div.wizard ul li.step1 { margin-left: 12px; }
div.main div.wizard ul li.active { font-weight: bold; }

div.main div.summary { float: left; }
div.main div.summary img { display: block; margin-right: 10px; }

div.main div.ads { width: 100%; margin-bottom: 10px; }
div.main div.ads img.big-ad { border: 0; display: block; margin-bottom: 10px; }
div.main div.ads img.small-ads { border: 0; float: left; margin-right: 10px; }

div.main div.box { width: 710px; }
div.main div.box h1 { font-size: 14px; font-weight: bold; float: left; }
div.main div.box div.heading { width: 700px; color: #FFFFFF; line-height: 25px; background: url('images/heading.jpg'); padding: 0 5px; }
div.main div.box div.content { width: 678px; color: #000000; background: #FFFFFF; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 15px 15px 10px 15px; }
div.main div.box div.top { width: 100%; height: 5px; background: url('images/box-upper-edge.jpg') no-repeat; font-size: 0; }
div.main div.box div.bottom { width: 100%; height: 5px; background: url('images/box-lower-edge.jpg') no-repeat; font-size: 0; margin-bottom: 10px; }

div.main div.paging-top { float: right; }
div.main div.paging-top ul { list-style: none; }
div.main div.paging-top ul li { display: inline; margin-left: 5px; }
div.main div.paging-top a { color: #FFFFFF; }
div.main div.paging-top span.active { color: #CCCCCC; font-weight: bold; }

div.main div.paging-bottom { width: 700px; color: #FFFFFF; line-height: 25px; background: url('images/heading.jpg'); text-align: right; margin-bottom: 10px; padding: 0 5px; }
div.main div.paging-bottom ul { list-style: none; }
div.main div.paging-bottom ul li { display: inline; margin-left: 5px; }
div.main div.paging-bottom a { color: #FFFFFF; }
div.main div.paging-bottom span.active { color: #CCCCCC; font-weight: bold; }
div.main div.paging-bottom span.left { float: left; }

div.main div.info img { float: left; margin-right: 15px; }

div.main div.summary { float: left; }
div.main div.three-columns { width: 226px; float: left; }

div.main div.category { width: 225px; text-align: center; float: left; margin-bottom: 25px; }
div.main div.category a.view { height: 35px; display: block; margin-top: 15px; }
div.main div.category h3 { height: 37px; margin-bottom: 5px; }
div.main div.category h3 a { color: #336699; font-size: 14px; display: inline; }
div.main div.category img { display: inline-block; margin: 5px 0; }
div.main div.category hr { width: 75%; height: 1px; border: 0; border-top: 1px dotted #CCCCCC; margin: 20px auto 0 auto; }
div.main div.category hr.subcategory { margin: 30px auto 0 auto; }

div.main div.category-thumbnails { width: 225px; height: 120px; display: block; margin: 0 auto; }
div.main div.category-thumbnails img { display: block; margin: 0 auto; }
div.main div.category-thumbnails div { width: 50px; text-align: center; float: left; margin: 0 10px 10px 10px;}

* html body div.main div.category-thumbnails div { margin: 0 9px 5px 9px !important; }

div.main div.login-left { border-right: 1px dotted #CCCCCC; float: left; padding-right: 15px; }
div.main div.login-right { float: left; padding-left: 15px; }

div.main div.image { width: 350px; text-align: center; float: left; margin-right: 10px; }
div.main div.image img.large { display: block; }
div.main div.image img.thumbnail { display: inline; }

div.main div.details { width: 318px; float: left; }

div.footer { width: 878px; background: url('images/footer.jpg') no-repeat; line-height: 40px; padding: 0 11px; }
div.footer ul { list-style: none; }
div.footer ul li { display: inline; padding-right: 15px; }
div.footer ul li a { color: #FFFFFF; text-decoration: none; }
div.footer ul li a:hover { text-decoration: underline; }

div.copyright { width: 900px; text-align: right; margin: 10px auto; }
div.copyright ul { list-style: none; }
div.copyright ul li { display: inline; margin-left: 10px; }
div.copyright a{color:#ffffff;}

div.clear { height: 0; font-size: 0; clear: both; overflow: hidden; }

.no-right-border { border-right: 0 !important; }
.no-bottom-border { border-bottom: 0 !important; }
.no-right-margin { margin-right: 0 !important; }
.no-bottom-margin { margin-bottom: 0 !important; }
.no-right-padding { padding-right: 0 !important; }

/* --------- */
/*  SLIMBOX  */
/* --------- */

#lbOverlay { left: 0; top: 0; width: 100%; height: 100%; background: #000000; cursor: pointer; position: fixed; z-index: 9999; }
#lbCenter, #lbBottomContainer { background: #FFFFFF; position: absolute; z-index: 9999; overflow: hidden; }
.lbLoading { background: #FFFFFF url('images/lightbox/loading.gif') no-repeat center; }
#lbImage { left: 0; top: 0; background-repeat: no-repeat; border: 5px solid #FFFFFF; position: absolute; }
#lbPrevLink, #lbNextLink { top: 0; width: 50%; outline: none; display: block; position: absolute; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url('images/lightbox/prevlabel.gif') no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url('images/lightbox/nextlabel.gif') no-repeat 100% 15%; }
#lbBottom { color: #000000; font-family: Arial; font-size: 10px; text-align: left; line-height: 1.4em; border: 10px solid #FFFFFF; border-top: 0; }
#lbCloseLink { width: 20px; height: 20px; background: transparent url('images/lightbox/close.jpg') no-repeat center; outline: none; display: block; float: right; margin: 5px 0; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }

/* -------- */
/*  TABLES  */
/* -------- */

table { border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; }
table.full { width: 100%; }
table thead tr td { background: #DDDDDD; font-weight: bold; }
table tbody tr td { background: #FFFFCC; }
table tbody tr.alt td { background: #EEEEEE; }
table tr td { text-align: center; vertical-align: top; line-height: 20px;  border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; padding: 5px; }
table tr td.left { text-align: left; }
table tr td.right { text-align: right; }
table tr td.price { color: #990000; font-weight: bold; text-align: right; }
table tr td.no-bg { background: transparent; }
table tr td.remove { width: 80px; background: transparent; text-align: right; padding: 5px 0; }
table tfoot tr td { border: 0; }
table tfoot tr td.total { background: #DDDDDD; font-size: 14px; }

/* ------- */
/*  FORMS  */
/* ------- */

div.main form input.small-button, table input.small-button { width: 75px; height: 23px; color: #FFFFFF; background: url('images/submit-small.jpg'); font-weight: bold; line-height: 23px; border: 0; cursor: pointer;  }
div.main form input.field, input.input-validation-error, textarea, select { background: #EEEEEE; padding: 2px; border: 1px inset #CCCCCC; float: none; margin: 0; }
div.main form input.button { width: 125px; height: 30px; color: #FFFFFF; background: url('images/submit-long.jpg'); font-weight: bold; border: 0; line-height: 30px; margin-top: 15px; cursor: pointer;  }
div.main form div.success { width: 656px; background: #CCFFCC; border: 1px solid #009900; margin-bottom: 15px; padding: 10px; }
div.main form div.fail { width: 656px; background: #FF9999; border: 1px solid #FF0000; margin-bottom: 15px; padding: 10px; }
div.main form fieldset { border: 1px solid #CCCCCC; padding: 0 10px 10px 10px; }
div.main form fieldset legend { font-size: 14px; font-weight: bold; margin-bottom: 10px; }
div.main form input.delete { width: 75px; height: 20px; background: url('images/delete.jpg') transparent no-repeat; font-size: 11px; font-weight: bold; text-align: right; line-height: 20px; border: 0; cursor: pointer;  }
div.main form input.delete-alt { width: 75px; height: 20px; background: url('images/delete-alt.jpg') transparent no-repeat; font-size: 11px; font-weight: bold; text-align: right; line-height: 20px; border: 0; cursor: pointer;  }

div.main span.required { color: #FF0000; font-family: Courier New; font-size: 16px; font-weight: bold; }

form div.checkbox { margin-bottom: 10px; }
form div.checkbox input { width: 15px; height: 15px; float: left; }
form div.checkbox label { width: auto !important; float: left; display: inline; padding-left: 3px; }

form.contact { width: 500px; }
form.contact fieldset { margin-bottom: 15px; }
form.contact fieldset div { float: left; margin: 0 10px 10px 0; }
form.contact label { width: 100px; display: inline-block; }
form.contact input.field, input.input-validation-error { width: 275px; }
form.contact textarea { width: 275px; }
form.contact span.validation-summary-errors { color: #FF0000; margin: 10px 0 0 15px; }
form.contact span.field-validation-error { color: #FF0000; display: block; margin: 2px 0 0 113px; }

form.register { width: 329px; }
form.register fieldset { margin-bottom: 15px; }
form.register div { display: block; margin-bottom: 5px; }
form.register label { width: 110px; display: inline-block; }
form.register input.field, input.input-validation-error { width: 175px; }
form.register span.field-validation-error { color: #FF0000; display: block; margin: 2px 0 0 113px; }
form.register div.checkbox { margin: 10px 0 0 0 !important; }

form.login { width: 317px; }
form.login fieldset { margin-bottom: 15px; }
form.login div { display: block; margin-bottom: 5px; }
form.login label { width: 90px !important; display: inline-block; }
form.login label.remember { width: auto !important; }
form.login input.field, input.input-validation-error { width: 196px; }
form.login span.login-error { color: #FF0000; display: block; margin-bottom: 15px; }

form.reminder label { width: 90px; display: inline-block; }
form.reminder input.input-validation-error { width: 250px; }
form.reminder span.field-validation-error { color: #FF0000; display: block; margin-bottom: 15px; }

form.update-details { width: 329px; }
form.update-details fieldset { margin-bottom: 15px; }
form.update-details div { display: block; margin-bottom: 5px; }
form.update-details label { width: 110px; display: inline-block; }
form.update-details input.field, input.input-validation-error { width: 175px; }
form.update-details span.field-validation-error { color: #FF0000; display: block; margin: 2px 0 0 112px; }

form.select-colours div { margin-bottom: 5px; }
form.select-colours label { width: 60px; display: inline-block; }
form.select-colours input.button { margin-top: 0 !important; }

.error{color:#ff0000;margin-left:10px;font-weight:bold;}

/* --------------- */
/*  CUSTOMISATION  */
/* --------------- */

* { font-family: Arial; }
body, html { color: #FFFFFF; background: #666666; }
div.header { width: 100%; background: #333333; border-bottom: 1px solid #999999; padding: 10px 0 0 0; }
div.header div.inner { width: 900px; margin: 0 auto; }
div.top-links ul li a { color: #CCCCCC; text-decoration: none; }
div.top-links ul li a:hover { color: #FFFFFF; text-decoration: underline; }
div.contact { color: #FFFFFF; font-size: 14px; font-weight: bold; font-style: italic; text-transform: uppercase; float: right; clear: right; }
div.search { color: #FFFFFF; }
div.search form input.button { color: #FFFFFF; }
div.side div.menu h1 { color: #FFFFFF; }
div.side div.menu div.heading { background: #666666; }
div.side div.menu div.links { border-left: 1px solid #000000; border-right: 1px solid #000000; }
div.side div.menu div.links ul { border-top: 1px dotted #555555; }
div.side div.menu div.links ul li { background-color: #333333; border-bottom: 1px dotted #555555; }
div.side div.menu div.links ul li.active { background-color: #CCCCCC; }
div.side div.menu div.links ul li.active a { color: #000000; }

div.side div.menu div.links ul.indent { background-color: #CCCCCC; }
div.side div.menu div.links ul.indent li { background-color: #CCCCCC; }
div.side div.menu div.links ul.indent li a { color: #000000; }



div.side div.menu div.links ul li a { color: #FFFFFF; text-decoration: none; }
div.side div.menu div.links ul li a:hover { text-decoration: underline; }
* html body div.side div.menu div.links ul { border-top: 1px solid #999999; }
* html body div.side div.menu div.links ul li { border-bottom: 1px solid #999999; }
div.side div.box div.content { background: #999999; border-left: 1px solid #000000; border-right: 1px solid #000000; }
div.main a { color: #38BAD4 !important; text-decoration: none; }
div.main a:hover { color: #666666; text-decoration: underline; }
div.main a.button-link-large { color: #000000 !important; }
div.main a.button-link-small { color: #000000 !important; }
div.main div.account-status { color: #000000; background: #FFFFCC; border: 1px dotted #333333; }
div.main div.breadcrumbs a { color: #ACCA57 !important; text-decoration: none; }
div.main div.breadcrumbs a:hover { color: #666666; text-decoration: underline; }
div.main div.box div.heading { color: #FFFFFF; }
div.main div.box div.content { border-left: 1px solid #000000; border-right: 1px solid #000000; }
div.main div.paging-top a { color: #FFFFFF; }
div.main div.paging-top span.active { color: #CCCCCC; }
div.main div.paging-bottom { color: #FFFFFF; background: url('images/paging.jpg'); }
div.main div.paging-bottom a { color: #FFFFFF; }
div.main div.paging-bottom span.active { color: #CCCCCC; }
div.main div.category h3 a { color: #336699; }
div.footer ul li a { color: #FFFFFF; text-decoration: none; }
div.footer ul li a:hover { text-decoration: underline; }
table { border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; }
table thead tr td { color: #FFFFFF; background: #666666; }
table tbody tr td { background: #999999; }
table tbody tr.alt td { background: #CCCCCC; }
table tr td { border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }
table tfoot tr td.total { background: #DDDDDD; }
div.main form input.small-button, table input.small-button { color: #000000; }
div.main form input.button { color: #000000; }

.instructions{width:400px;height:100px;}
.call-now{width:265px;height:55px;margin-top:10px;background-image:url(images/call-now.jpg); background-repeat:no-repeat;}
.call-now div{padding:33px 25px 25px 10px;font-size:1.50em;color:#222222;}