/* 
	Nicky McCourt - Master Styles
	Revision number		:	1.0
   	Last updated		:	23rd July 2008
   	Last updated by		:	Scott Mackenzie (1px Solid)
*/
@import url(reset.css); 
@import url(hacks.css);

/* @group Global
----------------------------------------------------------------------------------- */
html{
	height: 100%;
}
body { 
	font: normal small/140% Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	background: #f4f4f4 url(../images/common/body_bg.gif) repeat-x left top;
	height: 100%;
}
a {
	color:  #ea2d7e;
	text-decoration: none;
}
a:hover {
	color:  #ea2d7e;
	text-decoration: underline;
}
.center { text-align: center; }
.left   { text-align: left;	}
.right 	{ text-align: right; }
.fleft 	{ float: left; }
.fright { float: right; }

input {
	border: none;
	font-size: 89%;
}
select {
	border: none;
	font-size: 89%;
}
textarea {
	border: none;
	font: normal 100%/140% Arial, Verdana, Helvetica, sans-serif;
}
/* @end */
/* @group Structure
----------------------------------------------------------------------------------- */
/*
	css vertical alignment with known height
	http://exanimo.com/examples/css/vertical-centering-with-a-floated-shim.html
*/
body.home #top {
	visibility: hidden;
	width: 100%;
	height: 50%; 			/* Bump div#blueBox down half the height of the screen. */
 	margin-top: -360px;		/* Half the height of .wrap */
	float: left;
	padding-top: 0;
}
.wrap {
	width: 963px;
	text-align: left;
	margin: 0 auto;
	padding: 50px 0 70px 3px;
}
body.home .wrap {
	padding: 0 0 0 3px;
	height: 680px;
    clear: both;
	/*
	 *
	 * Issue: IE4 doesn't allow a negative margin-top.
	 *
	 * This code positions blueBox relatively and uses the IE4ever hack (<http://exanimo.com/css/ie4ever>) to overwrite the rule for other browsers.
	 * The content will be centered but will crop if the window is not small enough to accommodate it.
	 *
	 */
	position: relative;
	top: -360px;
	/* IE4ever Hack: Hide from IE4 **/
	position: static;
	/** end hack */
}
/*
 *
 * Issue: IE5mac interprets negative values as positive.
 *
 * I haven't figured out a workaround for this yet. The content won't be vertically centered but it won't be messed up by the previous code either.
 *
 */
/* Hide from IE5mac \*//*/
    body.home div#top {
        display: none;
    }
    html, body {
        height: auto;
    }
/* end hack */
#content {
	padding: 0 3px 3px 0;
	background: #fff url(../images/common/content_shadow_bg.gif) no-repeat right bottom;
}
/* @end */
/* @group Navigation
----------------------------------------------------------------------------------- */
h1 {
	color: #e9146f;
	font-size: 100%;
	float: left;
}
.navigation {
	padding: 5px 12px 15px 12px;
	position: relative;
	font-size: 97%;
	z-index: 2;
}
.navigation ul {
	float: right;
	padding-top: 28px;
}
.navigation ul li {
	float: left;
	margin-right: 33px;
	font-size: 80%;
	text-transform: uppercase;
}
.navigation ul li.last {
	margin-right: 9px;
}
.navigation ul li a {
	color: #898989;
	display: block;
	height: 8px;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
}
.navigation ul li.nav-home a 		{ background-image: url(../images/common/nav_home.gif); 		width: 30px; }
.navigation ul li.nav-diamonds a 	{ background-image: url(../images/common/nav_diamonds.gif); 	width: 55px; }
.navigation ul li.nav-about a 		{ background-image: url(../images/common/nav_about.gif); 		width: 49px; }
.navigation ul li.nav-testimonials a{ background-image: url(../images/common/nav_testimonials.gif); width: 69px; }
.navigation ul li.nav-community a 	{ background-image: url(../images/common/nav_community.gif); 	width: 63px; }
.navigation ul li.nav-contact a 	{ background-image: url(../images/common/nav_contact.gif); 		width: 47px; }
.navigation ul li.nav-search a 		{ background-image: url(../images/common/nav_search.gif); 		width: 89px; }
.navigation ul li.nav-saved a 		{ background-image: url(../images/common/nav_saved.gif); 		width: 61px; }

