/*
  ROCA - Jewelry
  Screen Stylesheet
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	}

html {
  font-size: 62.5%;
  height: 100%;
  }

* html img { behavior: url(/iepngfix.htc) !important }

body {
  /*background:#000 url(/images/bg_floral_pattern.jpg) repeat-x left top;*/
  background: #FFF;
  font-size: 1.2em;
	font-family:arial, "Times New Roman", Times, serif;
  color: #575757;
  height: 100%;
  padding: 0 0 0 0;
  }
.clear {
  clear: both;
	padding: 0;
	height:1px;
  }
a {
  color: #006995;
  text-decoration: none;
  }
a:hover {
  text-decoration: underline;
  }
#skips {
  position: absolute;
  top: -100em;
}

ol, ul {
	list-style: none;
	}
p {
  padding: 0 0 6px 0;
}

p.copy { padding: 10px;}

strong { font-weight: bold;}

.right { float: right !important; }
.left { float: left; }

.full { width: 100%; }

h1{ font: bold 27px arial; color: #333333; margin: 10px 0;}
h2{ font: bold 20px arial; color: #333333; margin: 10px 0;}
h3{ font: bold 14px arial; color: #333333; margin: 10px 0;}

#col_full .heading {
  border-bottom: 2px solid #CCC;
  float: left;
  width: 100%;
}
#col_full .heading img {
  margin: 20px 0 0 28px;
}

#my_account {
}

#col_full .item {
  float: left;
  margin:5px 15px 25px 15px;
}
#col_full .item a {
  outline: none;
}
#col_full .item a:hover span {
  text-decoration: underline;
}
#col_full .item a span {
  display: block;
  font-weight: normal;
  font-size: 1.4em;
  text-align: center;
}
#col_full .item a img{ border: 2px solid #CCCCCC; }

/* FOOTER */
#footer {
  padding: 20px 0 40px 0;
  /*background: #363636 url(/images/bg_footer.gif) repeat-x left top;*/
  background: #002e43;
  font-family:Arial, Helvetica, Verdana, sans-serif;
  color: #FFF;
}
  #footer .topLink {
    width: 954px;
    float: left;
		padding: 6px 12px 0 0;
		text-align: right;
  }
  #footer .inside {
    width: 961px;
		padding: 0 5px 12px;
		margin: 0 auto;
  }

    #footer .inside ul.links {
      width: 300px;
      float: left;
      margin: 12px 1px 0 0;
      padding: 0 0 6px 0;
      min-height: 143px;
    }

    #footer .inside h2 {
      font-size: 1.4em;
      font-weight: bold;
      padding: 0 0 8px 0;
      color: #FFFFFF;
    }
    #footer .inside li {
      padding: 4px 0 0 0;
      float: left;
    }
    #footer .inside ul li ul li{ width: 140px; }

    #footer .inside a {
      color: #c4c3c3;
    }

    #footer .inside img.img {
      float: right;
      margin: 26px 0 0 0;
    }
#footerRight{
  float: right;
  text-align: right;
  color: #999999;
  margin-top: 25px;
  line-height: 30px;
}

/* DRAG AND DROP BAR */
#bottom {
/*	background:transparent url(/images/white50.png) repeat scroll 0 0;*/
	bottom:0;
	clear:both;
	width:100%;
	position: fixed;

}
#bottom .links{width:976px;font-family:Arial, Helvetica, Verdana, sans-serif;font-size:0.8em;margin:0 auto;padding:10px 0 25px 10px;}
#bottom .links a{color:#8f8f8f;padding:0 9px;}

#bottom .tabs{position:absolute;bottom:0;width:100%;}
#bottom .tabs ul{width:600px;height:22px;list-style:none;clear:both;margin:0 auto;}
#bottom .tabs ul li{float:left; margin-left: 3px;}
#bottom .tabs .tab_content{background:#000;height:85px; padding: 5px 0 0 0;}
#bottom .tabs .tab_content p{ clear:both; text-align: center; padding: 20px 0 0 0; font-weight: bold; color: #FFF; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 1.2em; }

#jb_tabs ul li a {
	float:left;
	height:22px;
	margin-right:1px;
	padding:0 5px 0 0;
}

#jb_tabs #recently_viewed a {
	background: url(/images/tab/recently_viewed.gif) no-repeat scroll left top;
	width:168px;
	}
		#jb_tabs #recently_viewed a:hover,
		#jb_tabs #recently_viewed.current a {
			background: url(/images/tab/recently_viewed_on.gif) no-repeat scroll left top;
			}

#jb_tabs #jewellery_box a {
	background: url(/images/tab/your_jewellery_box_CO.gif) no-repeat scroll left top;
	width:227px;
	}
		#jb_tabs #jewellery_box a:hover,
		#jb_tabs #jewellery_box.current a {
			background: url(/images/tab/your_jewellery_box_on_CO.gif) no-repeat scroll left top;
			}

#jb_tabs #my_favorites a {
	background: url(/images/tab/my_favourites.gif) no-repeat scroll left top;
	width:168px;
	}
		#jb_tabs #my_favorites a:hover,
		#jb_tabs #my_favorites.current a {
			background: url(/images/tab/my_favourites_on.gif) no-repeat scroll left top;
			}

div#tab_blind div ul {
  width: 980px !important;
}

div#tab_blind div ul li {
  width: 95px;
}

p.viewAll { width: 80px }

#pattern {
  padding-bottom: 20px;
}

#page_wrap{width:996px;margin:0 auto; /*michael*/ z-index: 30}
#page_wrap .tag{clear:both;height:200px;}

#headerBar{
  background: #333333;
  color: #FFFFFF;
  font: 12px arial;
  line-height: 35px;
}
#headerBar a{ color: #FFFFFF; text-decoration: none; }
#headerBar a:hover{ text-decoration: underline; }
#headerBarInside{ width: 980px; margin: 0 auto; height: 35px; }

#headerBar #homeLink{
  display: block;
  background: url(/images/iconHome.gif) left center no-repeat;
  padding-left: 17px;
  float: left;
  width: 500px;
}

#headerBar ul{ float: right; }
#headerBar ul li{
  list-style: none;
  float: left;
  background: url(/images/headerListIcon.gif) left center no-repeat;
  padding: 0 10px;
}

#header{width:986px;padding-top:0.5em;background:transparent;overflow:hidden;margin:0 auto; height: 80px;}


#header .leftCol {
  float: left;
  width: 319px;
  }
#header .middleCol{
  float: left;
  width: 200px;
  margin-left: 70px;
  color: #999999;
  font: 12px arial;
  text-align: left;
  padding-top: 15px; 
}
#headerTelephone{ font: 18px georgia; color: #333333; }
#header .rightCol {
  float: right;
  width: 250px;
  margin-top: 15px;
  }
#headerCart{
  font: 13px arial;
  color: #666666;
  display: block;
}
#headerCart span a{ color: #006895; font-weight: bold; }
  #header p img {
    padding: 0 4px 0 8px;
  }

#header div.search {
  font-family:Arial, Helvetica, Verdana, sans-serif;
  padding:12px 5px 0 0;
  }

#header .search form {
}
  #header .search form input.searchInput {
    background: url(/images/searchBg.gif) no-repeat;
    width: 187px;
    height: 28px;
    font: italic 12px arial;
    color: #999999;
    border: none;
    padding: 0 5px;
    margin: 0;
    display: block;
    float: right;
    line-height: 28px;
  }
  #header .search form input.buttonSearchIcon{
    width: 32px;
    height: 28px;
    padding: 0;
    margin: 0;
    display: block;
    float: right;
  }






