body {
	margin:0;
	background-color:#FFF;
	color:#000;
	text-align:center;
	font-size:100%;
	font-family:verdana,arial,helvetica,sans-serif;
}
a
{
 outline:  none ;
}


#page {
	width:1000px;
	height:700px;
	text-align:left;
	margin:0 auto;
	position:relative;
}
#page2 {
	width:1000px;
	text-align:left;
	margin:0 auto;
	position:relative;
}

h1 {
	font-size:10px;
	font-weight:normal;
	line-height:19px;
	height:19px;
	padding:0;
	margin:0;
	color:#FFF; /* may the search engine gods have mercy on our souls */
	overflow:hidden;
}

#page img.socialnetwork
{
    float:right;

}
#page #facebook
{
    margin: 0px 0 0 7px;
    border-width:0;
    float:right;
}
#page #twitter
{
    margin: 0px 3px 0 20px;
    border-width:0;
    float:right;}


p#content {
	margin:0;
	font-size:10px;
	width:700px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	height:1px;   /* This hurts me even more than it does the search engine rankings */
}

#menuBar {
	width:901px;
	height:21px;
	padding:8px 21px 18px 15px;
	margin:5px 0 0 38px;
	background-image:url(../statimages/menubar.png);
	background-repeat:no-repeat;
	position:relative;
}
#topSection {
	width:908px;
	height:182px;
	padding:0 32px 0 16px;
	margin:0 0 0 30px;
	background-image:url(../statimages/background_top.png);
	background-repeat:no-repeat;
}
#bottomSection {
	width:908px;
	height:322px;
	padding:0 32px 18px 16px;
	margin:0 0 6px 30px;
	background-image:url(../statimages/background_bottom.png);
	background-repeat:no-repeat;
}
#footer {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:0.625em;
	margin:0 46px 0 46px;
	padding:4px 5px;
	color:#A6A39B;
}
#footer ul {
	margin:0 0 1.5em 0;
	padding:0;
	list-style:none;
	height:1.2em;
}
#footer ul li {
	margin:0;
	padding:0 6px;
	list-style:none;
	float:left;
}
#footer a {text-decoration:none;color:#A6A39B;}
#footer a:hover {text-decoration:underline;}
#footer p {clear:both;margin:0;float:right;}






/* Cart Links */
#cartLinks {
	position:absolute;
	top:3px;
	right:45px;
	font-size:11px;
	z-index:100;
	height:24px;
	line-height:24px;
}
#cartLinks a {text-decoration:none;color:#000;}
#cartLinks a:hover {text-decoration:underline;color:#000;}
#cartLinks #hCart {
	background-image:url(../statimages/cart.png);
	background-repeat:no-repeat;
	padding-left:19px;
	background-position:0 50%;
}
#cartLinks #cartLinksLinks
{
    width:200px;
    display:inline;
    float:right;
    text-align:right;
    	height:24px;
}



/* Main Menu */

#menuBar #mainMenu {
	margin:0 0 0 28px;
	padding:0;
	list-style:none;
	height:21px;
}
#menuBar #mainMenu li {
	margin:0;
	padding:0;
	list-style:none;
	height:21px;
	float:left;
	background-repeat:no-repeat;
}
#menuBar #mainMenu li a {
	display:block;
	height:21px;
	background-repeat:no-repeat;
}
#menuBar #mainMenu li a span {position:absolute;left:-999em;}

#menuBar #mainMenu li#mHome {width:47px;}
#menuBar #mainMenu li#mProv {width:82px;}
#menuBar #mainMenu li#mColl {width:99px;}
#menuBar #mainMenu li#mOrdr {width:101px;}
#menuBar #mainMenu li#mNews {width:75px;}
#menuBar #mainMenu li#mEnqu {width:77px;}

