/* 
Copyright (c) Enigma Interactive 2004

SOM2
Project:		Rowlands
Filename:		layout_application.css
Description:	Model glue applications layout
     
History
ver date  		who     	comment
-----------------------------------------------------------------------------
9	16Aug07		CT			Added another product header definition
8	01Aug07		CT			Updates
7	23Jul07		CT			Added new h3
6	23Jul07		AL & CT		Fixed row layout bug
5	21Jul07		CT			Updated department layout
4	21Jul07		CT			Updated Advice directory layout
3	20Jul07		CT			Adjusted width of category images
2	17Jul07		CT			Updated for Advice Centre
1	16Jul07		CT			Created

*/


#siteMain #wideMainPanel {
	margin-top: 2px;
	padding-bottom: 5px;
	position: relative;
	width: 816px;
	height: auto;
	float: left;
	z-index:5;
}

#siteMain #extraWideMainPanel {
	margin-top: 2px;
	padding-bottom: 5px;
	position: relative;
	width: 1000px;
	height: auto;
	float: left;
	z-index:5;
}

#siteMain #wideMainPanel #bodyText {
	position: relative;
	width: 816px;
	height: auto;
	float: left;
	z-index:5;
}

#siteMain #extraWideMainPanel #bodyText {
	position: relative;
	width: 1000px;
	height: auto;
	float: left;
	z-index:5;
}

#siteMain #wideMainPanel #bodyText .coArticleNews .news_list {
	padding: 10px 0px;
	margin: 10px 0px;
	border-bottom: 1px solid #8fc8cc;
	/* border: 1px solid red; */
}

#siteMain #wideMainPanel #bodyText .coArticleNews .news_date {
	font-weight: bold;
}

.error_message {
	postition: relative;
	width: auto;
	float: left;
	font-weight: bold;
	color: #E94342;
	margin-bottom: 5px;
}

.success_message {
	postition: relative;
	width: auto;
	float: left;
	font-weight: bold;
	margin-bottom: 5px;
}

/**********************/
/* Shop section start */
/**********************/

/**********************/
/* Department start   */
/**********************/

.department {
	position: relative;
	width: 404px;
	float:left;
	margin-bottom: 5px;
	margin-left: 2px !important; /* all the good browsers will use this, which is nice */
	margin-left: 1px;			 /* ie6 will use this, which is nice */
}

.department .department_top {
	position: relative;
	width: 404px;
	height: 7px;
	float:left;
	background: white url(/res/shop/images_redesign/department_panel_top.png) no-repeat bottom left;
}

.department .department_body {
	position: relative;
	width: 377px;
	height: 90px;
	float:left;
	overflow: hidden;
	border-left:1px solid #8fc8cc;
	border-right:1px solid #8fc8cc;
	color: #005c61;
	padding: 3px 10px 10px 10px;
}

.department .department_body .image {
	width:122px;
	height:75px;
	float:left;
	margin-right:10px;
	postion:relative;
}

.department .department_body .image .thumbnail {
	width:122px;
	height:75px;
	float:left;
	postion:relative;
	border:1px solid #FE9125;
}

.department .department_bottom {
	position: relative;
	width: 404px;
	height: 7px;
	float:left;
	background: white url(/res/shop/images_redesign/department_panel_bottom.png) no-repeat bottom left;
}


.department .department_body .departmentTitle {
	width:225px;
	float:left;
	position:relative;
}

.department .department_body .departmentTitle .categoryTitle {
	width:auto;
	float: left;
	position:relative;
	text-decoration: none;
	padding-bottom: 5px;
}

.department .department_body .departmentTitle .categoryTitle h3 {
	font-size: 1.2em;
	font: bold verdana,arial,sans-serif;
	color: #005c61;
	float: left;
	position:relative;
}

.department .department_body .department_gobtn{
	float: right;
	width: auto;
	height: auto;
}


.department .department_body .departmentRow {
	width:245px;
	float:right;
}

.widePanelBody .departmentBody{
	color: #586B6C;
}

/**********************/
/* Department end 	  */
/**********************/

/**********************/
/* Wide panel start   */
/**********************/

.widePanel {
	position: relative;
	width: 797px;
	height: 20px;
	float: left;
	padding: 4px 5px;
	background: white url(/res/shop/images_redesign/wide_panel.png) no-repeat top left;
	color: #005c61;
	overflow: hidden;
	margin-bottom: 20px;
}

.widePanel a {
	color: #005c61;
	text-decoration: none;
	font-weight: normal;
}

