body { margin:0; padding:0; background-color: #d3eded; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; }

a { color:#836135; text-decoration: none; font-weight: bold; }
a:visited { color:#6245BF }
a:hover { color:#6245BF }

hr { width: 80%; color: white; }
article { float: left; max-width: 315px; margin-left: 20px; }
article h1 { margin-top: 14px; }
h2 { display: inline; }
h3 { color: white; line-height: 175%; font-weight: bold; font-size: 11pt; text-align: center;}
p { text-align: justify; font-size: 10pt; line-height: 125%; color: #000; }

footer { background-color: #d3eded; }
footer p {text-align: center; margin-top: 0px; }

nav { color: #836135; }
nav ul { padding: 0px; margin: 1px; }
nav ul li { float: left; margin: auto; list-style: none; margin: 5px; padding: 2px; margin-right: 50px; }
nav ul li a:hover { color: white; }
nav.breadcrumbs ul li { margin: 1px; margin-left: 5px; margin-top: 5px; margin-bottom: 20px; }

.clearfix:after { display: block; clear: both; height:0; visibility: hidden; content: "."; }

.column-left { float: left; background-color: #b3e3e2; width: 180px; text-align: center;}
.column-right { float: left; margin-left: 15px; }
 

.gift { margin-bottom: 15px; font-size: 10pt; }
.gift img { width: 180px; height: 135px; }
.gift span { margin-left: 1em; display: block; text-align: left; }

             
#product-image { width: 390px; height: 292px; margin-left: 15px; margin-top: 15px; }
.product-images { float: left; }
.product-image-thumbs { width: 440px; }
.product-image-thumb { float: left; margin: 1px; }
.product-image-thumb img { width: 80px; height: 60px; }




/* Postage rates style */
.postage-rates { color: red; font-weight:bold; width: 320px; }
.paypal-cards { clear: both; float: left; padding-top: 5px; margin-left: 65px; }


.icon { width: 30px; height: 15px; }


/* IE7 fixes */
.ie7 a img { border: none; }
.ie7 nav { margin-bottom: 15px; }
*+html .clearfix{ min-height: 1%; }

/* Tablet screen support */
@media (min-width: 768px) and (max-width: 979px) {
	nav ul li { margin-right:5px; }
	.column-right { width:549px; }
	article { max-width: 400px; }
}

@media (max-width: 767px) {
	nav ul li { margin-right:5px; }
	.gift { display: none; }
	.column-left { width: 100%; }
}
/* Phone screen support*/
@media (max-width: 480px) {
	nav ul li { margin-right:5px; }
	.gift { display: none; }
	.column-left { width: 100%; }
}