.navigation ul li a:hover,
body.home .navigation ul li.nav-home a,
body.diamonds .navigation ul li.nav-diamonds a,
body.about .navigation ul li.nav-about a,
body.testimonials .navigation ul li.nav-testimonials a,
body.community .navigation ul li.nav-community a,
body.contact .navigation ul li.nav-contact a,
body.search .navigation ul li.nav-search	 a,
body.saved .navigation ul li.nav-saved a {
	color:  #e9146f;
	background-position: left bottom;
}
.navigation ul li a span {
	display: none;
}
/* search form */
.search-form {
	font-size: 80%;
	width: 211px;
	position: absolute;
	display: none;
}
.hero .search-form {
	display: block;
}
.navigation .search-form {
	top: -20px;
	right: 3px;
}
.hero .search-form {
	bottom: 12px;
	right: 17px;
}
.search-form .search-box-outer {
	background: #ea297b url(../images/common/search/arrow_bg.gif) no-repeat left bottom;
	padding: 6px;
	padding-bottom: 13px;
}
.hero .search-form .search-box-outer {
	background: none;
	padding-bottom: 6px;
}
.search-form .search-box-over {
	background: #ea297b;
	padding: 6px;
	position: absolute;
	top: 0px;
	width: 199px;
	display: none;
}
.search-form .search-items {
	border: 1px solid #c02f6d;
	background: #fff;
}
.search-form .search-box {
	background: #fff url(../images/common/search/dropdown_bg.gif) no-repeat right center;
	padding: 2px 4px;
	color: #8e8e8e;
	display: block;
	border: 1px solid #fff;
}
.search-form .search-box-over .search-box {
	border: none;
}
.search-form ul {
	float: none;
	padding: 5px 2px 3px 3px;
	background: #f9f9f9;
	margin-top: 5px;
}
.search-form ul li {
	margin-right: 0;
	font-size: 100%;
	width: 96px;
	text-transform: none;
	background: #f9f9f9 url(../images/common/search/hsep_bg.gif) no-repeat left bottom;
	float: left;
}
.search-form ul li.last {
	background: none;
	margin-right: 0px;
}
.search-form ul li a {
	display: block;
	width: 50px;
	padding-left: 42px;
	padding: 5px 4px 5px 44px;
	background-position: 10px 3px;
	background-repeat: no-repeat;
	background-color: transparent;
	height: auto;
	color:#898989;
}
.search-form ul li a:hover {
	color:  #ea2d7e;
	text-decoration: underline;
	background-position: 10px 3px;
}
.search-form ul li a.search-round 	{ background-image: url(../images/common/search/piece_round.gif);	}
.search-form ul li a.search-oval 	{ background-image: url(../images/common/search/piece_oval.gif);	}
.search-form ul li a.search-radiant	{ background-image: url(../images/common/search/piece_radiant.gif);	}
.search-form ul li a.search-asscher	{ background-image: url(../images/common/search/piece_asscher.gif);	}
.search-form ul li a.search-marquise{ background-image: url(../images/common/search/piece_marquise.gif);	}
.search-form ul li a.search-princess{ background-image: url(../images/common/search/piece_princess.gif);	}
.search-form ul li a.search-emerald	{ background-image: url(../images/common/search/piece_emerald.gif);	}
.search-form ul li a.search-pear 	{ background-image: url(../images/common/search/piece_pear.gif);	}
.search-form ul li a.search-heart 	{ background-image: url(../images/common/search/piece_heart.gif);	}
/* @end */
/* @group Header (Hero & Tabs)
----------------------------------------------------------------------------------- */
.hero {
	width: 749px;
	height: 328px;
	float: left;
	text-align: left;
	color: #ea2d7e;
	position: relative;
	z-index: 1;
}
body.home .hero {
	text-align: center;
	width: 767px;
	z-index: 1;
	position: relative;
}
#hero-text {
	width: 230px;
	padding-left: 20px;
	padding-top: 70px;
	text-align: left;
	position: absolute;
	left: 0;
	bottom: 15px;
}
#hero-flash-replaced {
	margin-left: 250px;
}
.hero h2 {
	font-size: 180%;
	font-family: "Times New Roman", Times, Serif;
	text-transform: uppercase;
	position: absolute;
	bottom: 14px;
	left: 18px;
	height: 30px;
	font-weight: normal;
	letter-spacing: 1px;
}
.hero #hero-text h2 {
	position: relative;
	left: 0px;
	top: 0px;
	height: auto;
	margin-bottom: 20px;
}
.hero #hero-text p {
	color: #8a8a8a;
	margin-bottom: 7px;
	margin-top: 10px;
	font-size: 85%;
}
.tabs {
	float: left;
	width: 211px;
}
body.home .tabs {
	width: 193px;
}
.tabs li {
	height: 82px;
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-style: italic;
	line-height: 130%;
	font-size: 85%;
}
.tabs li a {
	background: transparent url(../images/common/tab_bg.gif) no-repeat left top;
	display: block;
	height: 82px;
	width: 100%;
}
.tabs li.last a {
	background: transparent url(../images/common/tab_last_bg.gif) no-repeat left top;
}
.tabs li a:hover {
	background-position: left bottom;
	text-decoration: none;
	cursor: pointer;
}
.tabs li a span {
	display: block;
	height: 54px;
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	color: #ed438c;
	padding: 28px 7px 0px 88px;
}
.tabs li.single-line a span {
	height: 47px;
	padding-top: 35px;
}
body.home .tabs li a span {
	padding-left: 82px;
}
.tabs li a:hover span {
	background-position: left bottom;
	color: #888888;
}
.tabs li.tab-diamonds a span 	{	background-image: url(../images/common/tab_diamonds_bg.gif); 	}
.tabs li.tab-create a span 		{	background-image: url(../images/common/tab_create_bg.gif); 	}
.tabs li.tab-specials a span 		{	background-image: url(../images/common/tab_specials_bg.gif); 	}
.tabs li.tab-tellfriend a span 	{	background-image: url(../images/common/tab_tellfriend_bg.gif); 	}
.tabs li.tab-newsletter a span 	{	background-image: url(../images/common/tab_newsletter_bg.gif); 	}
/* @end */
/* @group Global Columns
----------------------------------------------------------------------------------- */
.col-wrap {
	background: transparent url(../images/common/side_col_bg.gif) repeat-y right top;
}
.col-main {
	float: left;
	width: 709px;
	padding: 15px 20px 20px 20px;
	font-size: 86%;
	color: #818181;
}
.col-main.col-gallery {
	width: 749px;
	padding: 15px 0 0 0;
}
.col-main.full {
	width: 940px;
	float: none;
}
body.home .col-main {
	padding: 0;
	width: 746px;
}
body.home .col-main.full {
	width: 960px;
	padding: 0;
}
.col-side {
	font-size: 87%;
	line-height: 140%;
	float: left;
	width: 211px;
	color: #747474;
}
.col-side-inner {
	padding: 15px 20px 20px 20px;
}
/* @end */
/* @group Home Diamonds
----------------------------------------------------------------------------------- */
body.home .col-main.diamonds {
	background: transparent url(../images/home/boxes_bg.gif) repeat-y left top;
	padding-bottom: 1px;
}
body.home .col-main.diamonds li {
	float: left;
	width: 192px;
	/*height: 192px;*/
	/*background: #fff url(../images/common/vsep_grey_bg.gif) repeat-y right top;*/
	text-align: center;
}
body.home .col-main.diamonds li.last {
	background: none;
}
body.home .col-main.diamonds li a {
	display: block;
	width: 191px;
	height: 185px;
	background-position: left top;
	background-color: #fff;
	background-repeat: no-repeat;
}
body.home .col-main.diamonds li.box-engagement a { background-image: url(../images/home/box_engagement_bg.jpg); }
body.home .col-main.diamonds li.box-wedding a { background-image: url(../images/home/box_wedding_bg.jpg); }
body.home .col-main.diamonds li.box-her a { background-image: url(../images/home/box_her_bg.jpg); }
body.home .col-main.diamonds li.box-him a { background-image: url(../images/home/box_him_bg.jpg); }
body.home .col-main.diamonds li.box-custom a { background-image: url(../images/home/box_custom_bg.jpg); }