.widePanel a:hover {
	color: #f78a0a;
}

.widePanel .pagination {
	position: relative;
	width: 45%;
	height: auto;
	padding: 2px;
	float: left;
}

.widePanelOrange .filter {
	position: relative;
	width: 45%;
	height: auto;
	float: right;
	text-align: right;
}

.widePanelOrange .filter #filterForm {
	margin:0px;
	display:inline;
}

.widePanelOrange .filter #categoryId {
	width:250px;
	vertical-align:middle;
}

.widePanelOrange .filter #but_go {
	vertical-align:middle;
}

.widePanel .filter {
	position: relative;
	width: 45%;
	height: auto;
	float: right;
	text-align: right;
}

.widePanel .filter #filterForm {
	margin:0px;
	display:inline;
}

.widePanel .filter #categoryId {
	width:250px;
	vertical-align:middle;
}

.widePanel .filter #but_go {
	vertical-align:middle;
}

.widePanelOrange {
	position: relative;
	width: 797px;
	height: 20px;
	float: left;
	padding: 4px 5px;
	background: white url(/res/shop/images_redesign/wide_panel_orange.png) no-repeat top left;
	color: #005c61;
	overflow: hidden;
	margin: 0px 0 10px 2px;
}

.widePanelOrange .pagination {
	position: relative;
	width: 45%;
	height: auto;
	padding: 2px;
	float: left;
	color: #ce740a;
}

.widePanelBody .adviceDetails {
	color: #586B6C;
}

/**********************/
/* Wide panel end     */
/**********************/

/**********************/
/* Product start   */
/**********************/

.wideRow0 {
	height: auto;
}

.wideRow1 {
	height: auto;
}

.wideRow0,
.wideRow1 {
	position:relative;
	width: 100%;
	float:left;
	margin-bottom: 5px;
}

.productRow .surchargeTag {
	right: -3px;
	top: 3px;
	position:absolute;
	height: 37px;
	width: 98px;
	z-index:100;
	background: transparent url(/res/shop/images_redesign/delivery_orange.png) no-repeat bottom left;
	cursor:pointer;
}

/* .productRow .BOFOFTag {
	position:absolute;
	right:-3px;
	top: 43px;
	height: 37px;
	width: 98px;
	z-index:100;
	background: transparent url(/res/shop/images_redesign/BOGOF_orange.png) no-repeat bottom left;
	cursor:pointer;
	
} */

.product0 {
	height: auto;
}

.product1 {
	height: auto;
}

.product0,
.product1 {
	position:relative;
	width: 270px;
	float: left;
	bottom: 0px;
	z-index:20;
	padding-left: 2px;
}

.productInnerTop {
	position:relative;
	width:269px;
	height: 47px;
	float: left;
}

.product1 .productInnerTop {
	height: 47px;
	background: transparent url(/res/shop/images_redesign/recommended_panel_top_orange_blue.png) no-repeat bottom left;
}

.product0 .productInnerTop {
	height: 47px;
	background: transparent url(/res/shop/images_redesign/product_panel_top.png) no-repeat bottom left;
}

/*.product1 .productInnerTop .surchargeTag {
	margin-top: 1px;
	position:relative;
	height: 26px;
	width: 55px;
	float: right;
	z-index:100;
	background: transparent url(/res/shop/images_redesign/delivery.png) no-repeat bottom left;
	cursor:pointer;
}

.product1 .productInnerTop .BOFOFTag {
	position:relative;
	height: 26px;
	width: 50px;
	float: right;
	z-index:100;
	background: transparent url(/res/shop/images_redesign/BOGOF.png) no-repeat bottom left;
	cursor:pointer;
}*/

.productInnerBody {
	position:relative;
	width:249px;
	height: 260px;
	float: left;
	padding: 0px 10px;
	overflow: hidden;
}

.product1 .productInnerBody {
	background: transparent url(/res/shop/images_redesign/product_panel_body_orange_blue.png) repeat-y top left;
}

.product0 .productInnerBody {
	background: transparent url(/res/shop/images_redesign/product_panel_body.png) repeat-y top left;
}

.productInnerBody .image {
	max-width:143px;
	max-height:143px;
	width:143px;
	/*height:143px;*/
	float:left;
	position:absolute;
	overflow: hidden;
	background:white;
	border:1px solid #fe9125;
	top: 3px;
	text-align:center;
}

