/* @override 
	http://localhost:8888/whiterose/css/styles_redesign.css
	http://localhost:8888/whiterose/css/styles.css
	http://www.rmxpreview.com/css/styles.css
	http://localhost:8888/whiterose_v2/css/styles.css
*/

/* @group GLOBAL RESET
***************************************************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* @end */


/* @group TOOLS
***************************************************************************************/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;} /* For IE 7 & IE5Mac */
/* Hide from IE Mac \*/	
.clearfix {display:block;}
/* End hide from IE Mac */

.hidden {
	padding: 0;
	text-indent: -9999px;
	line-height: 1px;
	height: 1px;
	overflow: hidden;
	font-size: 1px;
}

/* @end */


/* @group GLOBAL
***************************************************************************************/

html {
	background: #050103 url(../images/page_background.jpg) no-repeat fixed center top;
}

body {
	position: relative;
	width: 810px;
	margin: 0 auto;
	font: small/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

input {
	line-height: 1.6em;
}

/* @end */


/* @group LOGO/BRANDING
***************************************************************************************/

/* Image for print only */
#printHeader, #printHeader img {display:none;}

#logo {
	float:left;
	margin: 15px 0 0 30px;
	z-index: 10000;	
}

#logo h1,
#logo a {
	display: block;
	height: 100px;
	width: 118px;
	text-indent: -9999px;
	background: url(../images/whiterose_logo.gif) no-repeat 0 0;
}

/* @end */


/* @group GLOBAL LINKS/NEWSLETTER
***************************************************************************************/

#globalLinks {
	float: right;
	margin: 0 25px 0 0;
	text-shadow: #212121 1px 1px 1px; 
}

#globalLinks ul {
	display: inline;
	float: right;
	margin: 102px 0 0 0;
}

#globalLinks ul li {
	display: inline;
}

#globalLinks ul li a {
	background: url(../images/divider.gif) no-repeat 100% 50%;
	padding: 0 8px 0 0;
	margin: 0 3px 0 0;
}

#globalLinks ul li a:hover {
	text-decoration: underline;
}

#globalLinks ul.pageTools {
	float: right;
}

#globalLinks ul li.last a {
	background: none;
	margin-right: 0;
	padding-right: 0;
}

#globalLinks ul.pageTools li.last a {
	background: url(../images/divider.gif) no-repeat 100% 50%;
	margin: 0 6px 0 0;
	padding: 0 8px 0 0;
}

#globalLinks a:link,
#globalLinks a:visited {
	color: #b2b2b2;
	text-decoration: none;
}

#globalLinks form {
	position: absolute;
	top: 65px;
	right: 0;
	color: #e1e1e1;
	margin: 0 25px 0 0;
}

#globalLinks form .button {
	background: url(../images/button_signup.gif) no-repeat 0 0;
	width: 67px;
	height: 21px;
	border: none;
	cursor: pointer;
	text-indent: -9000px;
	margin: 0 0 0 3px;
}

#globalLinks form .button:hover {
	background: url(../images/button_signup.gif) no-repeat 0 -21px;
}

#globalLinks form label {
	line-height: 1.4em;
	margin: 0 5px 0 0;
}

/* newsletter signup confirmation page */
#form1 {
	width: 170px;
	text-align: center;
	padding: 15px;
}

*:first-child+html #form1 { width: 222px; } /* fix for IE7 - IE popups are different widths to all other browsers */

/* newsletter signup confirmation page */
#lblConfirmationMessage {
	color: #fff;
	margin: 0 0 15px 0;
	display: block;
}

/* @end */


/* @group LEFT COLUMN BASE STYLES
***************************************************************************************/

#leftContentcol {
	float: left;
	margin: 25px 23px 0 0;
	width: 175px;
	color: #e1e1e1;
}

#leftContentcol .clearer,
#leftContentcol .divider,
#leftContentcol .closeDivider {
	display: none;
}

/* @end */


/* @group NAV
***************************************************************************************/

/* Nav Level 1
------------------------------------------------------------------------------------- */
#leftNav ul li {
	border-bottom: 1px dotted #878083;
}

