/*----------------------------------------------------*/
/* Global */
/*----------------------------------------------------*/

body {
	background: White url(images/bg_top.jpg) repeat-x 100px 0;
	font-family: Trebuchet MS, "MS Sans Serif", Geneva, sans-serif;
	font-size: 14px;
	color: #6f281e;
	margin: 0;
	padding: 0;
}
a {
	color: #9e2e27;
	text-decoration: none;
}
a:hover {
	color: #ff9615;
	text-decoration: underline;
}
a img {
	border: none;
}
td {
	text-align: left;
	vertical-align: top;
}

h1 {
	position: absolute;
	top: 4px;
	right: 12px;
	font-size: 14px;
	font-weight: normal;
	text-align: right;
	letter-spacing: 1px;
	word-spacing: 4px;
	color: #fecb23;
	padding: 0;
	margin: 0;
}
h1 a, h1 a:hover {
	color: #fecb23;
	text-decoration: none;
}
h2 {
	font-size: 20px;
	height: 26px;
	font-weight: normal;
	text-align: center;
	word-spacing: 7px;
	color: #6f281e;
	background: url(images/bg_title.gif) no-repeat center center;
	padding: 0;
	margin: 0 20px 0 20px;
}
h4 {
	font-size: 15px;
	text-align: justify;
	color: #e87e2f;
	margin: 0;
	padding: 11px 0 0 0;
}

p {
	text-align: justify;
	margin: 0;
	padding: 11px 0 0 0;
}
ul {
	list-style-type: disc;
	list-style-position: outside;
	text-align: left;
}
ul li {
	padding-bottom: 3px;
}

form {
	padding: 0;
	margin: 0;
}

/*----------------------------------------------------*/
/* General Layout */
/*----------------------------------------------------*/

#top {
	margin-bottom: 35px;
}
#logo {
	text-align: right;
	background-color: White;
}
#logo img {
	margin-top: 37px;
}
#top-img {
	position: absolute;
	top: 0;
	left: 0;
}

#menu {
	position: absolute;
	height: 31px; width: 652px;
	top: 83px;
	left: 190px;
}
#menu img {
	margin-right: 27px;
}

#content {
	text-align: center;
	padding: 0 20px;
}

img.bestseller {
	margin: 0 2%;
	// margin: 0 2%;
}

#contact {
	width: 500px;
	margin: 0 auto;
}
#contact #text {
	padding: 58px 7px 0 30px;
}
#contact #text p {
	text-align: right;
	line-height: 21px;
}

#allbrands {
	margin: 0 auto;
}
#allbrands ul {
	list-style: none;
}
#allbrands li {
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	background: url(images/marker.gif) no-repeat 0 6px;
	margin: 3px 0 0 14px;
	padding: 5px 0 3px 20px;
}

/*----------------------------------------------------*/
/* Left Side */
/*----------------------------------------------------*/

#left-side {
	text-align: right;
	padding-top: 67px;
}
#left-side .box {
	width: 198px;
	background: url(images/bg_lf_box.gif) repeat-y;
	text-align: left;
	margin: 0 0 20px 14px;
}
#left-side ul {
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0;
}
#left-side ul li {
	font-size: 14px;
	font-weight: bold;
	background: url(images/marker_dots.gif) no-repeat left bottom;
	margin: 0 0 0 9px;
	padding: 4px 0 3px 18px;
}
#left-side ul li a {
	text-decoration: none;
}
#left-side form {
	padding: 8px 0 8px 14px;
}

/*----------------------------------------------------*/
/* Right Side */
/*----------------------------------------------------*/

#right-side img {
	margin-top: 20px;
}
#right-side ul {
	list-style: none;
	margin: 5px 14px 0 0;
	padding: 0 0 40px 0;
}
#right-side ul li {
	font-size: 12px;
	color: #9e2e27;
	line-height: 16px;
	background: url(images/marker.gif) no-repeat 0 6px;
	margin: 0 0 0 14px;
	padding: 5px 0 3px 18px;
}
ul#useful-info {
	background: url(images/bg_useful_info.jpg) no-repeat bottom;
}
ul#about-chocolate {
	background: url(images/bg_about_chocolate.jpg) no-repeat bottom;
}
ul#candy-news {
	background: url(images/bg_candy_news.jpg) no-repeat bottom;
}