.productMainBody .image {
	float:left;
	position:relative;
	overflow: hidden;
	background:white;
	border:1px solid #fe9125;
	margin-right: 10px;
	margin-bottom: 10px;
	max-width:160px;
	/* max-height:160px; */
	width:160px;
	text-align: center;
	/* height:160px; */ 
}

.productInnerBody .image .thumbnail {
	/* float:left; */
	position:relative;
}

.productMainBody .image .thumbnail {
	/* float:left; */
	position:relative;
}

.product1 .productInnerTop .productTitle {
	padding: 2px 10px;
	width:150px;
	float:left;
	position:relative;
	overflow: hidden;
	margin-bottom: 5px;
}

.productInnerTop .productTitle a{
	text-decoration: none;
}

.product1 .productInnerTop .productTitle h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #005c61;
}

.product0 .productInnerTop .productTitle {
	padding: 2px 10px;
	width:245px;
	float:left;
	position:relative;
	overflow: hidden;
	margin-bottom: 5px;
}

.product0 .productInnerTop .productTitle h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #005c61;
}

.productMainBody .productTitle {
	position:relative;
	width:65%;
	float: right;
}

.productMainBody .productTitle h1 {
	font-size: 1.1em;
	font-weight: bold;
	color: #005c61;
}

.productMainBody .productTitle .variantRow {
	width:100%;
	float:left;
	margin-bottom:10px;
}

.productMainBody .productTitle .variantRow .variantTitle {
	width:40%;
	float:left;
	position:relative;
	padding-top:5px;
	padding-right:5px;
	font-weight: bold;
}

.productMainBody .productTitle .variantRow .variantTitle ul {
	padding: 0px;
	margin: 0px;
	width: auto;
	margin-left:20px;
}

.productMainBody .productTitle .variantRow .variantPrice {
	width:20%;
	float:left;
	position:relative;
	text-align:right;
	padding-right:5px;
	padding-top:5px;
	font-weight: bold;
}

.productMainBody .productTitle .variantRow .variantQuantity {
	width:5%;
	float:left;
	position:relative;
	text-align:right;
	padding-top:5px;
	padding-right:5px;
}

.productMainBody .productTitle .variantRow .variantForm {
	width:15%;
	float:left;
}

.productMainBody .productTitle .variantRow .variantBuy {
	width:10%;
	float:left;
}

.productInnerBody .productRow {
	position: relative;
	width:100%;
	height: auto;
	float:left;
	margin-bottom: 5px;
	color: #005c61;
}

.productMainBody .productRow {
	position: relative;
	width:100%;
	height: auto;
	float:left;
	margin-bottom: 5px;
	color: #005c61;
	padding-left:4px;
	padding-bottom: 3px;
}

.productMainBody .productRow .info_panel_top,
.productMainBody .productRow .delivery_panel_top {
	position: relative;
	width: 775px;
	height: 17px;
	float: left;
	color: white;
	font-weight: bold;
	padding:3px 5px;
}

.productMainBody .productRow .info_panel_top {
	background: transparent url(/res/shop/images_redesign/info_panel_top.png) no-repeat bottom left;	
}

* html .productMainBody .productRow .info_panel_top {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/res/shop/images_redesign/info_panel_top.png',sizingMethod='scale');	
}

.productMainBody .productRow .delivery_panel_top {
	background: transparent url(/res/shop/images_redesign/delivery_panel_top.png) no-repeat bottom left;	
}

* html .productMainBody .productRow .delivery_panel_top {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/res/shop/images_redesign/delivery_panel_top.png',sizingMethod='scale');	
}

.productMainBody .productRow .info_panel_body,
.productMainBody .productRow .delivery_panel_body {
	position: relative;
	width: 763px;
	height: auto;
	float: left;
	padding:5px 10px;
	background-color: white;
	color: #005c61;
}

.productMainBody .productRow .info_panel_body {
	border-left: 1px solid #e98006;
	border-right: 1px solid #e98006;
}

.productMainBody .productRow .delivery_panel_body {
	border-left: 1px solid #0e99a1;
	border-right: 1px solid #0e99a1;
}

.productMainBody .productRow .delivery_panel_body .surcharge {
	width:auto;
	float:left;
	margin-right:10px;
}

.productMainBody .productRow .info_panel_bottom,
.productMainBody .productRow .delivery_panel_bottom {
	position: relative;
	width: 785px;
	height: 7px;
	float: left;
}

.productMainBody .productRow .info_panel_bottom {
	background: transparent url(/res/shop/images_redesign/info_panel_bottom.png) no-repeat top left;	
}

