/* PAGE STYLES */
html {height:100%; background: url(../images/sky-bg.jpg) top center repeat-x;}
body {position:relative; height:100%; margin:0; padding:0; line-height:; font-size:1em; font-family:"Arial", sans-serif;; color:; background: url(../images/clouds-bg.jpg) top center no-repeat;}
h1 {font-family:; font-size:; line-height:; color:;}
h2 {font-size:1.3em;}
h3 {font-family:; font-size:; line-height:; color:; padding-bottom:0; margin-bottom:0;}
a {color:#C20D1F;}
a:hover {color:;}
.clearfix {float:left; clear:both; width:100%; height:1px;}
.red {color:#C20D1F;}
.slideshow img {border:0;}
/* WRAPPER */
#wrapper {width:900px; margin:0 auto; padding:0 0 20px 0;}
/* HEADER */
#header {float:left; width:100%; min-height:130px; text-align:right;}
#header img {border:0;}
#header .logo {float:left; margin-top:10px;}
#header .telnum {font-family:"Arial Rounded", arial, sans-serif; font-weight:bold; font-size:22px; color:#0091C1; margin:9px 0 0 0;}
#header-right {float:right; margin:0; padding:0;}
#header-right ul {margin:10px 0 0 0; padding:0;}
#header-right ul li {display:inline;}
#header-right ul li a {color:#162983; font-family:"Arial Rounded", arial, sans-serif; font-size:0.8em; text-decoration:none;}
#header-right ul li a:hover {text-decoration:underline;}
#header-right .basket {float:right; width:194px; background: url(../images/basket-bg.png) center left no-repeat; font-size:12px; margin:12px 0 0 0; padding:4px; border:3px solid #FCEE21;}
#header-right p {margin:0;}
#header-right .mybaskettext {color:#95BC0F; margin-right:5px;}
#header-right .checkout {color:#162983; text-decoration:none; font-weight:bold;}
#header-right .checkout:hover {text-decoration:underline;}
/* BANNER */
#banner-wrapper {float:left; margin-top:8px; width:100%; padding-bottom:10px;}
#banner-left {float:left; width:686px; height:166px; background: url(../images/home-banner-bg.jpg) top left no-repeat;}
#banner-right {float:right; clear:none; width:206px;}
.banner-text {float:left; margin:80px 0 0 23px; color:#FFFFFF; font-size:15px;}
.banner-text a {color:#FFFFFF;}
.banner-text a:hover {text-decoration:none;}
/* NAVIGATION */
.nav {clear:both; float:left; width:100%; position:relative; z-index:1000000;}
.nav ul {float:left; margin:0; padding:0;}
.nav ul li {position:relative; float:left; display:inline;}
.nav ul li a {float:left; width:135px; background-color:#66BDDA; margin-right:3px; padding:7px 0 8px 0; color:#FFFFFF; font-family:"Arial Rounded", arial, sans-serif; font-weight:bold; font-size:18px; letter-spacing:-1px; text-align:center; text-decoration:none;}
.nav ul li a:hover {background-color:#0091C1;}
.nav ul li a.active {background-color:#0091C1;}
/* SECOND LEVEL NAVIGATION AND DROPDOWN CREATED 23-06-2011 by JF */
.nav ul ul {position:absolute; left:-999em; height:auto; width:auto !important; /*width:136px;*/ margin:0; padding:2px 0 0 0; background-color:#FFFFFF !important;}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul {left:0px; top:37px; float:left; background-color:#FFFFFF;}
.drop-cat-row {float:left; width:435px; margin:0; padding:0 0 8px 0; border:1px solid #0091C1;}
.drop-cat {float:left; width:145px; margin:0; padding:0 0 8px 0;}
.drop-cat .title {float:left; width:130px; margin:0 0 5px 0; padding:5px 5px 5px 10px; color:#FFFFFF; font-size:15px; font-weight:bold; background:#0091C1;}
.drop-cat a {display:block; float:left !important; width:130px; margin:0 !important; padding:2px 5px 3px 10px !important; text-align:left !important; font-weight:bold; letter-spacing:0; text-decoration:none; background:none !important; color:#333333 !important; letter-spacing:0 !important; font-size:12px !important; }
.drop-cat a:hover {color:#0091C1 !important;}
/* END SECOND LEVEL NAVIGATION */
.nav #searchform {float:right; clear:none; width:207px; height:36px; background: url(../images/search-box-bg.gif) top left no-repeat;}
.nav #searchfield {float:left; width:90px; height:12px; margin:10px 0 0 79px; border:0; font-size:12px;}
.nav #searchfield.blur {color:#BBBBBB;}
.nav #searchsubmit {float:right; margin:10px 15px 0 0;}
/******************************************************************************************************************************/
/* HOME OFFERS */
#home-offers {float:left;
width:100%;
clear:both;
margin:8px 0 0 4px;
padding:0;}
.noborder {
border:0 none;
}
.home-offer td {
border: 0px;
font-size: 0.75em;
font-family:"Arial", sans-serif;
}
.home-offer .even td
{
background-color: #C9E8F7;
}
.home-offer .odd td {
background-color: #89C7DC;
}
/*#category-left-container #filter td {text-align: center;}*/
#home-offers table td {text-align: center;}
.home-offer-box {float:left; clear:none; width:190px; margin:0; font-size:100%; padding:10px 12px; text-align:center; border:7px solid #C9E8F7; border-right:0; height:435px;}
.introductory-title {float:left; width:100%; clear:both; color:#CC0000; font-size:15px; font-weight:bold; text-align:center; height:10px;}
.offer-title {font-weight:bold; letter-spacing:-1px; padding-bottom:5px; color:#000000; text-decoration:none;}
.offer-title:hover {font-weight:bold; letter-spacing:-1px; padding-bottom:5px; color:#162983;}
.offer-img {clear:both; text-align:center; margin-top:10px; padding:0; border:0;}
.offer-includes {float:left; width:100px; text-align:left; margin-top:10px; color:#666666; font-size:0.7em;}
.offer-includes ul {float:left; margin:0; padding:0;}
.offer-includes ul li {display:block; background: url(../images/offer-bullet-bg.gif) center left no-repeat; padding:0 0 0 8px; font-size:0.85em;}
.offer-options {position:relative; float:right; clear:none; width:45%; height:125px; text-align:right; font-size:0.8em; margin-top:10px; color:#666666;}
.offer-options .offer-price {color:#0091C1; font-weight:bold;}
.offer-discount {color:#CC0000; font-size:14px; font-wieght:bold; float:left; width:100%; clear:both; text-align:center; height:25px; margin-top:10px;}
.offer-options-moreinfo {position:absolute; bottom:0; right:0; border:0; z-index:1000;}
.featured-image {}
/******************************************************************************************************************************/
/* NEW HOMEPAGE RANGE CTA */
#home-range-cta {float:left; width:884px; margin:12px 0 25px 0; padding:15px 0; border:10px solid #BBE1EE;}
/* CTA TOP */
#range-cta-top {float:left; width:818px; margin:0; padding:10px 30px;}
#range-cta-top .range-graphic {float:left; margin:0; padding:0;}
#range-cta-top .range-description {float:right; width:470px; margin:0; padding:0;}
#range-cta-top .tagline {float:left; width:100%; margin:5px 0 0 0; padding:0 0 15px 0; color:#000000; font-family:"Arial Rounded", arial, sans-serif; font-weight:bold; font-size:19px;}
#range-cta-top ul {float:left; width:100%; margin:0; padding:0; list-style:none; font-size:15px; font-weight:bold; color:#162983;}
#range-cta-top ul li {float:left; width:99%; margin:0; padding:5px 0 5px 1%; list-style:none;}
#range-cta-top ul li a {color:#000000;}
#range-cta-top ul li a:hover {}
#range-cta-top .browse-range-btn {float:right; margin:20px 0 0 0; padding:10px 18px; background:#0091C1; color:#FFFFFF; font-size:19px; font-weight:bold; font-family:"Arial Rounded", arial, sans-serif; text-decoration:none;}
#range-cta-top .browse-range-btn:hover {text-decoration:none; background:#31A4CA;}
/* CTA BOTTOM */
#range-cta-bottom {float:left; width:828px; margin:15px 0 0 0; padding:0 28px; font-size:12px; background: url(/images/range-section-searchby-splitter-bg.gif) top left repeat-x;}
#range-cta-bottom ul {float:left; width:16%; margin:0; padding:8px 9px 0 0; list-style:none;}
#range-cta-bottom ul li {float:left; width:100%; margin:0; padding:0;}
#range-cta-bottom ul li a {float:left; width:100%; margin:0; padding:2px 0; color:#000000; text-decoration:none;}
#range-cta-bottom ul li a:hover {text-decoration:underline;}
#range-cta-bottom ul .cta-heading {float:left; width:100%; margin:0; padding:0 0 10px 0; font-size:15px; color:#006080; font-weight:bold;}
/******************************************************************************************************************************/
/* HOME CONTENT COPY */
#home-content {float:left; clear:both; width:850px; padding:0 25px; margin:20px 0 0 0; font-size:0.8em; color:#666666;}
#home-content h1 {color:#7FA10B; font-size:1.7em; font-weight:normal; margin:0;}
#home-content p {margin:10px 0;}
/* PAGE CONTENT COPY */
#page-content {float:left; clear:both; width:100%; padding:0; margin:20px 0 0 0; font-size:0.8em; color:#666666;}
#page-content h1 {color:#7FA10B; font-size:1.7em; font-weight:normal; margin:0;}
#page-content p {margin:10px 0;}
/******************************************************************************************************************************/
/* INNER PAGES 3 COLUMN */
#innerpage-wrapper {float:left; margin-top:-8px; width:100%; min-height:400px;}
#innerpage-menu {float:left; width:138px; border-right:1px dotted #CDEAF8;}
#innerpage-menu ul {float:left; width:95%; margin:0; padding:0;}
#innerpage-menu ul li {display:block; margin:0 0 2px 0; list-style:none;}
#innerpage-menu ul li a {float:left; width:133px; color:#7FA10B; padding: 3px 5px 3px 0; font-size:1.2em; text-decoration:none;}
#innerpage-menu ul li a:hover {float:left; color:#C20D1F;}
#innerpage-menu ul li.active a {color:#C20D1F; font-weight:bold;}
#innerpage-menu ul ul li {}
#innerpage-menu ul ul li a {width:127px; padding: 2px 5px 2px 9px; font-size:0.9em; background: url(../images/menu-sub-bg.gif) top left no-repeat;}
#innerpage-menu ul ul li a:hover {float:left;}
#innerpage-left {float:left; margin:10px 0 0 15px; width:528px; padding:0;}
#innerpage-right {float:left; clear:none; width:194px; margin:0 0 0 12px; padding:0;}
/******************************************************************************************************************************/
/* CATEGORY LEFT CONTAINER */
#category-left-container {float:left; width:131px; margin:-20px 0 0 0; padding:0 0 15px 0;}
#category-left-container .showing {float:left; width:119px; margin:8px 0 0 0; padding:7px 0 7px 8px; font-size:0.8em; color:#162983; font-weight:bold; background-color:#E4F3FB;}
#category-left-container #showing {float:left; width:100%; font-size:10px; color:#555555; margin:7px 0 8x 0; padding:5px 0;}
#category-left-container #showing td {}
#category-left-container #showing .remove {text-decoration:none; font-weight:bold;}
#category-left-container .filter {float:left; width:119px; margin:0; padding:5px 0 5px 8px; font-size:0.75em; color:#162983; font-weight:normal; background-color:#DCDFED;}
#category-left-container #filter {float:left; width:100%; font-size:10px; color:#555555; margin:7px 0 8x 0; padding:5px 0;}
#category-left-container #filter td a {color:#555555; text-decoration:none;}
#category-left-container #filter td a:hover {text-decoration:underline;}
/* CATEGORY MIDDLE CONTAINER */
#category-middle-container {float:left; width:550px; margin:-12px 0 0 6px; padding:10px 0 15px 0; background-color:#C9E8F7;}
#category-middle-container h1 {float:left; width:520px; color:#000000; font-size:1.3em; font-weight:bold; margin:0 0 5px 0; padding:0 15px;}
#category-middle-container .subtitle {float:left; width:100%; margin:0; padding:0 0 5px 0;}
#category-middle-container .results-found {float:left; margin:0 0 0 14px; padding:0; color:#777777; font-size:14px;}
#category-middle-container .cat-pagination {float:right; clear:none; margin:0 14px 0 0; padding:0; color:#777777; font-size:12px; text-decoration:none;}
#category-middle-container .cat-pagination a {color:#777777; margin:0 0 0 3px; text-decoration:none;}
#category-middle-container .cat-pagination a:hover {text-decoration:underline;}
#category-middle-container .cat-pagination a.active {text-decoration:underline; font-weight:bold;}
#category-middle-container #sort-dropdown {float:right; margin-right:10px; padding:0; height:30px; clear:none;}
#category-middle-container .category-description {float:left; width:415px; margin:2px 0 0 18px; padding-bottom:10px;}
.category-table {float:left; width:99%; clear:both; height:195; border:0; margin:2px 0 0 2px;}
.category-table td {}
.category-table .first-row {height:90px;}
.category-table .first-row .img-thumb {width:127px; background-color:#FFFFFF;}
.category-table .first-row .img-thumb img {border:0; max-height:100px; height:expression(this.height > 100 ? 100: true);}
.category-table .first-row .detailbox {position:relative; float:left; width:400px; background-color:#FFFFFF; padding:13px;color:#666;}
.category-table .first-row .detailbox .title {float:left; width:100%; color:#666666; font-size:1.15em; font-weight:bold; margin:0; padding:0;}
.category-table .first-row .detailbox .title a {color:#666666; font-weight:bold; text-decoration:none;}
.category-table .first-row .detailbox .price {float:left; width:100%; color:#0091C1; font-size:0.95em; font-weight:normal; margin:0; padding:0;}
/*
.category-table .first-row .detailbox h2 {float:left; width:100%; color:#666666; font-size:1.15em; font-weight:bold; margin:0; padding:0;}
.category-table .first-row .detailbox h2 a {color:#666666; font-weight:bold; text-decoration:none;}
.category-table .first-row .detailbox h3 {float:left; width:100%; color:#0091C1; font-size:0.95em; font-weight:normal; margin:0; padding:0;}
*/
.category-table .first-row .detailbox p {float:left; width:100%; color:#666666; font-size:0.95em; margin:10px 0 10px 0; padding:0;}
.category-table .reviews {float:left; width:152px; margin-top:6px; padding:0; height:15px;}
.category-table .reviews img {float:left; margin:0; padding:0;}
.category-table .reviews-link {float:right; clear:none; margin:0 0 0 3px; padding:0; color:#162983; font-size:11px; text-decoration:underline;}
.category-table .reviews-link:hover {text-decoration:none;}
.category-prod-moreinfo {position:absolute; bottom:14px; right:12px; border:0; z-index:1000;}
.category-prod-moreinfo a {border:0;}
/* CATEGORY RIGHT CONTAINER */
#category-right-container {float:right; clear:none; margin:-12px 0 0 0; width:206px;}
/******************************************************************************************************************************/
/* PRODUCT PAGE */
#product-left-container {float:left; width:687px; margin:-8px 0 0 0; padding:10px 0 15px 0; background-color:#C9E8F7;}
#product-left-container h1 {float:left; width:657px; color:#000000; font-size:1.3em; font-weight:bold; margin:0 0 5px 0; padding:0 15px;}
#product-left-container .subtitle {float:left; width:100%;}
#product-left-container .reviews-link a {float:left; clear:none; margin:0 0 0 3px; padding:0; color:#162983; font-size:11px; text-decoration:underline;}
#product-left-container .reviews-link a:hover {text-decoration:none;}
#product-left-container .backlink a {float:right; clear:none; margin:0 14px 0 0; padding:0; color:#777777; font-size:11px; text-decoration:none;}
.average-rating {float:left; font-size:10px; padding-right:7px;}
#product-right-container {float:right; clear:none; margin:-8px 0 0 0; width:206px;}
/* PRODUCT TABLE */
#product-table {clear:both; width:100%; height:195px; border:0; margin:2px 0 0 0; padding:0;}
#product-table td {}
#product-table .first-row {height:195px;}
#product-table .first-row .img-lrg {width:232px; background-color:#FFFFFF;}
#product-table .first-row .img-lrg img {border:0; max-width:230px; width:expression(this.width > 230 ? 230: true);}
#product-table .first-row .pricebox {background:#FFFFFF url(../images/product-pricebox-bg.gif) top right no-repeat;}
#product-table .first-row .pricebox h2 {float:left; width:100%; color:#666666; font-size:1.15em; font-weight:bold; margin:0; padding:0;}
#product-table .first-row .pricebox p {float:left; width:100%; color:#666666; font-size:0.95em; margin:10px 0 10px 0; padding:0;}
#product-table .first-row .pricebox .option {position:relative; float:left; width:240px; border:1px solid #0091C1; margin:9px 0 0 0; padding:1px 0 1px 5px;}
#product-table .first-row .pricebox .option p {float:left; width:150px; font-size:1.15em; font-weight:bold; margin:0; padding:1px 0;}
#product-table .first-row .pricebox .option .option-price {font-weight:normal; margin:0 0 0 10px; color:#0091C1;}
#product-table .first-row .pricebox .option form {position:absolute; top:0; right:0; border:0; float:right; clear:none;}
/* SPECIFICATION TABLE */
#specification-title {float:left; clear:left; width:230px; border:0; margin:20px 0 0 16px; background-color:#64BCDC; color:#FFFFFF; padding:8px 5px; font-size:1.15em; font-weight:bold;}
#specification-table {float:left; clear:left; width:244px; border:0; margin:0 0 0 14px; text-align:center;}
#specification-table td.options {font-size:0.95em; font-weight:bold; background-color:#AECCE6; color:#FFFFFF;}
#specification-table td.data {font-size:0.85em; background-color:#FFFFFF; color:#000000;}
/* PRODUCT DESCRIPTION */
#product-description {float:right; clear:both; width:383px; min-height:340px; background-color:#FFFFFF; margin:0 4px 0 0; padding:15px;}
#product-description h2 {float:left; width:100%; color:#666666; font-size:1.15em; font-weight:bold; margin:0; padding:0;}
#product-description p {float:left; width:100%; color:#666666; font-size:0.95em; margin:6px 0 4px 0; padding:0;}
#product-description img {max-width:375px; width: expression(this.width > 375 ? 375: true);}
/* PRODUCT REVIEWS */
#product-reviews {float:right; width:383px; clear:both; background-color:#0091C1; margin:8px 4px 0 0; padding:15px;}
#product-reviews h2 {float:left; width:100%; color:#FFFFFF; font-size:1.15em; font-weight:bold; margin:0; padding:0;}
#product-reviews p {float:left; width:100% !important; color:#FFFFFF; font-size:0.95em; margin:6px 0 4px 0; padding:0;}
#product-reviews img {float:right; margin:0 0 50px 25px;}
#product-reviews .review {float:left; width:100%; padding:5px 0 12px 0; border-bottom:1px solid #FFFFFF;}
.prod-bottom-reviews-link a {float:left; width:100%; text-align:right; clear:both; margin:10px 10px 0 0; padding:0; color:#FFFFFF; font-size:11px; text-decoration:underline;}
.prod-bottom-reviews-link a:hover {text-decoration:none;}
/* PRODUCT THUMBNAILS */
#product-thumbs {float:left; clear:none; width:262px; margin:0 0 0 4px; text-align:center;}
#product-thumbs img {border:0; margin:0;}
#product-thumbs .thumblink {float:left; margin:9px 0 0 3px; clear:none; color:#777777; font-size:11px; text-decoration:none;}
/******************************************************************************************************************************/
/* FOOTER */
#footer {float:left; clear:both; width:100%; height:200px !important; background: #7FA10B url(../images/footer-bg.gif) top center no-repeat;}
#footer-inner {position:relative; margin:0 auto; width:900px; padding:0 0 10px 0;}
#footer ul {float:left; width:105px; margin:35px 0 0 0; padding:0;}
#footer ul li {float:left; width:100%; display:block;}
#footer ul li a {font-size:0.7em; width:100%; text-decoration:none; color:#FFFFFF; padding:0; margin:0;}
#footer ul li a:hover {text-decoration:underline;}
#footer h3 {color: white; font-size:0.9em; font-weight:normal; margin:0;}
#footer ul#last-list {width:170px;}
#footer .c-cards {float:right; margin:55px 0px 0 0;}
#footer .c-cards img {border:0; margin-left:8px;}
#footer .bottom {float:left; clear:both; margin-top:15px; width:100%;}
#footer .copyright {float:left; font-size:0.7em; color:#FFFFFF;}
#footer .siteby {float:right; text-align:right; margin:0px;}
#footer .siteby a {font-size:0.7em; color:#FFFFFF; text-decoration:none;}
#footer .siteby a:hover {text-decoration:underline;}
/******************************************************************************************************************************/
form.cmxform fieldset {
margin-bottom: 10px;
padding: 10px 0px 10px 0px;
border: none;
border-top: 1px solid #C9DCA6;
}
form.cmxform legend {
padding: 0 5px;
font-weight: bold;
padding-left: 0;
}
form.cmxform label {
display: -moz-inline-box;
line-height: 1.8;
vertical-align: top;
}
form.cmxform fieldset ol {
margin: 0;
padding: 0;
}
form.cmxform fieldset li {
list-style: none;
padding: 5px;
margin: 0;
}
form.cmxform fieldset fieldset {
border: none;
margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
padding: 0 0 5px;
font-weight: normal;
}
form.cmxform fieldset fieldset label {
display: block;
width: auto;
}
form.cmxform em {
font-weight: bold;
font-style: normal;
color: #f00;
}
form.cmxform label {
width: 10em; /* Width of labels */
}
form.cmxform fieldset fieldset label {
margin-left: 0em;
}
/* ADDED SPECIFICATIONS STYLES */
.specs-title {padding:0 0 10px 0; margin:0; font-weight:bold; font-size:130%; color:#666666;}
#specs {float:left; margin:0; padding:0; border:2px solid #E9F5FC;}
#specs table {float:left; border:0; width:100%; background-color:#F3FAFE; margin:0; padding:0;}
#specs table tr.1 {border:1px solid #E8F4F9 !important;}
#specs table td {margin:0; padding:2px 2px 2px 4px; border:1px solid #CCCCCC; font-size:14px;}
/******************************************************************/
#category-middle-container {float:left; width:550px; margin:-12px 0 0 6px; padding:10px 0 15px 0; background-color:#C9E8F7;}
#category-middle-container h1 {float:left; width:520px; color:#000000; font-size:1.3em; font-weight:bold; margin:0 0 5px 0; padding:0 15px;}
#category-middle-container .subtitle {float:left; width:100%; margin:0; padding:0 0 5px 0;}
#category-middle-container .results-found {float:left; margin:0 0 0 14px; padding:0; color:#777777; font-size:14px;}
#category-middle-container .cat-pagination {float:right; clear:none; margin:0 14px 0 0; padding:0; color:#777777; font-size:12px; text-decoration:none;}
#category-middle-container .cat-pagination a {color:#777777; margin:0 0 0 3px; text-decoration:none;}
#category-middle-container .cat-pagination a:hover {text-decoration:underline;}
#category-middle-container .cat-pagination a.active {text-decoration:underline; font-weight:bold;}
#warranty-form .input
{
width: 200px;
}
#warranty-form dt
{
width: 150px;
float: left;
margin-top: 5px;
}
.form-error
{
color: red;
}
#warranty-form dd
{
margin-left: 150px;
margin-top: 5px;
}