html
{
background:#fff;
}

body
{
margin:0;
padding:0;
text-align:center;
font-family:Tahoma, Verdana, Helvetica, sans-serif;
font-size:0.7em;
line-height:1.6em;
font-weight:normal;
background:#fff;
color:#3f3f3f;
}

pre
{
font-size:1.4em;
color:#bbb;
background:#000;
padding:1em;
}


.clear
{
clear:both;
}



.none
{
clear:none !important;
}


a:link,
a:visited
{
color:#ec008c;
text-decoration:underline;
}

a:hover
{
text-decoration:underline !important;
}

a img
{
border:0;
}





h2
{
clear:left;
color:#ec008c;
font-size:1.8em;
font-weight:normal;
margin-top:0;
padding-top:0;
}

h2 img
{
vertical-align:top;
}


h3
{
margin-top:2em;
}


.perky
{
color:#ec008c;
}

.success
{
background:#7abb33;
color:#fff;
padding:1em;
margin:0 0 30px 0;
}

.error
{
background:#ec004e;
color:#fff;
padding:1em;
margin:0 0 30px 0;
}
.error h3, 
.success h3
{
margin:0;
padding:0;
}



.error a:link,
.error a:visited
{
font-weight:bold;
color:#fbd9ed;
}

.success a:link,
.success a:visited
{
font-weight:bold;
color:#d5ebbc;
}




#content ul
{
list-style-type:none;
}
#content ul li
{
list-style-type:none;
background:url('../img/layout/bullets/pink.png') no-repeat left 0.2em;
padding:0.25em 0 0.25em 1.5em;
}
#content .error ul li, 
#content .success ul li
{
list-style-type:none;
background:url('../img/layout/bullets/white.png') no-repeat left 0.2em;
padding:0.25em 0 0.25em 1.5em;
}



#content ul li a:link,
#content ul li a:visited
{
text-decoration:none;
}
















#wrapper
{
width:983px;
margin:0 auto;
background:url('../img/layout/bodyBg.png') no-repeat left top;
text-align:left;
position:relative;
}



#blob_myBasket
{
position:absolute;
top:0;
left:1em;
width:135px;
height:109px;
z-index:20;
}
#blob_myAccount
{
position:absolute;
top:0;
left:125px;
width:135px;
height:109px;
z-index:15;
}
#myBasketCount
{
position:absolute;
top:44px;
left:70px;
color:#fff;
}
.blob
{
border:0;
}



#header
{
background:url('../img/layout/dotHorizontal.png') repeat-x right bottom;
position:relative;
width:100%;
height:160px;
opacity:0.9;
opacity:1;
}


#header h1
{
margin:0;
padding:0;
position:absolute;
bottom:1em;
right:0;
}
#header h1 img
{
border:0;
}


#globalNavigationWrapTop
{
background:#dddee0 url('../img/layout/globalNavigationBgTop.png') no-repeat left bottom;
text-align:right;
padding:0 1em 0 0;
width:99%;
}


/* globalNavigation used in header and the footer, hence a class. */
#globalNavigationWrapTop .globalNavigation
{
margin:0;
padding:1em;
list-style-type:none;
}
#globalNavigationWrapTop .globalNavigation li
{
display:inline;
margin:0 0 0 1em;
}
#globalNavigationWrapTop .globalNavigation li a:link,
#globalNavigationWrapTop .globalNavigation li a:visited
{
color:#666;
text-decoration:none;
}

#header #globalNavigationWrap{
	font-weight:bold;
}

#globalNavigationWrap
{
background:#dddee0 url('../img/layout/globalNavigationBg.png') no-repeat left bottom;
text-align:right;
padding:0 1em 0 0;
width:99%;
}

/* globalNavigation used in header and the footer, hence a class. */
#globalNavigationWrap .globalNavigation
{
margin:0;
padding:1em;
list-style-type:none;
}
#globalNavigationWrap .globalNavigation li
{
display:inline;
margin:0 0 0 1em;
}
#globalNavigationWrap .globalNavigation li a:link,
#globalNavigationWrap .globalNavigation li a:visited
{
color:#666;
text-decoration:none;
}





