* html .productMainBody .productRow .info_panel_bottom {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/res/shop/images_redesign/info_panel_bottom.png',sizingMethod='scale');	
}

.productMainBody .productRow .delivery_panel_bottom {
	background: transparent url(/res/shop/images_redesign/delivery_panel_bottom.png) no-repeat top left;	
}

* html .productMainBody .productRow .delivery_panel_bottom {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/res/shop/images_redesign/delivery_panel_bottom.png',sizingMethod='scale');	
}

.productMainBody {
	color: #005c61;
}

.productInnerBody .productRow .inputVariantId {
	width:245px;
	color: #005c61;
}

.productInnerBody .productRow .inputQuantity {
	text-align:left;
	width:45px;
	color: #005c61;
}

.productInnerBottom {
	position:relative;
	width:269px;
	height: 10px;
	float: left;
}

.product1 .productInnerBottom {
	background: transparent url(/res/shop/images_redesign/product_panel_bottom_orange_blue.png) no-repeat top left;
}

.product0 .productInnerBottom {
	background: transparent url(/res/shop/images_redesign/product_panel_bottom.png) no-repeat top left;
	margin-top:-2px;
}

.productMainTop {
	position:relative;
	width:812px;
	height: 10px;
	float: left;
	background: transparent url(/res/shop/images_redesign/main_product_top.png) no-repeat top left;
}

.productMainBody {
	position:relative;
	width:792px;
	height: auto;
	float: left;
	padding: 0px 10px;
	overflow: hidden;
	background: transparent url(/res/shop/images_redesign/main_product_body.png) repeat-y top left;
}

.productMainBottom {
	position:relative;
	width:812px;
	height: 10px;
	float: left;
	background: transparent url(/res/shop/images_redesign/main_product_bottom.png) no-repeat top left;
}
/**********************/
/* Product start   */
/**********************/

.county,
.accounts {
	margin-left: 2px;
	width: 100%;
	float:left;
	border-bottom: 1px solid #8fc8cc;
	margin-bottom: 10px;
}

.accounts .accountsInner {
	width: 392px;
	float: left;
	padding: 10px;
	/* border: 1px solid red; */
}

.accounts .accountsInner h3 {
	font-weight: bold;
	font-size: 1.2em;
	color:#FE9125;
}

.presriptionsBody {
	width: 410px;
	float:left;
	position:relative;
	border-bottom: 1px solid #8fc8cc;
	padding: 10px;
}

.product .filter {
	width:auto;
	float:left;
	margin-right:10px;
}

.presriptions .image {
	width:auto;
	float:left;
	postion:relative;
}

.presriptions .image .thumbnail {
	/* width:100px; */
	margin:10px;
	border:1px solid #FE9125;
}

.presriptions .presriptionsRow {
	width:270px;
	float:right;
	margin:10px 10px 5px 0px;
}

/*************************/
/* Shopping Basket Start */
/*************************/

#siteMain #bodyText #basketPanel {
	width: 100%;
	float: left;
	height: auto;
	overflow: hidden;
}

#siteMain #bodyText #basketPanel #basketTitleRow {
	width: 100%;
	float: left;
	height: 34px;
	overflow: hidden;
}

#siteMain #bodyText #basketPanel #basketTitleRow ul#basket_tabs {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 100%;
	height: 34px;
}

#siteMain #bodyText #basketPanel #basketTitleRow ul#basket_tabs li {
	position: relative;
	float: left; 
	width: auto;
	height: 34px;
} /* fixes some really annoying whitespace problems in ie */

#siteMain #bodyText #basketPanel #basketTitleRow ul#basket_tabs li {
	display: inline;
	height: 34px;
	color: #fff;
	font-weight: bold;
	width: auto;
	display: block;
	background:transparent url(/res/shop/images_redesign/basket_tab_right.gif) no-repeat scroll top right;
	margin-right: 2px;
    padding-right: 14px; /* sliding doors padding */
}


#siteMain #bodyText #basketPanel #basketTitleRow ul#basket_tabs li span {
	display: block;
	height: 34px;
	line-height: 14px;
    padding: 10px 0 10px 10px;
	background:transparent url(/res/shop/images_redesign/basket_tab.gif) no-repeat;	
}

#siteMain #bodyText #basketPanel .basketRow {
	width: 810px;
	float: left;
	border-bottom: 1px solid #93cace;
}

#siteMain #bodyText #basketPanel .basketRow .leftColumn {
	width:426px;
	float:left;
	padding:10px;
}

