﻿/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/*end reset*/

body{font-family:Verdana, Arial, Helvetica, sans-serif;color:#999999;font-size:12px;}
/*width is same as containing iframe*/
.content{width:530px;position:relative;background:url(/images/bkground.jpg) no-repeat;float:left;}
/*need this for some pages due to iframe constraints*/
#no-padding{padding-left:0;}
.page-content{float:left;width:100%;}
.page-content img{margin-top:10px;}
a.web-link{color:#60b2e2;}
a{color:#999999;}
h1{font-size:18px;color:#121b60;font-weight:bold;margin-bottom:10px;}
h2{font-size:16px;color:#121b60;font-weight:bold;}
.form-divider{margin:40px 0 0 0;border-top:solid 1px #999999;width:100%;padding:20px 0 20px 0;}
.no-line{border-top:none;margin-top:0!important;padding-top:0!important;}
ul{margin:10px 0 10px 0;padding:0;}
ul.breadcrumb{list-style-type:none;margin-bottom:55px;margin-left:115px;float:right;margin-top:0;}
ul.no-left-margin{margin-left:0;}
ul.breadcrumb li{display:inline;width:30px;color:Gray;padding:5px 30px 2px 10px;}
ul.breadcrumb li a{text-decoration:none;}
ul.breadcrumb li a:hover{text-decoration:underline;}
ul.breadcrumb li.selected{background:#121b60;color:white;}
ul.breadcrumb li.last{padding-right:5px!important;}
ul.form{list-style-type:none;}
li.mandatory{font-weight:bold;}
.label-container{position:relative;float:left;clear:both;}
.label-container p{float:left; clear:both;margin-top:5px;}
label.new-line,select.new-line{display:block;float:left;}
table label{font-weight:normal!important;}

/* @error page*/
#errorPage .page-content,.page-content{margin-top:100px;}
/* @gurantee page*/
.guarantee{width:100%!important;}
.products-to-guarantee{width:500px;position:relative;margin-top:15px;}
.products-to-guarantee div{float:left;width:115px;margin:0 15px 0 0;}
.products-to-guarantee div.row{clear:both;width:530px;margin:10px 0 0 0;}
.products-to-guarantee div.delete-button-header,.products-to-guarantee div.delete-button{width:50px;}
.products-to-guarantee div.product-type,.products-to-guarantee div.product-picker-header{width:100px;}
.products-to-guarantee div.product-type-header{margin-right:0;}
.products-to-guarantee div.quantity-header,.products-to-guarantee div.quantity{width:50px;}
.products-to-guarantee div.validation{width:140px;}
.products-to-guarantee div.validation{float:right;}
.header{clear:both;}
.error{color:red;}

.form {width:85%;}	
li {list-style: none;clear: both;margin-bottom:10px;}
li label{width: 129px;  font-size: 12px;padding-top: 5px;}

input.button{position:relative;margin-right:20px;}
.optInOutBox{position:relative;padding:0 0 40px 0;}
.optInOutBox  ul {list-style-type:none;}
.optInOutBox label{width:490px;float:left;}
.optInOutBox input{width:auto;height:auto;float:right;}


/* @handles issues in safari and ie with checkboxes */
input{float:left;border:1px solid #999999;}

label{float:left;padding-top:3px;font-size:12px;}
ul li input{margin-left:0;}

input {float: left; width: 235px;font-size: 12px;margin-bottom: 3px;}
label.newLine{display:block;float:none;}
label.signUpTeaser{width:100px;font-weight:bold;float:none;}
div.subscribeForm{float:left;width:530px;border-bottom:1px solid #999999;margin-top:10px;padding-bottom:10px;}
.blue-background{background:#121b60 repeat;padding-bottom:0!important;}
.blue-background p{color:#fff;padding:5px;}
div.subscribeForm label.label-email{color:#fff;display:block;margin-left:10px;float:none;width:100px;}
div.subscribeForm input{margin-left:10px;}
div.subscribeButtonContainer{width:90%;}
.subscribeButtonContainer h2{margin-bottom:10px;}
input.subscribeButton{height: auto;width:auto;}
.subscribeButtonContainer,.subscribeForm{clear:both;}
.brochure-selector-container{float:left;clear:both;margin-top:10px;width:100%;margin-bottom:5px;border-bottom:1px solid #999999;}
.brochure-selector-container p{width:430px;float:left;}
.brochure-selector-container input.submitButton{float:right;margin-left:0;}
textarea {float: left; margin-top: 3px; width: 404px;margin-left: 0;font-size: 12px;height: 175px;margin-bottom: 3px;}

input.commandButton,.commandButton input {height: auto;width:auto;}
.subscribeForm .commandButton input{float:right!important;margin:5px 330px 0 0;border:none;}
select{float:left;border:1px solid #99999;}
table tr td input{float:left;width:auto;height:auto;border:none;}

table tr td label{float:right;padding-top:3px;width:55px;}
li#overseas-country select{margin:0 0 5px 130px;}
.clear{clear:both;}

/*@ brochure page*/
.brochure-image-container{float:left;width:530px;}
.brochure-selector{margin:20px 0 10px 0; clear:both;float:left;border-bottom:1px solid #999999;width:530px;padding-bottom:20px;}
.brochure-selector label{width:300px!important;}
.brochure-selector table{float:left;}
.button-container{float:right;margin:10px 0 10px 0;}
.button-container input,.submitButton{width:auto;height:auto;}
.subscribeForm ul.form{width:100%;}
.subscribeForm ul.form li{padding-bottom:20px;}
.subscribeForm ul li#publication,.subscribeForm ul li#whereDidYouHear{padding-bottom:0!important;}
.subscribeForm ul.form li label{width:338px;margin-right:17px;}
ul.confirmation-boxes{margin-top:10px;float:left;}
ul.confirmation-boxes li{border-bottom:solid 1px #999999;float:left;padding-bottom:10px;width:530px;}
#whereDidYouHear label,#alreadyPurchased label,#publication label{width:258px;padding-bottom:5px;}
#publication label{width:150px!important;}
/* @confirmation page*/
.items-stocked{width:530px;clear:both;margin-top:20px;border-bottom:solid 1px #999999;padding-bottom:10px;}
.items-stocked select{float:none;width:350px;margin:10px 0 10px 0;}

/* @locate stockist page*/
.eire-map-page{margin:20px 0 0 0;}
.eire-dealers{float:left;margin-bottom:20px;width:500px;}
.eire-dealers p.fn.org{font-weight:bold;color:#121b60;}
.eire-dealers p.open-hours{font-weight:bold;margin:5px 0 3px 0;}
.locate-stockist-button{width:auto;height:auto;clear:both;}

/* @locate dealer form */
.locate-form-container-uk{position:relative;width:530px;float:left;margin-top:10px;}
.search-form,.eire{float:left;width:310px;}
.search-form p,.eire p{color:#121b60;font-size:14px;}
.uk-map,.ireland-map{float:right;width:220px;}
.ireland-map{margin-bottom:10px;}
p.heading{color:#999999;font-weight:bold;}
p.blue-heading{color:#121b60;margin:20px 0 20px 0;}
a.eire-button{display:block;width:80px; height:20px; background:url(/images/ViewList.png) no-repeat;text-indent:-9999em;margin:5px 0 0 0;}

/* @social networking links*/
.social-networking{float:left;clear:both;position:relative;width:100%;margin:40px 0 10px 0;}
.social-networking a{text-decoration:none;margin-right:10px;}
.social-networking a img{margin-right:10px;}

/*retailer maps*/
.stockist-map{float:left;border-bottom:1px solid #999999;width:530px;margin-top:10px;}
.stockist-map h2{margin:5px 0 5px 0;}
.nearest-dealer{margin-bottom:10px;}
#map{float:left;}
.additional-info{float:left;clear:both;margin:20px 0 20px 0;width:400px;}
.retailerImage{width:200px;float:left;}
.uk-dealer{float:right;margin-right:40px;}
span.retailer-name,p.opening-hours,p.map-click-teaser{font-weight:bold;color:#121b60;}
p.map-click-teaser{margin-top:10px;}
.details-container{float:right;width:200px;margin-left:10px;}
.stockist-table {margin-top:10px;}

.vcard{float:left;margin-right:35px;margin-top:15px;position:relative;width:160px;}

ul.confirmation-boxes li label{width:490px;}
ul.confirmation-boxes li input{float:right;width:auto;height:auto;border:none;}
.vcard .geo, .vcard span.type, .vcard span.value {display:none;}

.subscribe-validation-container{float:left;clear:both;margin-left:10px;width:500px;}


/* @register guarantee*/
#postCode input{width:70px;}
label.no-width{width:0;}
.cart-container{}
.product-type-selector{float:left;clear:both;margin:10px 0 10px 0;width:400px;}

/* @guarantee confirmation page*/
.tips{float:left;width:500px;margin-top:20px;}
p.tip-no{color:#121b60;}
.tipBox{float:left;padding:5px;height:210px;}
.tipBox{margin-right:10px;}
.productBox{float:right;padding:0;}
.tipBox,.productBox{width:220px;border:solid 2px #121b60;}
/* @slider gallery on guarentee page*/
.accessories{margin:20px 0 0 0;border-top:solid 1px #999999;clear:both;padding-top:20px;float:left;}

.sliderGallery {overflow: hidden;position: relative;padding:10px 0 10px 10px;height: 160px;width: 520px;}

.sliderGallery ul {
    position: absolute;
    list-style: none;
    overflow: none;
    white-space: nowrap;
    padding: 0;
    margin: 0;
}

.sliderGallery ul li{
   display: inline;
   position:relative;
   clear:none;
   width:120px;
   height:100px;
   margin-right:80px;
}

.sliderGallery ul li img
{
    margin-left:20px;
}

.sliderGallery ul li span
{
    position:absolute;
    width:120px;
    left:0;
    top:14px;
}

.slider {
    width: 510px;
    height: 17px;
    margin-top: 140px;
    
    padding: 1px;
    position: relative;
    background: url(/images/productbrowser_scrollbar_20070622.png) no-repeat;
}

.ui-slider-handle {
   position: absolute;
    cursor: move;
    height: 17px;
    width: 181px;
    top: 0;
    background: url(/images/productbrowser_scroller_20080115.png) no-repeat;
    z-index: 100;
}

.slider span {
    color: #bbb;
    font-size: 80%;
    cursor: pointer;
    position: absolute;
    z-index: 110;
    top: 3px;
}

/* locate stockist */
body.locate-stockist div.search-form ul li { margin-bottom: 10px; }
body.locate-stockist div.search-form ul li.last { margin-bottom: 0; }
body.locate-stockist div.search-form ul li label { width: 100%; }
body.locate-stockist div.search-form ul li label, body.locate-stockist div.search-form ul li span { display: block; margin-bottom: 5px; }
body.locate-stockist div.search-form ul li label, body.locate-stockist div.search-form ul li input, body.locate-stockist div.search-form ul li select { float: none; }

/* nearest stockist */
body.default form div.content div.stockist-map div.details-container div.nearest-dealer a.request-appointment { display: block; margin: 10px 0; background: url('../images/btn-request-appointment.jpg') top left no-repeat; width: 156px; height: 22px; text-indent: -9999px; overflow: hidden; }

/* address form */
form li select.country-list { float: none; margin-left: 129px; }

/* address lookup */
form li label.blue { font-weight: bold; color: #121B60; }
form li input.lookup-button { width: 70px; float: none; margin-left: 5px; }
form li.lookup-results-panel label { display: block; width: 100%; }
form li.lookup-results-panel select { border: 1px solid #666; width: 100%; float: none; }
form li.lookup-results-panel p.blue { color: #121B60; }