@charset "utf-8";

/* COLORS
pink: #e50093
grey: #3a3a3a
gold tips: #F166B4
white: #8E8E8B
green: #54C147
peppermint: #BEDAD3
camomile: #F6D817
lemon verbena: #faf985
*/

html, body {
	background: #000000;
	color: #ffffff;
	font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}


h1, h2, h3, h4 { color: #e50093; text-transform: uppercase; }
h1 { font-size: 14pt; }
h2 { font-size: 14pt; }
h3 { font-size: 12pt; }
h4 { font-size: 12pt; }

a, a:link, a:visited {
	text-decoration: none;
	color: #e50093;
}
a:hover {
	text-decoration: underline;
}

#frame {
	border: 0;
	margin: 0 auto;
	padding: 0;
	width: 1004px;
}

#head{
	border: 0;
	float: left;
	height: 103px;
	margin: 62px 0 12px 10px;
	padding: 0;
	text-indent: -5000px;
	width: 326px;
}
.home { background: url(/images/heads/home.gif) no-repeat; }
.about-us { background: url(/images/heads/about-us.gif) no-repeat; }
.teas-from-africa { background: url(/images/heads/teas-from-africa.gif) no-repeat; }
.our-teas { background: url(/images/heads/our-teas.gif) no-repeat; }
.gift-boxes { background: url(/images/heads/gift-boxes.gif) no-repeat; }
.shopping-basket { background: url(/images/heads/shopping-basket.gif) no-repeat; }
.gallery { background: url(/images/heads/gallery.gif) no-repeat; }
.news { background: url(/images/heads/news.gif) no-repeat; }
.visit-our-store { background: url(/images/heads/visit-our-store.gif) no-repeat; }
.fairtrade { background: url(/images/heads/fairtrade.gif) no-repeat; }
.contact-us { background: url(/images/heads/contact-us.gif) no-repeat; }
.links { background: url(/images/heads/links.gif) no-repeat; }
.register { background: url(/images/heads/register.gif) no-repeat; }

.delivery-guide { background: url(/images/heads/delivery-guide.gif) no-repeat; }
.privacy-policy { background: url(/images/heads/privacy-policy.gif) no-repeat; }
.terms-and-conditions { background: url(/images/heads/terms-and-conditions.gif) no-repeat; }
.terms-of-supply { background: url(/images/heads/terms-of-supply.gif) no-repeat; }
.terms-of-use { background: url(/images/heads/terms-of-use.gif) no-repeat; }

.my-account { background: url(/images/heads/my-account.gif) no-repeat; }
.orders { background: url(/images/heads/orders.gif) no-repeat; }
.address-book { background: url(/images/heads/address-book.gif) no-repeat; }


/* GENERIC FORM STYLES */
form {
	line-height: 30px;
}
form fieldset legend {
	color: #e50093;
	font-size: 1.1em;
	text-transform: capitalize;
}
form input, form select {
	background: #000;
	border: 1px solid #3a3a3a;
	color: #fff;
}
form dd {
	margin: 0;
}
form fieldset {
	border: 1px solid #3a3a3a;
	float: left;
	font-size: 14px;
	margin: 0;
	padding: 10px;
	width: 314px;
}
form fieldset.left {
	margin-right: 20px;
}
form fieldset.full-width {
	width: 670px;
}
form fieldset dl dt {
	float: left;
	width: 140px;
}
form fieldset dl dd {
	margin-bottom: 8px;
}
form fieldset#fieldset-confirm dl dt {
	width: 640px;
}
span.required { color: #900; }
ul.errors {
	color: #900;
	font-size: 10px;
	font-weight: normal;
	list-style: none;
	margin: 0 0 0 40px;
	padding: 0;
}
textarea#gift-note {
	height: 120px;
	width: 300px;
}
/* END GENERIC FORM STYLES */

/*tea pages start*/

#tabs{
	width: 100%;
	height: 25px;
	margin-bottom: 25px;
}

#tabs a {
	color: #000000;
	font-size: 18px;

}
#tabs ul {
	list-style: none;
	padding: 2px 0 2px 0px;
	width: 100%;
	text-align: center;
}
#tabs ul li {
	float: left;
	line-height: 25px;
	margin: 0 1% 0 0;
	text-align: center;
	width: 18%;
}


#tabs .black{
	background-color: #e50093;
	background-image: url(/images/teas/pk_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #b40374;
}

#tabs .white{
	background-color: #8E8E8B;
	background-image: url(/images/teas/gy_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #656562;
}

#tabs .green{
	background-color: #54C147;
	background-image: url(/images/teas/gn_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #368c2b;
	}

#tabs .pep{
	background-color: #BEDAD3;
	background-image: url(/images/teas/pep_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #6b9187;
	}

#tabs .cam{
	background-color:  #F6D817;
	background-image: url(/images/teas/cam_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #c7ad08;
	}

