/***********************
default/master styles
 ***********************/
html {
	margin: 0;
	padding: 0;
	background: #000;
}
body {
	margin: 16px 0;
	background: #000;
	color: #999;
	font-family: arial;
	font-size: 76%;
	text-align: center;
}
a {
	color: #ccc;
	text-decoration: none;
}
a:hover {
	color: #fff;
	text-decoration: underline;
}
img {
	border: 0;
}
form {
	margin: 0;
	display: block;
}
hr {
    border: 0px;
    border-bottom: solid 1px #666;
    border-color: #666;
    border-bottom-color: #666;
    padding: 4px 0px 4px 0px;
    margin: 4px 0px 4px 0px; 
    _margin: 0px;
    _padding: 0px;
    height: 1px;
}

/* Main layout styles */
div.pageContainer {
	margin: 0 auto;
	width: 1000px;
	text-align: left;
}
div.indent {
	margin: 0 13px 0 31px;
}

/***********************
 Header + basket + navigation
 ***********************/
#TopLine {
	font-size: 0.9em;
	color: #666;
	margin: 0 0 0 1px;
}
#TopLine a {
	color: #999;
}
#Countries {
	float: right;
	margin: 0;
	padding: 0;
}
#Countries li {
	list-style: none;
	float: left;
	margin-left: 16px;
}
#Countries li a strong {
	color: #ccc;
}
div.welcome span {
	float: left;
	margin-right: 40px;
}
div.welcome span strong {
	color: #ccc;
}
div.welcome ul {
	margin: 0;
	padding: 0;
}
div.welcome li {
	list-style: none;
	display: inline;
}
div.welcome li.separator {
	padding-left: 20px;
	background: url(/media/images/system/header/basket-separator.gif) 10px 0 no-repeat;
}
div.welcome div {
	margin-left: 170px;
}

/* Logo Basket */
#SecondLine {
	clear: both;
	margin: 26px 0 4px 0;
}
#Logo {
	float: left;
}
div.breadcrumb {
	float: left;
	font-size: 0.8em;
	margin-left: 12px;
	vertical-align: middle;
	padding-top: 12px;
}
div.breadcrumb a {
	color: #999;
}
#MinCart {
	font-size: 0.9em;
	text-align: right;
	margin: 0;
	padding: 0px 0 0 0;
}
#Summary {
	padding-top: 6px;
}
#Basket a {
	color: #999;
}
#Summary a strong {
	color: #fff;
}
#Summary a.white {
	color: #fff;
}
#Summary span.vSeparator {
	padding-left: 19px;
	background: url(/media/images/system/header/basket-separator.gif) 9px 0 no-repeat;
}
#Checkout {
	margin-top: 4px;
}
#Checkout a {
	font-size: 0.9em;
	text-decoration: underline;
}

/* Navigation */
#TopNav {
	clear: both;
	background: url(/media/images/system/header/navigation-background.gif);
	height: 23px;
	margin: 0;
	padding: 10px 0 0 0;
}
#TopNav ul {
	display: block;
	margin: 0 0 0 31px;
	padding: 0;
	height: 20px;
	overflow: hidden;
}
#TopNav ul li {
	display: block;
	list-style: none;
	float: left;
}
#SearchForm {
	margin: 9px 0 4px 0;
}
#SearchForm input {
	vertical-align: middle;
}
#SearchBox {
	border: 1px solid #999999;
	font-family: arial;
	font-size: 0.9em;
	height: 13px;
	width: 134px;	
}

/***********************
 Main "content" area
 ***********************/
#Content h1, #Content h2, #Content h3, #Content h4, #Content h5, #Content h6 {
	font-family: times;
	font-weight: normal;
	color: #ccc;
}
#Content h1 {
	font-size: 2.6em;
}
#Content h2 {
	font-size: 2.0em;
}
#Content h3 {
	font-size: 1.5em;
}
#Content h4 {
	font-size: 1.3em;
}
#Content h5 {
	font-size: 1.1em;
}
#Content h6 {
	font-size: 0.8em;
}