#navigation {
  background: url(/images/navbg.gif) repeat-x; 
	width: 996px;
	margin: 15px 0;
}

#nav {
  position: relative;
  display: block;
	z-index: 20;
}
	#nav ul {
		overflow: hidden;
		padding: 0;
		width: 996px;
		/*height: 22px;*/

	}
	#nav ul li{
		float: left;
		display: block;
		border-right: 1px solid #FFFFFF;
	}
	#nav ul li a{
    display: block;
    float: left;
    height: 16px;
    background: url(/images/navbg.gif) repeat-x;
    color: #333333;
    padding: 10px 28px;
    font: 13px arial;
    text-decoration: none;
  }
  #nav ul li a:hover, #nav ul li a.navOn{
    background: url(/images/navbg_hover.gif) repeat-x;
    color: #FFFFFF;
  }
  #nav ul li a.navOn{ font-weight: bold; }
  
  #nav ul li.navSpecial a img{ float: left; padding-right: 8px; }
  #nav ul li.navSpecial a{ color: #971b1b; font-weight: bold; }
  #nav ul li.navSpecial a:hover, #nav ul li.navSpecial a.navOn{ color: #FFFFFF; }

	#womens_link { text-align: center; width: 144px; height:22px; }
	#mens_link { text-align: center; width: 120px; height:22px; }
	#design_link { text-align: center; width: 247px; height:22px; }
	#blog_link { text-align: center; width: 115px; height:22px; }
	#guide_link { text-align: center; width: 200px; height:22px; }
	#live_link { text-align: center; width: 170px; height:22px; }

	 #nav a.no_hover,
  #nav li span a {
		color: #FFF;
		font-family: Helvetica,sans-serif;
		font-weight: bold;
		font-size: 1.1em;
		text-transform: uppercase;
		text-decoration: none;
		display: block;
		padding: 2px 12px;
		line-height: 1.4em;
		}

		#nav a:hover.no_hover,
		#nav ul li span a:hover {
			background: #000;
			color: #FFF;
			display: block;
			text-decoration: underline;
		}

	#nav ul li ul a {
		text-decoration: none;
		color: #000;
		line-height: 1.4em;
	}

	#nav ul li ul {
		visibility: hidden;   /* hidden */
		position: absolute;
		border: 1px solid #c7cbcc;
	}
	#nav ul li iframe {
		visibility: hidden; /* hidden */
		position: absolute;
	}
	#nav ul li ul li:hover a:hover {
		color: #555;
		text-decoration: underline;

	}
	#nav ul li:hover ul, #nav ul li a:hover ul {
		visibility: visible;
		padding: 0 5px;
		background: #FFF;
	}
	#nav ul li:hover iframe, #nav ul li a:hover iframe {
		border: none;
		visibility: visible;
	}
	.nav_col {
		float: left;
		width: 150px;
		/*height: 600px;*/
		text-align: left;
		margin: 0 0 0 10px;
		padding-bottom: 20px;
		/*michael*/
			z-index: 20;
			position: relative;
	}
	.nav_col a {
		display: block;
	}
	.nav_col a:hover {
	}
	.nav_sub_heading {
		color: #000 !important;
		padding: 20px 0 0 0;
		font-weight: bold;
		text-decoration: none !important;
	}
	.nav_sub_heading a {
		color: #000 !important;
		padding: 0 0 0 0;
		display: block;
		font-weight: bold;
	}
	#nav #womens_menu, ul li iframe#womens_iframe {
		z-index: 999999;
		top: 22px;
		left: 0;
	}

	#nav #mens_menu, ul li iframe#mens_iframe {
		z-index: 999999;
		top: 22px;
		left: 144px;
	}

  #nav li.lastNav{
    border: none;
  }

.top,.bot{font-size:0.1em;}

#col_full {
  width:976px;
  float:left;
}
  #col_full .top {
    width:976px;
    float:left;
    background:#FFF;
    height: 5px;
		margin: 0 5px;
  }
  #col_full .inside {
    width: 976px;
    float: left;
		padding: 0 5px 12px 5px;
	  /*background: url(/images/col_full_bg.png) repeat-y left top;*/
  }
    #col_full .inside #copy {
      padding: 20px 0;
    }
    #col_full .inside #copy H1 {
      font-size: 27px;
      color: #333333;
      font-weight: bold;
      padding: 0 0 20px 0;
      margin: 0;
    }
    #col_full .inside #copy a{ font-weight: bold; }
  #col_full .bot{
    width: 976px;
    float: left;
    height:16px;
		/*background: url(/images/col_full_bot_bg.png) repeat-y center bottom;*/
		padding: 0 5px;
  }

#col_product {
  width: 986px;
  float: left;
	}
  #col_product .top {
    width:827px;
    float:left;
		height:1px;
		margin: 0 5px;
    }
  #col_product .inside {
    width: 976px;
		padding: 0 5px;
    float: left;
		/*height: 420px; Removed DS replaced with JS */
		/*background: url(/images/col_product_bg.png) repeat-y left top;*/
  }

  #col_product .bot{
    width: 827px;
    float: left;
    height:13px;
		padding:  0 5px;
		/*background: url(/images/col_product_bot_bg.png) no-repeat left bottom;*/
  }

#col_related {
  width: 986px;
  clear: both;
  float: left;
  border-top: 1px solid #e8e7e7;
}
  #col_related .top {
    width:976px;
    float:left;
    height: 1px;
		margin: 0 5px;
  }
  #col_related .inside {
    width: 966px;
    float: left;
    padding: 0 5px;
		/*background: url(/images/col_related_bg.png) repeat-y left top;*/

  }

  #col_related .bot{
    width: 130px;
		height:11px;
    float: left;
		padding: 0 5px;
		/*background: url(/images/col_related_bot.png) no-repeat left bottom;*/
  }

#col_med{
  width:602px;
  float:left;
}
  #col_med .top {
    width:592px;
    float:left;
    background:#FFF;
    height: 5px;
		margin:  0 5px;
		border-top: 1px solid #e0e0e0;
  }
  #col_med .inside{
    width: 591px;
    float: left;
    padding: 0 0 5px 10px;
		/*background: url(/images/col_med_bg.png) repeat-y top left;*/
  }

  #col_med .bot{
    width: 600px;
    float: left;
    height:15px;
		/*background: url(/images/col_med_bot_bg.png) no-repeat bottom left;*/
		margin: 0 2px;
  }

#col_cta{
  width:382px;
  float:left;
  float: left;
  margin: 0 0 10px 0;
  text-align: center;
}
  #col_cta .top {
    width: 370px;
    float:left;
    background:#FFF;
    height: 5px;
		margin: 0 5px;
		border-top: 1px solid #e0e0e0;

  }
  #col_cta .inside{
    width: 370px;
    float: left;
    background: #FFF;
    padding: 0 5px 5px 5px;
   	/*background: url(/images/col_cta_bg.png) repeat-y top left;*/

  }

  #col_cta .bot{
    width: 374px;
    float: left;
    background: #FFF;
    height:10px;
    margin: 0;
		padding: 0 5px;
   	/*background: url(/images/col_cta_bot_bg.png) no-repeat bottom left;*/
  }

