/* 
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 #mainPanel {
	overflow: visible;
}

#siteMain #mainPanel #bodyText {
	position:relative;	
}

#siteMain #mainPanel #bodyText #bodyPadder {
	margin: 0px 10px 0px 5px;
}

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

/*  */

.product,
.product0,
.product1,
.department,
.subSections,
.basket,
.presriptions, 
.county,
.accounts {
	margin-left: 2px;
	width: 431px;
	float:left;
	background: transparent url(/images/general/horiz_dotted.gif) repeat-x bottom left;
}

.productInner {
	width: 100%;
	float: left;
}

.product1 .productInner {
	background: transparent url(/res/shop/images/rowlands_recommends.gif) no-repeat top right;
}

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

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

.conditions {
	margin-left: 1px;
	width: 432px;
	float:left;
}

.product1 {
	background: #CFEAEC url(/images/general/horiz_dotted.gif) repeat-x bottom left;
}

.departmentBody,
.presriptionsBody {
	margin-left: 1px;
	width: 410px;
	float:left;
	position:relative;
	background: transparent url(/images/general/horiz_dotted.gif) repeat-x bottom left;
	padding: 10px;
}

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

.product .pagination {
	width:auto;
	float:left;
	padding:10px;
}

.product .paginationSelection {
	width:auto;
	height: 15px;
	float:left;
	overflow: hidden;
	padding: 10px;
}

.product .image,
.product0 .image,
.product1 .image {
	width:160px;
	float:left;
	postion:relative;
	overflow: hidden;
}

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

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

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

.department .departmentRow {
	width:250px;
	float:right;
	margin:0px 10px 5px 0px;
	font-size: 0.9em;
}

.presriptions .presriptionsRow {
	width:270px;
	float:right;
	margin:10px 10px 5px 0px;
	font-size: 0.9em;
}

.product .productRow,
.product0 .productRow,
.product1 .productRow {
	width:250px;
	float:right;
	margin:10px 10px 5px 0px;
	font-size: 0.9em;
}

.product .productRow h3,
.product0 .productRow h3,
.product1 .productRow h3,
.product .wideProductRow h3 {
	font: bold 1em verdana,arial,sans-serif;
}

.product .wideProductRow {
	width:410px;
	float:left;
	padding:10px;
}

.product0 .wideProductRow,
.product1 .wideProductRow {
	width:410px;
	float:left;
	padding:10px 10px 0px 10px;
}

.product0 .wideProductRow h3,
.product1 .wideProductRow h3 {
	font: bold 1.3em arial,verdana,sans-serif;
}

.basket .basketRow,
.basket .basketTitleRow,
.basket .basketTotalRow {
	width:420px;
	float:left;
	padding:5px;
}

.basket .basketRow {
	font-size: 0.9em;
}

.basket .basketTitleRow {
	background: transparent url(/images/general/horiz_dotted.gif) repeat-x bottom left;
}

.basket .basketTotalRow {
	background: transparent url(/images/general/horiz_dotted.gif) repeat-x top left;
}

.basket .basketLeft {
	width: auto;
	float: left;
	padding: 5px;
}

.basket .basketRight {
	width: auto;
	float: right;
	padding: 5px;
}

.basket .basketTitle {
	width: 160px;
	float: left;
	padding: 5px;
	overflow: hidden;
}

.basket .basketQuantity {
	width: 60px;
	float: left;
	padding: 5px;
	overflow: hidden;
}

.basket .basketPrice {
	width: 75px;
	float: left;
	padding: 5px;
	overflow: hidden;
	text-align:right;
}

.basket .basketButton {
	width:auto;
	float: right;
	text-align: right;
	padding:5px;
}

.basket .basketUpdateButton {
	width:auto;
	float: left;
	text-align: right;
	padding:5px;
}

.basket .basketCheckoutButton {
	width:auto;
	float: right;
	text-align: right;
	padding:5px;
}

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

.department .departmentTitle {
	width:250px;
	float:right;
	position:relative;
	margin:10px 10px 5px 0px;
}

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

.department .departmentTitle .categoryTitle h3,
.presriptions .presriptionsTitle .prescriptionTitle h3 {
	font: bold 0.9em 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;
	font-size: 0.9em;
	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;
	background: transparent url(/images/general/horiz_dot_orange.gif) repeat-x bottom left;
}

.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:0px 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: 412px;
	float: left;
	padding: 10px;
}