/* *** main content area *** */

#contentWrap
{
margin:2em 0;
}




/* sidebars and panels */

#sideOne
{
width:240px;
float:left;
}

	#socialMedia {
		padding:0 0 0 2.7em;
		}

#content
{
width:502px;
float:left;
margin:0 0 2em 0;
}



#contentWide
{
width:740px;
float:left;
margin:0 0 2em 0;
}



#sideTwo
{
float:left;
width:240px;
}






/* boxes */

/* search */
#sideSearchWrap
{
width:206px;
background:#00aeef url('../img/layout/box/search/searchTop.png') no-repeat left top;
padding:3em 0 0 0;
}
#sideSearchWrap form
{
margin:0;
padding:0 0 2em 0;
background:#00aeef url('../img/layout/box/search/searchBottom.png') no-repeat left bottom;
}
#sideSearchWrap form input#searchInput
{
width:130px;
height:21px;
background:url('../img/layout/box/search/searchInput.png') no-repeat left bottom;
border:0;
margin:0 0 2em 30px;
padding:0 5px;
float:left;
}



/* categories */
#sideCategoriesWrap
{
width:206px;
background:#fff url('../img/layout/box/categories/sideCategoriesBg.png') no-repeat left top;
margin:1em 0 0 0;
padding:3em 0 0 0;
font-size:1.2em;
}



#sideCategoriesWrap #categoryList
{
margin:2em 0 2em 30px;
padding:0;
list-style-type:none;
}
#sideCategoriesWrap #categoryList strong
{
cursor:pointer;
}
#sideCategoriesWrap #categoryList a:link,
#sideCategoriesWrap #categoryList a:visited
{
color:#4b4b4b;
text-decoration:none;
}

#sideCategoriesWrap #categoryList li ul.subList
{
display:none;
margin:0 0 1em 1em;
padding:0;
list-style-type:none;
}
#sideCategoriesWrap #categoryList li ul.subList li a:link,
#sideCategoriesWrap #categoryList li ul.subList li a:visited
{
color:#ec008c;
text-decoration:none;
}








#sideContactBlock
{
margin:0 0 2em 30px;
}
#sideContactBlock img
{
display:block;
border:0;
margin:0 0 1em 0;
}





/* product listings */
.productBox
{
clear:both;
margin:0 0 2em 0;
padding:2em 0 0 0;
border-top:1px solid #dddee0;
}
.productBox h3
{
margin:0 0 1em 0;
padding:0;
}
.productBox .productImage
{
float:left;
width:180px;
position:relative;
}
.productBox .productImage img
{
border:0;
}

.sticker
{
position:absolute !important;
z-index:99;
}
.productBox .sticker.specialOffer
{
top:-1em;
left:-1em;
}
.productBox .sticker.new,
.featuredProduct .sticker.new
{
bottom:-0.75em;
left:-0.75em;
}

.productImageLarge
{
width:370px;
float:left;
position:relative;
}

.productImageLarge .sticker.new
{
position:absolute;
top:-1em;
left:0;
}



.productBox .productDetailLarge
{
float:left;
width:335px !important;
margin-left:20px;
}
.productBox .productDetailLarge h2
{
margin:0;
padding:0;
}

.productBox .productDetail
{
float:left;
width:315px;
margin:0 0 0 30px;
}
.productBox .productDetail h3 a:link,
.productBox .productDetail h3 a:visited
{
color:#ec008c;
text-decoration:none;
}

.productBox .productOptions
{
float:left;
width:180px;
margin:0 0 0 30px;
padding:2em 0 0 0;
}
.productBox .productOptionsLarge
{
padding:2em 0 0 0;
}