#col_blog{
  width:190px;
  float:left;
	}
  #col_blog .top {
    width:179px;
    float:left;
    background:#FFF;
    height: 5px;
		margin: 0 5px;
  }
  #col_blog .inside{
    width: 174px;
    float: left;
    padding: 0 5px 0 10px;
		/*background: url(/images/col_blog_bg.png) repeat-y top left;*/
  }
  #col_blog .bot{
    width: 180px;
    float: left;
    height:10px;
		padding: 0 5px;
		/*background: url(/images/col_blog_bot_bg.png) no-repeat bottom center;*/
	 }

#recent_posts h2, #archive h2, #category h2 { font: bold 1em/2em arial; color: #000; text-align:left;}
#recent_posts p.title, #archive p.date, #category p.title{ font: bold 1em/1.5em arial;  margin-top:6px; text-align:left;}
#recent_posts p.date { font: normal 0.85em/1.5em arial;}

ul#search_blog {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

ul#search_blog  li {
float:left;
}

ul#search_blog input {
	border:1px solid #555;
	color:#7F7F7F;
	float:left;
	font-size:1em;
	margin:0 6px 0 0;
	width:98px;
	padding:2px;
}

ul#search_blog .button {
	background:none;
	color:#7F7F7F;
	float:left;
	height:21px;
	width:auto;
	border:0 none;
	font-size:1em;
	margin:0;
	padding:0;
}

ul#search_blog h2 {
font: bold 1em/2em Arial; color: #000;
}

/* Blog */
#blogs {
  float: left;
  padding: 10px 10px 0;
}