h3 {
	color: #fff;
	font-size: 20px;
	margin: 0 0 10px 0;
	text-transform: none;
}
#tea-head {
	font-weight: bold;
	width: 100%;
	margin-bottom: 10px;
}
#teaimg{
	float: right;
}
#description {
	float: left;
	width: 410px;
}
#tea-images {
	float: left;
	margin: 20px 0 0 0;
	width: 280px;
}
#tea-images img {
	border: 1px solid #3a3a3a;
	float: right;
	margin: 0 0 40px 0;
	padding: 5px;
	width: 240px;
}
#tea-prices {
	float: left;
	padding: 20px;
	width: 650px;
}
/* TEA PAGES END */

#button{
	background-image: url(/images/nav_bg.png);
	background-repeat: repeat-x;
	border: 1px solid #3a3a3a;
	text-align: center;
}

/* SIDE BAR START */

#sidebar {
	border: 0;
	float: left;
	margin: 20px 20px 0 0;
	overflow: hidden;
	padding: 0;
	text-align: left;
	width: 250px;
}

#sidebar h1, #sidebar h1 a, #sidebar img {
	border: 0;
	display: block;
	height: 139px;
	margin: 0;
	padding: 0;
	width: 240px;
}
#sidebar h1 a {
}

#sidebar ul {
	list-style: none;
	margin: 0 0 0 0px;
	padding: 0;
	text-transform: capitalize;
}

#sidebar ul li {
	margin: 18px 0 0 0;
}

#sidebar ul.menu_main a {
	background: url(/images/nav_bg.png);
	border: 1px solid #3a3a3a;
	display: block;
	height: 28px;
	line-height: 28px;
	padding: 0 0 0 10px;
}

#sidebar ul.menu_main a:link,
#sidebar ul.menu_main a:visited {
	color: #e50093;
	text-decoration: none;
}

#sidebar ul.menu_main a:hover,
#sidebar ul.menu_main a.selected {
	border: 1px solid #e50093;
}

/* SIDE BAR END */

/* SUB MENU */

#sidebar ul.menu_sub li { margin-top: 8px; }
#sidebar ul.menu_sub a {
	background: url(/images/nav_bg.png);
	border: 1px solid #3a3a3a;
	display: block;
	height: 18px;
	line-height: 18px;
	padding: 3px 0 3px 10px;
	width: 80%;
	margin: 4px 0px 4px 30px;
}

#sidebar ul.menu_sub a:link,
#sidebar ul.menu_sub a:visited {
	color: #e50093;
	text-decoration: none;
}

#sidebar ul.menu_sub a:hover,
#sidebar ul.menu_sub a.selected {
	border: 1px solid #e50093;
}
/* SUB MENU END */

#mainContent {
	background: url(/images/nav_bg.png) left top repeat-x;
	border: 1px solid #403f3f;
	float: left;
	line-height: 40px;
	line-height: 28px;
	margin: 0;
	min-height: 300px;
	overflow: hidden;
	padding: 20px;
	text-align: left;
	width: 692px;
}

div#mainContent.view-order { font-size: 16px; }
div#mainContent.view-order dl { float: left; width: 330px; }
div#mainContent.view-order dl dt { float: left; margin-right: 5px; text-align: right; width: 130px; }
div#mainContent.view-order dl dd { margin-left: 135px; }

/** HOME PAGE STYLES **/
div#flash {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	width:500px; border:1px solid #403f3f; height:300px; text-align:center; overflow:hidden;
}
div#flash img {
	display:inline;
	max-width: 500px;
}


div#home-teas {
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: left;
}
div#home-teas ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 500px;
}
div#home-teas ul li {
	border:1px solid #403f3f;
	float: left;
	height: 117px;
	margin: 0 10px 10px 0;
	overflow: hidden;
	padding: 0;
	width: 154px;
}
div#home-teas ul li a img {
	border: 0;
	margin: 0;
	max-width: 154px;
	padding: 0;
}

div#news-box {
	background: url(/images/nav_bg.png) left top repeat-x;
	border: 1px solid #3a3a3a;
	float: left;
	width: 210px;
}
div#news-box h3 {
	border-bottom: 1px solid #3a3a3a;
	padding: 3px 8px;
	text-align: left;
	text-transform: capitalize;
}
div#news-box ul {
	list-style: none;
	margin: 5px;
	padding: 0;
	text-align: left;
}
div#news-box li {
	list-style: none;
	margin: 0;
	padding: 4px 0;
}

div#socials {
	float: left;
}
div#socials ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 210px;
	overflow: hidden;
}
div#socials li {
	float: left;
	list-style: none;
	margin: 0 0 0 15px;
	padding: 10px 0;
}
div#socials li:first-child {
	/*margin: 0;*/
}
div#socials img {
	border: 0;
}
/** END HOME PAGE STYLES **/



/** NEWS PAGE STYLES **/
div#mainContent.news {
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
	width: 732px;
}
div#mainContent.news h3 {
	color: #e50093;
	margin: 0;
	padding: 0;
}
div#mainContent.news ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 732px;
}
div#mainContent.news li {
	background: url(/images/nav_bg.png) left top repeat-x;
	border: 1px solid #403f3f;
	line-height: 1.2em;
	margin: 0 0 20px 0;
	padding: 5px 10px;
}
div#mainContent.news p.small {
	font-size: 60%;
	margin: 0;
}
/** END NEWS PAGE STYLES **/