.productBox .productOptions a:link,
.productBox .productOptions a:visited, 
.productBox .productOptionsLarge a:link,
.productBox .productOptionsLarge a:visited, 
.featuredDetail a:link,
.featuredDetail a:visited
{
display:block;
margin:0 0 1em 0;
text-decoration:none;
}

a.plusPink:link,
a.plusPink:visited
{
display:block;
margin:0 0 1em 0;
text-decoration:none;
color:#ec008c;
background:url('../img/layout/common/plusPink.png') no-repeat left center;
padding:0 0 0 2.5em;
line-height:2em;
}
a.plusBlue:link,
a.plusBlue:visited
{
display:block;
margin:0 0 1em 0;
text-decoration:none;
color:#00aeef;
background:url('../img/layout/common/plusBlue.png') no-repeat left center;
padding:0 0 0 2.5em;
line-height:2em;
}


ul.productBullets
{
margin:2em 0;
padding:0;
list-style-type:disc;
list-style-position:inside;
color:#ec008c;
}






/* related products */
#relatedProducts
{
background:url('../img/layout/dotHorizontal.png') repeat-x right top;
padding:2em 0 0 0;
}

.relatedProduct
{
float:left;
width:220px;
margin:0 30px 0 0;
border-right:1px solid #dddee0;
}
























/* footer */
#footerWrap
{
clear:both;
background:url('../img/layout/dotHorizontal.png') repeat-x right top;
font-size:0.85em;
padding:2em 0 0 0;
}
#footerRegistration
{
float:right;
width:45%;
line-height:1.6em;
text-align:right;
}



/* colors for the bottom global nav... */
#footerWrap .globalNavigation, 
#footerWrap ul
{
margin:0;
padding:0 0 0.5em 0;
list-style-type:none;
}

#footerWrap .globalNavigation li, 
#footerWrap ul li
{
display:inline;
margin:0 1em 0 0;
}

#footerWrap #footerNavigationTwo ul li a:link,
#footerWrap #footerNavigationTwo ul li a:visited
{
color:#666;
text-decoration:none;
}
#footerWrap .globalNavigation li a:link,
#footerWrap .globalNavigation li a:visited
{
color:#ec008c;
text-decoration:none;
}



#footerWrap p a:link,
#footerWrap p a:visited
{
margin:0 1em 0 0;
text-decoration:none;
}







/* basket */
.inputSmall
{
width:25px;
}

table#basketTable
{
width:740px;
margin:0 0 2em 0;
}
table#basketTable th, 
table#basketTable td
{
padding:10px 10px;
margin:0;
vertical-align:top;
}

#basketTable thead tr th
{
color:#fff;
}

th
{
background:#00AEEF;
}
#basketTable td
{
border-bottom:1px solid #DDDEE0;
}



.cornerTL
{
background:#00AEEF url('../img/layout/corners/blue_tl.png') no-repeat left top; 
}
.cornerTR
{
background:#00AEEF url('../img/layout/corners/blue_tr.png') no-repeat right top; 
}
.cornerBR
{
background:#00AEEF url('../img/layout/corners/blue_br.png') no-repeat right bottom; 
}
.cornerBL
{
background:#00AEEF url('../img/layout/corners/blue_bl.png') no-repeat left bottom; 
}


.cornerGreyTL
{
background:#DDDEE0 url('../img/layout/corners/grey_tl.png') no-repeat left top; 
}
.cornerGreyTR
{
background:#DDDEE0 url('../img/layout/corners/grey_tr.png') no-repeat right top; 
}
.cornerGreyBR
{
background:#DDDEE0 url('../img/layout/corners/grey_br.png') no-repeat right bottom; 
}
.cornerGreyBL
{
background:#DDDEE0 url('../img/layout/corners/grey_bl.png') no-repeat left bottom; 
}