body.home .col-main.diamonds li a span {
	display: none;
}
span.box-text {
	text-align: left;
	display: block;
	padding: 0px 10px 11px 12px;
}
/* @end */
/* @group Section Banners
----------------------------------------------------------------------------------- */
.hero 	{ background: transparent url(../images/sections/banner_about.jpg) no-repeat left bottom; }
body.home .hero 	{ background: transparent url(../images/common/hsep_grey_bg.gif) repeat-x left bottom; }
body.diamonds .hero	{ background: transparent url(../images/sections/banner_diamonds.jpg) no-repeat left bottom; }
body.about .hero 	{ background: transparent url(../images/sections/banner_about.jpg) no-repeat left bottom; } 
body.search .hero 	{ background: transparent url(../images/sections/banner_about.jpg) no-repeat left bottom; }
body.contact .hero 	{ background: transparent url(../images/sections/banner_contact.jpg) no-repeat left bottom; } 
body.testimonials .hero	{ background: transparent url(../images/sections/banner_testimonials.jpg) no-repeat left bottom; }
body.community .hero	{ background: transparent url(../images/sections/banner_community.jpg) no-repeat left bottom; }
body.specials .hero	{ background: transparent url(../images/sections/banner_specials.jpg) no-repeat left bottom; }

/* @end */
/* @group Global Section Content
----------------------------------------------------------------------------------- */
.pink {
	color: #ef3f86;
}
.overview {
	width: 650px;
	padding-right: 30px;
	padding-bottom: 1.6em;
	color: #565656;
	font-size: 100%;
}
.gallery .overview {
	padding-left: 20px;
}
.body-text .col1 {
	width: 385px;
	padding-right: 40px;
	float: left;
}