.blog {margin: 0 10px 2px 0;padding: 0 12px 10px 12px;float: left;width: 93%;border-bottom: 1px solid #CCCCCC;}
.blog a {color: #000;text-decoration:none;font-weight: bold;}
.blog a:hover {text-decoration:none; color: #777;}
.blog h2 {font-size: 1em;font-weight: bold;line-height: 1.1em;padding: 2px 0;display: inline;}
.blog p	{margin: 0; padding: 0 0 6px 0; width: 100%; float:left;}
.blog .title {color: #212121; font-size: 1.5em; font-family:arial; margin: 0;padding: 0; text-align: left;}
.blog .post {color: #212121; font: normal 1em/1.5em arial; margin: 10px 0; padding: 0; width: 100%; float: left;}
.blog .post .alignleft {float:left; display: block;}
.blog .post .alignright {float:right; display: block;}
.blog .post p {float: none;}
.blog span.date, .blog span.user {color: #212121; font: normal .88em/1.5em arial; margin: 6px 6px 0 0;padding: 0; float: left;}
.blog p.link {color: #ffffff;padding: 1px 0 0 0;}
.blog p.link a{color: #ffffff;text-decoration: none;}
.blog p.link a:hover {color: #ffffff;text-decoration: underline;}
.blog .links {text-align:left;float:left;font: normal .88em/1em Arial; margin-top:15px;}
.blog .links a {padding: 0px 10px 4px 0px; font-weight: normal; color: #666;}

#tagcloud  { padding: 0 5px; height: 108px; overflow: hidden; font-size: 0.90em; }
#tagcloud li { display: inline; background: none; padding: 0 5px 3px 0;}
#tagcloud li a {text-decoration: underline;  }
#tagcloud li a:hover {  }
#tagcloud span { position: absolute; left: -9000em; width: 1em; height: 1em; visibility: hidden; }
#tagcloud .v-popular { font-size: .88em; }
#tagcloud .vv-popular { font-size: 1em; }
#tagcloud .vvv-popular { font-size: 1.2em; }
#tagcloud .vvvv-popular { font-size: 1.4em; }
#tagcloud .vvvvv-popular { font-size: 1.8em; }

.feature_header { float: left; clear: left; width: 300px; height: 250px; margin: 0px 5px; background: #f0f0f0; }

fieldset.register_set { float: left; width: 430px; margin: 10px 10px 0 0; padding: 10px 10px 10px 20px; }

fieldset.contact_set { width: 420px; }


fieldset.register_set legend{ font-size: 1.5em; color:#212121; margin-bottom:5px; margin-left: -8px;}

fieldset.register_set p { margin-bottom: 5px }
fieldset.register_set li { float: left; list-style: none; padding: 4px 0; width: 100%; }
fieldset.register_set li.error { color: red; }
fieldset.register_set label { width: 190px; float: left; line-height: 1.5em; font-size: 1.2em }

fieldset.register_set input, fieldset.register_set select {
		 display: block;
		 float: left;
		 clear: right; }

fieldset.register_set select {
		 border: 1px solid grey;
		 width: 180px;}

fieldset.register_set input.text {
	background:#ffffff url(/images/bg_input.gif) no-repeat scroll left top;
	border:medium none;
	color:#7F7F7F;
	float:left;
	font-size:0.9em;
	height:23px;
	margin:0 6px 0 0;
	width:192px;
	padding:6px 12px 0 4px;
}

fieldset.register_set .loginButton {
	width: 65px;
	height: 21px;
	background:#F4F4F4 url(/images/button/btn_login.gif) no-repeat scroll left top;
	margin:0px;
	cursor:pointer;
	text-indent: -9999px;
}

fieldset.register_set #checkbox {
	width: 16px;
	background: 0;
	}

fieldset.blog_search input.text {
	background:#ffffff url(/images/bg_input_search.gif) no-repeat scroll left top;
	border:medium none;
	color:#7F7F7F;
	float:left;
	font-size:0.9em;
	height:23px;
	margin:0 6px 0 0;
	width:155px;
	padding:6px 12px 0 4px;
}


span.textarea_top {
	background:#ffffff url(/images/bg_input_area.gif) no-repeat scroll left top;
	display:block;
	float:left;
	height:5px;
	width:192px;
}

textarea.textarea_mid {
	background:#ffffff url(/images/bg_input_area.gif) no-repeat scroll left bottom;
	border:medium none;
	color:#7F7F7F;
	float:left;
	font-size:1.2em;
	height:79px;
	margin:0;
	overflow:auto;
	padding:0 5px 0 4px;
	width:192px;
	}

fieldset.register_set div.error,
fieldset.register_set div.success {
   font-family: inherit !important;
   font-weight: inherit !important;
   font-size: inherit !important;
   color: inherit !important;
   float: left;
}


.account_box { float: left; clear: none; width: 100%; padding: 10px 0px; }

.account_box fieldset { float: left; clear: none; width: 400px; margin: 0px 5px 0px 45px; padding: 10px;}
.account_box fieldset ol {list-style: none; }
.account_box li { display: block; list-style: none; clear: both; height: 30px }
.account_box input {
	background:#F4F4F4 url(/images/bg_input.gif) no-repeat scroll left top;
	border:medium none;
	color:#7F7F7F;
	float:left;
	font-size:0.9em;
	height:23px;
	margin:0 6px 0 0;
	width:192px;
	padding:6px 12px 0 4px;
	}
.account_box select { border: 1px solid #ccc; width: 180px; float: left; clear: right; }
.account_box label { font:normal 12px/2em Arial; display: block; width: 150px; float: left; clear: left; }
.account_box #primary_address, .account_box #newsletter {
	width: 16px;
	background: 0;
}

.account_box h2 { color:#000; font:normal 18px/1em arial;  margin: 10px 10px 10px 0px; }

.account_box .del {
	width: 71px;
	margin-left:10px;
}

.account_box .confirm {
	width: 87px;
}


.account_tabs {
	width: 100%;
	height: 22px;
	border-bottom: 3px solid #000;
}

.account_tabs ul { position: relative; display: block; float: right; }
.account_tabs li { display: inline }
.account_tabs li a { position: relative; display: block; background: #666; color: white; height: 22px; line-height: 30px; padding:0px 5px 0px 0px; margin-right: 1px; width: auto; float: left; clear: none; cursor: pointer; text-indent: -9999px}


.account_box .button {
	height: 22px;
	background: 0;
	float: right;
}

	.account_box .update {
		width: 71px;
		}
			.account_box .addnew {
				width: 87px;
				}

.account_tabs #personal_details a {
	background:#F4F4F4 url(/images/tab/tab_personal_details.gif) no-repeat scroll left bottom;
	width: 166px;
}
	#personal_details_page #personal_details a, .account_tabs #personal_details a:hover {
		background:#F4F4F4 url(/images/tab/tab_personal_details_on.gif) no-repeat scroll left bottom;
		}

	.account_tabs #order-history a {
		background:#F4F4F4 url(/images/tab/tab_order_history.gif) no-repeat scroll left bottom;
		width: 138px;
		}
	#order_history_page #order-history a, .account_tabs #order-history a:hover  {
		background:#F4F4F4 url(/images/tab/tab_order_history_on.gif) no-repeat scroll left bottom;
		}


	.account_tabs #address_book a {
		background:#F4F4F4 url(/images/tab/tab_address_book.gif) no-repeat scroll left bottom;
		width: 134px;
		}
		#address_book_page #address_book a, .account_tabs #address_book a:hover  {
			background:#F4F4F4 url(/images/tab/tab_address_book_on.gif) no-repeat scroll left bottom;
			}


		.account_tabs #vouchers a {
			background:#F4F4F4 url(/images/tab/tab_vouchers.gif) no-repeat scroll left bottom;
			width: 104px;
			}

	#vouchers_page #vouchers a, .account_tabs #vouchers a:hover {
		background:#F4F4F4 url(/images/tab/tab_vouchers_on.gif) no-repeat scroll left bottom;
		}


fieldset#edit_address  {
		margin-top: 30px;
}



div.orders div { width: 97%; padding-left: 10px; }
div.orders div table { width: 100%; }
div.orders div table tr.details { background: #ccc; }
div.orders em.positive { color: green; }

.orders ol { margin: 10px; }
.orders li { width: auto; clear: both; float: left; position: relative; height: auto; }
.orders li ul { display: block; width: 400px; background: #ccc; position: relative; float: left; padding: 10px; margin: 10px }
.orders em.green { color: green; }
.orders em.amber { color: orange; }
.orders em.red { color: red; }


div.feedback {
  width: 100%;
  float: left;
  clear: both;
  padding: 8px;
}

div.feedback .positive {
  color: green;
}

div.feedback .negative {
  color: red;
}

div.vouchers div { float: left; clear: none; }
div.vouchers div#left { width: 48%; padding-left:10px; }
div.vouchers div#left table { width: 100%;}
div.vouchers div#right { width: 48%; margin-left: 10px; }
div.vouchers div#right table { width: 100%; }

table.vouchers { border-collapse: collapse; margin: 10px 0px 10px 0px; font-size: inherit; font-family: inherit; }
table.vouchers thead { background-color: #000; color: #fff; text-align: left; }
table.vouchers td,
table.vouchers th { border: 1px solid #999; padding: 6px; vertical-align: top; }
table.vouchers tr.form_row td { padding: 8px; border-left: none; border-right: none; border-bottom: none; }
table.vouchers tr.form_row td div { padding: 10px; float: left; }
table.vouchers label { font-family: inherit !important; }

/* Removed DS
.error { color: red; float: right; font: bold 0.88em/1.4em Arial; margin-right: 10px; }
.success { color: green; float: right; font: bold 0.88em/1.4em Arial; margin-right: 10px;  }
*/

#delete_box {
	display: none;
	position: absolute;
	z-index: 1000;
	width: 200px;
	padding: 10px;
	border: 1px solid red;
	background: #fff;
	bottom: 150px;
	left: -150px;
	}

.basket_box,
.shipping_box,
.shipping_address_box,
.confirmation_box {float: left; clear: none; width: 100%; padding: 10px 0px; }

#basketSubTotal td{ 
  border-top: 1px solid #e8e7e7; 
  border-bottom: 1px solid #e8e7e7; 
  font: bold 12px arial; 
  color: #000; 
  padding: 10px;
  margin: 10px 0;
}

.confirmation_box ul li {
  width: 100%;
}

.basket_box  {
font-family: Arial, Times, serif;
}

.basket_box .name {
	font: bold 1em/1.5em Arial;
}

.basket_box strong {
	font: bold 1em/1.5em Arial;
}


.basket_box span.desc {
	font: normal 0.8em/1em Arial;
}

table.basket { margin: 10px;}
table.basket td,
table.basket th { padding: 3px; }
table.basket thead th { text-align: left; }
table.basket tbody tr td { background: #ffffff; }
table.basket tbody tr.highlight td { background: #f1f0f0; }
table.basket td.checkbox input {border:none !important;}
table.basket tbody input { width: 30px; text-align: center; }
input#remove { border: 0;}
table.basket tbody input.voucher { width: 170px;}

div.basket_error, div.basket_notice {
  margin: 0px 15px;
  padding: 10px;
}
div.basket_error { 
  background: #ffd8d8;
  border: 1px solid #cc0000;
}
div.basket_notice {
  background: #d5f7cf;
  border: 1px solid #43ba2f;
}
  div.basket_notice a, div.basket_error a {
    text-decoration: underline;
  }
  div.basket_notice p, div.basket_error p{ padding: 0; }


.shipping_box ul {list-style: none; width: 47%; margin: 0 10px 0 10px; float: left; clear: none }
.shipping_box ul li { height: 22px; line-height: 22px; margin-bottom: 5px; padding: 0px 5px; }
.shipping_box ul li.input { height: 35px; line-height: 35px; background: #e0e0e0; }
.shipping_box h2 {	font: normal 1.5em/0em Arial;}

.shipping_address_box div { width: 52%; float: left; clear: none; padding: 10px; background: #e0e0e0; margin-left: 10px; }
.shipping_address_box div ul { list-style: none; display: block; margin-bottom: 10px;}
.shipping_address_box div ul li { margin-bottom: 5px; display: block; float: left; clear: both; width: 360px;}
.shipping_address_box div ul input { float: left; padding: 2px; }
.shipping_address_box div ul label { width: 150px; float: left; font: normal 1em/1.5em Arial; }
.shipping_address_box div select { float: left; clear: none; width: 350px; }
.shipping_address_box div#address_controls { width: 40%; height: 100%;}
.shipping_address_box div#address_controls input { width: 180px; }
.shipping_address_box div#address_controls .button { width: auto; }

.shipping_address_box h2 {	font: normal 1.5em/1.5em arial; color: #000;}
.shipping_address_box h2 a {color: #000;}

.shipping_box h2, #thanks_header h2  {color:#000000;font: normal 1.5em/0em Arial; margin:10px 10px 10px 0;}


.confirmation_box ul { display: block; list-style: none; float: left; clear: none; width: 46%; margin-bottom: 10px; margin-left: 10px; background: #E0E0E0; padding: 10px; }
.confirmation_box ul li { display: block; float: left; clear: both; margin-bottom: 10px; }
.confirmation_box select { width: 350px; border: 1px solid #000; }
.confirmation_box ul ul { background: #e0e0e0; margin: 0px; padding: 10px; width: 430px; }
.confirmation_box label { display: block; width:150px; float: left; clear: none; font: normal 1em/1.5em Arial }
.confirmation_box h2 {color:#000000;font: normal 1.5em/1.5em arial;}

.hide { display: none !important; }
.show { display: block !important; }


/* PRODUCT VIEW */

.images_container {
  float: left;
  clear: none;
  width: 330px;

	position: relative;
}

.images_container ul li {
  display: inline;
}
.images_container #thumbs img{ border: 1px solid #f2f2f2; }

#product_container {
  float: right;
  clear: none;
  width: 520px;
  padding: 10px;
}
  #product_container h2 {
    font-size: 1.5em;
    color: #333333;
    clear: both;
  }
  #product_container p#product_code{
    font-size: 14px;
    color: #BBBBBB;
  }
  #product_container p {
    width: 100%;
		line-height: 1.5em;
  }
  #product_container p#price, #product_container p#price_reduction {
    font-size: 2.2em;
    color: #000;
		text-align:right;
		padding: 0;
		height: 30px;
  }
  {
    font-size: 2.2em;
    color: #000;
		text-align:right;
  }
  #product_container p#price_descr {
    margin: 0;
    padding: 0;
  }

#update_price label{ font-weight: bold; }
#productInfoExtra{ padding: 10px 0; line-height: 18px; }

#productPriceTable{ 
  text-align: left; 
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed; 
  clear: both;
  padding: 15px 0;
  width: 100%;
  overflow: hidden;
}
#productPriceTable table{
  width: 100%;
}
#productPriceTable #price_rrp{ font: 14px arial; color: #999999; }
#productPriceTable #price{ font: 18px arial; color: #333333; }
#productPriceTable #price_percentage{ font: bold 14px arial; color: #333333; }
#productPriceTable #price_reduction{ font: bold 18px arial; color: #971b1b; }

#productPriceTableSmall{ 
  width: 100%; 
  height: 32px;
  text-align: left; 
}
#productPriceTableSmall #price_rrp{ font: 11px arial; color: #999999; }
#productPriceTableSmall #price{ font: 12px arial; color: #333333; }
#productPriceTableSmall #price_percentage{ font: bold 13px arial; color: #333333; text-align: right; }
#productPriceTableSmall #price_reduction{ font: bold 14px arial; color: #971b1b; text-align: right; }

#productInfoLinks{ width: 315px; font-size: 11px; }
#productInfoLinks ul{ list-style: none; }
#productInfoLinks ul li{ 
  display: inline;
  padding-left: 10px;
  background: url(/images/productInfoListIcon.gif) left center no-repeat;
  width: auto;
  margin-right: 10px;
}

#productAttributes{ width: 100%; }
#productAttributes th{ width: 20%; vertical-align: middle; text-align: left; color: #000000; font: bold 12px arial; border-bottom: 1px solid #ededed; }
#productAttributes td{ vertical-align: middle; height: 37px; border-bottom: 1px solid #ededed; }

	li.buttons { float: right !important;  width: 128px !important; padding: 5px 0 0 20px;}
	  li.buttons p { height: 30px;}


	li.price_box { width: 175px !important; float: right !important;}


  #product_container .prodBack {
    width: 100%;
    float: right;
    text-align: right;
  }
  .prodButton {
    padding: 3px 6px;
    color: #FFF;
    margin: 6px 4px 0 0;
		cursor: pointer;
		height: 22px;
		background: url(/images/spirit.gif) no-repeat !important;
  }
  .normalButton, .account_box input.normalButton{
    width: auto;
    height: auto;
    border: none;
    background: none;
    margin: 0;
    padding: 0;
  }

	.prodBack a { float: right; font-size: 1px; color: #000; width: 57px; padding: 0px; margin: 0;}

	input.prodButton { margin: 10px 0 0; border: none; }

	.btngo { background-position: 0px 0px; width: 43px}
	.btnbuy {background:transparent url(/images/spirit.gif) no-repeat scroll 0 -695px !important;width:127px;}
	.btncont { background: url(/images/spirit.gif) no-repeat 0px -259px !important; width: 163px;}
	.btncontonly { background: url(/images/spirit.gif) no-repeat -6px -259px !important; width: 78px;}
	.btnback { background: url(/images/spirit.gif) no-repeat 0px -400px !important; width: 57px; border:none;}
	.btnview { background: url(/images/spirit.gif) no-repeat 0px -446px !important; width: 58px; outline: none; overflow: hidden; border: none; }	
	.productView { background: url(/images/spirit.gif) no-repeat 0px -446px !important; width: 58px; outline: none; overflow: hidden; border: none; height: 22px; display: block; }
	.btnupdate { background: url(/images/spirit.gif) no-repeat 0px -70px !important; width: 70px !important; border:none !important;}	
	.button_update { background: url(/images/spirit.gif) no-repeat 0px -70px !important; width: 70px !important; border:none !important; border: none; height: 22px; display: block; }
	.btncheckout { background: url(/images/spirit.gif) no-repeat 0px -308px !important; width: 94px;}
	.btnproceed {  background: url(/images/spirit.gif) no-repeat 0px -560px !important; width: 82px !important;}
	.btnaddnew { background: url(/images/spirit.gif) no-repeat 0px -331px !important; width: 87px !important;}
	.btnconfirm { background: url(/images/spirit.gif) no-repeat 0px -284px !important; width: 87px !important; float: right; border: none !important;}
	.btnregister { background: url(/images/spirit.gif) no-repeat 0px -94px !important; width: 80px !important; float: right; border: none !important; text-indent: -9000px;}
	.btnforgot { background: url(/images/spirit.gif) no-repeat 0px -622px !important; width: 197px !important; float: right; border: none !important; }
	.btnsend { background: url(/images/spirit.gif) no-repeat 0px -762px !important; width: 52px !important; float: right; border: none !important; }
	.btncreateacc { background: url(/images/spirit.gif) no-repeat 0px -787px !important; width: 161px !important; float: right; border: none !important; }
	.btnguest { background: url(/images/spirit.gif) no-repeat 0px -211px !important; width: 142px !important; float: right; border: none !important; }
	.btncontinue { background: url(/images/spirit.gif) no-repeat -6px -259px !important; width: 78px;}
	.btndelete { background: url(/images/spirit.gif) no-repeat 0px -236px !important; width: 71px; outline: none; overflow: hidden; border: none; }
	
	table.basket input.buttonUpdate{ border:none; height: auto; width: auto; }
	
	.productViewSmall{ background: url(/images/button/btn_view.gif) no-repeat; width: 50px; height: 18px; border: none; display: block; }

	#relateditems {background: url(/images/spirit.gif) no-repeat 37px -592px; height: 25px; margin-top: 15px;}

	a#voucherSendButton { position: relative; display: block; height: 25px; width: 52px; }
	  a#voucherSendButton span { background: url(/images/spirit.gif) no-repeat 0px -762px; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

	.update {width: 170px !important;}

  #product_container li {
    width: 100%;
    float: left;
    margin: 5px 0;
  }
  #product_container label.options {
    padding: 0 8px;
    float: left;
    font: 12px arial;
    color: #666666;
    line-height: 18px;
  }
  #product_container span.options {
    height: 18px;
	  width: 44px;
    float: left;
    padding: 10px 6px 2px;
    border-left: none;
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    color: #000;
    overflow: hidden;
		margin-right: 3px;
  }
  #product_container a.options {
    padding:  1px;
  }

  #product_container input.metalOptions {
    float: left;
    margin: 9px 0;
  }

  #product_container label.metalOptions {
    float: left;
    padding:  0 4px;
		font: 12px arial;
		color: #666666;
		line-height: 35px;
		margin-right: 10px;
  }

  #product_container .prodSeperator {
    margin: 10px 0 0 0;
    padding: 0;
    border-top: 1px solid #CCC;
  }

  p.prod_description {
    color: #666666;
  }
  
  .prodOptions{ 
    border-top: 1px solid #CCC;
    clear: both;
  }

  #popups .optionButton {
    color: #000;
    font-family:Arial, Helvetica, Verdana, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    margin: 6px 0 0 4px;
    text-transform: uppercase;
    float:right;
		height: 22px;
		text-indent: -9999px;
  }
	.btnfav {	background: url(/images/spirit.gif) no-repeat 0px -492px; width: 152px;}
	.btnshare {	background: url(/images/spirit.gif) no-repeat 0px -515px; width: 110px;}
	.btnfriend {	background: url(/images/spirit.gif) no-repeat 0px -538px; width: 142px;}