#siteMain #bodyText #basketPanel .basketRow .midColumn {
	width:142px;
	float:left;
	padding:10px;
}

#siteMain #bodyText #basketPanel .basketRow .midColumn input {
	width: 88px;
	border: 1px solid #8fc8cc;
}

#siteMain #bodyText #basketPanel .basketRow .rightColumn {
	width:182px;
	float:left;
	padding:10px;
}

#siteMain #bodyText #basketPanel .basketRow .rightColumn .priceColumn {
	width:100px;
	float:left;
	text-align:right;
}

#siteMain #bodyText #basketPanel .basketButtonRow {
	margin-top: 10px;
	width: 100%;
	float: left;
}

#siteMain #bodyText #basketPanel .basketButtonRow #basketUpdateButton {
	width: 50%;
	float: left;
}

#siteMain #bodyText #basketPanel .basketButtonRow #basketCheckoutButton {
	width: 50%;
	float: right;
	text-align:right;
}

/***********************/
/* Shopping Basket End */
/***********************/

.presriptions .presriptionsTitle {
	width:400px;
	height: 20px;
	float:left;
	position:relative;
	margin:5px;
}

.presriptions .presriptionsTitle .prescriptionTitle {
	width:auto;
	float:left;
	position:relative;
	text-decoration: none;
}

.presriptions .presriptionsTitle .prescriptionTitle h3 {
	font: bold verdana,arial,sans-serif;
}

/********************/
/* Shop section end */
/********************/

/*****************************/
/* product popup boxes start */
/*****************************/

.popup_container {
	position:relative;        /* establish a popup-relative positioning context */
	float:right;                                     /* play nicely with others */
	padding:0;
	border:0;
	height:33px;                                  /* the popup's overall height */
	width:250px;         /* we always want our popup to fill the available space */
	margin:10px 10px 10px 0px;
}

.popup_container .link {
	position:relative;
	z-index:5;
	width:auto;
	height:auto;
	float:left;
}

.popupbox {
	position: absolute;
	margin:0;
	top:37px;              /* place us just up underneath the top-level images */
	left:3px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:226px;
	background:#A3BEC0;
	display: none;
}

.popupinner {
	position: relative;
	margin:0;
	top:-4px;              /* place us just up underneath the top-level images */
	left:-4px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:226px;
	background:#fff;
	border: 1px solid #fff;
	float: left;
}

.popupbox .title {
	width: 206px;
	float: left;
	height: auto;
	background-color: #2D9099;
	color: #ffffff;
	padding: 5px 10px;
}

.popupbox .body,
.popupbox .closeButton {
	width: 206px;
	float: left;
	height: auto;
	background-color: #92D5DB;
	color: #004646;
	padding: 10px;
}

.popupbox .closeButton {
	text-align: right;
	padding: 0px 10px 3px 10px;
}

/***************************/
/* product popup boxes end */
/***************************/

/***************************/
/* other popup boxes start */
/***************************/

.repeatStartPopup {
	position: relative;
	height:auto;      
	width:100%;
	float: left;
	display: none;
}

.freePrescriptionsSelect {
	position: relative;
	height:auto;      
	width:100%;
	float: left;
	display: none;
	margin-bottom: 10px;
	padding-bottom: 15px;
	border-bottom: 1px solid #8fc8cc;
}

.notFree {
	position: relative;
	height:auto;      
	width:100%;
	float: left;
}

.scrolling_popup_container,
.expanding_popup_container {
	position:relative;        /* establish a popup-relative positioning context */
	float:left;                                     /* play nicely with others */
	padding:0;
	border:0;
	height:15px;                                  /* the popup's overall height */
	width:250px;         /* we always want our popup to fill the available space */
	margin:10px 10px 0px 0px;
}

.scrolling_popup_container .popupbox,
.expanding_popup_container .popupbox {
	position: absolute;
	margin:0;
	top:18px;             /* place us just up underneath the top-level images */
	left:3px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:226px;
	background:#A3BEC0;
	display: none;
}

.scrolling_popup_container .popupbox .body {
	width: 206px;
	float: left;
	height: 206px;
	background-color: #92D5DB;
	color: #004646;
	padding: 10px;
	overflow: auto; /* very long box needs to be scrollable */
}

.expanding_popup_container .popupbox .body {
	width: 206px;
	float: left;
	height: auto;
	background-color: #92D5DB;
	color: #004646;
	padding: 10px;
}

/*************************/
/* other popup boxes end */
/*************************/

/*****************************/
/* Your local pharmacy start */
/*****************************/