#leftNav ul li a {
	padding: 6px 0 6px 0;
	display:block;
	text-decoration: none;
	color: #fff;
	font-size: 110%;	
	text-shadow: #212121 1px 1px 1px;
}

#leftNav ul li a:hover {
	text-decoration: underline;
}

#leftNav ul li a.currentTopLev {

}

#leftNav ul li a.currentTopLev,
#leftNav ul li.onNav a.current {
	font-weight: bold;
	color: #e196c2;
	padding-bottom: 6px;
}

/* Nav Level 2
------------------------------------------------------------------------------------- */
#leftNav ul li.onNav ul {
	margin: 0 0 0 25px;
	padding: 0px 0 6px 0;
	font-size: 90%;
}

#leftNav ul li.onNav ul li a,
#leftNav ul li.onNav ul li a.current {
	margin: 0;
	padding: 3px 0;
}

#leftNav ul li ul li {
	border-bottom:none;
}

/* Nav Level 3
------------------------------------------------------------------------------------- */
#leftNav ul li.onNav ul li ul {
	padding: 0;
	margin: 0;
	font-size: 100%;
}

#leftNav ul li.onNav ul li ul li {
	margin: 0 0 0 25px;
}

/* @end */


/* @group SEARCH
***************************************************************************************/

#searchBox {
	padding: 12px 0 17px 0;
	border-bottom: 1px dotted #878083;
}

#searchBox h2 {
	font-size: 105%;	
	color: #e196c2;
	text-shadow: #212121 1px 1px 1px; 	
}

#searchBox fieldset label {
	display: none;
}

#searchBox #keywordsField {
	width: 125px;
	margin: 5px 4px 0 0;
}

#searchBox .button {
	background: url(../images/button_go.gif) no-repeat 0 0;
	width: 35px;
	height: 21px;
	border: none;
	cursor: pointer;
	text-indent: -9000px;	
}


#searchBox .button:hover {
	background: url(../images/button_go.gif) no-repeat 0 -21px;
}

#search .closeDivider {
	display: none;
}

/* @end */


/* @group OPENING TIMES
***************************************************************************************/

#openingTimes {
	margin: 13px 0 0 0;
	line-height: 165%;
	text-shadow: #212121 1px 1px 1px; 
}

#openingTimes h2 {
	font-size: 105%;	
	margin: 0 0 3px 0;
	color: #e196c2;
}

#openingTimes span {
	float: left;
	width: 6.5em;
}

#openingTimes .altDivider {
	display: none;
}

/* @end */


/* @group MAIN CONTENT STYLES
***************************************************************************************/

#mainContent {
	position: relative;
	height: 100%;

}

#homepagePromo,
#contentAreaWide,
#contentArea,
#rightCol {
	float: left;
	margin: 25px 0 0 0;
	width: 612px;
}

#contentAreaWide,
#contentArea {
	background-color: #fff;
	color: #343436;
	padding: 0 25px 25px 25px;
	width: 562px;	
	/* rounded corners for supporting browsers */
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0.7em;
	border-bottom-left-radius: 0.7em;				
	-webkit-border-top-right-radius: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-right-radius: 0.7em;
	-webkit-border-bottom-left-radius: 0.7em;			
	-moz-border-radius-topright: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomright: 0.7em;
	-moz-border-radius-bottomleft: 0.7em;
}

#rightCol {
	background-color: #fff;
	color: #343436;
	padding: 0 25px 25px 25px;
	width: 562px;
	float: right;	
	/* rounded corners for supporting browsers */
	border-radius: 0.7em;				
	-webkit-border-radius: 0.7em;			
	-moz-border-radius: 0.7em;
}

/* IE7 hack remove spacing between rightCol boxes to give illusion of one page */
/**:first-child+html #rightCol { margin-top: 0; padding-bottom: 25px;}*/

#contentAreaWide .divider,
#rightCol .divider {
	height: 1px;
	border-bottom: 1px dotted #878083;
	margin: 20px 0;
	clear: both;
}

#rightCol .divider {
	margin: 20px 0 0 0;
}

/* @group Homepage
------------------------------------------------------------------------------------- */

#homepagePromo img {
	border: 3px solid #fff;
	width: 606px;
}

*:first-child+html #homepagePromo img { width: 602px; } /* IE7 hack */