#menuBar #mainMenu li#mHome a.top {background-image:url(../statimages/menu_home_2.png);}
#menuBar #mainMenu li#mProv a.top {background-image:url(../statimages/menu_provenance_2.png);}
#menuBar #mainMenu li#mColl a.top {background-image:url(../statimages/menu_our_collection_2.png);}
#menuBar #mainMenu li#mOrdr a.top {background-image:url(../statimages/menu_order_3.png);}
#menuBar #mainMenu li#mNews a.top {background-image:url(../statimages/menu_newsletter_2.png);}
#menuBar #mainMenu li#mEnqu a.top {background-image:url(../statimages/menu_enquiries_3.png);}

#menuBar #mainMenu li a:hover {background-position:0 -21px;}


#menuBar form {
	float:right;
	margin:0;
	font-size:11px;
	color:#FFF;
	height:19px;
	padding-right:7px;
}
#menuBar form label {
	display:block;
	float:left;
}
#menuBar form label img {
	display:block;
	margin-top:2px;
}
#menuBar form #email {
	width:120px;
	height:13px;
	line-height:13px;
	padding:2px;
	border:0px;
	font-size:11px;
	vertical-align:middle;
	margin:1px 2px 0 3px;
}
#menuBar form #menuSubmitButton {
	margin:0;
	padding:0;
	vertical-align:middle;
	height:19px;
	width:11px;
}



/* Top Section */

#topContents {
	padding:44px 0 0 39px;
	width:863px;
	overflow:hidden;
}
#topContents img {float:left}
#topSection #topLogo {
	width:156px;
	height:83px;
}
#topSection #topLinks {
    border-width:0;
    width:385px;
    margin:0 0 0 207px;


}

/* VIEWSTORY LAYOUT */

#page.short #topSection {
	height:137px;
	position:relative;
	background-image:url(../statimages/background_top_short.png);
}
#page.short #fakeTitle {
	color:#000;
	position:absolute;
	top:33px;
	left:60px;
	font-size:1.125em;
	font-weight:bold;
	width:585px;
}
#page.short #topSection #topLogo {
	position:absolute;
	top:38px;
	left:713px;
}
#page.short #bottomSection {
	padding:1px 0 0 0;
	width:956px;
	min-height:357px;
	height:auto;
	background-position:0 100%;
	background-color:#7B786D;
	overflow:visible;
	background-image:url(../statimages/background_bottom_repeat.png);
	background-repeat:repeat-y;
}
#page.short #bottomSection .contentArea {
	width:570px;
	margin:0;
	font-size:0.750em;
	padding:15px 210px 38px 176px;
	min-height:304px;
	color:#FFF;
	line-height:1.3em;
	background-image:url(../statimages/background_bottom_bottom.png);
	background-repeat:no-repeat;
	background-position:0 100%;
}
#page.short #bottomSection .contentArea a         {color:#C4C9DA;text-decoration:none;}
#page.short #bottomSection .contentArea a:link    {color:#C4C9DA;text-decoration:none;}
#page.short #bottomSection .contentArea a:visited {color:#B1B5C5;text-decoration:none;}
#page.short #bottomSection .contentArea a:hover   {color:#FFF;text-decoration:underline;}
#page.short #bottomSection .contentArea a:focus   {color:#FFF;text-decoration:underline;}
#page.short #bottomSection .contentArea a:active  {color:#FFF;text-decoration:underline;}


#page.short #bottomSection .contentArea h2 {
/*    font-size:1.5em;line-height:1.2em;
                                   */
     margin: 0;
    clear: both;
    font-size: 14px;
    color:#fff;
    padding: 0;
    border-bottom : 1px solid #fff;
    }
#page.short #bottomSection .contentArea h3 {
    /* font-size:1.17em; */

      margin: 0;
    clear: both;
    font-size: 12px;
    color:#fff;
    padding: 0;

}


#viewStoryLinks {
	font-size:0.9em;
	margin:2em 0 0 0;
	padding:0;
	list-style:none;
	height:1.2em;
	line-height:1.2em;
}
#viewStoryLinks li {
	margin:0;
	padding:0 8px;
	list-style:none;
	height:1.2em;
	line-height:1.2em;
	float:left;
	border-left:1px solid #C4C9DA;
}
#viewStoryLinks li.first {
	border-left:0px solid #C4C9DA;
}