/***********************
 Footer
 ***********************/
#Footer {
	clear: both;
	margin-top: 16px;
	background: url(/media/images/system/footer/separator.gif) left top no-repeat;
	padding-top: 5px;
}
#FooterLinks {
	display: block;
	margin: 0 0 0 14px;
	padding: 0;
	font-size: 0.76em;
}
#FooterLinks li {
	display: block;
	list-style: none;
	float: left;
	padding-left: 20px;
	background: url(/media/images/system/footer/bg-pipe-right.gif) 10px 1px no-repeat;
}
#FooterLinks li.first {
	padding-left: 0;
	background: transparent;
}
#Footer a {
	color: #999;
	text-decoration: none;
	margin: 0;
}
#Footer a:hover {
	text-decoration: underline;
}
#Copyright {
	clear: both;
	float: right;
	text-align: right;
	font-size: 0.8em;
	margin: 10px 0 0 0;
	padding: 0;
}
#Copyright p {
	margin: 0 0 14px 0;
}

/***********************
 Sidebars
 ***********************/
#SideBar {
	float: right;
	width: 191px;
	border-left: 1px solid #1c1c1c;
	text-align: right;
	margin: 0;
	padding: 0;
}
#SideBar a {
	display: block;
	margin: 0;
}
#SideBar a.topMargin {
	margin-top: 5px;
}

/***********************
 Category body
 ***********************/
#GuidedNavBody {
	margin-left: 200px;
	min-height: 500px;
    padding-bottom: 10px;
}

/***********************
 Guided nav
 ***********************/
#GuidedNav {
	float: left;
	width: 160px;
	margin-top: 10px;
}
#GuidedNav div.addedToBasket {
	/*color: Red;*/
	margin: 5px 5px 20px 10px;
	font-size: 0.9em;
}
#GuidedNav h3, #GuidedNav h4 {
	font-family: arial;
	margin: 0;
	color: #ccc;
}

div.searchedFor {
	color: #fff;
	margin-bottom: 20px;
}

#SearchedBy {
	margin-bottom: 15px;
}
#SearchedBy h3 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0;
}
#SearchedBy span {
	margin-left: 5px;
	font-size: 0.9em;
}
span.searchTerm {
	color: #ccc;
	font-weight: bold;
}

#RefineBy h2 {
	font-size: 1.5em;
	font-weight: bold;
	border-bottom: 1px solid #333;
	margin: 0 0 5px 0;
}
#RefineBy h3 {
	font-size: 0.9em;
}
#RefineBy ul {
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
}
#RefineBy li {
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 0.9em;
}
#RefineBy li a {
	color: #999;
}

/***********************
 Category body
 ***********************/
#CategoryBody {
	margin-left: 200px;
	min-height: 500px;
    padding-bottom: 10px;
}


/***********************
 Category nav
 ***********************/
#CategoryNav {
	float: left;
	width: 166px;
	min-height: 500px;
	_height: 500px;
}
#CategoryNav a:hover {
	text-decoration: none;
}
#CategoryNav h3 {
	font-size: 1em;
	line-height: 1.6em;
	font-family: Arial;
	font-weight: bold;
	margin: 14px 0 0 0;
	border-bottom: 1px solid #767676;
}
#CategoryNav h3 a {
	color: #fff;
	font-weight: bold;
}
#CategoryNav ul {
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
}
#CategoryNav li {
	display: block;
	list-style-type: none;
	padding: 0.7em 0 0 0;
	margin: 0;
}
#CategoryNav li.end a {
	border-bottom: 1px solid transparent;
	_border-bottom: 0;
}
#CategoryNav li.selectedCat {
	background: url(/media/images/system/misc/ico_bullet.gif) left center no-repeat;
	font-weight: bold;
}
#CategoryNav li a {
	display: block;
	padding: 0 0 0.7em 0;
	margin-left: 10px;
	color: #ccc;
	border-bottom: 1px solid #343434;
}