#productImageContainer{ float: left; width: 360px; padding: 20px; }	
#share-links{ clear: both; float: left; width: 100%; position: relative; margin-top: 10px; }

/* PRODUCT RING SIZE SLIDER */

.slider_container { float: left; width: 130px;}

#carat_slider_container, #clarity_slider_container, #colour_slider_container {
	position: relative;
	margin:-90px 0 0 0;
	left: 68px;
	width: 32px;
	}


#clarity_slider_container {left: 197px;}

#colour_slider_container{left: 326px;}


#product_container .prodSubTitle {
  float: left;
  width: auto;
  color: #000;
  font-family: arial, "Times New Roman", Times, serif;
  font-weight: bold;
  padding: 7px 10px 0 3px;
}

#product_container div.slider {
  margin-top: 10px;
  width: 400px;
  float: left;
  clear: both;
  display: block;
}

#product_container div.slider a.options {
  padding-top: 8px;
  display: block;
  float: right;
}

#product_container p.slider input {
  width: 10px;
  border: 1px solid grey;
}

#product_container #slider-bg {
  /*position: relative;*/ /*MB change*/
  float: left;
  clear: none;
  background: url(/images/slider/ring-size-background.gif) repeat-x 0px 0px;
  height:28px;
  width: 166px;
}

