/********* html elements *********/
body {font-family:Arial, sans-serif;font-size:12pt;}
a, input {font-family:Arial, sans-serif}
hr {clear:both}
a {text-decoration:underline}
p {margin-top:6px;margin-bottom:10px}
h1,h2,h3,h4 {margin-top:4px;margin-bottom:6px}
h1 {font-size:22pt}
h2 {font-size:16pt}
h3 {font-size:14pt}
h4 {font-size:12pt}
td {vertical-align:top}
small {font-size:8pt;line-height:15px}
em {font-style:italic}
thead th {font-weight:700;}
strong, .productNavigationMenu .selected, .sideNavigation .selected, .product_stylecode, .repeaterPager span {font-weight:700}
.pageNumbers .selected, .repeaterPager span{font-size:15px;border-bottom:1px solid black;}
.sideNavigation .selected a {color:Black !important}
.hidden {display:none;visibility:hidden}
/********* generic classes *********/

.clearer {clear:both;margin:0;padding:0}
.right {float:right}
.left {float:left}
.centerContent {text-align:center;margin-left: auto;margin-right:auto}
.inline, .buttons .button,.inline div, .inline div img, .pageNumbers {display:inline;}

input.button, a.button {font-size:12px !important;text-decoration:none;cursor:pointer;margin:0;padding:0;border:none;position:relative;top:1px;_top:-4px;_height:20px}
a.button {padding:2px 9px; position:relative; top:-2px;}
a.button:hover {color:white}

.repeaterRow input.button, .repeaterAltRow input.button {padding:0 5px !important; line-height:18px; }
.buttonContainer .button {margin-right:8px; margin-top:4px;}
.searchContainer .button {float:right;width:26px;height:22px;font-size:10pt;padding:0 0 2px;top:0;}
.repeaterControl .button {top:2px;}


/********* structure / masterpage *********/

.mainTable {text-align:left;margin:0 auto;}
.tableOutline {border:1px solid silver;border-collapse:collapse}
.tableOutline tr td {border:1px solid silver; padding:2px}
.tableOutline th {padding:2px}
.middleContentContainer {font-size:9pt;overflow:hidden;width:765px;position: relative; left: 3px;}
.middleContentContainer ul {line-height:22px;list-style:none;padding:5px 0 5px 15px}
.middleContentContainer ul li {padding-left:15px;}
.middleContentContainer ol {line-height:22px;list-style:decimal;padding:5px 0 5px 25px}
.middleContentContainer ol li ol {list-style:lower-alpha;}
.middleContentContainer table tr td {font-size:9pt;line-height:22px}
.logoContainer {background-repeat:no-repeat;background-position:5px 5px;vertical-align:bottom}
.headerRow td {height:75px !important;}
/** .footerLinksRow {vertical-align:top;} **/
.footerRow {font-size:9px;text-align:center;padding-top:4px;}
.siteLinks {float:left; margin: 0 0 0 170px;padding-bottom: 5px;}
.upperHeaderLinks a {font-size:80%;text-decoration:none;font-weight:700}
.upperHeaderLinks a:hover {text-decoration:underline}
.logoutLink {text-align:center;line-height:22px}
.logoutLink a {font-size:80%;text-decoration:none;font-weight:700}
.sideNavigation {width:165px}
.sideNavigation ul {float:left;width: 100%;}
.sideNavigation li {line-height: 18px;}
.sideNavigation .catHeader, .sideNavigation .subCatHeader {font-size:14px;line-height:21px;padding:0 0 1px 5px}
.sideNavigation .subCatHeader {margin-top:12px;}
.sideNavigation a {font-size:12px;text-decoration:none;}
.sideNavigation .selected ul {font-weight:400}
.sideNavigation ul ul {margin-left:6px}
.footerLinksRow {line-height:22px;}
.footerLinksRow a {font-size:75%;text-decoration:none;position: relative; bottom:1px;}
.lowerHeaderLinks { line-height: 22px; }
.lowerHeaderLinks a {font-size:75%;text-decoration:none;}
.footerLinksRow a:hover,.lowerHeaderLinks a:hover {text-decoration:underline}
.logoutLink a:hover,.breadcrumbs li a:hover {text-decoration:underline}