/***********************
 Stores guided nav
 ***********************/
#StoresNav {
	float: left;
	width: 166px;
	margin-top: 10px;
}
#StoresNav h3 {
	width: 164px;
	clear: both;
	font-size: 1.1em;
	color: #fff;
	padding: 0;
	margin: 15px 0 0 0;
	border-bottom: 1px solid #585858;
}
#StoresNav h3 span {
	background: url(/media/images/system/misc/sl_arrow.gif) right -2px no-repeat;
	margin: 0;
	padding-right: 10px;
}
#StoresNav ul {
	display: block;
	margin: 0 0 0 20px;
	padding: 0;
}
#StoresNav li {
	list-style-type: none;
	margin: 7px 0 0 0;
	padding: 0 0 7px 0;
	border-bottom: 1px solid #242424;
}
#StoresNav li.selected {
	list-style-type: square;
	color: #fff;
}
#StoresNav li.selected a {
	color: #fff;
}


/***********************
 Contains content when
 guided nav used
 ***********************/
#GuidedNavContent {
	margin: 10px 0 0 190px;
}

/***********************
 Misc styles
 ***********************/
div.separator  {
	height: 1px;
	background: #595959;
	_overflow: hidden;
}
div.separator_800_1  {
	height: 1px;
	background: url(/media/images/system/separators/800x1.gif) left top no-repeat;
}
span.arrowRight {
	background: url(/media/images/system/misc/arrow-right.gif) center right no-repeat;
	padding-right: 10px;
}
span.arrowLeft {
	background: url(/media/images/system/misc/arrow_left.gif) center left no-repeat;
	padding-left: 10px;
}
span.arrowDown {
	background: url(/media/images/system/misc/arrow_down.gif) center right no-repeat;
	padding-right: 10px;
}
span.arrowLeft a, span.arrowRight a {
	text-decoration: underline;
	font-size: 0.9em;
}
p.horizontalLine {
	height: 1px;
	border-top: 1px solid #666;
}
p.clearLeft {
	clear: left;
}
.clearAll {
	clear: both;
}
.floatRight {
	float: right;
}
div.forceParentBlock {
	clear: both;
	height: 0px;
}
.storeSmall {
	background: url(/media/images/system/misc/door_large.png) 0px 8px no-repeat;
}
h1.underline, h2.underline, h3.underline, h4.underline, h5.underline, h6.underline {
	border-bottom: 1px solid #666;
}
p.referenceRight {
	color: #ccc;
	font-weight: bold;
	font-family: times;
	font-size: 1.1em;
	text-align: right;
}
p.referenceLeft {
	color: #ccc;
	font-weight: bold;
	font-family: times;
	font-size: 1.1em;
	text-align: left;
}
p.white {
	color: #fff;
}
h1.title, h2.title, h3.title, h4.title, h5.title, h6.title {
	padding-bottom: 1px;
	border-bottom: 1px solid #595959;
}
.warning {
	color: Red;
}

/* Standard table layout */
div.tableLayout div {
	margin-bottom: 5px;
}
div.tableLayout label {
	float: left;
	width: 200px;
}
div.tableLayout select {
	font-size: 1em;
}


/***********************
 Form related styles
 ***********************/
.input {
	background-color: #666;
	color: #000;
	border: 1px solid #999;
	/* width: 283px; */
	overflow: hidden;
	font-size:0.9em;
}
.button {
	background: transparent;
	color: #ccc;
	text-align: center;
	padding: 3px;
	border: 0;
}
 
/***********************
 Faded header styles
 e.g. stores, appointment
 ***********************/