#homepageBoxes {
	margin: 3px 0 0 0;
	text-shadow: #212121 1px 1px 1px;
}

*:first-child+html #homepageBoxes { margin: 6px 0 0 0; } /* IE7 hack */

#spotlight1,
#spotlight2,
#spotlight3 {
	width: 198px;
	float: left;
	margin: 0 9px 0 0;
	height: 111px;
	/*border: 3px solid #fff;*/
	background-color: transparent !important;  /* force background colour in case CMS try to set a colour */
}

*:first-child+html #spotlight1,
*:first-child+html #spotlight2,
*:first-child+html #spotlight3 { margin: 0 7px 0 0; } /* IE7 hack */

#homepageBoxes #spotlight3 {
	margin: 0; /* remove right margin to prevent box reflow */
}

#spotlight1 h2,
#spotlight2 h2,
#spotlight3 h2 {
	color: #64b1c4 !important; /* override inline styles */
	margin: 118px 0 3px 0;
	font-size: 105%;
	padding: 0 2px;
}

#spotlight1 p,
#spotlight2 p,
#spotlight3 p {
	color: #e1e1e1 !important; /* override inline styles */
	padding: 0 2px 2px 2px;
}

#spotlight1 a,
#spotlight2 a,
#spotlight3 a {
	color: #64b1c4 !important; /* override inline styles */
	padding: 0 2px;
	text-decoration: none;
	background: url(../images/bullet.gif) no-repeat 2px 50%;
	padding: 0 0 0 14px;
}

#spotlight1 a:hover,
#spotlight2 a:hover,
#spotlight3 a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Breadcrumbs
------------------------------------------------------------------------------------- */

#breadcrumb {
	position: absolute;
	left: 198px;
	margin: 0 0 0 0;
	width: 612px;
	background: url(../images/breadcrumb_bar.gif) no-repeat 0 0;
	height: 30px;
	color: #fff;
	text-shadow: #4d102b 1px 1px 1px; 	
}

#breadcrumb a:link,
#breadcrumb a:visited {
	color: #fff !important;
	text-decoration: none;
}

#breadcrumb a:hover {
	text-decoration: underline;
}

#breadcrumb ul {
	padding: 6px 25px 5px 25px;
}

#breadcrumb ul li {
	display: inline;
}

#breadcrumb strong {
	font-weight: bold;
}

.BreadCrumbs .divider {
	display: none;
}

/* @end */

/* General #contentArea/#contentAreaWide  p, headers, table, links, lists
------------------------------------------------------------------------------------- */
#contentAreaWide p,
#contentArea p {
	margin: 0 0 10px 0;
}

#contentArea table,
#contentAreaWide table {
	margin: 0 0 10px 0;
	width: 500px;
}

#contentArea table {
	margin: 0 0 10px 0;
}

#contentArea table td,
#contentAreaWide table td {
	padding: 3px 0;
}

#contentAreaWide a:link,
#contentAreaWide a:visited,
#contentAreaWide p a:link,
#contentAreaWide p a:visited,
#contentArea a:link,
#contentArea a:visited,
#rightCol a:link,
#rightCol a:visited,
#contentAreaWide ul a:link,
#contentAreaWide ul a:visited {
	color: #50909f;
}

#contentAreaWide h1,
#contentArea h1 {
	padding: 23px 0;
	margin: 30px 0 15px 0;	
	font-size: 200%;
	color: #7e004c;
	border-bottom: 1px dotted #878083;
}

#contentAreaWide ul li {
	margin: 0 0 10px 0;
}

#rightCol h2 {
	padding: 25px 0 15px 0;
	margin: 0 0 0px 0;	
	font-size: 200%;
	color: #7e004c;
}

#contentAreaWide ul.noindent {
	margin: 0 0 10px 0;
}

#mainContent .altDivider {
	padding: 10px 0 0 0;
	height: 1px;
}

#contentAreaWide p strong {
	font-weight: bold;
	display: block;
}

/* @group Stores Page
------------------------------------------------------------------------------------- */

#frmForm1 .inpageForm {
	padding: 0 0 15px 0;
}