.county_inner {
	width: 100%;
	float: left;
	padding: 10px 0px;
}

.county_header {
	width: 794px;
	height: 13px;
	float: left;
	padding: 10px;
	background: #fff url(/res/rowlands/images_redesign/header.png) no-repeat top left;
	color: #00464a;
}

.county_inner .row .pharmacyImage {
	width: 150px;
	height: 120px;
	float:left;
	margin-right:12px;
}

.county_inner .row .pharmacyImage .photograph {
	width: 150px;
	height: 120px;
	max-width:150px;
	max-height:120px;
	border:1px solid #FE9125;
}

.county_inner .row .pharmacyDetails {
	width: 210px;
	float:left;	
	margin-right:12px;
}

.county_inner .row .pharmacyDetails ul li{
	margin-left: -25px;
}

.county_inner .row .openingPanelOuter {
	width: 190px;
	float: left;
	height: auto;
	margin-right:12px;
}

.county_inner .row .openingPanelOuter .openingPanel {
	width: 190px;
	float: left;
	background: #a1e5ea url(/res/rowlands/images_redesign/info_panel.png) no-repeat top left;
}

.county_inner .row .openingPanelOuter .openingPanel td {
	padding: 3px;	
}

.county_inner .row .openingPanelOuter .openingPanel th {
	padding: 10px 3px 3px 3px;	
}

.county_inner .row .openingPanelOuter .openingPanelBottom {
	width: 190px;
	float: left;
	height: 13px;
	background: transparent url(/res/rowlands/images_redesign/info_panel_bottom.png) no-repeat bottom left;
}

.county_inner .row .mapPanelOuter {
	width: 221px;
	height: 220px;
	float:left;
}

.county_inner .row .mapPanelOuter img {
	width: 221px;
	height: 220px;
	float:left;
	background: transparent url(/res/rowlands/images_redesign/locator_overlay.png) no-repeat top left;
}

* html .county_inner .row .mapPanelOuter img {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/res/rowlands/images_redesign/locator_overlay.png',sizingMethod='crop');	
}

/***************************/
/* Your local pharmacy end */
/***************************/

/***********************/
/* Advice Centre start */
/***********************/

.conditions .conditionRow {
	width:780px;
	float:left;
	padding:1px 0px;
}

.conditions .conditionRow a {
	color:#3b5c61;
	text-decoration: none;
}

.conditions .conditionRow a:hover {
	color:#f28609;
}

#siteMain #bodyText .header {
	position: relative;
	width: 800px;
	height: auto;
	float: left;
	overflow: hidden;
	margin-top:6px;
	margin-bottom:6px;
}

#siteMain #bodyText .header h1,
#siteMain #bodyText .header h2 {
	margin: 2px 6px;
	font-weight: bold;
	width:100%;
	float:left;
}

#siteMain #wideMainPanel #bodyText .widePanelTop {
	width: 810px;
	height: 9px;
	float: left;
	position: relative;
	background: #fff url(/images/general_redesign/wide_panel_top.png) no-repeat bottom left;
}

#siteMain #wideMainPanel #bodyText .widePanelTopOrange {
	width: 810px;
	height: 7px;
	float: left;
	position: relative;
	background: #fff url(/images/general_redesign/wide_panel_top_orange.png) no-repeat bottom left;
}

#siteMain #wideMainPanel #bodyText .widePanelTopOrangeAlt {
	width: 810px;
	height: 7px;
	float: left;
	position: relative;
	background: #fff url(/images/general_redesign/wide_panel_top_orange_alt.png) no-repeat bottom left;
	margin-left:2px !important;
	margin-left:1px;
}

#siteMain #extraWideMainPanel #bodyText .extraWidePanelTop {
	width: 1000px;
	height: 9px;
	float: left;
	position: relative;
	background: #fff url(/images/general_redesign/extrawide_panel_top.png) no-repeat bottom left;
}

#siteMain #wideMainPanel #bodyText .widePanelBody {
	width: 780px;
	height: auto;
	float: left;
	padding:5px 15px;
	position: relative;
	background: #fff url(/images/general_redesign/wide_panel_body.png) repeat-y bottom left;
	color: #005c61;
}

#siteMain #wideMainPanel #bodyText .widePanelBodyOrange {
	width: 780px;
	height: auto;
	float: left;
	padding:15px;
	position: relative;
	background: #fff url(/images/general_redesign/wide_panel_body_orange.png) repeat-y bottom left;
	color: #005c61;
}