#FadeHeader {
	background: transparent url(/media/images/system/misc/fade_header_bg.gif) left top repeat-x;
	min-height: 133px;
	_height: 133px;
	margin: 6px 0 2px 0;
	padding: 0 0 0 24px;
}
#FadeHeader.withBorder {
	border-bottom: 1px solid #666;
	margin-bottom: 9px;
}
#FadeHeaderPhoto {
	float: right;
	margin-left: 10px;
}
#FadeHeaderPhoto p {
	display: inline;
}
#FadeHeader h1, #FadeHeader h2, #FadeHeader h3, #FadeHeader h4, #FadeHeader h5, #FadeHeader h6 {
	background: url(/media/images/system/misc/door_large.png) 0px 8px no-repeat;
	margin: 10px 0 0 0;
	padding: 0 0 0 25px;
	color: #fff;
	font-family: times;
	font-weight: normal;
}
#FadeHeader a {
	text-decoration: underline;
}
#FadeHeader p {
	font-size: 0.9em;
	margin: 5px 0;
}
#FadeHeader h1 {
	font-size: 2.4em;
}
#FadeHeader h2 {
	font-size: 2.3em;
}

/***********************
 Info page styles
 ***********************/
#InfoContent {
	font-size: 0.9em;
	margin-top: 20px;
}
#InfoContent h1, #InfoContent h2, #InfoContent h3, #InfoContent h4, #InfoContent h5, #InfoContent h6 {
	color: #fff;
	font-family: times;
}
#InfoContent h1 {
	color: #ccc;
	font-size: 2.8em;
	font-weight: normal;
}
#InfoContent h3 {
	font-size: 1.5em;
	margin: 1em 0 0.5em 0;
}
#InfoContent p {
	margin: 0;
}
#InfoContent ul {
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}
#InfoContent ul li {
	list-style-type: disc;
}

/***********************
 About us styles
 ***********************/
#AboutUsContainer {
	margin-top: 30px;
	font-size: 0.9em;
}
#AboutUsContent {
	float: left;
	width: 740px;
}
#AboutUsContent h1:first-child {
	margin-top: 0;
}
#AboutUsList {
	background: #191919;
}
#AboutUsList ul {
	display: block;
	margin: 0;
	padding: 11px 17px 1px 17px;
}
#AboutUsList ul li {
	list-style: none;
	background: url(/media/images/system/misc/arrow_left.gif) 0px 4px no-repeat;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
}
#AboutUsList a {
	color: #dfdfdf;
}

/***********************
 Product list
 category/search/prod detail)
 ***********************/
#Products {
    /*float: left;*/
    /*margin-left: 36px;*/
}
div.product {
    width: 166px;
    min-height: 270px;
    _height: 250px; /* IE 5 */
    float: left;
    margin-right: 30px;
	margin-bottom: 20px;
}
div.noMargin {
	margin-right: 0;
}
div.product img.thumbnail {
	border: 1px solid #444;
}
div.productTitle {
	font-size: 0.9em;
	margin: 2px 0;
}
div.productTitle a.view {
/*
	display: block;
	float: right;
	*/
	font-size: 0.9em;
	color: #575757;
}
div.productPrice {
	text-align: right;
}
/*
div.productPrice a {
	display: block;
	float: right;
}
*/
div.onlyAvailable {
	padding-right: 10px;
}

/***********************
 Standard product detail pages
 ***********************/
#ProductDetail {
	margin-left: 180px;
	border-left: 1px solid #1c1c1c;
	min-height: 500px;
	_height: 500px;
	padding-left: 15px;
}
#ProductDetail #Description {
	text-align: right;
	font-size: 0.9em;
	margin: 5px 0 0 250px;
}
#ProductDetail #PreviewImage {
	float: left;
}
#ProductDetail div.enlargeImage {
	text-align: left;
	margin-top: 3px;
	font-size: 0.9em;
	font-family: Verdana;
}
#ProductDetail div.enlargeImage img {
	vertical-align: middle;
}
#ProductDetail div.addedToBagMessage {
	font-size: 0.9em;
	margin-bottom: 4px;
}
#ProductDetail #PreviewImage img {
	border: 1px solid #333;
}
#ProductDetail #Description h1, #ProductDetail #Description p {
	margin: 0 0 0.3em 0;
}
#ProductDetail #Description h1 {
	color: #fff;
	font-size: 2.2em;
}
#ProductDetail #ProductInfo {
	min-height: 110px;
	_height: 110px;
}
#ProductDetail div.choiceProperties {
	margin-top: 20px;
}
#ProductDetail div.choiceProperties a {
	color: #fff;
}
#ProductDetail div.choiceProperties select {
	font-size: 1em;
}
#ProductDetail div.onlyInStores {
	color: #999;
	font-weight: bold;
	font-size: 1.1em;
}


