/***************************************************************/
/*** GLOBAL ****************************************************/
/***************************************************************/
/*Dimensions PD change*/
/*
body { 
	background-color: Silver; 
	color:#004a8f; 
	 }

h1, h2, h3, h4 {color:#00b9f1}
*/ 

a { color:#004a8f; }
a:hover { color:#004a8f; }
input.validationerror { background-color:#ff8; }
select.validationerror { background-color:#ff8; }
h1, h2, h3, h4 {color:#004a8f}
h1 span, h2 span, h3 span, h4 span {color:#004a8f}


input.text { border:1px solid gray; }
input.button { background-color:#00b9f1; color:#FFF;font-weight:bold;position:relative;_top:0}

/***************************************************************/
/*** MAIN CONTAINER ********************************************/
/***************************************************************/

.mainContainer { border:4px solid #FFF; background-color: #FFF; }

/***************************************************************/
/*** HEADER ****************************************************/
/***************************************************************/

.headerRow { background-color: #FFF; }

/* --------------------- Upper Header Links ------------------ */
.UpperHeaderLinks li a { color:#fff; }
.UpperHeaderLinks li a:hover { color:#fff; }

/* --------------------- Basket Summary ---------------------- */
.basketSummaryContainer { color:#7E7E80; }
.basketSummaryView a {color:#013378;}
.basketSummaryView a:hover {color:#7E7E80; }
.basketSummaryVAT { color:#7E7E80; font-size:9px } /*Dimensions PD change*/

/***************************************************************/
/*** LOWER HEADER **********************************************/
/***************************************************************/

/* --------------------- Search ------------------------------ */
.searchInput , .inputUserBox, .inputPasswordBox {border:1px solid #5B5B5D; color:#999; font-size:11px; height: 20px; width:140px;}
.searchButton , .LoginButton{
	border:none; 
	background-color: #32A8D8; 
	color: #FFF; 
    background-repeat:no-repeat;
}

.searchTextLabel {color:#123A77; text-align:left;}

/* --------------------- Links ------------------------------- */

.LowerHeaderLinks ul { background-color: #123A77; }
.LowerHeaderLinks li a {color:#FFF;}
.LowerHeaderLinks li a:hover{color:#FFF;} 

/* --------------------- Logout ------------------------------- */
.loginLogoutContainer { background-color:#123A77;}
.loginLogoutContainer a {color:#FFF;}
.loginLogoutContainer a:hover{color:#FFF;} 

.lowerHeaderLogoutContainer  
{
	text-align:left;
	color:#123A77;
}

/***************************************************************/
/*** MAIN ROW **************************************************/
/***************************************************************/

/* --------------------- Side navigation -------------------------- */

/* --------------------- Category Header -------------------------- */
.catHeader, .subCatHeader { color:#FFF; background-color:#123A77; }
.catHeader a, .subCatHeader a { color:#FFF; }
.catHeader a:hover, .subCatHeader a:hover { color:#FFF; }

/* --------------------- Category Links -------------------------- */

.subNavigation .subNavigationContainer
{
	color:#5B5B5D;
}

.subNavigationContainer ul
{
	background-color: #F5F5F5; 
	border: 1px solid #DEDEDE; 
}

.subNavigation li .subNavigation {margin-left:4px;width:95%}

.subNavigation a { color:#5B5B5D; }
.subNavigation a:hover { color:#000; }
.subNavigation .selected a { color:#000; }
.subNavigation ul { background-color: #F5F5F5; border-top: 1px solid #DEDEDE; border-left: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE;}
.subNavigation ul li a:hover { color: #000; }
.subNavigation .saleshop a { color: #FD0215; }
.subNavigation .selectedsale a { color: #FD0215; }
.subNavigation .saleshop a:hover { color: #AD010E; }
.subNavigation .selectedsale a:hover { color: #AD010E; }
.subNavigation .whatsnew a { color: #123A77; }
.subNavigation .selectedwhatsnew a { color: #123A77; }
.subNavigation .whatsnew a:hover { color: #0E2C58; }
.subNavigation .selectedwhatsnew a:hover { color: #0E2C58; }

/* --------------------- Main Content Area -------------------------- */

/*****************************************************************/
/*** FOOTER ROW **************************************************/
/*****************************************************************/

.footerContainer a { color: #FFF; }
.footerContainer a:hover { color: #FFF; }
.footerTextContainer { color: #5B5B5D; }

/*****************************************************************/
/*** BREAD CRUMB TRAIL *******************************************/
/*****************************************************************/

.breadcrumbs { border:1px solid #dedede;}
.breadcrumbs li a { color:#666; background-repeat: no-repeat; background-position: right -90px; }
.breadcrumbs li a:hover { color:#000; }


/*****************************************************************/
/*** CATEGORY LISTINGS *******************************************/
/*****************************************************************/

.product_shorttitle:hover, .product_stylecode:hover, .product_price:hover, .productInfo:hover {color: #5a5a5c;}

/*****************************************************************/
/*** PRODUCT DETAIL    *******************************************/
/*****************************************************************/

.pnlProductDetails { border: 1px solid #DEDEDE; }
.pnlProductDetails ul { background-color: #F5F5F5; }
.lblPrice {color: #000; }
.pnlMainPic, .pnlAltProducts, .pnlProductDetails, .pnlSwatches, .pnlBenefits {background-color:#fff}
a.popupLink {color:#000;}
a:hover.popupLink {color: #000;}

/*****************************************************************/
/*** LOGON PAGES *************************************************/
/*****************************************************************/

/*****************************************************************/
/*** UNIQUE PAGES ************************************************/
/*****************************************************************/

/* ------------------------------------------- HOME PAGE ------------------------------------------------ */

.homepageContainer 
{
	border-collapse:collapse;
	margin:0px;
	padding: 0px;
	}
	
.thehomepage 
{
	background-repeat:no-repeat;
	width:584px;
	height:500px;
}


/*Dimensions added*/
.grid_12#thehomepage
{
	background-repeat:no-repeat;
	border: 1px solid black;
}

.ralx_homepage_leftColumn
{ 
	margin:0px;
	padding: 0px;
	}
	
.ralx_homepage_rightColumn 
{
	width:185px;
	padding: 0px;
	color: #5B5B5D;
	padding-left: 6px;
	}

.ralx_homepage_slide
{
	position: relative;
	top: -2px;
	height: 357px;
}

.ralx_homepage_buttons
{
	position: relative;
	top: 13px;
	width: 585px;
	padding-bottom: 1px;
}

.ralx_homepage_buttons a
{
	color: #FFF;
}

.ralx_homepage_buttons a:hover
{
	color: #FFF;
}

.ralx_homepage_button_left
{
	display: inline;
}

.ralx_homepage_button_middle
{
	display: inline;
	position: relative;
	left: 7px;	
}

.ralx_homepage_button_right
{
	display: inline;
	position: relative;
	left: 15px;		
}

.ralx_homepage_rightColumn .AspNet-Login {padding:6px;background-color: #A9CADD; font-size: 12px; color: #000;width:185px;height:145px;overflow:hidden}
.ralx_homepage_rightColumn .AspNet-Login .title {text-align:left;position:relative;color: #5B5B5D; font-size: 20px; font-weight: bold;  }
.ralx_homepage_rightColumn .AspNet-Login a {font-size: 11px; color: #5B5B5D; text-decoration: underline}
.ralx_homepage_rightColumn .AspNet-Login a:hover { color: #5B5B5D; text-decoration: underline;  }
.ralx_homepage_rightColumn .AspNet-Login-UserPanel {margin-bottom:6px}
.ralx_homepage_rightColumn .AspNet-Login-UserPanel input {width:100%;}
.ralx_homepage_rightColumn .AspNet-Login .AspNet-Login-PasswordPanel input {width:75%;}
.ralx_homepage_rightColumn .AspNet-Login .LoginButton {position:relative;top:-21px}
.ralx_homepage_rightColumn .AspNet-Login-CreateUserPanel, .AspNet-Login-PasswordRecoveryPanel {clear:both;position:relative;top:-20px}

.loginBg .AspNet-Login {padding:6px;background-color: #A9CADD; font-size: 12px; color: #000;width:250px;height:155px;overflow:hidden}
.loginBg .AspNet-Login .title {text-align:left;position:relative;color: #5B5B5D; font-size: 20px; font-weight: bold; margin-bottom:10px  }
.loginBg .AspNet-Login a {font-size: 11px; color: #5B5B5D; text-decoration: underline}
.loginBg .AspNet-Login a:hover { color: #5B5B5D; text-decoration: underline;  }
.loginBg .AspNet-Login-UserPanel {margin-bottom:6px}
.loginBg .AspNet-Login-UserPanel input {width:100%;clear:both}
.loginBg label {display:block;width:100%}
.loginBg .AspNet-Login .AspNet-Login-PasswordPanel input {width:82%;clear:left}
.loginBg .AspNet-Login .LoginButton {position:relative;top:-21px}
.loginBg .AspNet-Login-CreateUserPanel, .AspNet-Login-PasswordRecoveryPanel {clear:both;position:relative;top:-20px}




.black_overlay{display: none;position: absolute;top:0;left:0;width:100%;height:100%;background-color: black;z-index:1001;-moz-opacity: 0.6;opacity:.60;filter: alpha(opacity=60);}
.white_content {display: none;position: absolute;top: 25%;margin-left:auto;margin-right:auto;width:300px;padding:16px;z-index:1002;overflow: hidden;} 
.loginBg {background-color:#A9CADD;padding:8px}
.close {position:absolute;top:5px;right:5px;}
.valid_error {font-size:80%;float:left;position:relative;top:0;left:0}

#ctl00_ContentPlaceHolder1_ctl00_ctl00_UpdatePanel1 {margin-bottom:6px}

.lnkEmblem {width:185px; height:130px; margin-bottom: 6px;}
.lnkSaleShop {width:185px; height:130px; margin-bottom: 6px; }

.loginEmail { width: 170px; height: 20px; margin: 1px; padding:1px .25em 0 .25em; border:1px solid #5B5B5D;text-align: left; }
.loginPassword { float:left; width: 134px; height: 20px; margin: 1px 0 1px 1px; padding:1px .25em 0 .25em; border:1px solid #5B5B5D; display: inline; text-align: left; }

.loginButton 
{  
	float: right; 
	width: 60px; 
	height: 20px; 
	display: inline; 
	border:none; 
	background-color: #32A8D8; 
	color: #FFF; 
	margin: 1px 1px 1px 2px; 
	padding:1px .25em 1px .25em; 
	font-weight: bold;  
    background-repeat:no-repeat;
}

.emailSignup {width: 185px; height:77px; background-repeat:no-repeat;}
.emailSignup .formcontrols {position:relative; top:42px; left:5px;}
.emailSignup .formcontrols .text {width: 140px; height: 20px; margin: 1px; padding:0 .25em 0 .25em; border:1px solid #5B5B5D;text-align: left;overflow:visible;position: relative; top: -4px;}
.emailSignup .formcontrols .button {width: 25px; height: 20px; line-height: 16px; padding:1px .25em 2px .25em; overflow:visible;  display: inline; background-color: #00b9f1;border:none; color: #FFF; margin: 1px 1px 1px 2px; font-weight: bold;}





.repeaterControl {border:1px solid silver;text-align: center; line-height:25px;}
.repeaterHeader {background-color:#5AAEDC;color:#FFF;}
.basketTotal {border-top:1px solid gray}
.headerBackgroundColor {background-color:#FFF;}

#addressLookup .repeaterAltRow td, #addressLookup .repeaterRow td {vertical-align:top !important}

.repeaterAltRow {background-color:#e7f1fa}
.whiteBackground, .repeaterRow {background-color:#FFF}

a.button { border:1px solid #00b9f1;background-color:#00b9f1;color:#FFF; }
a.button:hover { border:1px solid #00b9f1;background-color:#00b9f1;color:#FFF; }
input.button { border:1px solid #00b9f1; background-color: #00b9f1; color: #FFF; }
.middleContentContainer ul li.pdf, .middleContentContainer ul li.xls {list-style:none; margin: 0 0 0 0px; padding: 0 0 0 20px; line-height: 22px; background-position: 0 7px; background-repeat: no-repeat;}

.info {color:#333;background-color:#d6e2e8;}
.success {color:#333;background-color:#f0f2cc;}
.warning {color:#333;background-color:#f6d5d8;}
.error {color:#333 !important;background-color:#f6d5d8;}

.errorMessage, .loginValSummary ul li, .errorRow  {color:#004a8f !important;}

thead th { color: #1E457E; }
.Form fieldset {border:0 solid #FFF;}
.Form fieldset.radio {border:0 solid #FFF}

/********* html elements *********/



/*input.text, input.disabled { border:1px solid #5B5B5D; }*/


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

/*


.middleContentContainer ul li {background-repeat: no-repeat;}

a.popupLink {background-position: 0 3px; background-repeat: no-repeat;}


*/

/********* forms *********/

/**



input.text, input.disabled {border:1px solid gray;}
input.disabled {background:#eee}



.small {font-size:11px}

*/

/********* Basket summary *********/

/********* breadcrumb trails *********/

/*

*/

/********* messages *********/
/*



*/

/********* products *********/ 
/*

.lblPrice small {color:gray}
*/

/********* ajax controls *********/
/********* tables *********/ 
/*
*/


/******** 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;}
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 ************/
/*



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}
*/

/*Dimensions PD change*/
 .whatsnew  #Homelogo
 {
	width:10px;
	height:10px;
	background-image: url(http://images.alexandra.co.uk/a1/RALX/en-gb/icons/home_side_menu_icon.gif); 
	background-repeat:no-repeat;
	padding-left:10px;
	margin-left:5px;
}

  .whatsnew span
 {
 	font-weight: bold;
	font-size: 14px;
  	padding-left:10px;
}

  .whatsnew h1 {font-size:300%; } /*Dimensions PD change*/
  .whatsnew .prodCatText {margin:0 !important;padding:0 !important}
  .whatsnew .prodCatText li {width:444px;height:270px;list-style:none;overflow:wrap;padding-left:10px !important;}
  .whatsnew .prodCatText li p {width:425px;margin:0 0 10px 0;padding:0;line-height:1.3em}
  .whatsnew .prodCatText li h1 {margin-top:0;padding-top:12px}
  .whatsnew .prodCatText {position:relative;top:0}  
  .whatsnew .tabs {margin-bottom:10px;font-size:160%}
  .whatsnew .tabs span {cursor:pointer}  
  .whatsnew .businesswear {background-color:#bcbcd4}
  .whatsnew .hospitality {background-color:#ffe0cb}
  .whatsnew .healthcare {background-color:#cee8f9}
  .whatsnew .beauty {background-color:#eedce8}
  .whatsnew .workwear {background-color:#e9eaec}
  .whatsnew .ppe {background-color:#fee9ba}
  .whatsnew .businesswear_border {border-color:#19286d !important}
  .whatsnew .hospitality_border {border-color:#f57a2a !important}
  .whatsnew .healthcare_border {border-color:#00aae7 !important}
  .whatsnew .beauty_border {border-color:#c97da4 !important}
  .whatsnew .workwear_border {border-color:#ec3746 !important}
  .whatsnew .ppe_border {border-color:#f8c607 !important}  
  .whatsnew .businesswear_text {color:#19286d}
  .whatsnew .hospitality_text {color:#f57a2a}
  .whatsnew .healthcare_text {color:#00aae7}
  .whatsnew .beauty_text {color:#c97da4}
  .whatsnew .workwear_text {color:#ec3746}
  .whatsnew .ppe_text {color:#f8c607}
  .whatsnew .line {width:5px;height:100%;background-color:white;float:left;margin-right:5px}
  .whatsnew .wrapper {width:444px;height:270px;overflow:hidden}
  .whatsnew .icons {clear:both;width:450px;height:115px;border-left:5px solid white}
  .whatsnew .icons p {font-weight:bold;margin:0}
  .whatsnew .icons .icon {display:block;float:left;width:132px;height:85px;margin-right:10px;border:1px solid #4d4d4d} 
  .whatsnew .icons .icon span {display:none}
  .whatsnew .icons #suiting {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Suiting_off.jpg')}
  .whatsnew .icons #suiting:hover {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Suiting_on.jpg')}  
  .whatsnew .icons #shirts {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Shirts-&-Blouses_off.jpg')}
  .whatsnew .icons #shirts:hover {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Shirts-&-Blouses_on.jpg')}  
  .whatsnew .icons #ties {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Ties-&-Scarves_off.jpg')}
  .whatsnew .icons #ties:hover {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Ties-&-Scarves_on.jpg')}  
  .whatsnew .icons #jackets {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Chefs-Jackets_off.jpg')}
  .whatsnew .icons #jackets:hover {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Chefs-Jackets_on.jpg')}  
  .whatsnew .icons #aprons {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Aprons_off.jpg')}
  .whatsnew .icons #aprons:hover {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Aprons_on.jpg')}  
  .whatsnew .icons #polyester {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Polyester_off.jpg')}
  .whatsnew .icons #polyester:hover {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Polyester_on.jpg')}  
  .whatsnew .icons #scrubs {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Smart-Scrubs_off.jpg')}
  .whatsnew .icons #scrubs:hover {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Smart-Scrubs_on.jpg')}  
  .whatsnew .icons #clogs {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Clogs_off.jpg')}
  .whatsnew .icons #clogs:hover {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Clogs_on.jpg')}  
  .whatsnew .icons #tunics {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Tunics_off.jpg')}
  .whatsnew .icons #tunics:hover {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Tunics_on.jpg')}  
  .whatsnew .icons #trousers {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Trousers_off.jpg')}
  .whatsnew .icons #trousers:hover {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Trousers_on.jpg')}  
  .whatsnew .icons #nato {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Nato-Pullover_off.jpg')}
  .whatsnew .icons #nato:hover {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Nato-Pullover_on.jpg')}  
  .whatsnew .icons #boots {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Safety-Boots_off.jpg')}
  .whatsnew .icons #boots:hover {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Safety-Boots_on.jpg')}  
  .whatsnew .icons #trainers {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Safety-Trainers_off.jpg')}
  .whatsnew .icons #trainers:hover {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Safety-Trainers_on.jpg')}  
  .whatsnew .icons #shoes {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Safety-Shoes_off.jpg')}
  .whatsnew .icons #shoes:hover {background-image:url('http://images.alexandra.co.uk/a1/RALX/en-gb/contentpages/whatsnew/Safety-Shoes_on.jpg')} 

/*DIMENSIONS CHANGES*/
/***************************************************************/
/*** LOWER HEADER CONTAINERS************************************/
/***************************************************************/

.grayFooter
{
    background-repeat:no-repeat;
	color:#FFFFFF;
}