#frmForm1 .button {
	background: url(../images/button_submit.gif) no-repeat 0 0;
	width: 69px;
	height: 23px;
	border: none;
	cursor: pointer;
	text-indent: -9000px;
	margin: 0 0 0 3px;
}

#frmForm1 .button:hover {
	background-position: 0 -23px;
}

#frmForm1 .close {
	display: none;
}

#frmForm1 h2 {
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 7px 0;
}

#frmForm1 fieldset {
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #878083;
}

#frmForm1 label {
	width: 8em;
	display: inline-block;
}

#frmForm1 input,
#frmForm1 select {
	width: 15em;
}

*:first-child+html #frmForm1 fieldset { overflow: hidden; border: 0; }  /* Unfortunate IE7 Hack to remove the line rules as IE7 has a display bug relating to the display of borders on fieldsets */

.alphabetBox {
	padding: 15px 0 5px 0;
	overflow: hidden;
	border-bottom: 1px dotted #878083;	
}

*:first-child+html .alphabetBox { padding-bottom: 10px; border: none; } /*IE7 Hack*/

.alphabetBox a {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	margin: 0 10px 10px 0;
	background-color: #9c0b5e;
	text-align: center;
	line-height: 20px;
	/* round corners for supporting browsers */	
	border-radius: 0.3em;				
	-webkit-border-radius: 0.3em;			
	-moz-border-radius: 0.3em;
}

.alphabetBox a:link,
.alphabetBox a:visited {
	color: #fff !important;
	text-decoration: none;
	text-shadow: #4d102b 1px 1px 1px; 	
}

.alphabetBox a:hover {
	background-color: #64b1c4;
}

#lbtnViewAll {
	display: block;
	margin: 20px 0 0 0;
	background: url(../images/button_viewallstores.gif) no-repeat 0 0;
	width: 117px;
	height: 28px;
	text-indent: -9000px;
}

#lbtnViewAll:hover {
	background: url(../images/button_viewallstores.gif) no-repeat 0 -28px;
}

#frmForm1 #divPaging .divider {
	border: none;
	margin: 0;
}

ul.pagination li {
	float: left;
}

ul.pagination li#pageOf.empty {
	position: absolute;
	margin: 0 130px;
	width: 300px;
	line-height: 26px;
	font-weight: bold;
}

*:first-child+html ul.pagination li#pageOf.empty { width: 170px; } /* box model fix for IE7 */

ul li.previous {
	float: left;
}

#lbtnPrevious {
	display: block;
	background: url(../images/button_previous.gif) no-repeat 0 0;
	width: 69px;
	height: 23px;
	text-indent: -9000px;
}

#lbtnPrevious:hover {
	background: url(../images/button_previous.gif) no-repeat 0 -23px;
}

ul li.next {
	float: right;
}

#lbtnNext {
	display: block;
	background: url(../images/button_next.gif) no-repeat 0 0;
	width: 69px;
	height: 23px;
	text-indent: -9000px;
}

#lbtnNext:hover {
	background: url(../images/button_next.gif) no-repeat 0 -23px;
}

/* image placement
------------------------------------------------------------------------------------- */
img.rtImgFloat {
	float: right;
	clear: left;
	margin: 0 0 20px 20px;
	/* round corners for supporting browsers */	
	border-radius: 0.5em;				
	-webkit-border-radius: 0.5em;			
	-moz-border-radius: 0.5em;
}

.listing img {
	float: right;
	margin: 0 0 20px 20px;
	/* round corners for supporting browsers */	
	border-radius: 0.5em;				
	-webkit-border-radius: 0.5em;			
	-moz-border-radius: 0.5em;	
}

/* @end */

/* FAQ
------------------------------------------------------------------------------------- */
#contentAreaWide .faqcontainer strong {
	font-weight: bold;
	display: block;
}

#contentAreaWide .faqcontainer .faqright {
	padding: 0 0 2px 0;
}

#contentAreaWide .faqcontainer .faqright p {
	border: none;
	margin: 0;
	padding: 0;
}

#contentAreaWide .faqcontainer .faqleft {
	display: none;
}


