/* CSS Document */


/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/

html, body {height: 100%;}

body { margin:0px; padding:0px; background:url(../images/bg_body.gif); font-family:"Georgia", Times New Roman, Times, serif; color:#601414}

p {
	margin:0px;
	padding:0px;
	font-size:13px;
	font-weight:normal;
	line-height:1.3em;
	font-family:Verdana, Arial, Helvetica, sans-serif
}
p a:link, p a:visited {color:#601414; text-decoration: underline;}
p a:hover {color:#000; text-decoration: underline}

h1 { margin:0px; padding:0px; font-size:25px; font-weight:normal;}
h2 { margin:0px; padding:0px; font-size:22px; font-weight:normal; color:#F0E6DA; line-height:1.0em}
h4 { margin:0px; padding:0px; font-size:18px; font-weight:normal; color:#F0E6DA; line-height:1.0em}
h5 {
	margin:0px;
	padding:0px;
	font-size:14px;
	font-weight:normal;
	line-height:1em;
	color: #772D2D;
}
h6 {
	font-size:16px;
	font-weight:bold;
	border-width: 1px;
	border-bottom-style: dotted;
	border-color: #711B1B;
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 4px 0px;
	font-variant: small-caps;
}
img { border:none}

hr {
	color: #D2B48E;
	height: 1px;
	}

table {font-size:13px; font-weight:normal; line-height:1.3em; font-family:Verdana, Arial, Helvetica, sans-serif;}

ul {
	font-size:13px;
	font-weight:normal;
	line-height:1.3em;
	font-family:Verdana, Arial, Helvetica, sans-serif
}

ul a:link, ul a:visited {color:#601414; text-decoration: none;}
ul a:hover, ul a:active {color:#000; text-decoration: underline}




/*
---------------------------------------------
02. container
---------------------------------------------
*/

#container { width:879px; background:url(../images/bg_wrapper.png) repeat-y;  min-height: 100%; height: auto !important; height: 100%;  margin: 0 auto -39px;/*	margin: 0 auto; */ padding:0px 12px }


/*
---------------------------------------------
03. wrapper
---------------------------------------------
*/

#wrapper { width:879px; overflow:hidden}

/*
---------------------------------------------
04. header
---------------------------------------------
*/

#header {
	width:835px;
	height:119px;
	float:left;
	background:url(../images/bg_header.jpg) no-repeat;
	border-bottom:2px solid #FFFFFF;
	padding-top:12px;
	padding-left:44px
}

/*
---------------------------------------------
04.1 header - logo
---------------------------------------------
*/

.logo {
	float:left;
	padding-top:5px;
	position: relative;
	right: 15px;
}


/*
---------------------------------------------
04.2 header - top nav
---------------------------------------------
*/

.toplinks {
	width:150px;
	float:right;
	padding-right:14px;
	position:relative;
}
.toplinks ul { list-style:none; margin:0px; padding:0px}
.toplinks ul li { float:left; font-size:12px; font-weight:normal; color:#601414; padding:0px 7px; border-right:1px solid #A07369}
.toplinks ul li.bordernone { border:none}
.toplinks ul li a:link, .toplinks ul li a:visited { text-decoration:none; color:#601414}
.toplinks ul li a:hover { text-decoration:none; color:#601414}


/*
---------------------------------------------
05. banner
---------------------------------------------
*/

#banner {
	width:879px;
	height:223px;
	float:left;
	background-image: url(../images/bannerimg.jpg);
	background-repeat: no-repeat;
}

.mpbanner {
	position: relative;
	left: 185px;
	top: 30px;
}

/*
---------------------------------------------
06. nav bar
---------------------------------------------
*/

#navbar {
	width:879px;
	height:39px;
	float:left;
	background:url(../images/bg_navbar.gif) repeat-x;
	position:relative;
}
#menubar {
	padding-top: 1px;
}

#navbar ul { list-style:none; margin:0px; padding:0px}
#navbar ul li {  float:left; background:url(../images/li_border.gif) left no-repeat; font-size:18px; font-weight	:normal; color:#601414; text-transform:uppercase; } 

#navbar ul li a:link, #navbar ul li a:visited { text-decoration:none; color:#601414; line-height:39px; padding:0px 17px}
#navbar ul li a:hover { text-decoration:none; color:#601414}
#navbar ul li a.border { background:url(../images/li_border.gif) no-repeat right; padding:10px 17px;}

/*
---------------------------------------------
06. bg content and content
---------------------------------------------
*/

#bg_content { width:879px; float:left; background:url(../images/content_topshadow.gif) no-repeat; padding-top:11px; padding-bottom:20px;} 

#content { width:832px; float:left; background:#F0E6DA url(../images/bg_contentflower.gif) repeat-y; padding-left:47px; padding-bottom:20px; position:relative;}

/*
---------------------------------------------
07. left panel styles
---------------------------------------------
*/

#leftpanel { width:434px; float:left; padding-left:27px}
#leftpanel h1 { width:434px; float:left; border-bottom:1px solid #873232; padding-top:27px; margin-bottom:10px}
#leftpanel p {padding:0px 0px 20px 8px}

#leftpanel .date { width:54px; float:left; height:50px; background:url(../images/bg_date_red.gif) no-repeat; position:relative; margin-right:10px; padding-bottom:15px; padding-top:5px}
#leftpanel .month {
	width:50px;
	text-align:center;
	color:#FFFFFF;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	padding-left: 2px;
}
#leftpanel .month span { width:50px; text-align:center; color:#FFFFFF; font-size:22px; font-family:Verdana, Arial, Helvetica, sans-serif;}

#leftpanelsub {
	width:434px;
	float:left;
	padding-left:27px;
	font-weight: normal;
}
#leftpanelsub h1 { width:434px; float:left; border-bottom:1px solid #873232; padding-top:27px; margin-bottom:10px}

#leftpanelsub .date { width:54px; float:left; height:45px; background:url(../images/bg_date_red.gif) no-repeat; position:relative; margin-right:10px; padding-bottom:15px; padding-top:5px}
#leftpanelsub .month { width:50px; text-align:center; color:#FFFFFF; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif;  line-height:1.4em;, padding-left: 2px;}
#leftpanelsub .month span { width:50px; text-align:center; color:#FFFFFF; font-size:22px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.praiseendorse {
	float: right;
	background-color: #FFF;
	padding: 2px;
	border: 1px solid #A4835F;
	margin-left: 5px;
}

.missions li {
	font-size:13px;
	font-weight:normal;
	line-height:1.3em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	list-style-type: square;
}

.photoright {
	background-color: #FFF;
	padding: 5px;
	float: right;
	border: 1px solid #AC9072;
	margin: 0px 0px 5px 8px;
}

.photoleft {
	background-color: #FFF;
	padding: 5px;
	float: left;
	border: 1px solid #AC9072;
	margin: 0px 12px 5px 0px;
}

.newsitem {
	padding-left: 55px;
	}

/*
---------------------------------------------
08. right panel
---------------------------------------------
*/

#rightpanel { width:266px; float:left; padding:27px 0px 0px 57px;}

#rightpanel a:link, #rightpanel a:visited {color:#fff; text-decoration: underline;}
#rightpanel a:hover {color:#601414; text-decoration: underline}

/*
---------------------------------------------
08.1 right panel - expandable box
---------------------------------------------
*/

#shadowbox { width:266px; float:left}
#shadowbox .box_top { width:266px; height:10px; background:#967653 url(../images/bg_shadowbox-top.gif) no-repeat}
#shadowbox .box_middle { width:254px; float:left; background:#A4835F url(../images/bg_shadowbox-middle.gif) repeat-x; padding-left:12px}

#shadowbox .box_bottom {
	width:266px;
	float:left;
	height:15px;
	background:url(../images/bg_shadowbox-bottom.gif) no-repeat;
	padding-bottom: 22px;
}

/*
---------------------------------------------
08.2 right panel - box content
---------------------------------------------
*/

.box_middle .set { width:234px; float:left; padding:10px 0px}
.box_middle .set .leftphoto { width:104px; float:left}
.box_middle .set .righttext { width:116px; float:left; padding-left:10px}
.box_middle .set .righttext .heading { width:116px; float:left; border-bottom:1px dotted #F0E6DA; padding-bottom:5px}
.box_middle .set .righttext p { width:116px; color:#F0E6DA; padding-top:5px}

.box_middle .setproduct { width:234px; float:left; padding:10px 0px}
.box_middle .setproduct .leftphoto { width:234px; float:left}
.box_middle .setproduct .righttext { width:234px; float:left; padding-left:10px}
.box_middle .setproduct .righttext .heading { width:234px; float:left; border-bottom:1px dotted #F0E6DA; padding-bottom:5px}
.box_middle .setproduct .righttext p { width:234px; color:#F0E6DA; padding-top:5px}

.price {
	color: #FFF;
	font-size: 20px;
	font-weight:normal;
	line-height:1.3em;
	font-family:"Times New Roman", Times, serif;
}

/*
---------------------------------------------
09. footer styles
---------------------------------------------
*/

#bg_footer { width:832px; height:39px; margin:0px auto; padding-left:47px; position:relative}

#footer { width:735px; height:24px;  background:url(../images/bg_footer.gif) no-repeat; float:left; padding-left:23px; padding-right:28px; padding-top:15px;}
#footer p { float:left; font-size:10px; text-transform:uppercase;}
#footer p.footerlinks { float:right}

/*
---------------------------------------------
10. hide and reveal
---------------------------------------------
*/

.more {
	display: none;
	text-decoration: none;}
a.showLink, a.hideLink { font-family:Verdana, Arial, Helvetica, sans-serif;	color:#601414; text-decoration: none; font-size: 12px;
}
a.hideLink { }
a.showLink:hover, a.hideLink:hover {
     }
.storeproduct {
	font-size: 14px;
	font-weight: bold;
}
.storeduty {
	font-size: 10px;
}
#fontcolourblk {
	color: #000;
}