#page.short .contentArea h2 {
	margin-bottom:1.2em;
}
#page.short .contentArea p {
	padding-left:1em;
}
#page.short .contentArea dl {margin-left:2em;}
#page.short .contentArea dl dt {
	font-weight:bold;
	float:left;
	clear:left;
	width:50px;
}
#page.short .contentArea dl dd {
	display:block;
	margin: 0 0 1.5em 60px;
}
#audioPlayers div {
	margin:0 0 1em 1em;
}
#audioPlayers div span {
	font-size:0.85em;
}



/**** Buttons ****/

input.tinyButton, input.tinyButton2, input.smallButton, input.mediumButton, a.tinyButton, a.tinyButton2, a.smallButton, a.mediumButton {
	border-width:0;
	height:38px;
	width:103px;
	background-image:url(../statimages/button_small.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	color:#EEE;
	line-height:38px;
	padding:0;
	margin:0;
	font-size:13px;
	cursor:pointer;
	text-align:center;
	font-family:verdana,arial,helvetica,sans-serif !important;
} 

a.smallButton, a.mediumButton {
	display:block;
	color:#EEE !important;
	text-decoration:none !important;
} 

input.mediumButton, a.mediumButton {
	width:110px;
	background-image:url(../statimages/button_middle.gif);
} 

input.tinyButton, a.tinyButton {
	width:62px;
	height:35px;
	line-height:34px;
	background-image:url(../statimages/button_go.gif);
}

input.tinyButton2, a.tinyButton2 {
	width:62px;
	background-image:url(../statimages/button_tiny.gif);
}

#stockists
{
    width: 650px;
    margin: 0 auto;
    font-family:verdana,arial,helvetica,sans-serif !important;
}
#stockists h3
{
    margin: 0;
    clear: both;
    font-size: 18px;
    color:#fff;
    padding: 0.2em 0;
    border-bottom : 1px solid #fff;
}
.stockist
{
    width: 325px;
    height :60px;
    float: left;
    display : inline;
    color:#fff;
    font-size: 12px;
    margin: 7px 0;
}
.stockist a,
.stockist a:visited
{
    color : #fff !important;
    text-decoration:none;
}
.stockist a:hover
{
    text-decoration:underline;
}

.stockist h4
{
    margin: 0 0;
    padding: 0 0;
    font-size: 14px;
    color:#fff;
    font-weight:400;
}
.stockist h4 a, .stockist h4 a:visited
{
    color:#fff !important;
    text-decoration:none;
}
.stockist h4 a:hover

{
    text-decoration:underline;
}






/***** MEDIA GALLERY ****/





#media
{
    width: 700px;
    margin: 0 auto;
    font-family:verdana,arial,helvetica,sans-serif !important;
}

#media h2
{
    margin: 0 60px 0 0 !important;
    clear: both;
    font-size: 18px;
    color:#fff;
	margin-top:12px !important;
    padding: 0.2em 0 !important;
    border-bottom : 1px solid #fff;
}
#page.short #bottomSection .pictureGalleryThumbnailImage h3 {
    margin: 4px 0 0 0;
    font-size: 14px;
    color:#fff;
	font-family:arial,helvetica,sans-serif;
	font-weight:normal;
}
#media .pictureGalleryThumbnailImage
{
    color:#fff;
    font-size: 12px;
    margin : 25px 50px 0 0;
	float:left;
	display:inline;
	width:180px;
	height:220px;
	text-align : center;

}
#media .pictureGalleryThumbnailImage a {
	display:block;
	height:180px;
	width:180px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-color:#fff;
	text-decoration:none;
}
#media .pictureGalleryThumbnailImage a:hover {text-decoration:none !important;}
#media .pictureGalleryThumbnailImage img
{
    margin: auto;
	vertical-align: middle;
}