/* Listing div content
------------------------------------------------------------------------------------- */
#contentAreaWide div.listing h2 {
	font-size: 150%;
	text-transform: none;
	font-weight: normal;
	margin: 0 0 10px 0;
	color: #7e004c;
}

#contentAreaWide div.listing h2 a:link,
#contentAreaWide div.listing h2 a:visited {
	color: #7e004c;
}

#contentAreaWide div.listing p {
	margin: 0 0 10px 0;
}

#contentAreaWide div.listing p strong {
	font-weight: bold;
}

#contentAreaWide .listing p div p,
#contentAreaWide .listing div p {
	margin: 0;
	border: none;
}

/* Contact form
------------------------------------------------------------------------------------- */
#frmForm .inpageForm {
	width: 75%;
}

#frmForm .inpageForm h2, {
	margin: 0;
	border: none;
	padding: 0 0 20px 0;
}

#frmForm .inpageForm h2 {
	padding: 0 0 25px 0;	
	font-size: 150%;
	color: #7e004c;
}

#frmForm input.standardField,
#frmForm input.ageField,
#frmForm #emailForm input {
	margin: 0 0 10px 0;
	width: 200px;
}

#frmForm select.standardField {
	margin: 0 0 10px 0;
}

#frmForm textarea.standardField,
#frmForm textarea {
	margin:0 0 10px 0;
	width: 200px;
}

#frmForm .inpageForm label {
	float: left;
	width: 160px;
}

#frmForm #emailForm label {
	width: 180px;
}

#frmForm .radioButtons label {
	float: left;
	width: auto;
	margin: 0 7px 10px 0;
}

#frmForm .radioButtons input {
	float:left;
	margin: 2px 15px 10px 0;
}

*:first-child+html #frmForm .radioButtons input { 	width: 15px; height: 15px; } /* IE7 hack to align radio buttons */

#frmForm .disclaimer {
	margin: 0 0 0 160px;
}

#frmForm #cbxNewsletterRegister {
	margin: 3px 10px 0 0;
}

#frmForm .disclaimer label {
	float: none;
	margin: 0 5px 0 0;
}

#frmForm .disclaimer p {
	border: none !important;
	margin: 0;
	display: inline;
}

#frmForm #btnSubmit.button {
	background: url(../images/button_submit.gif) no-repeat 0 0;
	width: 69px;
	height: 23px;
	border: none;
	cursor: pointer;
	text-indent: -9000px;
	margin: 20px 0 5px 160px;
}

*:first-child+html #frmForm #btnSubmit.button { text-indent: 0; letter-spacing: -9000px; } /* IE7 hack */

#frmForm #btnSubmit.button:hover { 
	background-position: 0 -23px;	
}

#frmForm #emailForm #btnSubmit.button {
	margin: 10px 0 5px 0;	
}

/* Site Map
------------------------------------------------------------------------------------- */

.navlevel1 a:link,
.navlevel1 a:visited {
	font-weight: bold;
	color: #305760;
	padding: 0 2px;
	background: url(../images/bullet.gif) no-repeat 0 50%;
	padding: 0 0 0 12px;
	margin: 10px 0 5px 0;
	display: block;
	font-size: 1.2em;
}

.navlevel2 a:link,
.navlevel2 a:visited {
	margin: 0 0 0 13px;
	color: #305760;
}


/* @end */


/* @group FOOTER
***************************************************************************************/

#footer {
	margin: 40px 0 0 0;
	font-size: 90%;
	text-align: left;
	border-top: 1px dotted #878083;
	padding: 10px 0 0 0;
	text-shadow: #212121 1px 1px 1px;
	overflow: hidden;
}

#footer a {
	padding: 0 5px 0 0;
}

#footer a:link,
#footer a:visited {
	color: #635b6f;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer ul {
	width: 540px;
	float: left;
}

#footer ul li {
	display: inline;
}

#footer ul li a {
	border-right: 1px solid #635b6f;
	padding: 0 6px 0 0;
	margin: 0 2px 0 0;
	color:#878787;
}

#footer ul li.last a {
	border: none;
}

#footer p {
	float:right;
	background: url(../images/landsecurities.gif) no-repeat;
}

#footer br {
	display: none;
}

/* @end */

#myGallery
{
width: 610px !important;
height: 335px !important;
}