/********* html elements *********/
body { color:#5a5a5c; }
a { color:#1E4387; }
a:hover { color:#00F }
h1, thead th { color: #1E457E; }

/********* structure / masterpage *********/
.mainTable {border:6px solid #FFF;}
.headerBackgroundColor {background-color:#FFF;}
.subNavigationBackgroundColor {background-color:#5AAEDC}
.bodyBackgroundColor, .repeaterAltRow {background-color:#e7f1fa}
.whiteBackground, .repeaterRow {background-color:#FFF}

.middleContentContainer ul li {background-repeat: no-repeat;}
.middleContentContainer ul li.pdf, .middleContentContainer ul li.xls {background-position: 0 7px; background-repeat: no-repeat;}
a.popupLink {background-position: 0 3px; background-repeat: no-repeat;}

.logoContainer,.sideNavigationContainer,.searchContainer,.lowerHeaderLinks {border-right:6px solid white}
.headerRow td,.headerLinksRow td {border-bottom:6px solid #FFF;}
.footerRow {color:Silver;}
.subNavigationBackgroundColor a, .logoutLink a, .footerLinksRow a,.lowerHeaderLinks a, .footerLinksRow a:hover,.lowerHeaderLinks a:hover,  .logoutLink a:hover  {color:#FFF;}
.upperHeaderLinks a, .upperHeaderLinks a:hover {color:#003DCC;position: relative; top: 5px;}
.sideNavigation .catHeader, .sideNavigation .subCatHeader {color:#FFF !important;background-color:#5b5b5d;}
.sideNavigation a, .sideNavigation a:hover {color:#5a5a5c}

/********* forms *********/
.searchContainer input.text {color:#1F4782;}

input.button, a.button {border:1px solid #5b5b5d;background-color:#5b5b5d;color:#FFF;}
input.validationerror,select.validationerror {background:#ff8}
input.text, input.disabled {border:1px solid gray;}
input.disabled {background:#eee}

.Form fieldset {border:0 solid #FFF;}
.Form fieldset.radio {border:0 solid #FFF}

.small {font-size:11px}

/********* Basket summary control *********/
.basketSummaryContainer {color:#043c87;border:1px dotted #043c87;background: #C0DDF3;}
.basketSummaryItems {border-bottom:1px solid #043c87;}
.basketSummaryView a {color:#043c87;}
.basketSummaryView a:hover {color:#043c87;}
.basketSummaryVAT {color:#666b71;}


/********* breadcrumb trails *********/
.breadcrumbs {border:1px solid #dedede;}
.breadcrumbs li {color:#777;}
.breadcrumbs li a {background-repeat: no-repeat;background-position: right center;}
.breadcrumbs li a:link,.breadcrumbs li a:visited {color:#777}

/********* messages *********/
.errorMessage, .loginValSummary ul li {color:Red;}
.info {color:#00529B;background-color:#BDE5F8;}
.success {color:#4F8A10;background-color:#DFF2BF;}
.warning {color:#9F6000;background-color:#FEEFB3;}
.error {color:#D8000C;background-color:#FFBABA;}

/********* products *********/ 
.pnlMainPic, .pnlAltProducts, .pnlProductDetails, .pnlSwatches, .pnlBenefits {background-color:#fff}
.lblPrice small {color:gray}

/********* ajax controls *********/
/********* tables *********/ 
.repeaterControl {border:1px solid silver;}
.repeaterHeader {background-color:#5AAEDC;color:#FFF;}
.basketTotal {border-top:1px solid gray}

/******** bubbles ********/
a.tt{margin-left:4px;position:relative;z-index:24;color:#3CA3FF;font-weight:bold;text-decoration:none}
a.tt span{ display: none; }
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{display:block;position:absolute;top:0px; left:0;padding: 15px 0 0 0;width:200px;color: #993300;text-align: center}
a.tt:hover span.top{display: block;padding: 30px 8px 0;background-repeat:no-repeat;background-position:top}
a.tt:hover span.middle{display: block;padding: 0 8px; background-repeat:repeat; background-position: bottom;}
a.tt:hover span.bottom{display: block;padding:3px 8px 10px;color: #548912;background-repeat:no-repeat;background-position:bottom;}

/********* RALX specific pages ************/
.thehomepage {width:600px; height:500px;}
.loginbox {color:white;background-color:#000;}
.loginbox h1 {color:white}
.loginbox a, .loginbox a:hover, .loginbox a:visited {color:white;text-decoration:none}
.loginbox a:hover {text-decoration:underline}
.loginbox .forgotLink, .loginbox .registerLink{color:white;}
.loginbox tr td {padding-left:6px;}

a.dp-choose-date {background-repeat:no-repeat; }
table.jCalendar {background: #fff;font-size:100%}
table.jCalendar th {background: #5AAEDC;color: #fff;}
table.jCalendar td {background: #fff;color: #000;text-align:center}
table.jCalendar td.other-month {background: #f8f8f8;color: #444;}
table.jCalendar td.today {background: #e7f1fa;color: #000;border:1px solid #5AAEDC}
table.jCalendar td.selected {background: #1e275a;color: #fff;}
table.jCalendar td.selected.dp-hover {background: #1e275a;color: #fff;}
table.jCalendar td.dp-hover,table.jCalendar tr.activeWeekHover td {background: #fff;color: #000;}
table.jCalendar tr.selectedWeek td {background: #f66;color: #fff;}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover, table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover {background: #eee;color: #aaa;}
div.dp-popup {background: #fff;border: 1px solid silver;}
div.dp-popup a {color: #000;}
div.dp-popup a.disabled {color: #aaa;}

.catHeaderLink, .catHeaderLink:hover {color:white !important}