/********* forms *********/
.searchContainer input.text {float:left;width:133px;height:22px;font-size:70%;padding:3px 0 0 7px}
.repeaterPager td {text-align:right}
input.text, input.disabled {border:1px solid gray;height:20px;padding:0 1px 1px 2px;  margin-bottom:4px;}
.pnlAddressSearch {margin-bottom:20px}
.required {color:red;display:inline}
legend, div.legend {font-weight:700;margin-left:-1.25em;margin-bottom:0.5em}
fieldset, div.fieldset {padding-left:1.25em; margin-bottom:16px;}
label {font-size:9pt;}

label.inline {float:left;width:12em;}
input.inline {float:left;}
.inlineList li {display:inline;margin:0 15px}

/********* Basket summary control *********/
.basketSummaryContainer {text-align:right;padding:3px}
.basketSummaryItems {width:75px;text-align:right;float:right;font-size:12px}
.basketSummaryView img {position:relative;top:10px;left:-100px}
.basketSummaryView a {text-decoration:underline;font-weight:700;font-size:12px;background-repeat:no-repeat;padding-left:20px;text-align:right;background-position:0 -1px}
.basketSummaryView a:hover {text-decoration:underline;font-weight:700}
.basketSummaryVAT {padding-top:2px;text-align:right;font-size:10px}

/********* breadcrumb trails *********/
.breadcrumbs {width:769px;margin-bottom:6px;padding:0 !important;height:20px;}
.breadcrumbs li {float:left;line-height:1.25em;background-image:none !important;padding:0 0 0 0.75em !important;}
.breadcrumbs li a {font-size:11px;display:block;font-weight:700;padding:2px 15px 3px 0}
.breadcrumbs li a.done {font-weight:400}
.breadcrumbs li span {font-size:11px;display:block;margin-top:2px}
.breadcrumbs li a:link,.breadcrumbs li a:visited {text-decoration:none;}
.basketSummaryTotal,.productNavigationMenu .lblItemsFound {font-size:12px}

/********* messages *********/
.errorMessage {line-height:14px;font-size:10px;margin-top:6px;}
.info,.success,.warning,.error,.validation {font-size:13px;border:1px solid;background-repeat:no-repeat;background-position:10px 50%;margin:10px;padding:10px 10px 10px 50px;}
.tidySuccess, .tidyError {font-size:90%;}
.tidySuccess {color:Green}
.tidyError {color:Red}

/********* products navigation *********/
.largeproduct {height:307px !important; overflow:hidden}
.smallproduct {height:225px !important; overflow:hidden}
 
.categoryTable tr td {padding-bottom:7px}
 
.cellCenter {text-align:center; text-align: -moz-center;}
.cellLeft .productContainer, .cellLeft .navigationCategory {float:left;}
.cellCenter .productContainer, .cellCenter .navigationCategory {_margin:0 2px 0 4px}
.cellRight .productContainer, .cellRight .navigationCategory {float:right;}

.productContainer .imageContainer {display:block; width:186px;}
.productContainer .textContainer {padding:0; position:relative; top:-35px; left:0; width:186px; height: 30px; }