#siteMain #wideMainPanel #bodyText .widePanelBodyOrangeAlt {
	width: 780px;
	height: auto;
	float: left;
	padding:15px;
	position: relative;
	background: #fff url(/images/general_redesign/wide_panel_body_orange_alt.png) repeat-y bottom left;
}

#siteMain #extraWideMainPanel #bodyText .extraWidePanelBody {
	width: 1000px;
	height: auto;
	float: left;
	padding:15px;
	position: relative;
	background: #fff url(/images/general_redesign/extrawide_panel_body.png) repeat-y bottom left;
	color: #005c61;
}

#siteMain #wideMainPanel #bodyText .widePanelBody .rightLink,
#siteMain #wideMainPanel #bodyText .rightLink {
	width: 780px;
	height: auto;
	float: left;
	padding-bottom:5px;
	position: relative;
	text-align:right;
}

#siteMain #wideMainPanel #bodyText .widePanelBody .row,
#siteMain #wideMainPanel #bodyText .widePanelBody .intro,
#siteMain #wideMainPanel #bodyText .widePanelBody .sectionHeader {
	width: 744px;
	height: auto;
	float: left;
	position: relative;
}

#siteMain #wideMainPanel #bodyText .widePanelBodyOrange .row,
#siteMain #wideMainPanel #bodyText .widePanelBodyOrange .intro,
#siteMain #wideMainPanel #bodyText .widePanelBodyOrange .sectionHeader {
	width: 744px;
	height: auto;
	float: left;
	position: relative;
}

#siteMain #extraWideMainPanel #bodyText .extraWidePanelBody .row,
#siteMain #extraWideMainPanel #bodyText .extraWidePanelBody .intro,
#siteMain #extraWideMainPanel #bodyText .extraWidePanelBody .sectionHeader {
	width: 964px;
	height: auto;
	float: left;
	position: relative;
}

#siteMain #wideMainPanel #bodyText .widePanelBody .sectionBlueBorder {
	width: 780px;
	float: left;
	margin-bottom: 15px;
	padding-bottom: 20px;
	border-bottom: 1px solid #8fc8cc;
}

#siteMain #extraWideMainPanel #bodyText .extraWidePanelBody .sectionBlueBorder {
	width: 970px;
	float: left;
	margin-bottom: 15px;
	padding-bottom: 20px;
	border-bottom: 1px solid #8fc8cc;
}

#siteMain #wideMainPanel #bodyText .widePanelBody .sectionTrebleDivider,
#siteMain #extraWideMainPanel #bodyText .extraWidePanelBody .sectionTrebleDivider {
	width: 33%;
}

#siteMain #wideMainPanel #bodyText .widePanelbottom {
	width: 810px;
	height: 9px;
	float: left;
	background: #fff url(/images/general_redesign/wide_panel_bottom.png) no-repeat top left;
	margin-bottom:5px;	
}

#siteMain #wideMainPanel #bodyText .widePanelBottomOrange {
	width: 810px;
	height: 10px;
	float: left;
	background: #fff url(/images/general_redesign/wide_panel_bottom_orange.png) no-repeat top left;	
}

#siteMain #wideMainPanel #bodyText .widePanelBottomOrangeAlt {
	width: 810px;
	height: 10px;
	float: left;
	background: #fff url(/images/general_redesign/wide_panel_bottom_orange_alt.png) no-repeat top left;	
	margin-left:2px;
	margin-left:2px !important;
	margin-left:1px;
}

#siteMain #extraWideMainPanel #bodyText .extraWidePanelbottom {
	width: 1000px;
	height: 9px;
	float: left;
	background: #fff url(/images/general_redesign/extrawide_panel_bottom.png) no-repeat top left;	
}

#siteMain #wideMainPanel #bodyText .conditions {
	position: relative;
	width: 816px;
	height: auto;
	float: left;
	display: inline;
	overflow: hidden;
}

#siteMain #wideMainPanel #bodyText .widePanelBody .conditions {
	position: relative;
	width: 780px;
	height: auto;
	float: left;
	display: inline;
	overflow: hidden;
}

#siteMain #extraWideMainPanel #bodyText .extraWidePanelBody .conditions {
	position: relative;
	width: 1000px;
	height: auto;
	float: left;
	display: inline;
	overflow: hidden;
}

#siteMain #wideMainPanel #bodyText .conditions .adviceRow {
	width: auto;
	float:left;
	padding:10px;
}