.cornerErrorTL
{
background:url('../img/layout/corners/error_tl.png') no-repeat left top; 
}
.cornerErrorTR
{
background:url('../img/layout/corners/error_tr.png') no-repeat right top; 
}
.cornerErrorBR
{
background:url('../img/layout/corners/error_br.png') no-repeat right bottom; 
}
.cornerErrorBL
{
background:url('../img/layout/corners/error_bl.png') no-repeat left bottom; 
}


.cornerSuccessTL
{
background:url('../img/layout/corners/success_tl.png') no-repeat left top; 
}
.cornerSuccessTR
{
background:url('../img/layout/corners/success_tr.png') no-repeat right top; 
}
.cornerSuccessBR
{
background:url('../img/layout/corners/success_br.png') no-repeat right bottom; 
}
.cornerSuccessBL
{
background:url('../img/layout/corners/success_bl.png') no-repeat left bottom; 
}











/* featured - on homepage */
#featuredWrap
{
background:url('../img/layout/dotHorizontal.png') repeat-x left bottom;
margin:0 0 2em 0;
}

.featuredProduct
{
width:238px;
min-height:150px;
float:right;
border:1px solid #a5a6a6;
margin:0 0 20px 0;
line-height:1.5em;
position:relative;
}
.featuredProduct a:link,
.featuredProduct a:visited
{
color:#ec008c;
}
.featuredImage
{
float:left;
padding:10px 0 10px 10px;
position:relative;
max-width:75px;
z-index:10;
}
.featuredImage img.productImage
{
}
.featuredDetail
{
float:right;
clear:right;
width:120px;
margin:0;
padding:10px;
text-align:right;
z-index:20;
position:relative;
}


.nomargin
{
margin:0 0 20px 0 !important;
float:left;
clear:left;
}









/* sidetwo boxes */
.sideTwoBox
{
clear:right;
float:right;
width:207px;
color:#fff;
margin:0 0 1.5em 0;
}
#boxPrescriptions
{
background:#00abef url('../img/layout/box/prescriptionsTop.png') no-repeat center top;
}
#boxPrescriptions p
{
padding:0 20px 20px 20px;
margin:75px 0 0 0;
background:url('../img/layout/box/prescriptionsBottom.png') no-repeat center bottom;
}

#boxPrivatePrescriptions
{
background:#00abef url('../img/layout/box/privateprescriptionsTop.png') no-repeat center top;
}
#boxPrivatePrescriptions p
{
padding:0 20px 20px 20px;
margin:75px 0 0 0;
background:url('../img/layout/box/privateprescriptionsBottom.png') no-repeat center bottom;
}

#boxNHSPrescriptions
{
background:#693191 url('../img/layout/box/NHSprescriptionsTop.png') no-repeat center top;
}
#boxNHSPrescriptions p
{
padding:0 20px 20px 20px;
margin:75px 0 0 0;
background:url('../img/layout/box/NHSprescriptionsBottom.png') no-repeat center bottom;
}

div.medicationSection1
{
	float:left;
}

div.medicationRow1
{
	float:left;
}

form.normalForm div.medicationRow1 input
{
	float:left;
	clear:none;
	width:8em;
	margin: 0 1em 1em;
}

form.normalForm div.medicationRow1 label
{
	float:left;
	clear:none;
	width:4em;
}


form.normalForm input.checkbox
{
	float:left;
	width:1em;
	margin-right:1em;
	margin-left:0.5em;
}

form.normalForm div.orderType label{
	width:32em;
}

form.normalForm div.orderType{
	border-top:dashed #ccc 1px;
	padding:0.5em;
}

form.normalForm div.orderType p{
	color:#00AEEF;	
	float:left;	
	margin:0em;
	clear:none;
}

div.medicationSection2
{
	float:left;
}

div.medicationRow2
{
	float:left;
}

form.normalForm div.medicationRow2 input
{
	float:left;
	clear:none;
	width:8em;
	margin: 0 1em 1em;
}

form.normalForm div.medicationRow2 label
{
	float:left;
	clear:none;
	width:4em;
}

.normalForm input.radio{
	width:4em;
}