#ProductDetail #PriceLine {
	float: right;
	margin-top: 30px;
	width: 483px;
}
#ProductDetail div.line {
	clear: both;
	background: transparent url(/media/images/system/misc/hline_s.gif) right center no-repeat;
	height: 20px;
}
#ProductDetail .price {
	float: left;
	font-family: times;
	font-weight: bold;
	color: #fff;
	font-size: 1.5em;
}
#ProductDetail span.proceedToCheckout a {
	margin-left: 15px;
}
#ProductDetail span.addToBasket {
	font-size: 1.1em;
	color: #ccc;
}
#ProductDetail span.addToBasket input {
	margin: 0 10px 0 5px;
}
#ProductDetail span.addToBasket #AddQuantity {
	width: 1.5em;
	text-align: center;
}
#ProductDetail #ArrangeViewing {
	float: left;
}
#ProductDetail #ArrangeViewing a {
	text-decoration: none;
	color: #999;
}
#ProductDetail #ProductTasks img {
	vertical-align: middle;
	margin: 0 5px;
}
#ProductDetail #PrintEmail span {
	font-family: verdana;
	font-size: 0.9em;
	margin: 0 13px;
}

#ProductDetail div.matchingPieces {
	clear: right;
	margin-top: 30px;
}
#ProductDetail div.matchingPieces h2 {
	font-size: 1.5em;
	padding-bottom: 2px;
	color: #fff;
	background: transparent url(/media/images/system/misc/hline_l.gif) right bottom no-repeat;
}
/***********************
 High jewelry layout
 ***********************/
div.highJewelry {
	margin-left: 200px;
	border-left: 1px solid #1c1c1c;
	min-height: 500px;
	_height: 500px; /* IE6 */
	padding-left: 15px;
	padding-right: 380px;
}
div.highJewelry p {
	color: #fff;
	line-height: 1.4em;
}
#HighJewelryDescription {
	min-height: 490px;
	border-bottom: 1px solid #1c1c1c;
}
div.highJewelry div.arrange h3 {
	background: url(/media/images/system/misc/door_large.png) 0 1px no-repeat;
	padding-left: 20px;
}
div.highJewelry div.arrange h3 a {
	color: #ccc;
	text-decoration: none;
}

/***********************
 Paging styles
 ***********************/
div.productPager {
	float: right;
	margin-right: 20px;
	text-align: right;
	font-size: 0.9em;
}
div.productPager a {
	color: #999;
}
div.productPager div.previousNextRow span.next {
	background: url(/media/images/system/misc/arrow-right.gif) center right no-repeat;
	padding-right: 9px;
	margin-left: 10px;
}
div.productPager div.previousNextRow span.links a {
	margin: 0 3px;
	text-decoration: underline;
}
div.productPager div.previousNextRow span.links strong {
	margin: 0 3px;
	color: #fff;
}
div.productPager div.previousNextRow span.previous {
	background: url(/media/images/system/misc/arrow_left.gif) center left no-repeat;
	padding-left: 9px;
}
div.viewAllRow {
	margin-right: 9px;
}

/***********************
 Error styles
 ***********************/
#Errors {
	font-size: 1.2em;
}
#Errors h1, #Errors h2, #Errors h3, #Errors h4, #Errors h5, #Errors h6 {
	color: #fff;
	font-family: times;
}
#Errors h1 {
	color: #900;
	font-size: 2.8em;
	font-weight: normal;
}
#Errors h3 {
	font-size: 1.5em;
	margin: 1em 0 0.5em 0;
}
#Errors p {
	margin: 0;
}