#siteMain #extraWideMainPanel #bodyText .conditions .adviceRow {
	width: 980px;
	float:left;
	padding:10px;
}

#siteMain #wideMainPanel #bodyText .conditions .askPharmacistRow {
	padding:10px;
}

#siteMain #wideMainPanel #bodyText .conditions .adviceRow .adviceThumbnail {
	width:142px;
	float:left;
	margin-right:10px;
	border:1px solid #FE9125;
}

#siteMain #wideMainPanel #bodyText .conditions .adviceRow .adviceMore {
	width:51px;
	height:19px;
	margin:10px;
	float:right;
	background:transparent url('/res/advice/images_redesign/more.png') no-repeat top left;
}

* html #siteMain #wideMainPanel #bodyText .conditions .adviceRow .adviceMore {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/res/advice/images_redesign/more.png',sizingMethod='crop');	
}

#siteMain #wideMainPanel #bodyText .alphabetRow {
	width: 780px;
	height:27px;
	float:left;
	padding:1px 0px;
}

#siteMain #wideMainPanel #bodyText .alphabetRow .letter {
	display: block;
	height:26px;
	width:27px;
	float:left;
	_margin-right: -2px;
}

#siteMain #wideMainPanel #bodyText .alphabetRow .letter a {
	display: block;
	height:27px;
	width:26px;
	background:transparent url('/res/advice/images_redesign/lo.png') no-repeat top left;
}

#siteMain #wideMainPanel #bodyText .alphabetRow .letter a img {
	position: relative;
	height:27px;
	width:26px;
}

#siteMain #wideMainPanel #bodyText .alphabetRow .letter a:hover,
#siteMain #wideMainPanel #bodyText .alphabetRow .letter .currentLetter {
	background-image:url('/res/advice/images_redesign/hi.png');
	height:27px;
	width:26px;
	position: relative;
}

#siteMain #wideMainPanel #bodyText .alphabetRow #viewAllBtn{
	width: 76px;
	height: 27px;
	float:left;
	background:url('/res/advice/images_redesign/viewallhi.png')  no-repeat;
	margin-right: 1px;
	padding-bottom: -2px;
}

#siteMain #wideMainPanel #bodyText .alphabetRow #viewAllBtn a{
	width: 76px;
	height: 27px;
	float:left;
	background:url('/res/advice/images_redesign/viewalllo.png')  no-repeat;
	margin-right: 1px;
}

#siteMain #wideMainPanel #bodyText .alphabetRow #viewAllBtn a:hover{
	width: 76px;
	height: 27px;
	float:left;
	background:url('/res/advice/images_redesign/viewallhi.png')  no-repeat;
}

/*********************/
/* Advice Centre end */
/*********************/

/*****************************/
/* product popup boxes start */
/*****************************/

.county_inner .popup_container {
	position:relative;        /* establish a popup-relative positioning context */
	float:left;                                     /* play nicely with others */
	padding:0;
	border:0;
	height:33px;                                  /* the popup's overall height */
	width:390px;         /* we always want our popup to fill the available space */
	margin:10px 10px 10px 0px;
}

.county_inner .popup_container .link {
	position:relative;
	z-index:5;
	width:auto;
	height:auto;
	float:left;
}

.county_inner .popupbox {
	position: absolute;
	margin:0;
	top:25px;              /* place us just up underneath the top-level images */
	left:3px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:400px;
	background:#A3BEC0;
	display: none;
}

.county_inner .popupinner {
	position: relative;
	margin:0;
	top:-4px;              /* place us just up underneath the top-level images */
	left:-4px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:400px;
	background:#fff;
	border: 1px solid #fff;
	float: left;
}

.county_inner .popupbox .title {
	width: 400px;
	float: left;
	height: auto;
	background-color: #2D9099;
	color: #ffffff;
	padding: 5px 10px;
}

.county_inner .popupbox .closeButton {
	width: 400px;
	float: left;
	height: auto;
	background-color: #92D5DB;
	color: #004646;
	padding: 10px;
}


.county_inner .popupbox .body {
	width: 400px;
	height:400px;
	float: left;
	background:#92D5DB url('/res/rowlands/images/nomap.gif') no-repeat center center;
	padding: 10px;
}

.popupbox .closeButton {
	text-align: right;
	padding: 0px 10px 3px 10px;
}

/***************************/
/* product popup boxes end */
/***************************/

#coSiteFooter {
	position: static;
}

#coSiteFooter li .link {
	position: static;
}

#coSiteFooter li .corner {
	position: static;
}

.printLogo {
	display:none;
}