/* CSS Document */

body {
	background:#fff;
	text-align:left;
	padding:0;
	margin:0;
	font-family:Helvetica, Arial, sans-serif;
	color:#858585;
	font-size:12px;
	line-height:16px;
}
h1 {
	font-family:Times, Times New Roman, serif;
	font-size:14px;
	color:#858585;
	margin:0;
	padding:0;
}
h2 {

}
h3 {

}
p {
	font-family:Helvetica, Arial, sans-serif;
	color:#858585;
	font-size:12px;
	line-height:16px;
	padding:0;
	margin:0;
}
a {
	color:#70afbf;
	text-decoration:none;
}
a:hover {
	color:#afafaf;
	text-decoration:none;
}
#wrapper {
	width:99%;
	height:auto;
	overflow:visible;
	margin:50px 0 10px 5px;
	padding:0;
	background:#fff;
	float:left;
}
#header {
	height:auto;
	width:100%;
	background:url(../images/grey-menu-bar.gif) top left repeat-x;
	margin:0 0 5px 0;
	padding:0;
	text-align:left;
}
#header img {
	border:none;
	padding:0;
	margin:0;
}
#header a {
	border:none;
	padding:0;
	margin:0;
}
#content {
	width:100%;
	height:auto;
	text-align:left;
	margin:5px 0 5px 0;
}
#jewelleryContent {
	background:#fff;
	width:100%;
	height:477px;
	padding:0;
	margin:5px 0 0 0;
	overflow:hidden;
	clear:none;
}
#jewellerySideNav {
	width:130px;
	height:100%;
	background:none;
	text-align:right;
	padding:0;
	position:absolute;
	top:150px;
	left:5px;
}
#jewellerySideNav p {
	color:#995896;
	font-weight:bold;
	font-size:10px;
	line-height:16px;
}
#jewellerySideNav a {
	color:#995896;
	text-decoration:none;
}
#jewellerySideNav a:hover {
	color:#858585;
	text-decoration:none;
}

#aboutSideNav {
	width:130px;
	height:100%;
	background:none;
	text-align:right;
	padding:0;
	position:absolute;
	top:150px;
	left:5px;
}
#aboutSideNav p {
	color:#df894c;
	font-size:10px;
	font-weight:bold;
	line-height:16px;
}
#aboutSideNav a {
	color:#df894c;
	text-decoration:none;
}
#aboutSideNav a:hover {
	color:#858585;
	text-decoration:none;
}

#pressSideNav {
	width:130px;
	height:100%;
	background:none;
	text-align:right;
	padding:0;
	position:absolute;
	top:150px;
	left:5px;
}
#pressSideNav p {
	color:#70afbf;
	font-size:10px;
	font-weight:bold;
	line-height:16px;
}
#pressSideNav a {
	color:#70afbf;
	text-decoration:none;
}
#pressSideNav a:hover {
	color:#858585;
	text-decoration:none;
}