#product_container #slider-thumb {
  cursor:col-resize;
 /*position: absolute;  MB change this makes the h slider appear at the top*/
  top: 4px; /*MB change*/
	margin-top: 3px;  /*MB change*/
}

/* Vertical Slider */

.vert_slide_bg {
  position: relative;
  background: url(/images/slider/bg-vert.gif) 0 0 repeat-y;
  height: 80px;
  width: 22px;
	border: 5px solid #e7e9ea;
}
.vert_slide_thumb {
  cursor: default;
  position: absolute;
  top: 80px;  /* To initialize the slide thumb at the bottom */
}

.horiz_slide_bg {
  /*position: relative;*/
  background: url(/images/slider/ring-size-background.gif) 0 -3px repeat-x;
  height: 22px;
  width: 105px;
	/*border: 5px solid #e7e9ea;*/
}
.horiz_slide_thumb {
  cursor: col-resize;
  /*position: absolute;*/
  left: 0px;
	z-index: 10;
}

span#ring_size_display  {width: 42px !important;}


ul.firstRow {
  margin-top: 5px;
  overflow: hidden;
}
ul.secondRow {
  clear: both;
  overflow: hidden;
}

li.product_box {
  float: left;
  margin: 0 20px 10px 0;
  padding: 0 0 10px 0;
  width: 240px;
	z-index: 2;
	border-bottom: 3px solid #e8e7e7;
}
li.product_box .product_image{ margin-left: 30px; }
  li.product_box h1.productHeader {
    width: 156px;
    padding: 0;
    background: #FFF;
    filter:alpha(opacity=60);
  	-moz-opacity:0.6;
  	-khtml-opacity: 0.6;
  	opacity: 0.6;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    text-align:left;
    z-index: 99;
    }
  li.product_box h2.productSubHeader {
    width: 156px;
    padding: 0 0 4px 0;
    background: #FFF;
    filter:alpha(opacity=60);
  	-moz-opacity:0.6;
  	-khtml-opacity: 0.6;
  	opacity: 0.6;
    font-size: 1em;
    text-align: left;
    z-index: 1;
    font-family: arial;
    color: #000000;
  }
  
  li.product_box p.productSummary {
    text-align: left;
    min-height: 30px;
    padding: 0 0 4px 0;
    color: #006895;
  }
  
  .productListingSeperator{
    clear:both;
    margin: 20px 0;
    background: #CCCCCC;
    height: 1px;
  }

  .product_box .dragButton {
    width: 70px;
    float: right;
    text-align: center;
    padding: 4px;
    background: #CCC;
    color: #FFF;
    font-size: 0.9em;
    cursor:pointer;
    text-decoration: none;
  }

  .productInfo {
    position: relative;
    top: -162px;
    left: 120px;
    margin-bottom: -169px;
    width: 160px;
    height: 145px;
    overflow: hidden;
    padding: 10px;
    border: 2px solid #CCC;
    background: #FFF;
    color: #000;
    font-size: 0.9em;
    z-index: 1000;
  }
    .productInfo h1 {
      font-size: 1.5em;
      font-weight: bold;
      text-transform: uppercase;
      padding-bottom: 5px;
    }
    .productInfo h2 {
      font-size: 1.1em;
      padding: 0 0 10px 0;
    }
    .productInfo h2 span {
      font-size: 0.5em;
    }
    .productInfo p {
      font-size: 1.2em;
      font-weight: normal;
      color: #666666;
      margin-bottom: 5px;
      height: 50px;
      overflow: hidden;
    }
    .productInfo .productButton {
      color: #FFF;
      font-family:Arial, Helvetica, Verdana, sans-serif;
      font-size: 0.8em;
      font-weight: bold;
      margin: 6px 4px 0 0;
      text-transform: uppercase;
			height: 22px;
			cursor: pointer;
    }

/* styles for the hover zoom on the product page */
.jqzoom{
float:left;
padding:0px;
cursor:pointer;
z-index	:99999 !important;
}

.jqzoom img{
float:left;
}

div.zoomdiv {
z-index                 :1000;
position                :absolute;
top                     :0 !important;
left                    :300px !important;
width                   :200px;
height                  :200px;
/*background              :#ffffff;*/
/*border                  :1px solid #CCCCCC;*/
display                 :none;
text-align              :center;
overflow                :hidden;
z-index									:99999 !important;
}

div.jqZoomPup {
z-index                 : 10;
visibility              : hidden;
position                : relative;
top                     : 0px;
left                    : 0px;
width                   : 50px;
height                  : 50px;
border                  : 1px solid #aaa;
background              : #ffffff url(/images/zoom.gif) 50% top no-repeat;
opacity                 : 0.5;
-moz-opacity            : 0.5;
-khtml-opacity          : 0.5;
filter                  : alpha(Opacity=50);
z-index									:99999 !important;
}

/* styles for the fussy bar*/