#boxHelp
{
background:#eb008b url('../img/layout/box/helpTop.png') no-repeat center top;
}
#boxHelp p
{
padding:0 20px 20px 20px;
margin:50px 0 0 0;
background:url('../img/layout/box/helpBottom.png') no-repeat center bottom;
}

#boxGP
{
background:#693191 url('../img/layout/box/gpTop.png') no-repeat center top;
}
#boxGP p
{
padding:0 20px 20px 20px;
margin:50px 0 0 0;
background:url('../img/layout/box/gpBottom.png') no-repeat center bottom;
}


#boxSpecial
{
background:#00abef url('../img/layout/box/specialTop.png') no-repeat center top;
}
#boxSpecial p
{
padding:0 20px 20px 20px;
margin:50px 0 0 0;
background:url('../img/layout/box/prescriptionsBottom.png') no-repeat center bottom;
}






#boxCustomer
{
background:#fff url('../img/layout/box/boxMyAccount.png') no-repeat center top;
color:#666;
padding-top:50px;
}
#boxCustomer h3
{
padding:0 20px 0 20px;
}
#boxCustomer p, 
#boxCustomer ul
{
padding:0 20px 10px 40px;
}


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


.sideTwoBox#boxCustomer a:link,
.sideTwoBox#boxCustomer a:visited
{
color:#00AEEF !important;
text-decoration:none;
}





/* side two - logos */
#logoWrap
{
background:url('../img/layout/dotHorizontal.png') repeat-x left top;
padding:2em 0;
}
#logoWrap img{
	margin-bottom:10px;
}







/* forms and shit */
form.normalForm
{
margin:0;
padding:0;
}
form.normalForm label
{
width:12em;
float:left;
clear:left;
margin:0 0 1em 0;
}
form.normalForm label.required
{
background:url('../img/layout/common/required.png') no-repeat 11em center;
}

form.normalForm input,
form.normalForm select,
form.normalForm textarea,
form.normalForm .fakeInput
{
float:left;
margin:0 0 1em 0;
width:20em;
}
form.normalForm input.autowidth,
form.normalForm select.autowidth
{
width:auto;
}
form.normalForm h3, 
h3.primary
{
clear:both;
color:#00AEEF;
}




#customerLoginFormWrap
{
background:#00A9EF url('/img/layout/box/loginTop.png') no-repeat left top;
width:349px;
padding:30px 0 0 0;
margin:0;
}
#customerloginForm
{
background:url('/img/layout/box/loginBottom.png') no-repeat left bottom;
width:349px;
margin:0;
padding:20px 20px 0 20px;
color:#fff;
}

#customerloginForm p
{
margin:0 0 15px 0;
padding:0;
color:#fff;
}
#customerloginForm input.roundMe
{
background:url('/img/layout/box/search/searchInput.png') no-repeat left top;
border:0;
height:25px;
display:inline;
margin:0;
padding:3px;
float:left !important;
width:135px !important;
}






















/* listings - news etc */
.listing
{
margin:0 0 2em 0;
padding:0 0 2em 0;
}
.listing img
{
float:right;
margin:0 0 1em 2em;
padding:1px;
}












/* *** */
#helpWrap
{
display:none;
width:400px;
height:266px;
background:url('/img/layout/help/help.png') no-repeat left top;
color:#fff;
position:absolute;
top:25%;
left:50%;
margin-left:-200px;
}
#help
{
margin:85px 50px 50px 50px;
height:130px;
overflow:hidden;
text-align:left;
}
#help h4
{
margin:0 0 15px 0;
padding:0;
color:#eee;
font-size:1.2em;
}
#help p
{
margin:0;
padding:0;
color:#fff;
height:100px;
overflow:auto;
}

#helpClose
{
position:absolute;
top:58px;
right:50px;
border:0;
cursor:pointer;
}






.deliveryTable td
{
background:#eee;
}


#order_flash{
	position:absolute;
	top:640px;
	left:240px;
	z-index:1000;
}