#jewelleryRightColumn {
	padding:0;
	background:#fff url(../images/rings-stacked.jpg) top left no-repeat;
	width:830px;
	height:450px;
	overflow:hidden;
	position:absolute;
	top:110px;
	left:162px;
}
#jewelleryItemRightColumn {
	padding:0;
	background:none;
	width:830px;
	height:450px;
	overflow:hidden;
	position:absolute;
	top:110px;
	left:162px;
}
#jewelleryLargeImage {
	position:absolute;
	top:40px;
	left:0;
	width:350px;
	height:350px;
	border:4px solid #d8d6d6;
}
#jewelleryNameBar {
	width:438px;
	height:28px;
	border:4px solid #d8d6d6;
	background:#d8d6d6;
	position:absolute;
	top:40px;
	left:372px;
	clear:none;
}
#jewelleryNameBar img {
	padding:0;
	margin:0;
	top:0;
	right:0;
	border:none;
	position:absolute;
}
#jewelleryItemName {
	width:318px;
	height:28px;
	background:#fff;
	border:none;
	padding:0;
	margin:0;
	clear:none;
}
#jewelleryItemName p {
	color:#858585;
	font-family:Times, Times New Roman, serif;
	font-size:14px;
	padding:6px 0 0 5px;
	margin:0;
}
#jewelleryDescription {
	width:333px;
	height:50px;
	border:none;
	background:none;
	position:absolute;
	top:88px;
	left:382px;
}
#jewelleryDescription p {
	font-family:Helvetica, Arial, sans-serif;
	color:#858585;
	font-size:10px;
	line-height:16px;
	padding:0;
	margin:0;
}
#jewelleryDescription img {
	border:none;
	padding:0;
	margin:40px 0 0 0;
}
#jewellerBio {
	width:455px;
	height:auto;
	background:none;
	border:none;
	padding:0;
	margin:0;
	position:absolute;
	top:120px;
	left:160px;
}
#jewellerBio p {
	font-family:Times, Times New Roman, serif;
	font-size:15px;
	font-style:italic;
	margin:1px 0 0 0;
	padding:0;
	line-height:24px;
}
#jewellerBio h4 {
	font-size:10px;
	font-family:Helvetica, Arial, sans-serif;
	margin:60px 0 0 0;
	padding:0;
	font-weight:normal;
}
#greyTopBorderBox {
	width:446px;
	height:40px;
	border-top:1px solid #afafaf;
	background:none;
	text-align:left;
	padding:5px 0 0 0;
	position:absolute;
	top:155px;
	left:372px;
}
#greyTopBorderBox img {
	padding:0;
	margin:0;
	border:none;
}
#formBox {
	width:446px;
	height:40px;
	border:none;
	background:none;
	text-align:left;
	padding:5px 0 0 0;
	position:absolute;
	top:250px;
	left:372px;
}
#formBox p {
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	padding:0;
	margin:0;
}
#formBoxBespoke {
	width:446px;
	height:40px;
	border:none;
	background:none;
	text-align:left;
	padding:5px 0 0 0;
	position:absolute;
	top:150px;
	left:0px;
}
#formBoxBespoke p {
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	padding:0;
	margin:0;
}
.textBox {
	border:1px solid #858585;
	width:200px;
	height:16px;
	background:#fff;
	color:#858585;
	padding:2px 2px 0 3px;
	margin:0;
}
#galleryNumberBox {
	width:438px;
	height:48px;
	position:absolute;
	left:372px;
	top:341px;
	background:#fff;
	border:4px solid #d8d6d6;
	text-align:left;
}
#galleryNumberBox p {
	padding:17px 0 0 10px;
}
#galleryPages {
	height:20px;
	width:auto;
	margin:0;
	padding:0;
	position:absolute;
	top:17px;
	right:10px;
}
#viewSimilar {
	width:470px;
	height:120px;
	background:url(../images/view-similar.gif) top left no-repeat;
	text-align:left;
	padding:5px 0 0 0;
	position:absolute;
	top:286px;
	left:372px;
}
#viewSimilar img {
	border:4px solid #d8d6d6;
	margin:20px 4px 0 0;
	padding:0;
}
#jewelleryCollectionHolder {
	position:absolute;
	top:40px;
	left:372px;
	height:360px;
	width:470px;
}
#jewelleryCollectionHolder img {
	border:4px solid #d8d6d6;
	margin:0 4px 4px 0;
	padding:0;
}
#footer {
	width:100%;
	height:auto;
	margin:5px 0 0 0;
	padding:0;
	background:#afafaf;
}
#pressContent {
	width:760px;
	height:auto;
	background:none;
	border:none;
	padding:0;
	margin:0;
	position:absolute;
	top:102px;
	left:156px;
}
#pressContent img {
	border:4px solid #afafaf;
	margin:0 5px 5px 0;
	padding:0;
}
#pressLargeImageHolder {
	width:635px;
	height:448px;
	background:none;
	border:4px solid #afafaf;
	padding:0;
	margin:0;
	position:absolute;
	top:102px;
	left:158px;
}
#pressInformationHolder {
	width:139px;
	height:448px;
	border:4px solid #afafaf;
	margin:0;
	padding:0;
	top:102px;
	left:808px;
	position:absolute;
}
#pressInformationHolder p {
	font-size:11px;
	margin:0 0 15px 0;
	color:#858585;
	font-family:Helvetica, Arial, sans-serif;
	padding:2px;
}
#pressInformationHolder h1 {
	font-size:11px;
	color:#70afbf;
	margin:0;
	font-family:Helvetica, Arial, sans-serif;
	padding:2px;
}
#pressInformationHolder h2 {
	font-size:11px;
	color:#70afbf;
	margin:0;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:lighter;
	padding:2px;
}
#pressInformationHolder a {
	color:#70afbf;
	text-decoration:none;

}
#pressInformationHolder a:hover {
	color:#afafaf;
	text-decoration:none;
}
#termsSideNav {
	width:130px;
	height:100%;
	background:none;
	text-align:right;
	padding:0;
	position:absolute;
	top:150px;
	left:5px;
}
#termsSideNav p {
	color:#afafaf;
	font-size:10px;
	font-weight:bold;
	line-height:16px;
}
#termsSideNav a {
	color:#afafaf;
	text-decoration:none;
}
#termsSideNav a:hover {
	color:#858585;
	text-decoration:none;
}
#newsArticles {
	width:100%;
	height:auto;
	margin:0;
	border:0;
	padding:0;
	clear:both;
}
#newsArticles p {
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#858585;
	padding:0 0 0 25px;
	margin:0 0 20px 0;
}
#newsArticles h1 {
	font-family:Helvetica, Arial, sans-serif;
	color:#70afbf;
	font-size:13px;
	padding:0 0 0 25px;
}
#newsArticles h2 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	color:#858585;
	padding:0 0 0 25px;
	margin:0 0 7px 0;
}
newsArticles img {
	border:4px solid #afafaf;
	margin:0 10px 40px 0;
	padding:0;
	float:left;
	clear:none;
}
#footer p {
	color:#fff;
	margin:0;
	padding:1px 0 0 20px;
	font-size:10px;
}
#footer a {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	color:#858585;
	text-decoration:none;
}
.pippaFooter {
	color:#787878;
	background:#c4c4c4;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	font-size:10px;
	padding:1px 10px 0 10px;
}
.pippaFooter a {
	color:#787878;
	background:#c4c4c4;
	font-size:10px;
	padding:1px 10px 0 10px;
}


.arrowlistmenu{
width: 447px; /*width of accordion menu*/
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background:none;
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}
.arrowlistmenu ul li{
padding:3px 150px 0 7px; /*bottom spacing between menu items*/
font-size:12px;
color:#df894c;
margin:0;
}
.arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}
.arrowlistmenu ul li a:visited{
color: #A70303;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}