#fussy {
  float: left;
  padding-left: 10px;
  margin-top: 10px;
  width: 790px;
}

  #fussy ul li {
    float: left;
  }
    #fussy ul li.text {
      padding-top: 16px;
    }

div#what_are {
  display: inline;
}
  p.close a {
    font-weight: bold;
    text-decoration: underline;
  }


.fussyBar {
  float: left;
  width: 790px;
  margin: 0;
  padding: 0;
  z-index: 9999;
}

hr.fussyHr {
  border-top: 1px solid #cecece;
  float: left;
  margin: 10px 10px 0 10px;
  width: 770px;
}

select.fussyList {
  background: url(/images/bg_select.gif) no-repeat 0px -1px;
  padding: 0 0 0 6px;
  height: 23px;
  width: 170px;
  margin: 0 5px 0 10px;
	font: normal 11px/1em arial;
  z-index: -10;
  border: none;
}
  select.fussyList option {
    background: white;
  }

select.last {
  margin: 12px 8px 0 10px;
}

input.fussyList {
  background: url(/images/bg_input.gif) no-repeat;
  padding: 4px;
  height: 23px;
  width: 184px;
  margin: 12px 50px 0 10px;
  font-size: 12px;
  font-weight: bold;
  z-index: -10;
}

input.fussyList.favourite {
  margin: 12px 6px 0 4px;
  border: none;
}

#refineSearch {
}

.refineTab {
  width: 229px;
  height: 20px;
	width: 100%;
	text-align:center;
	z-index: 9999;
	float:left;
	/*position: relative;*/
	margin-top: -2px;

}
#empty{
  padding:5px;
  text-align:center;
}
.ShowAllbutton {
  background: #000;
  color: #FFF;
  font-family:arial,"Times New Roman",serif;
  font-weight: bolder;
  font-size: 13px;
  float: right;
  margin: 10px 10px 0 35px;
}

.SendToFriend {
  background: #000;
  color: #FFF;
  font-family:arial,"Times New Roman",serif;
  font-weight: bolder;
  font-size: 13px;
  margin: 10px 10px 0 0;
}

	.btnsendfriend { background: url(/images/spirit.gif) no-repeat 0 -538px; width: 142px;	height: 22px; cursor: pointer; margin:0; border:none; }

	.btnshowall { background: url(/images/spirit.gif) no-repeat 0 -424px; width: 87px;	height: 22px; cursor: pointer; border:none; }

/* styles for the price slider bar */

    #breadcrumb {
        height: 23px;
        width: 100%;
        float: left;
        margin: 10px 0 0 0;
        color: #999999;
        border-bottom: 1px solid #e8e7e7;
    }
      #breadcrumb img.header {
        padding: 10px 0 0 18px;
      }
      #breadcrumb, #breadcrumb a {
        font: 12px arial;
      }

    #demo_bg {
        position: relative;
        height: 23px;
        width: 447px;
        float: right;
        margin: 10px 10px 0 0;
        background: #CCCCCC;
    }
    #demo_bg img.refine_title {
        position: relative;
        left: -120px;
    }
    #demo_bg div {
        position: absolute;
        cursor: default;
        top: 0px;
    }

    #demo_bg span {
        position: absolute;
        background: #CCCCCC;
        top: 0px;
        left: 0px;
        height: 23px;
        width: 447px;
    }
      #demo_bg span.low {
          background: url(/images/slider/refine_price_bg.gif) 0 -44px repeat-x;
      }
      #demo_bg span.med {
          background: url(/images/slider/refine_price_bg.gif) 0 -22px repeat-x;
      }
      #demo_bg span.inter {
          background: url(/images/slider/refine_price_bg.gif) 0 -66px repeat-x;
      }
      #demo_bg span.inter2 {
          background: url(/images/slider/refine_price_bg.gif) 0 -88px repeat-x;
      }
      #demo_bg span.high {
          background: url(/images/slider/refine_price_bg.gif) 0 0 repeat-x;
      }

    #demo_min_thumb {
        width: 10px;
        height: 23px;
        background: url(/images/fussy/max_thumb_bg.gif) top left no-repeat #000;
        background-position: 2px 2px;
    }

    #demo_max_thumb {
        width: 10px;
        height: 23px;
        background: url(/images/fussy/min_thumb_bg.gif) top left no-repeat #000;
        background-position: 2px 2px;
    }

    #demo_highlight {
      overflow: hidden;
    }

/* Product List */

.productList {
  margin: 10px 0;
  width: 785px;
	z-index: 3;
	padding: 0;
}

.productList ul{
  width: 785px;
}

.productList img {
  padding: 0;
}
  

.paginateContainer{
  padding: 7px 20px;
  font-family: arial;
  background: #f1f0f0;
  height: 15px;
}
.paginateContainer .paginationResults{
  float: left;
}
.paginateContainer .pagination{
  float: right;
}
.paginateContainer .pagination li{
  float: left;
}

.paginateContainer .pagination li a{
  width: 13px;
  display: block;
  text-align: center;
  padding: 2px;
}
.paginateContainer .pagination li.last a, .paginateContainer .pagination li.first a{ width: 26px; }
.paginateContainer .pagination li a:hover{ background: #E1E1E1; text-decoration: none; }
.paginateContainer .current{ text-decoration: underline; }
.paginateContainer .pagination li.previous a:hover, .paginateContainer .pagination li.next a:hover{ background: #FFF; }
.paginateContainer .next, .paginateContainer .previous{ padding-top: 3px; }


/*	Plugin Override for Portfolio */

	#portfolio {
		background: #000;
		overflow: hidden;
		clear: both;
		}

    #portfolio_items {
      margin: 0 0 0 10px;
    }

		#items .item {
			background: #FFF;
			float: left;
			border: 1px solid #d1d1be;
			padding: 6px;
			margin: 10px 10px 10px 0;
			width: 68px;
			height: 64px;
			overflow: hidden;
			}

			#items .item h3 {
				color: #DFDEC5;
				font-size: 1.3em;
				}

			#items .item img {
				border: none;
				margin: 0 6px 0 0;
				height: 64px;
				}

			#items .item img.remove {
				top: -62px;
				right: -55px;
				height: 8px;
				width: 8px;
				margin: 0;
				position: relative;
				}

			#items .item p {
				color: #5F6352;
				font-size: 1em;
				margin: 0;
				}


		#portfolio_actions {
			background: url(/images/convert_pdf_button.gif) 0 0 no-repeat;
			width: 0;
			height: 73px;
			padding-left: 136px;
			text-align: left;
			overflow: hidden;
			margin: 15px 0 0;
			display: block;
			float: right;
			}

		#arrow_left, #arrow_right {
			display: block;
			margin-top: 40px;
			width: 18px;
			}

			#arrow_left {
				margin-right: 0;
			}

			#button_left {
				width: 18px;
				margin-right: 8px;
				}

		#shade {
			display: none !important
			}

		#instructions {
			background:#000;
			color:white;
			font:bold 1em/1em arial;
			height:32px;
			padding-top:5px;
			}

	   #instructions  ul {
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			}

		#instructions ul li {
			float:left;
			line-height:32px;
			margin-left:10px;
			}

		#instructions ul li.items {
			margin-left: 4em;
			}

		#instructions ul li.toggle {
			background:transparent url(/images/toggle.gif) no-repeat scroll 0 0;
			bottom:1px;
			height:22px;
			margin:5px 10px 0 0;
			width:74px;
			float: right;
			}

			#instructions ul li.toggle a {
					background:transparent none repeat scroll 0 0;
					color:#fff !important;
					display:block;
					height:22px;
					line-height:22px;
					padding:0;
					text-align:center;
					text-decoration:none;
					width:74px;
					}