.body-text .col2 {
	width: 250px;
	padding-right: 10px;
	float: left;
}

.body-text .col {
	width: 285px;
	padding-right: 40px;
	float: left;
}


.body-text .col.full {
	width: 650px;
	padding-right: 30px;
}
.gallery .body-text .col {
	padding-left: 20px;
}
.body-text p {
	margin-bottom: 1.5em;
}
.body-text strong {
	font-weight: bold;
}
.body-text p a, .overview a {
	text-decoration: underline;
}
.body-text h3 {
	color: #ea2d7e;
	margin-bottom: 5px;
	font-weight: bold;
}
.body-text h4 {
	font-weight: bold;
}
.body-text h4 span {
	font-weight: normal;
}
.body-text p em {
	font-family: Georgia, Serif;
	color: #ea2d7e;
	font-size: 127%;
	font-style: italic;
}
.body-text p.ital {
	font-style: italic;
}
.body-text ol {
	margin-bottom: 1.2em;
	padding-left: 20px;
}
.body-text ol li {
	list-style-type: decimal;
}
.body-text p.code {
	font-family: monotype, monospace;
	background: #eee;
	font-size: 100%;
	padding: 3px 4px;
}
/* @end */
/* @group Global Side Bar
----------------------------------------------------------------------------------- */
.col-side-inner a {
	color: #747474;
	background: transparent url(../images/sections/side_a_bg.gif) repeat-x left bottom;
}
.col-side-inner ul {
	margin-bottom: 1em;
}
.col-side-inner ul li {
	background: transparent url(../images/sections/side_li_bg.gif) no-repeat left top;
	padding-left: 12px;
	margin-bottom: 5px;
}
.col-side .tabs {
	float: none;
}
.col-side .tabs li {
	font-size: 99%;
}
.col-side .tabs li a {
	background: transparent url(../images/common/tab_b_bg.gif) no-repeat left top;
}
.col-side .tabs li.last a {
	background: transparent url(../images/common/tab_b_last_bg.gif) no-repeat left top;
}
body.gallery.engagement-rings .col-side .tabs li.tab-engagement a,
body.gallery.wedding-and-anniversary-rings .col-side .tabs li.tab-wedding a,
body.gallery.jewellery-for-her .col-side .tabs li.tab-her a,
body.gallery.custom-designs .col-side .tabs li.tab-custom a,
body.gallery.jewellery-for-him .col-side .tabs li.tab-him a,
.col-side .tabs li a:hover {
	background-position: left bottom;
	text-decoration: none;
}
.col-side .tabs li a span {
	color: #a7a7a7;
}
body.gallery.engagement-rings .col-side .tabs li.tab-engagement a span,
body.gallery.wedding-and-anniversary-rings .col-side .tabs li.tab-wedding a span,
body.gallery.jewellery-for-her .col-side .tabs li.tab-her a span,
body.gallery.custom-designs .col-side .tabs li.tab-custom a span,
body.gallery.jewellery-for-him .col-side .tabs li.tab-him a span,
.col-side .tabs li a:hover span {
	background-position: left bottom;
	color: #888888;
}
.col-side .tabs li.tab-engagement a span	{	background-image: url(../images/common/tab_engagement_bg.gif); 	}
.col-side .tabs li.tab-wedding a span 		{	background-image: url(../images/common/tab_wedding_bg.gif); 	}
.col-side .tabs li.tab-her a span 		{	background-image: url(../images/common/tab_her_bg.gif); 	}
.col-side .tabs li.tab-custom a span		{	background-image: url(../images/common/tab_custom_bg.gif); 		}
.col-side .tabs li.tab-him a span		{	background-image: url(../images/common/tab_him_bg.gif); 		}
/* @end */
/* @group Global Section Gallery
----------------------------------------------------------------------------------- */
.thumbs {
	
}
.thumbs li {
	float: left;
	
}
.thumbs li a {
	width: 120px;
	padding-left: 5px;
	height: 125px;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #fff;
	background-image: url(../images/gallery/item_bg_b.gif);
	display: block;
	text-align: left;
}
.thumbs li.top-row a {
	height: 126px;
	background-image: url(../images/gallery/item_bg_top_row.gif);
}
.thumbs li.last a {
	width: 119px;
	padding-left: 5px;
	background-image: url(../images/gallery/item_last_bg_b.gif);
}
.thumbs li.top-row.last a {
	background-image: url(../images/gallery/item_last_bg_top_row.gif);
}
.thumbs li a:hover {
	background-position: left bottom;
}
.thumbs li a img {
	margin-top: 5px;
}
.thumbs li.top-row a img {
	margin-top: 6px;
}
li.no-results  {
	padding-left: 20px;
}
/* @end */
/* @group Sifr
----------------------------------------------------------------------------------- */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}
/* @end */
/* @group Footer
----------------------------------------------------------------------------------- */
.footer {
	color: #adadad;
	font-size: 79%;
	padding: 11px 12px 5px 12px;
}
.footer a {
	color: #adadad;
}

