/* SELECTOR RESET
--------------------------------*/
html, body, div, span, object, iframe, a, dl, dt, dd, abbr, acronym, address, pre, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, var, center, table, fieldset, form, button, fieldset, label, legend, select, input, textarea,h1,h2,h3,h4,h5,h6 { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%; }

/* COMMON SELECTOR LAYOUT
--------------------------------*/
body { background: url(../images/body.png) #d3d77c; line-height: 1; color: #83813c; font-size:0.6875em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table { margin: 0 auto; }
p { padding: 5px 0; margin: 0; }
strong, b { }
img { border: 0; display:block; }
input, select { vertical-align: middle; }
button { cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; background:transparent; }
legend { font-weight:bold; margin: 10px 0; }
a:link { color: #83813c; line-height:1.1em; }
a:visited { color: #83813c; }
a:hover { color: #83813c; }
a strong { color: #83813c; text-decoration: underline; }
.cms h1,.cms h2,.cms h3,.cms h4,.cms h5,.cms h6 { font-size: 1.1em; font-weight: bold; margin: 5px 0; padding:0; }

/* COMMON SELECTOR CLASSES
---------------------------------*/
.l1 { width:10px !important;}.l2 { width:20px !important;}.l3 { width:30px !important; }.l4 { width:40px !important;}.l5 { width:50px !important;}.l6 { width:60px !important;}.l7 { width:70px !important;}.l8 { width:80px !important;}.l9 { width:90px !important;}.l10 { width:100px !important;}.l11 { width:110px !important;}.l12 { width:120px !important;}.l13 { width:130px !important;}.l14 { width:140px !important;}.l15 { width:150px !important; }.l16 { width:160px !important; }.l17 { width:170px !important; }.l18 { width:180px !important; }.l19 { width:190px !important; }.l20 { width:200px !important; }.l21{ width:210px !important; }.l22{ width:220px !important; }.l23{ width:230px !important; }.l24{ width:240px !important; }.l25{ width:250px !important; }

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.align-left { float:left; }
.align-right { float:right; }
.align-middle { vertical-align: middle; }
.align-baseline { vertical-align: baseline; }
.align-top { vertical-align:top; }
.align-bottom { vertical-align: bottom; }
.align-text-bottom { vertical-align: text-bottom; }
.align-text-top { vertical-align:text-top; }

.inline { display:inline !important; }
.block { display:block !important; }
.block-link { display:block; width: 100%; height: 100%; text-indent:-6000px; }
.visible { visibility:visible !important; }
.hidden { visibility:hidden !important; }
.container { overflow: hidden; width: 100%; }
.required { color:#c00; border:0; }
.clear { display:block; overflow:hidden; }
.num { text-align:right; }
.note { font-style: italic; font-size: 10px; margin: 0 0 0 5px; }
.cms img { display:inline; }
.cms { line-height: 1.4em; }
.sifr-alt { display: none; }
.font-01,.font-02 { display:block; visibility:hidden; margin:0;padding:0; font-weight:normal; }
* html .png { visibility:hidden; }
* html .png-noscale { visibility:hidden; }

select { color:#979550; border: 1px solid #c6c48e; background: #FFF !important; }
input.text { padding: 2px; border: 1px solid #c6c48e; width: 130px; background: #FFF !important; }
textarea { color:#979550; padding: 2px; border: 1px solid #c6c48e;  width:220px; height:60px; }
input.image { }
input.checkbox { width:20px; margin: 3px 0 0 0; }
input.radio { width:20px; margin: 3px 0 0 0; }

.error, .error strong { color: #C00; }
h3.error { font-weight: normal; border: 1px solid #C00; background: #FBFCFC; padding: 5px; text-align:center; }
p.error { text-align: center; width: 90%; }
.success, .success strong { color: #390; }
p.success { text-align: center; width: 90%; }

.p,.m { display:none; } /*not for web display*/
.buttons { text-align:right; }

/* BODY SELECTORS
---------------------------------*/
#home, #internal { width: 992px; padding: 0 21px 0 12px; text-align:left; margin: 45px auto 0 auto; position:relative; background:url(../images/site.png) 0 0 repeat-y; }
#home .top,#internal .top { display:block; width:1025px; height: 35px; background:url(../images/site-top.png) 0 0; position:absolute; top: -35px; left:0; }
#home .bottom,#internal .bottom { display:block; width:1025px; height: 28px; background:url(../images/site-bottom.png) 0 0; position:absolute; bottom: -28px; left:0; }

* html #home { background:#fff; padding:0; }
* html #internal { background:#fff; padding:0; }
* html #home .top { background:#fff; width:992px; top:-24px; }
* html #internal .top { background:#fff; width:992px; top:-24px; }
* html #home .bottom { background:#fff; width:992px; bottom:-10px; }
* html #internal .bottom { background:#fff; width:992px; bottom:-10px; }

/* BRANDING */
#branding { height:69px; position:relative; z-index:20; margin: 0 0 0 0; background:#fff; }
#logo-ben-garelick { width: 267px; height: 107px; position:absolute; top: -19px; left: 39px; background:url(../images/logo-ben-garelick.png) no-repeat; text-indent:-6000px; }
#tagline { margin:0;padding:0;width: 944px; height: 199px; position:absolute; top: 83px; left: 23px; border: 1px solid #908e48; background:url(../images/tagline.jpg) no-repeat; text-indent:-6000px; }
#internal #tagline { height: 149px; background:url(../images/tagline-internal.jpg) no-repeat; }

#banners { margin:0;padding:0;width: 944px; height: 199px; position:absolute; top: 83px; left: 35px; border: 1px solid #908e48; text-indent:-6000px; background-repeat: no-repeat; }
#banners img { display:block;}
#banners p { padding:0;margin:0;}
#internal #banners { display:block; width: 944px; position:absolute; top: 83px; left: 35px; border: 1px solid #908e48; text-indent:-6000px; height: 149px; background-repeat: no-repeat; }

/* BRANDING PANEL */
#branding-panel { overflow:hidden; background:#f9f9ec; border:1px solid #eeeeda; position:absolute; z-index:30; top:-12px; right:35px; width: 318px; height: 25px; }
#branding-panel {}

#nav-cart { float:left; width: 135px; margin: 7px 0 0 0; }
#nav-cart ul { margin:0;padding:0;list-style:none; }
#nav-cart li { float:left; border-right:1px solid #686618; }
#nav-cart li.last { border:0; }
#nav-cart li a { line-height: 1.1em; text-decoration:none; margin: 0 6px 0 3px; }
#nav-cart li a:hover { text-decoration:underline; }

/* SEARCH */
#search { float:left; display:inline; width: 170px; margin: 0 0 0 11px; padding:0; line-height:22px; }
#search legend, #search label { display:none; }
#search fieldset { padding:0; margin:0; font-weight:normal; }
#search input.text { color:#b3b16e; width:136px; margin: 0 4px 0 0; }
#search button { background: url(../images/search-btn.png) no-repeat; margin:0; text-indent:-6000px; width:14px; height:13px; line-height:1.1em; }

/*NAV*/
#nav { position: absolute; z-index: 100; top:43px; right:0; width: 625px; }
#nav ul { height: 16px; list-style:none; margin:0 0 0 0;padding:0; position:relative; }
#nav a { text-align:left; display: block; height: 16px; padding: 0 12px; border-right:1px solid #e9e9d5; text-indent: -6000px; background-repeat: no-repeat; background-position: 50% top; position:relative; z-index:130; }
#nav li.level1 { float: left; display: block; }/*menu category styling*/
#nav li.first {}
#nav li.last a { border: 0; padding-right:0; }
#nav li:hover { position:relative; } /*hold flyout positioning*/

/* nav dropdown */
#nav li ul a { padding: 5px 3px 5px 20px; text-indent: 0; text-transform:none; height: auto; width: 148px !important; text-decoration: none; background:none !important; border:0; } /* reset for dropdown */
#nav li ul a.hover { color:#7a567a; }
#nav ul ul { display:none; position: absolute; z-index:120; top: 16px;left: 0px; width: 171px; height: auto; margin:0;padding:3px; list-style:none; border-top: 0 #DADCF6 solid; background:url(../images/nav-ul-ul.png); } /*dropdown properties*/
#nav li ul li { border: #DADCF6 solid; border-width: 0; width:100%; background: #FFF url(../images/nav-li-li.png) no-repeat 10px 10px; }
* html #nav li ul li { height:1%; float:left; }
*+html #nav li ul li { height:1%; float:left; }
#nav li ul li:hover { background:#ededdd url(../images/nav-li-li-hover.png) no-repeat 10px 10px; }
#nav li ul li ul { position: absolute; top: 5px; left: 100%; } /*flyout positioning */

#nav li ul li a.flyout { background-image:url(../images/nav-flyout.png); background-repeat: no-repeat; background-position: 97% 9px; }
#nav li a.place-holder { cursor: default; }

#nav li ul li.top { background:#fff; height: 5px; width:100%; position:static; top:0;left:0; }
#nav li ul li.bottom { background:#fff; height: 5px; width:100%; position:static; bottom:0;left:0; }
* html #nav li ul li.top { background:#FFF; font-size: 0; }
* html #nav li ul li.bottom { background:#FFF; font-size: 0; }

/* nav categories */
#nav #nav-shop-online a { background-image: url(../images/nav-shop-online.png); width: 79px; }
#nav #nav-shop-online:hover a {background-position: 50% bottom; }
#nav #nav-designers a { background-image: url(../images/nav-designers.png); width: 66px; }
#nav #nav-designers:hover a {background-position: 50% bottom; }
#nav #nav-services a { background-image: url(../images/nav-services.png); width: 56px; }
#nav #nav-services:hover a {background-position: 50% bottom; }
#nav #nav-location a { background-image: url(../images/nav-location.png); width: 53px; }
#nav #nav-location:hover a {background-position: 50% bottom; }
#nav #nav-store-events:hover a {background-position: 50% bottom; }
#nav #nav-store-events a { background-image: url(../images/nav-store-events.png); width: 84px; }
#nav #nav-store-events:hover a {background-position: 50% bottom; }
#nav #nav-customer-service a { background-image: url(../images/nav-customer-service.png); width: 117px; }
#nav #nav-customer-service:hover a {background-position: 50% bottom; }

/*MAIN*/
#main { overflow:hidden; width: 964px; margin: 0 14px 0 14px; background:url(../images/main.png) repeat-x #b3b16e; padding: 230px 0 17px 0; }
#internal #main { padding-top:180px; }
#internal #main .shell { background:#f8f7f1; margin:0 0 0 9px; border:1px solid #908e48; padding:2px; }
#internal #main .shell-02 { background:url(../images/main-shell-02.png) repeat-y; overflow:hidden; width: 940px; }

/* INVENTORY */
#inventory { overflow:hidden; width: 710px; margin: 0 0 0 9px; float:left; display:inline; }
#inventory h2 { text-indent:-6000px; }
#inventory .product { width:230px; height:252px; padding:66px 0  0 0; float:left; display:inline; margin: 0 6px 0 0; border:1px solid #908e48; position:relative; }
#inventory .product h3 { text-indent:-6000px; height:100%; position:absolute; top:0;left:0; z-index:1; padding: 0; margin: 0; width: 100%; height:318px; }
#inventory .product h3 a{ display:block; height:100%; }
#inventory .product .list { margin: 0 13px 0 12px; padding: 0 3px 0 0; position:relative; z-index:100; background:url(../images/product-list.png) 100% 0 repeat-y; }
#inventory .product .list .top { position:absolute; top:0; right:0; left: auto; width:3px; height:7px; background:url(../images/product-list-top.png) 0 0 no-repeat; }
#inventory .product .list .bottom { position:absolute; right:0; bottom:0; left:auto; width:208px; height:8px; background:url(../images/product-list-bottom.png) 0 0 no-repeat; }
* html #inventory .product .list .bottom { display:none; }
#inventory .product .list ul { margin:0 0 0 0;padding:10px 0 10px 0;list-style:none; border:1px solid #e3e3cb; height: 127px; background:url(../images/product-list-ul.png); }
* html #inventory .product .list ul { background:#fff; }
#inventory .product .list li { background:url(../images/product-list-li.png) no-repeat 25px 11px; padding: 5px 25px 5px 40px; line-height: 1.2em; }
#inventory .product .list li a { text-decoration:none; text-transform: lowercase; }
#inventory .product .list li a:hover { text-decoration:underline; }

/*engagements & weddings */
#engagements-weddings { /*background:url(../images/engagements-weddings.jpg)*/background:url(/content/images/webpage/product-box-01.jpg) no-repeat 0 0; }
#engagements-weddings h3 { /*background:url(../images/engagements-weddings-h3.png);*/ width: 187px; height:40px; margin: 11px 0 0 12px; }
/*anniversary*/
#anniversary { /*background:url(../images/anniversary.jpg) no-repeat 0 0;*/background:url(/content/images/webpage/product-box-02.jpg) no-repeat 0 0; }
#anniversary h3 { /*background:url(../images/anniversary-h3.png);*/ width: 201px; height:40px; margin: 10px 0 0 13px; }
/*fashion*/
#fashion { /*background:url(../images/fashion.jpg) no-repeat 0 0;*/background:url(/content/images/webpage/product-box-03.jpg) no-repeat 0 0; margin: 0 !important; }
#fashion h3 { /*background:url(../images/fashion-h3.png);*/ width: 178px; height:41px; margin: 9px 0 0 11px; }

/*INVENTORY PANEL */
#inventory-panel { width: 231px; float:right; display:inline; margin: 0 9px 0 0; }

/* location-hours */
#location-hours { width: 229px; height:146px; border:0 solid #908e48; padding: 0 0 0 0; background:url(../images/location-hours.png) 0 bottom #f8f7f1 repeat-x; position:relative; margin: 0 0 6px 0; }
#location-hours p { padding:0;margin:0;}
#location-hours .cms{ padding: 0 0; text-align:center; margin: 0 0 0 0; }
#location-hours h2 { margin:0;padding:0; }

/* #location-hours h2 { width: 217px; height: 27px; margin: 6px 0 0 7px; background:url(../images/location-hours-h2.png); padding:0; text-indent:-6000px; } */

/* #link-get-directions-here { position:absolute; bottom:-2px; left: 29px; background:url(../images/link-get-directions-here.png) 0 0 no-repeat; width: 177px; height:35px; }
#link-get-directions-here a { position:relative; } */
/*testimonials*/
#testimonials { margin:4px 0 0 0; background:#f8f7f1; border:1px solid #908e48; height: 330px; }
#testimonials h2 { text-indent:-6000px; background:url(../images/testimonials-h2.png) 50% 0 no-repeat; margin:10px 0 4px 0;padding:0; height:19px; }
#testimonials .text { line-height: 1.4em; border:1px solid #eff0ce; background:#fff; padding: 8px 10px; margin: 0 7px 0 7px; height: 240px; overflow-y: auto }
#link-post-message { margin:8px auto 0 auto;padding:0; height:21px; width:217px; background:url(../images/link-post-message.png); text-indent:-6000px; }

/*LINKS*/
#links { margin:2px 0 0 14px; }
#links ul {padding:0; margin:0; list-style:none; overflow:hidden; width: 100%; }
#links li { float:left; display:inline; width: 239px; height: 60px; margin: 0 2px 0 0; }
#links li a { }

#link-home-runs { width: 240px !important; background:url(../images/link-home-runs.png) 0 0; }
#link-suggestions { background:url(../images/link-suggestions.png) 0 0; }
#link-repairs-custom { background:url(../images/link-repairs-custom.png) 0 0; }
#link-newsletter { width: 240px !important; margin: 0 !important; background:url(../images/link-newsletter.png) 0 0; }

/*CONTENT PANEL*/
#content-panel { color:#fff; float:left; width:181px; display:inline; margin:0 0 0 0; }

/*NAV SUB*/
#content-panel h3 { margin: 15px 0 2px 11px; padding:0; font-size:1.3em; }
#content-panel ul { list-style:none; padding:0; margin:0 0 0 4px; width: 170px; }
#content-panel ul li { background:url(../images/content-panel-li.png) no-repeat 25px 9px;  padding: 0 0 0 33px; width: 137px; border-bottom:1px solid #fff;  }
#content-panel ul li a { color:#fff; display:block; line-height: 1.2em; padding: 3px 0; width: 100%; text-decoration:none; }
#content-panel ul li a:hover { text-decoration:underline; }

#content-panel ul li ul { width:130px; margin:0 0 4px 0; }
#content-panel ul li ul li { width:120px; padding:0 0 0 10px; background:url(../images/content-panel-li-li.png) 0 3px no-repeat; border:0; }
#content-panel ul li ul li a { color:#EDE3EB; padding:0; }

#link-diamond-search { margin:5px 0 9px 5px;padding:0; background:url(../images/link-diamond-engagement-ring-builder.png) no-repeat 0 0; text-indent:-6000px; width: 169px; height: 47px; }

/*CONTENT*/
#content { float:right; width: 718px; display:inline; margin: 0 24px 0 0; padding: 0 0 0 0; background:#f8f7f1; position:relative; }
#content #link-return-home { background:url(../images/link-return-home.png) no-repeat 0 0; text-indent:-6000px; width:105px; height:17px; position:absolute; top:17px; right:2px; padding:0;margin:0; }
#content .cms { margin:10px 0 10px 8px; }

/* WELCOME */
#welcome { float:left; display:inline; width:px; background:url(../images/welcome.png) 0 0 no-repeat; }
#welcome .cms { margin: 0 0 0 0; }

/*PAGE TITLE*/
#page-title { padding:0;margin:8px 0 0 0; height: 26px; border-bottom:1px solid #d3d77c; }
#page-title span.font-01 { font-size:25px; height:35px; color:#8f668f; margin:0 0 0 0; }

/* SITE INFO */
#site-info { background: url(../images/site-info.png) repeat-x 0 0; height: 46px; padding: 1px 0 0 0; margin: 0 14px 0 14px; position:relative; z-index:2; }
#site-info address { font-style: normal; position:absolute; top:9px; left:0; }
#site-info ul { margin: 0 0 0 0;padding:0;list-style:none; position:absolute; top:9px; right:-5px; }
#site-info li { display:inline; border-right: 1px solid #000; }
#site-info li.last { border:0; }
#site-info li a { margin: 0 6px 0 3px; }
#site-info #copyright {  display:block; padding:0; margin: 0; position:absolute; top:33px; right:0; }
#link-get-directions { width:138px; height: 18px; background:url(../images/link-get-directions.png) 0 0 no-repeat; position:absolute; top:29px; left:0; }
#store-hours { border-left: 1px solid #838141; padding: 0 0 0 7px; margin:0; position:absolute; top:33px; left:150px; }
#store-hours h3 { display:inline !important; }
#store-hours p { display:inline; margin:0;padding:0; }

/* CORE101 */
#logo-core101 { position:absolute; top:60px; right: 0; width:276px; height:15px; margin:0 0 0 0; background:url(../images/icon-core101.png) no-repeat 100% 0; padding:0 0 10px 0; line-height:14px; }
#logo-core101 a { color:#635B39; text-decoration:none; display:block; width: 100%; }

/*SITEMAP*/
#sitemap ul {}
#sitemap li { list-style: none;	vertical-align:middle; padding-bottom: 4px;	}
#sitemap a { text-decoration:none; }
#sitemap a:hover{ text-decoration:underline; }
#sitemap li.level1 { padding-left: 0; }
#sitemap li.level2 { padding-left: 25px; }
#sitemap li.level3 { padding-left: 50px; }
#sitemap li.level4 { padding-left: 75px; }
#sitemap li.level5 { padding-left: 100px; }

/* FORMS */
#form-contact {}
#form-contact #captcha img { vertical-align: bottom; }

/* PAGES */
#page-news-list { margin: 10px 0 0 0; }
#page-news-list dl { }
#page-news-list dt { border: solid #EDE3EB; border-width: 1px 1px 0 1px; background:#fff; padding: 10px 10px 0 10px; }
#page-news-list dt a { color:#8F668F; font-size: 1.3em; }
#page-news-list dd { border: solid #EDE3EB; border-width: 0 1px 1px 1px; background:#fff; margin: 0 0 10px 0; padding: 2px 10px 10px 10px; }
#page-news-list dd .buttons { padding: 0; }

#page-news-details { }
#page-news-details .display { border: 1px solid #EDE3EB; background:#fff; padding: 10px; width:688px; overflow:hidden; }
#page-news-details h3 { font-size:1.5em; font-weight:normal; color:#8F668F; }
#page-news-details .button { color:#8F668F; }


/* MISC
-------------------------------------*/
.shoutName {font-weight: bold; }
.shoutMessage {margin-top: 0px; padding-top: 0px;}
#newTestimonial {display: none;}


#popup-engagement-rings-wedding-bands {
	float: left;
	width: 232px;
	margin: 6px 6px 0 0;
	background: url(../images/buttons.png) no-repeat;
}

#popup-jewelry-fashion-designers {
	float: left;
	width: 232px;
	margin: 6px 0 0 0;
	background: url(../images/buttons.png) no-repeat;
	background-position: -232px 0;
}

#popup-diamond-jewelry {
	float: left;
	width: 232px;
	margin: 6px 6px 0 0;
	background: url(../images/buttons.png) no-repeat;
	background-position: -464px 0;
}

.popups {
	font-size: 11px;
	font-family: arial, freesans, sans-serif;
	padding-top: 57px;
}

.popups dl {
	width: 230px;
	border: 1px solid #939150;
	border-top: none;
	height: 100px;
	overflow: auto;
	background: url(../images/inset-green-bg.png) no-repeat #7E7C30;
}

.popups dt {
	cursor: pointer;
	color: #D3D77B;
	padding: 5px 8px;
	border-top: 1px dotted #53521f;
}

.popups dd {
	color: #D3D77B;
	display: none;
}

#popup_window {
	display: none;
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#popup_mask {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: .7;
	filter: alpha(opacity=70);
	background: #000;
}

#popup {
	position: fixed;
	width: 400px;
	padding: 30px;
	top: 20%;
	left: 50%;
	margin-left: -230px;
	font-size: 12px;
	line-height: 1.5em;
	background: #FFF;
	border: 5px solid #999;
}

#popup h2 {
	font-size: 14px;
	margin-bottom: 20px;
}

#popup_close {
	cursor: pointer;
	position: absolute;
	top: 5px;
	right: 10px;
	color: #000;
	text-decoration: underline;
}