ul#product_list a {
  position: relative;
  display: block;
  width: 242px;
}

ul#product_list a em {
  display: block;
  background: #999;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
}
/* Share with..*/
#share {
    position: relative; /* needs this to absolutely position elements within DS */
		float:left;
		width:100%;
		}
#sharewith{ margin-bottom: 20px; width: 100%;}
#sharewith a{ text-transform: uppercase; font: bold 11px arial; }

div#popups {
  display: block;
  width: 100%;
  float: left;
  position: relative;
}

.share #btn_share {
	cursor: pointer;
}
.share ul#show {
	display: none;
}

 ul#sharebox {
	background:#eee none repeat scroll 0 0;
	border:1px solid #ccc;
	padding:1em;
	width:12em;
	z-index:5000 !important;
	position: absolute;
	}

#blogs ul#sharebox {
	  bottom: 30px;
    left: 361px;
	}

#product_container ul#sharebox {
  	bottom: 30px;
  	left: 199px;
	}

	ul#sharebox li {
		margin: 0 0 6px 0;
		background:none;
		list-style: none;
		text-align: left;
		float: none;
	}

		ul#sharebox li.close_cross {
			text-align: right;
			margin: -5px;
			padding: 0;
		}
			ul#sharebox li.close_cross img {
				margin: 0;
				padding: 0;
				cursor: pointer;
			}

		ul#sharebox li img {
			display: inline;
			margin: 0 0.5em 0 0;
			vertical-align: middle
		}

div#emailbox {
  display: block;
  position: absolute;
  bottom: 30px;
  left: 53px;
  border: 1px solid #ccc;
  background: #eee;
  padding: 1em;
  width: 352px;
  z-index: 1000;
}
  div#emailbox ol {
    float: left;
    clear: both;
    display: block;
    width: 100%;
  }
    div#emailbox ol li {
      float: left;
      clear: both;
      display: block;
    }
  div#emailbox p {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    text-align: right;
    font-weight: bold;
  }
  div#emailbox fieldset {
    float: left;
    clear: both;
    display: block;
    width: 100%;
  }
  div#emailbox label {
    display: block;
    float: left;
    clear: left;
    width: 130px;
    text-align:left;
  }
  div#emailbox input, div#emailbox textarea {
    display: block;
    float: left;
    clear: right;
    width: 220px;
    border: 1px solid #ccc;
  }

	div#emailbox textarea { font-size: 1.1em; height: 50px; }

    div#emailbox input.hidden {
      border: none;
    }
  div#emailbox div.form_error {
    padding: 5px 0px;
  }
  div#emailbox .prodButton {
    float: right !important;
    clear: both !important;
    width: 45px;
   }

/*
#emailbox, #emailbox_blog { border: 1px solid #ccc; background: #eee; padding:1em;  width:392px; z-index:1000; position: absolute;}
#emailbox ol, #emailbox_blog ol { float; left; )
#emailbox li, #emailbox_blog li { float: none; }
#emailbox input, #emailbox_blog input { width: 220px; border: 1px solid #ccc;}
#emailbox label, #emailbox_blog label  { width: 130px; text-align:left; }
#emailbox .prodButton, #emailbox_blog .prodButton  { width: 45px;}
#emailbox .close_cross, #emailbox_blog .close_cross  { font-weight: bold; text-align:right}
#emailbox fieldset, #emailbox_blog fieldset { }
*/

/* RING SIZE GUIDE */

.ring_size_guide {
	padding: 20px 0 0 23px;
	float: left;
}
.ring_size_guide .chart {
	float: left;
	padding: 0 30px 0 0;
}
.ring_size_guide .copy {
	width: 262px;
	padding: 50px 0 0 0;
	float: left;
}
.ring_size_guide .copy .download_pdf {
	padding: 10px 0 0 0;
}

#recently_viewed_tab ul li a img,
#jewellery_box_tab ul li a img,
#my_favorites_tab ul li a img {
  padding: 0;
}

/*
##FAVOURITES##
*/

#my_favorites_tab ul li a img.remove {
  /*margin: 2px -18px 0 -18px;*/
  margin: -10px 0 0px 68px;
}

.favourite_sent {
  color: red;
  padding: 0;
  margin: 0;
  font-family:Arial, Helvetica, Verdana;
  }

/* REFINE PRICE */
#refine_price_image {
float:left;margin:17px 10px 0 0;
}

/* Voucher Redemption */
ul#redeem_vouchers li {
  width: 100%;
}

ul#redeem_vouchers li label {
  display: inline;
  float: none;
  clear: none;
  width: 300px;
  margin-left: 10px;
}

#error_for_username{
  margin-left: 42%;
}

#error_for_password{
  margin-left: 42%;
}

p.faq {
  padding: 0 0 18px 0;
}

/*#ring-size, #clarity, #carat, #colour, #band_width{ min-width: 75px; }*/

#bottomWrapper{
  color: #999999;
  clear:both;
  margin-top: 20px;
  font-size: 11px;
  border-top: 1px solid #184053;
  padding-top: 20px;
}

#footer #bottomWrapper a{
  color: #999999;
  text-decoration: underline;
}

#col_filters{
  float: left;
  width: 180px;
  margin-right: 30px;
}
#col_filters .inside{
  width: 180px;
  padding: 5px 0;
}

#col_filters h2{
  font: bold 12px arial;
  color: #333333;
  margin-bottom: 6px;
}

#col_filters h3{
  background: url(/images/filterTypeBg.gif) no-repeat;
  height: 11px;
  width: 160px;
  text-transform: uppercase;
  color: #FFFFFF;
  font: bold 11px arial;
  padding: 4px 10px 6px 10px;
}

#col_filters ul{ margin: 0 0 10px 0; }
#col_filters ul li a{
  display: block;
  width: 165px;
  height: 15px;
  padding: 5px 0 5px 15px;
  background: url(/images/filter_off.gif) left center no-repeat;
  text-decoration: none;
  color: #666666;
  font: 12px arial;
  margin-left: 10px;
}
#col_filters ul li a:hover{
  background: url(/images/filter_on.gif) left center no-repeat;
  color: #006895;
}
#col_filters ul li a.filter_on{
  background: url(/images/filter_selected.gif) left center no-repeat;
  padding-left: 25px;
  margin-left: 0;
}
#col_filters ul li a.filter_on span{
  display: block;
  float: right;
  height: 9px;
  width: 7px;
  background: url(/images/filter_on_x.gif) right center no-repeat;
  margin: 3px 20px 0 0;
}
#col_filters ul li a.filter_on:hover span{ background: url(/images/filter_on_x_hover.gif) right center no-repeat; }

#col_productlisting{
  float: left;
  width: 785px;
}
#col_productlisting .inside {
  float:left;
  width:785px;
}

.cta{ float: left; margin-bottom: 10px; margin-right: 10px; }
#cta2, #cta5, #cta9{ margin-right: 0; }



#contact_form{
  width: 495px;
  padding: 10px 20px;
  background: #f1f0f0;
}

.form_errors{
  background: #ffcece;
  padding: 10px;
  margin: 10px 0;
}
.form_errors li strong{ text-transform: capitalize; }
.formLabel{ vertical-align: top; color: #666666; font: bold 12px arial; text-align: right; padding-right: 10px; width: 140px; }