.footer h4 {
	color:  #ea2d7e;
	text-decoration: none;
}

.footer .jaa {
	float: left;
	margin-top: 3px;
}
.footer ul {
	float: right;
}	
.footer ul li {
	float: left;
	padding: 0 10px;
	background: transparent url(../images/common/footer_vsep.gif) no-repeat right center;
}
.footer ul li.last {
	background: none;
}
/* @end */
/* @group Section Search Results
----------------------------------------------------------------------------------- */
/*.hero .search-form {
	position: absolute;
	right: 20px;
	bottom: 17px;
}
.search-form select {
	padding: 2px;
	width: 120px;
	float: left;
	margin-top: 1px;
}
.search-form input {
	float: left;
}*/
.results {
	border-bottom: 1px solid #dbdbdb;
	margin: 15px 0 10px 0;
}
.results th {
	padding: 0 9px 10px 9px;
}
.results td {
	background: #f5f5f5 url(../images/search/row_bg.gif) repeat-x left top;
	padding: 6px 9px 4px 9px;
}
.results .stock 	{ width: 5px; }
.results .shape 	{ width: 86px; }
.results .colour 	{ width: 85px; }
.results .carat 	{ width: 105px; }
.results .clarity 	{ width: 102px; }
.results .price 	{ width: 89px; }
.results .actions 	{ width: 130px; text-align: right; }
.results .actions img {
	position: relative;
	top: 2px;
}
#arrange-viewing, #buy {
	background: #fff;
}
.results td.no-results {
	width: 770px;
	color: #ea2d7e;
	text-align: center;
	padding: 30px 10px;
}
.disclaimer {
	padding-bottom: 15px;
	font-size: 90%;
	line-height: 140%;
}
/* @end */
/* @group Saved Items
----------------------------------------------------------------------------------- */
.results#saved-items {
	
}
.results#saved-items .item {
	width: 200px;
}
.results#saved-items td.item img {
	width: 20px;
	height: 20px;
}
.results#saved-items .actions {
	vertical-align: top;
}
.results#saved-items .actions img {
	top: 3px;
}
/* @end */
/* @group Section Testimonials
----------------------------------------------------------------------------------- */
.quote {
	padding-bottom: 35px;
	width: 580px;
	background-repeat: no-repeat;
	padding-top: 15px;
}
.quote.fleft {
	background-position: right top;
}
.quote.fleft .quote-inner {
	float: left;
}
.quote.fright .quote-inner {
	float: right;
}
.quote .quote-inner {
	background: url(../images/testimonials/quote_bg.gif) no-repeat 0 3px;
	padding-left: 35px;
	width: 395px;
}
.quote p {
	margin-bottom: 5px;
}
.quote p em {
	padding-left: 3px;
}
/* @end */
/* @group Section Diamonds
----------------------------------------------------------------------------------- */
.clarity {
	float: left;
	width: 290px;
	padding-right: 30px;
	padding-bottom: 20px;
}
.clarity-right {
	padding-right: 0px;
}
/*.clarity img {
	margin-bottom: 10px;
}*/
/* @end */
/* @group Section Contact
----------------------------------------------------------------------------------- */
.form {
}
.form label {
	display: block;
	margin-bottom: 5px;
}
.form .text-input {
	width: 95%;
	margin-bottom: 14px;
	padding: 5px 2px;
	background: #e3e3e3;
}
.form textarea {
	width: 95%;
	height: 70px;
	margin-bottom: 9px;
	padding: 5px 2px;
	background: #e3e3e3;
}
.form .text-input:focus,
.form textarea:focus {
	background: #e9146f;
	color: #fff;
}
.form .submit {
	width: 95%;
	padding: 0px 5px;
	text-align: right;
}
/* @end */
/* @group Global Section Gallery Lightbox
----------------------------------------------------------------------------------- */
#gallery .info {
	display: none;
}
#lightbox {
	display: none;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
}
/*.overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	opacity: .5;
}*/
.lbox-wrap {
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.lbox-product {
	width: 500px;
	padding: 20px;
	padding-bottom: 16px;
	border: 4px solid #b0b0b0;
	margin: 0 auto;
	text-align: left;
	background: #fff;
	font-size: 86%;
	color: #818181;
	position: relative;
}
.lbox-desc {
	float: left;
	width: 400px; 
	/*
	width: 260px;
	height: 65px;
	*/
	 
}
.lbox-desc h4 {
	color:  #ea2d7e;
}
.lbox-form {
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 112px;
}
.lbox-form label {
	display: block;
	float: left;
	margin-bottom: 4px;
	padding-top: 5px;
	padding-right: 10px;
}
.lbox-form .lbox-stock {
	float: left;
	width: 75px;
}
.lbox-form .lbox-stock label {
	margin-bottom: 8px;
}
.lbox-form .lbox-qty {
	float: left;
	width: 110px;
}
.lbox-form .text-input {
	width: 70px;
	margin-bottom: 9px;
	padding: 5px 2px;
	background: #e3e3e3;
}
.lbox-image-wrap {
	height: 430px;
	width: 500px;
	text-align: center;
	margin-bottom: 10px;
}
.lbox-custom {
	position: absolute;
	right: 20px;
	bottom: 15px;
	width: 185px;
}
.lbox-close {
	display: block;
	width: 41px;
	height: 7px;
	position: absolute;
	top: -20px;
	right: 0;
}
/* @end */
/* @group Global Section Tell Friend
----------------------------------------------------------------------------------- */
.tell-friend-row {
	padding-bottom: 10px;
}
.tell-check {
}
.tell-friend-row .submit {
	text-align: right;
	padding-right: 10px;
}
.friend-terms {
	font-size: 85%;
	line-height: 140%;
	padding-bottom: 5px;
}
.friend-terms.error {
	background: #f00;
	color: #fff;
}
/* @end */

#commentUserName {
	padding: 20px;
	background: #fff;
}