/*----------------------------------------------------*/
/* Product Box */
/*----------------------------------------------------*/

.product-box {
	margin-top: 20px;
	background-color: #fffaea;
}
.product-box td {
	text-align: center;
	vertical-align: middle;
}
.box-top {
	background: url(images/box_line.gif) repeat-x top;
}
.box-bottom {
	background: url(images/box_line.gif) repeat-x bottom;
}
.box-lf {
	background: url(images/box_darkline.gif) repeat-y left;
}
.box-rg {
	background: url(images/box_darkline.gif) repeat-y right;
}
.product-box h3 {
	font-size: 16px;
	text-align: center;
	color: #e15112;
	background: url(images/dots_line.gif) repeat-x bottom;
	margin: 0;
	padding: 0 0 6px 0;
}
.product-box td {
	vertical-align: top;
}
.product-box p {
	text-align: left;
	padding: 7px 0 2px 8px;
}
.product-pic img {
	margin: 9px 9px 3px 9px;
	border: solid 1px #6f281e;
}
.price-box {
	font-size: 14px;
	text-align: right;
	background-color: White;
	margin: 8px;
	padding: 3px 0 5px 0;
}
.price-box hr {
	height: 3px;
	color: #fffaea;
	background-color: #fffaea;
	border: none;
	margin: 8px 0 2px 0;
	// margin: 0;
}
.price-box p {
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	color: #e15112;
	margin: 0 0 2px 0;
	padding: 1px 7px 0 7px;
}
.price-box p strong {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -2px;
	color: #ff9d27;
}
.price-box span.dollar {
	font-size: 18px;
	color: #ffd754;
	padding: 0;
}

.price-box input.qty {
	width: 25px;
	background-color: #ffd754;
	margin: 5px 3px 0 3px;
	padding: 1px 3px;
}
.price-box input.button {
	margin-top: 5px;
}

/*----------------------------------------------------*/
/* Forms */
/*----------------------------------------------------*/

input {
	margin: 0;
	padding: 0;
}
input.field, textarea {
	font-size: 14px;
	color: #e9772e;
	background-color: White;
	border: solid 2px #fcd2a0;
	margin: 0;
	padding: 0 4px 1px 4px;
}
textarea {
	overflow: auto;
}
select {
	font-size: 14px;
	color: #6f281e;
	background-color: #ffd754;
	margin: 0 0 7px 0;
	padding: 0 0 1px 4px;
}

/*----------------------------------------------------*/
/* Shopping Cart */
/*----------------------------------------------------*/

.basket_header {
	color: White;
	background-color: #e15112;
}
 .basket_item {
 	background-color: #fffaea;
 }
.basket_total {
	color: #6f281e;
	background-color: #ffd754;
}
.basket_ship_tax {
	color: #6f281e;
	background-color: #faa641;
}
.butons_update_checkout, .buton_complete_purchase {
	color: #b04900;
	background-color: #fff2b1;
	border: solid 1px #fec171;
	padding: 0 7px;
}

/*----------------------------------------------------*/
/* Bottom */
/*----------------------------------------------------*/

#bottom {
	height: 94px;
	background: url(images/bg_bottom.jpg) repeat-x center;
	text-align: center;
}
#bottom ul {
	display: inline;
	margin: 0;
	padding: 0;
}
#bottom ul li {
	display: inline;
	font-size: 12px;
	color: #9e2e27;
	background: url(images/marker.gif) no-repeat left center;
	margin: 0 0 0 14px;
	padding: 5px 0 3px 18px;
}
#bottom p {
	font-size: 12px;
	text-align: center;
	padding: 10px 20px 7px 20px;
	color: #fecb23;
}
/*----------------------------------------------------*/
/* FAQ */
/*----------------------------------------------------*/
#faq .box {
	width: 198px;
	background: url(images/bg_lf_box.gif) repeat-y;
	text-align: left;
	margin: 0 0 20px 14px;
}
#faq ul {
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0;
}
#faq ul li {
	font-size: 14px;
	font-weight: bold;
	background: url(images/marker_dots.gif) no-repeat left bottom;
	margin: 0 0 0 9px;
	padding: 4px 0 3px 18px;
}
#faq ul li a {
	text-decoration: none;
}