/* @override 
	http://pandorabell.site/style/screen.css
	http://localhost:8000/PandoraBell/style/screen.css
	http://pandorabell.ie/style/screen.css
*/
@charset "utf-8";

/* CSS Document */

* {
	margin: 0;
	padding: 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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}

a img, :link img, :visited img {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul {
	list-style: none;
}

body {
	background: url(../images/bg.jpg) left top repeat;
	font-family: Arial, Helvetica, sans-serif;
}

div#container {
	width: 800px;
	margin: 5px auto 20px auto
}

div#main {
	width: 770px;
	float: left;
	padding: 0em 0.94em 1.0em 0.94em;
	background: #f8f8f8 url(/images/body-bg.gif) repeat-y left top;
}

div#main h1 {
	border-bottom: 1px dashed #27B2CD;
}

div#main h2 {
	font-size: 0.9em;
	font-style: italic;
	color: #C7AE69;
	margin: 0.94em 0em 0.2em 0em;
}

div#main h3 {
	font-size: 0.81em;
	color: #CAB271;
	line-height: 30px;
}

/* @group News */

div#main .news-box {
	width: 750px;
	float: left;
	padding: 0.94em 0em 0.94em 1.25em;
	border-bottom: 1px dashed #27B2CD;
}

div#main .news-box a {
	color: #C7AE69;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.75em;
}

div#main .news-box a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Products */

div#main .product-boxes {
	width: 758px;
	float: left;
	margin: 5px 0px;
	padding: 5px 5px;
	border-top: 1px dashed #27B2CD;
}

div#main .product-boxes ul li {
	width: 243px;
	float: left;
	display: block;
	height: 220px;
	padding-top: 26px;
	margin-right: 13px;
	text-align: center;
}

div#main .product-boxes ul li.butter-caramel {
	background: url(../images/butter-caramel-bg.jpg) left top no-repeat;
	cursor: pointer;
}

div#main .product-boxes ul li.honey-nougat {
	background: url(../images/honey-nougat-bg.jpg) left top no-repeat;
	cursor: pointer;
}

div#main .product-boxes ul li.lollipop {
	background: url(../images/lollipop-bg.jpg) left top no-repeat;
	cursor: pointer;
	margin-right: 0em;
}

/* @end */

/* @group Shopping */

div.productrows #notes {
	margin: 5px 10px;
	font-size: 0.75em;
	color: #46808c;
}

div#description {
	width: 720px;
	margin-left: 40px;
	font-size: 0.8em;
	color: #46808c;
}

div#main h1.shoppingheading {
	border-bottom: 0px none #FFF;
}

#main h1.shoppingheading img.heading {
	margin: 0.5em 0em 0em 0em;
}

.shopping {
	width: 700px;
	float: left;
	padding: 1.06em 2.19em;
}

.shopping ul li {
	width: 146px;
	height: 260px;
	float: left;
	margin-right: 0.81em;
	display: inline;
	padding: 0.44em;
	background: url(../images/shopping-boxes.jpg) left top no-repeat;
	position: relative;
}

.shopping-box {
	width: 770px;
	float: left;
	margin-top: 0.94em;
}
.shopping-box .productrows {
	border-top: 1px dashed #27B2CD;
	clear: left;
}
.productitem1, .productitem2 {
	width: 352px;
	float: left;
	padding-top: 0.31em;
	padding-bottom: 0.94em;
	padding-left: 0.94em;
	padding-right: 0.94em;
	border-right: 1px dashed #27B2CD;
}

.shopping-box ul li.border-bottom {
	border-bottom: none;
}

.shopping-box ul li.border-right {
	border-right: none;
}

img.checkout {
	float: right;
	margin-top: 0.63em;
}


/* @end */

div#header {
	width: 518px;
	float: left;
	background: url(../images/header-bg.jpg) left top no-repeat;
	height: 253px;
	padding-top: 1.31em;
	padding-left: 17.63em;
}
/* @group Footer */

div#footer {
	width: 730px;
	float: left;
	background: url(../images/footer-bg.gif) left top no-repeat;
	height: 85px;
	padding: 0.94em 2.19em 0em 2.19em;
}

div#footer a {
	color: #FFFFFF;
	text-decoration: none;
}

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

div#footer .left {
	width: 375px;
	float: left;
	font-size: 0.63em;
	color: #FFFFFF;
}

div#footer .left ul li {
	display: inline;
	float: left;
	margin-right: 2.5em;
}

div#footer .right {
	width: 150px;
	float: right;
	text-align: right;
	font-size: 0.63em;
	color: #FFFFFF;
}

/* @end */

.body-text table tbody tr td img {
	border: 3px solid #EAEAEA;
}

img.basket {
	float: right;
}

img.heading {
	margin: 0.5em 0em;
}

img.heading-left {
	margin: 0.5em 0em;
	float: left;
}

img.home-img {
	float: right;
	margin-top: 0.06em;
	margin-left: 0.94em;
}

img.more {
	position: absolute;
	bottom: 4px;
	right: 10px;
}

img.news-thumb {
	float: left;
	margin-right: 1.25em;
	border: 1px solid #D9D9D9;
}

img.products {
	background: #FFFFFF;
	padding: 0.19em 0.63em;
	border: 1px solid #EDEDED;
}

p.blue-text {
	margin: 0.63em 0em;
	font-size: 0.75em;
	color: #46808C;
	text-align: justify;
}

.body-text p {
	margin: 0.63em 0em;
	font-size: 0.75em;
	color: #363636;
	text-align: justify;
}

p.grey-text {
	margin: 1.25em 0em;
	font-size: 0.88em;
	color: #939393;
	text-align: justify;
}

p.news-text {
	margin: 0.63em 0em 1.56em 0em;
	font-size: 0.75em;
	color: #363636;
	text-align: justify;
}

p.shopping-text {
	margin: 0.38em 0em 0.38em 0.31em;
	font-size: 0.71em;
	color: #929292;
}