.county_inner .opening {
	width: 150px;
	float: left;
	padding: 3px;
	border: 1px solid #00464A;
	background: #C5E6E8;
}

.county_inner .panel {
	width: 48%;
	float: left;
	margin-bottom: 10px;
	margin-right: 2%;
	/* overflow: hidden; */
}

.county_inner .panel .row {
	width: 98%;
	float: left;
	padding-bottom: 2%;
}

.county_inner .panel .row .photograph {
	border:2px solid #FE9125;
}

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

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

.conditions .adviceRow {
	width:410px;
	float:left;
	padding:10px;
}

.conditions .conditionRow {
	width:410px;
	float:left;
	padding:1px 10px;
}

.alphabetRow {
	width:406px;
	float:left;
	padding:3px 12px;
}

.conditions .conditionRow a {
	text-decoration: none;
}

.advice_header_curve {
	margin-left: 2px;
	width: 429px;
	height: 16px;
	float:left;
	background: transparent url('/images/general/header_curve_main.gif') no-repeat bottom right;
}


.advice_header_curve .header {
	position: relative;
	width: 418px;
	height: 16px;
	float: left;
	display: inline;
	background-color: #00A2AC;
	overflow: hidden;
}


.advice_header_curve .header h2 {
	margin: 2px 6px;
	font-weight: bold;
	font-size: 0.9em;
	color: #fff;
	width:300px;
	float:left;
}


.advice_header_curve .header h2 img {
	width: 9px;
	height: 9px;
	margin-left: 5px;
	vertical-align: bottom;
	background: transparent url('/images/general/down_arrow_main.gif') no-repeat bottom left;
}

.advice_header_curve .header .link {
	position:relative;
	top:0;
	width:auto;
	float:right;
	color:#ffffff;
}

.advice_header_curve .header .link a {
	color:#ffffff;
	text-decoration: none;
}

.advice_header_curve .header .link a:hover {
	color:#FE9125;
}

.letter {
	width: auto;
	float:left;
	margin:0;
}

/*********************/
/* 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;
	font-size: 0.9em;
	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;
}

/***********************/
/* Prescriptions start */
/***********************/

.prescriptionBoxTop,
.checkoutBoxTop {
	width: 788px;
	height: 19px;
	float: left;
	background: transparent url('/res/prescriptions/images/top_border.gif') no-repeat top left;
}

.prescriptionBox,
.checkoutBox {
	width: 744px;
	float: left;
	background: #ffffff;
	border-left: 2px solid #C5E6E8;
	border-right: 2px solid #C5E6E8;
	padding: 20px;
	/* overflow: hidden; Please do not re-enable this. The info pop-ups won't fully display with this turned on. */
}

.prescriptionBoxBottom,
.checkoutBoxBottom {
	width: 788px;
	height: 19px;
	float: left;
	background: transparent url('/res/prescriptions/images/bottom_border.gif') no-repeat top left;
}

#siteMain .prescriptionBox .row,
#siteMain .checkoutBox .row {
	width: 744px;
	height: auto;
	float: left;
	position: relative;
}

#siteMain .prescriptionBox .intro,
#siteMain .checkoutBox .intro {
	width: 744px;
	height: auto;
	float: left;
	position: relative;
}

#siteMain .prescriptionBox .sectionHeader,
#siteMain .checkoutBox .sectionHeader {
	width: 744px;
	height: auto;
	float: left;
	position: relative;
}

#siteMain .prescriptionBox .sectionBlueBorder,
#siteMain .checkoutBox .sectionBlueBorder {
	width: 744px;
	height: auto;
	float: left;
	position: relative;
}

#siteMain .prescriptionBox .sectionOrangeBorder,
#siteMain .checkoutBox .sectionOrangeBorder,
#siteMain .prescriptionBox .sectionOrangeBorder .row,
#siteMain .checkoutBox .sectionOrangeBorder .row {
	width: 744px;
	height: auto;
	float: left;
	/* position: relative; */
}

#siteMain .prescriptionBox .row .sectionTrebleDivider,
#siteMain .prescriptionBox .sectionOrangeBorder .sectionTrebleDivider,
#siteMain .checkoutBox .row .sectionTrebleDivider,
#siteMain .checkoutBox .sectionOrangeBorder .sectionTrebleDivider {
	width: 30%;
}
/*********************/
/* Prescriptions end */
/*********************/

.printLogo {
	display:none;
}