.product_shorttitle, .product_stylecode, .product_price, .productInfo, .product_shorttitle:hover, .product_stylecode:hover, .product_price:hover, .productInfo:hover {color: #5a5a5c; text-decoration: none;display:block;margin:0; padding:0 4px;font-size:11px !important; line-height:16px}
.product_shorttitle {float:left;font-weight:bold}
.product_stylecode {float:right}
.product_price {float:left}
.productInfo {float:right}
.productNavigationMenu {margin-bottom:6px;width:100%}

.benefits {margin-left:10px}
.pnlMainPic {width:240px;float:left;}
.pnlAltProducts {float:left;text-align:center;margin:0 6px 0 6px;}
.pnlProductDetails {width:280px;overflow:hidden;float:left;font-size:12px;padding-right:8px;}
.pnlProductDetails ul {margin-top:6px}

.altProduct {width:100px;padding-top:0;margin-left:auto;margin-right:auto}
.altHeader,.altFooter {font-size:11px;margin:0;padding:0}
.altHeader{font-weight:bold}
.purchaseOptions {padding:8px;}
.purchaseOptions label {width:5em}
.purchaseOptions .dropdown {width:180px}
.lblPrice {margin-top:8px;display:block}
.product_stylecode,.product_shorttitle,.product_price {font-size:11px}
.pnlSwatches,.pnlBenefits {width:64px;float:left;text-align:center;}

/********* ajax controls *********/
.ajaxProgress {width:180px;height:20px;overflow:hidden;}
.ajaxProgress span{position:relative;bottom:3px;left:3px;}
.ajaxProgress img {margin:0;padding:0}

/********* tables *********/ 
.repeaterControl {width:523px;margin-bottom:10px;overflow:scroll;}
.repeaterControl .repeaterHeader span {padding-left:3px;}
.repeaterControl tr td {padding:3px 3px;font-size:11px !important;line-height:13px;}
.repeaterLine {display:block}
.repeaterLine .label{margin:0;padding:0;}
.repeaterHeader {font-size:9pt}
.repeaterHeader th {font-weight:700;padding:4px 5px 4px 0}

.inlineTable {margin-bottom:15px}
.pageNumbers li {list-style:none !important;background:none !important;display:inline;margin:0 4px 0 0 !important;padding:0 !important}

/****** bubbles ******/
a.popupLink {padding-left:14px;font-size:11px}

/******* misc stuff *******/
.hypNoAddress {font-size:8pt;display:block;clear:both}
.loginValSummary ul {margin:0; padding:0}
.loginValSummary ul, .loginValSummary ul li {font-size:10px; list-style-type:none; margin:0; padding:0;background:none !important;}
.loginbox tr td {padding:0 5px;line-height:10px;}
.loginbox h1 {margin-top:3px; padding:0; font-size:20px; font-weight:normal;margin-bottom:0}
.loginbox .lblEnterEmailAddress, .loginbox .lblPassword, .loginbox .forgotLink, .loginbox .registerLink {font-size:11px;line-height:16px;}
.loginbox .text {border:none !important;height:20px !important}
.languages option {background-repeat: no-repeat;background-position: 3px center;padding-left: 25px;}
/*
.languages option.engb { background-image: url('http://images.alexandra.co.uk/a1/ralx/en-gb/icons/flags/gb.png'); }
.languages option.enus { background-image: url('http://images.alexandra.co.uk/a1/ralx/en-gb/icons/flags/us.png'); }
.languages option.frfr { background-image: url('http://images.alexandra.co.uk/a1/ralx/en-gb/icons/flags/fr.png'); }
.languages option.dede { background-image: url('http://images.alexandra.co.uk/a1/ralx/en-gb/icons/flags/de.png'); }
.languages option.eses { background-image: url('http://images.alexandra.co.uk/a1/ralx/en-gb/icons/flags/es.png'); }
*/
/* calendar picker box */
a.dp-choose-date {float: left;width: 27px;height: 23px;padding: 0;margin: 0 8px;display: block;text-indent: -2000px;overflow: hidden;}
a.dp-choose-date.dp-disabled {background-position: 0 -20px;cursor: default;}
input.dp-applied {width: 140px;float: left;}
table.jCalendar {border-collapse: separate;border-spacing: 2px;}
table.jCalendar th {font-weight: bold;padding: 3px 5px;}
table.jCalendar td {padding: 3px 5px;text-align: center;}
div.dp-popup {position: relative;font-size: 10px;font-family: arial, sans-serif;padding: 2px;width: 171px;line-height: 1.2em;}
div#dp-popup {position: absolute;z-index: 1999;}
div.dp-popup h2 {font-size: 12px;text-align: center;margin: 2px 0;padding: 0;}
a#dp-close {font-size: 11px;padding: 4px 0;text-align: center;display: block;}
a#dp-close:hover {text-decoration: underline;}
div.dp-popup a {text-decoration: none;padding: 3px 2px 0;}
div.dp-popup div.dp-nav-prev {position: absolute;top: 2px;left: 4px;width: 100px;}
div.dp-popup div.dp-nav-prev a {float: left;}
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor: pointer;}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor: default;}
div.dp-popup div.dp-nav-next {position: absolute;top: 2px;right: 4px;width: 100px;}
div.dp-popup div.dp-nav-next a {float: right;}
div.dp-popup a.disabled {cursor: default;}
div.dp-popup td {cursor: pointer;}
div.dp-popup td.disabled {cursor: default;}