/* ============================================================
|	GLOBAL STYLES
============================================================ */
*{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px;}
a, a:visited, a:active{color:#888f52;}
img{border:none;}
.hover{cursor:pointer;}

h1 {
	font-size:14px;
	font-weight:bold;
	margin:20px 0 10px 0;
}
h2{font-size:12px;}
h3 {
	font-size:11px;
	font-weight:bold;
	margin:0px;
}

/* ============================================================
|	LAYOUT
============================================================ */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background: white url(title-bg.png) repeat-x top center;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:760px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

div#header {height: 123px;}
div#title{height: 103px;overflow:hidden;}
div#title img{border: none;}
div#title #tantrum-design{margin: 0 61px 0 3px;}
div#menu{height: 20px;}
div#menu ul{display:block;margin:0 auto;padding:0;list-style:none;}
div#menu ul li {display:block;margin:0;padding:0;float:left;}	
div#menu ul li a {
	border-right: 3px solid white;
	color:white;
	display:block;
	font-size:11px;
	font-weight:normal;
	line-height:20px;
	height: 20px;
	text-align:center;
	text-decoration:none;
	text-transform:none;
	width:120px;
	margin:0;
	padding:0;
}
div#menu ul li a.last {border:none;}
div#menu ul li a:hover {background-color:#b5be6d;}
	
div#content {
	padding:10px 0 30px 0;
	position: relative;
}


div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
}


/* ============================================================
|	GENERAL STYLES
============================================================ */
.box1-left{background: transparent url(box1-left.png) repeat-y;width:190px;padding: 8px 0 8px 8px;margin: 0 0 10px 0;}
.box1-right {background: transparent url(box1-left.png) repeat;width:154px;padding: 8px;margin: 0 0 10px 0;}
.box1-left h2, .box1-right h2  {margin-top:0px;}
.box1-left p, .box1-right p {width:154px;font-size:10px;line-height: 11px;margin-bottom: 0px;margin-top:2px;}

.box2{color:white;background: #857d71 url(box2.png) no-repeat center bottom;width:154px;padding: 8px;margin: 0 0 10px 0;}
.box2 h2  {margin-top:0px;font-size:10px;line-height: 11px;margin-bottom:2px;}
.box2 p{color:white;font-size:10px;line-height: 11px;margin-top:0px;margin-bottom:0px;}

.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
	line-height:0px;
	height:0px;
}

.newsletter a, .newsletter{color:#e57c00;text-align:center;margin-left: auto;margin-right: auto;margin-top:0;}

p, .content {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	line-height:18px;
}


div.contentPadding {	
	padding:10px;
}
div.imagePadding {	
	padding:10px 0 10px 60px;
}
div.imagePadding img {	
	margin-bottom:1px;
}
div.leftColumn {
	float:left;
	width:200px;
}
div.rightColumn {
	float:right;
	width:500px;
}


/* Formatting */
.contentleft {
	text-align:left;
}

.contenthghlght {
	color:#666;
}
.details {
	padding-right:10px;
}

.imgR {
	float:right;
	padding:0px 0px 10px 10px;
}
.imgL {
	float:left;
	padding:0px 10px 10px 0px;
}
.imgClear {
	clear:both;
}


.feature {
	width:380px;
	border:1px solid #999;
	padding:5px;
	vertical-align:top;
}
.feature img {
	padding-right:5px;
}


/* ============================================================
|	HOME PAGE STYLES
============================================================ */

.homeMainP {
	line-height:auto;
	font-size: 11px;
	margin: 10px 20px 30px 45px;
	color: #808284;
}
.homeImage{
	margin: 0 0 0 28px;
}

.homeGiftVoucher{float:left;}
.homeBump{float:right;display:block;width:190px;height:100px;background: transparent url(../images/home/read_bump_bg.png) repeat-x;}
.homeBump a{float:right; margin-right: 8px;}
.homeBump p{color:white;font-size:10px;line-height: 10px;margin-top: 18px;padding: 0 0 0 6px;background-color:#888f52;}
.homeMainBottom{margin-top: 62px;}

#homeLeft{position:absolute; top:10; left:0; width:200px;}
#homeCenter{position:absolute; top:10; left:180px; width:390px;}
#homeRight{position:absolute; top:10; right:0; width:170px;}


/* ============================================================
|	GIFTWARE STYLES
============================================================ */

div.giftPanel,
div.giftPanelLast {
	float:left;
	width:242px;
	height:125px;
	margin:0 4px 4px 0;
	text-decoration:none;
	border:1px dashed #a5a3a4;
	background:transparent center 10px no-repeat;
}
div.giftPanel a, div.giftPanelLast a{
	display:block;
	font-size:12px;
	line-height:13px;
	margin:100px auto 0 auto;
	text-decoration:none;
	color: #a5a3a4;
	text-align:center;
}
div.giftPanel:hover,
div.giftPanelLast:hover {
	/* background-color:#c9bea1;	
	background-color:#e6e3cc; */
	cursor: pointer;
}
div.giftPanelLast {
	margin-right:0;
}

/* ============================================================
|	GALLERY STYLES
============================================================ */

#gallerywrapper {
}
.galleryimg,
.galleryimglast {
	float:left;
	width:140px;
	height:80px;
	border:1px solid #999;
	margin:0px 5px 7px 2px;
}
.galleryimglast {
	margin-right:0px;
}
.gallerydetailimg {
}
a.gallerymenu {
	float:none;
	margin-bottom:5px;
	color:#617E74;
	background-color:#DDEBEE;
}
a.gallerymenu:hover {
	color:#A9BCB6;
}

#gallerynavwrapper {
	clear:both;
	height:45px;
}
#gallerynavwrapper div {
    display: none;
}
#gallerynavback {
	float:right;
	margin-right:10px;
}
#gallerynavback a {
	text-decoration:none;
}
#gallerynavnext {
	float:right;
	width:15px;
	height:15px;
}
#gallerynavpage {
	float:right;
	margin-right:10px;
}
#galleryenquire {
}
a.gallerynav, a.gallerynav:hover {
	font-size:16px;
	font-weight:bold;
	color:#666;
}
#gallerynavcurrent {
	color:#CCC;
	text-decoration:none;	
}

table.gallerydetails h1 {
    margin-top: 0px;
}
table.gallerydetails td {
	line-height:20px;
    vertical-align: top;
}


.galleryPopup {
    width: 800px;
}


/* ============================================================
|	FORM STYLES
============================================================ */
.textfield, .textfieldlrg, .button, .buttonWarn {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
}
.textfieldlrg {
	width:250px;
}
.button {
	border:1px solid #617E74;
	background-color:#A9BCB6;
	width:50px;
}
.buttonWarn {
	border:1px solid #617E74;
	background-color:#e1141c;
	width:50px;
	color:#fff;
}

.error {
	color:#C00;
}