/** GALLERY PAGE STYLES **/
#gallery {
	clear: both;
	float: left;
	list-style: none;
	margin: 0;
	min-height: 376px;
	padding: 0;
	width: 670px;
}
#gallery li {
	border: 1px solid #403f3f;
	display: block;
	float: left;
	height: 80px;
	margin: 5px;
	overflow: hidden;
	padding: 1px;
	width: 120px;
}
#gallery li a {
	display: block;
	height: 80px;
	text-align: center;
	vertical-align: middle;
	width: 120px;
}
#gallery li img {
	border: 0;
	max-height: 80px;
	max-width: 120px;
}

div.paginationControl {
	float: right;
	font-size: 80%;
}

img.gallery-main {
	max-width: 692px;
}

div.gallery-small {
	font-size: 70%;
	line-height: 1.3em;
}
/** END GALLERY PAGE STYLES **/


div.left_col, div.right_col {
	float: left;
	font-size: 16px;
	line-height: 30px;
	overflow: hidden;
	padding: 0;
	width: 320px;
}
div.left_col h3, div.right_col h3 {
	color: #e50093;
	margin: 0;
}
#map { clear: both; height: 300px; margin: 20px auto; width: 500px; }



#footer {
	color: #3a3a3a;
	float: left;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	width: 100%;

}
#footer a {
	color: #959494;
	font-size: 18px;
}
#footer ul {
	border: 1px solid #403F3F;
	float: left;
	height: 30px;
	list-style: none;
	margin: 10px 0 12px 0;
	padding: 0;
	width: 1002px;
	text-align: center;
}
#footer ul li {
	float: left;
	line-height: 30px;
	margin: 0 60px;
	text-align: center;
}

#phone {
	display: block;
	float: left;
	margin-left: 20px;
}

#address {
	display: block;
	float: right;
	margin-right: 20px;
}

 #box{
	border: 1px solid #403f3f;
	width: 96%;
	text-align: center;
	float: left;
	margin: 1% 1% 1% 1%;
}

/* SHOPPING BASKET */

caption {
	text-align: left;
}

 .boxL{
	border-top: 1px solid #e50093;
	border-left: 1px solid #e50093;
	border-bottom: 1px solid #e50093;
	text-align: center;
}

 .boxR{
	border-top: 1px solid #e50093;
	border-right: 1px solid #e50093;
	border-bottom: 1px solid #e50093;
	text-align: center;
}

 .boxTB{
	border-top: 1px solid #e50093;
	border-bottom: 1px solid #e50093;
	text-align: center;
}

 .boxT{
	border-top: 1px solid #e50093;
	text-align: center;
}

.odd {
	text-align: center;
}

.even {
	background-color: #262626;
	text-align: center;
}

.total {
	font-weight: bold;
	border-bottom: 1px solid #e50093;
	width: 100%;
	background-color: gray;
}

input.qty {
	width: 30px;
}

.button{
	background-image: url(/images/nav_bg.png);
	background-repeat: repeat-x;
	border: 1px solid #3a3a3a;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	background-color: black;
}

#fairtrade{
	background-image: url(/images/backgrounds/fairtrade.jpg);
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
}

dt { float: left; }
dd { clear: right; }

dl.opening-hours dt {
	float: left;
	width: 160px;
}
dl.xmas-opening-hours {
	line-height: 1.2em;
}
dl.xmas-opening-hours dt {
	float: left;
	width: 160px;
}


/* GIFT BOXES */
#tea-picker { background: url(/images/gift-box/6-tin-gift-box.jpg); height: 188px; margin: 0 auto 20px auto; width: 584px; }
#img-tin-1 { float: left; margin-top: 50px; margin-left: 24px }
#img-tin-2 { float: left; margin-top: 50px; margin-left: 10px }
#img-tin-3 { float: left; margin-top: 50px; margin-left: 10px }
#img-tin-4 { float: left; margin-top: 50px; margin-left: 6px }
#img-tin-5 { float: left; margin-top: 50px; margin-left: 5px }
#img-tin-6 { float: left; margin-top: 50px; margin-left: 7px }

div#mainContent.gift-boxes fieldset { border: 0; float: left; width: 45%; }

/* LOGIN BOX */
form#login { color: #959494; float: right; font-size: 14px; line-height: 16px; }
form#login fieldset { background: url(/images/nav_bg.png) top left repeat-x; border: 1px solid #3a3a3a; margin: 3px 0; padding: 8px; width: auto; }
form#login input { color: #959494; background: #000; border: 1px solid #3a3a3a; }
form#login ul { list-style: none; margin: 0; padding: 0; }
form#login ul li { float: left; list-style: none; margin: 0; padding: 0 0 0 80px; }
/* USER MENU */
#user-menu { float: right; list-style: none; margin: 3px 0; padding: 0; }
#user-menu li { float: left; font-size: 14px; list-style: none; margin: 0; padding: 0; }
#user-menu li a { background: url(/images/nav_bg.png) top left repeat-x; border: 1px solid #3a3a3a; display: block; margin: 0; padding: 5px 10px; }