html, body{
margin:0;
padding:0;
text-align:center;
background:url(images/template/site-bg-top.gif) top center repeat-x;
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
}
#page-width{
width:946px;
text-align:left;
margin-left:auto;
margin-right:auto;
}
/*----------------------------------------
Text
----------------------------------------*/
#int-main-col a:link {color: #ba8f00; text-decoration: none;}
#int-main-col a:visited {color: #ba8f00; text-decoration: none; }
#int-main-col a:hover {color: #ba8f00; text-decoration: underline;}
#int-main-col a:active {color: #ba8f00; text-decoration: none;}
#int-main-col h2 {font-size: 24px; line-height: 26px; margin-bottom: 10px; color:#000; text-transform:uppercase;}
#bread {
padding-bottom: 10px;
margin-bottom: 20px;
font-size:11px;
border-bottom: 1px solid #e5e5e5;
}
#bread li {display:inline; margin: 0 10px 0 0; padding: 0 0 0 0; color: #4b4a4a;}
#bread a {margin: 0 16px 0 0;}
#int-main-col h3 {color:#565656; font-size: 16px; line-height: 18px; padding-bottom: 4px; font-weight:bold; clear:left; text-transform:uppercase; }
#int-main-col h3#testimonials {margin-bottom: 14px;}
#int-main-col h4 {color:#4b4a4a; font-size: 14px; font-weight:bold; }
#int-main-col h5 {color:#4b4a4a; font-size: 13px; font-weight:bold; }
#int-main-col p {margin-bottom: 20px; color: #4b4a4a; font-size:13px; line-height:18px;}
/*****/
#products-intro-bg {background: url(images/template/products-intro-bg.jpg) 0 0 no-repeat; height:95px; width:500px; margin-top: 10px; margin-bottom: 30px; padding:30px 270px 20px 20px; font-size:14px;}
#products-intro-bg p {width: 275px;}
ul.products {}
ul.products li {float: left; display:block; clear: left; width:570px; border-bottom:1px solid #d7d9d9; padding-bottom:20px; margin-bottom:20px;}
ul.products img {float: left; display:inline; width: 170px; margin-left: auto; margin-right:auto; margin-top:10px; margin-bottom:10px; }
ul.products .product-desc {float: left; display:inline; text-align:left; width:380px; margin-left:12px;}
.product-desc h4 {margin-left: 25px; width: 140px;}
ul.products p {padding: 0; margin: 0;}
ul.products h3 {}
ul.products span { display:none;}
ul.products-group {}
ul.products-group li {float: left; display:inline; position:relative; width:190px; padding-bottom:20px; padding-top:20px; min-height:200px; }
ul.products-group h4 { text-align:center;}
ul.products-group img {display: block; margin-left: auto; margin-right:auto; margin-top:10px; margin-bottom:10px; border: 1px solid #d7d9d9; }
ul.products-group span { display:none;}
ul.no-bullet {list-style-type: none; font-size: 13px; padding-top: 24px; padding-bottom: 24px;}
.products-browse {padding: 0; margin: 0; clear: both;}
.products-browse a{background: url(images/template/products-browse.gif) 0 0 no-repeat; display: block; width: 59px; height: 18px;}
.products-browse a:hover{background: url(images/template/products-browse.gif) 0px -18px no-repeat; }
.products-visit {padding: 0; margin: 0;}
.products-visit a{background: url(images/template/products-visit-site.gif) 0 0 no-repeat; display: block; width: 70px; height: 18px;}
.products-visit a:hover{background: url(images/template/products-visit-site.gif) 0px -18px no-repeat; }
.products-view {padding: 0; margin: 0;}
.products-view a{background: url(images/template/products-view.gif) 0 0 no-repeat; display: block; width: 59px; height: 18px;}
.products-view a:hover{background: url(images/template/products-view.gif) 0px -18px no-repeat; }
.hor-border {
border-bottom:1px solid #ccc;
clear:both;
height:1px;
margin-bottom:30px;
margin-top:12px;
}
/*
.products-browse {margin-left: 60px; }
.products-browse a{background: url(images/template/products-browse.gif) 0 0 no-repeat; display: block; width: 73px; height: 32px;}
.products-browse a:hover{background: url(images/template/products-browse.gif) 0px -32px no-repeat; }
*/
.products-detail-photo {float:left; display: inline; border: 1px solid #d7d9d9;}
.products-detail-info {float: left; display:inline; padding-left:20px; width: 300px;}
.products-detail-info li {color:#4b4a4a; font-size:13px; width: 300px;}
/*****/
#diamond-cut {list-style-type:none; float:left; display:inline; margin-bottom: 30px;}
#diamond-cut li {float: left; display:inline; position:relative; width: 192px; }
#diamond-cut img {float: left; display:inline; }
#diamond-cut h5 {float: left; display:inline; margin-left: 7px; }
#diamond-cut span {float: left; display:inline; color: #4b4a4a; font-size:11px; width: 100px; margin-left: 7px; }
#diamond-color { list-style-type:none; float:left; display:inline; margin-bottom: 30px;}
#diamond-color li {float: left; display:inline; position:relative; width: 115px; }
#diamond-color h5 {text-align:center;}
#diamond-color img {display: block; margin-left: auto; margin-right:auto;}
#diamond-color span {color: #4b4a4a; font-size:11px; text-align:center; display:block;}
#diamond-clarity {list-style-type: none; float:left; display:inline; margin-bottom:30px;}
#diamond-clarity li {float: left; display:inline; position:relative; width:180px; margin-right:12px; margin-top:10px;}
#diamond-clarity h5 {float:left; display: inline; width: 100px; margin-left:10px; }
#diamond-clarity img {float: left; display:inline;}
#diamond-clarity span {color: #4b4a4a; font-size:11px; float: left; display:inline; clear:left; margin-top:6px; min-height:36px; width: 180px;}
#diamond-carat {list-style-type:none; float:left; display:inline; margin-bottom: 30px; }
#diamond-carat li {float: left; display:inline; position:relative; width: 115px; }
#diamond-carat h5 {text-align:center;}
#diamond-carat img {display: block; margin: 3px auto 5px auto;}
#diamond-carat span {color: #4b4a4a; font-size:11px; text-align:center; display:block;}
/*****/
.whats-new-img {margin-top: 10px; margin-bottom:10px;}
#browse-specials { border-bottom: 1px solid #bcbebe; margin-bottom:20px; padding-bottom:20px;}
#browse-specials span {display:none;}
#browse-specials a{background: url(images/template/browse-store-specials.gif) 0 0 no-repeat; display: block; width: 205px; height: 32px;}
#browse-specials a:hover{background: url(images/template/browse-store-specials.gif) 0px -32px no-repeat; }
#view-upcoming-events { border-bottom: 1px solid #bcbebe; margin-bottom:20px; padding-bottom:20px;}
#view-upcoming-events span {display:none;}
#view-upcoming-events a{background: url(images/template/view-upcoming-events.gif) 0 0 no-repeat; display: block; width: 205px; height: 32px;}
#view-upcoming-events a:hover{background: url(images/template/view-upcoming-events.gif) 0px -32px no-repeat; }
/*****/
.store-locator {list-style-type: none; font-size:12px; color: #4b4a4a; float:left; display:inline; margin-bottom:20px;}
.store-locator li {float: left; display: inline; width: 190px; margin-bottom:20px;}
/****/
#sitemap .main-nav {font-size: 15px; margin-bottom: 24px;}
ul.sitemap-sub {font-size: 13px; margin: 10px 0 10px 20px;}
/*----------------------------------------
Global Layout
----------------------------------------*/
#header-two-cols{
width:380px;
float:right;
display: inline;
position:relative;
padding-top: 36px;
/* background: #333; */
}
#header-two-cols a:link {color: #ba8f00; text-decoration: none;}
#header-two-cols a:visited {color: #ba8f00; text-decoration: none; }
#header-two-cols a:hover {color: #ba8f00; text-decoration: underline;}
#header-two-cols a:active {color: #ba8f00; text-decoration: none;}
#text{
float: left;
display:inline;
position: relative;
width:130px;
height:39px;
margin-top: 20px;
padding-top: 24px;
color: #000;
text-transform:uppercase;
/* background:#666; */
}
#search{
width:247px;
float:right;
display: inline;
position:relative;
margin-top: 41px;
}
#search input { float: left; color: #999; }
#search input.btn { margin-left:5px; }
#search input.textbox { clear: both;padding: 1px 0px 2px 5px;border: 1px solid #eee;color: #555555;width: 150px;}
#search form { display: inline; }
/*****/
#nav {
width: 876px;
height: 37px;
background: url(images/template/main-nav.jpg);
margin-left: 35px;
position: relative;
}
#nav span { display: none; }
#nav li { list-style: none; position: absolute;}
#nav li, #nav a { height: 37px; display: block; }
#nav1 { left: 5px; width: 188px; }
#nav2 { left: 194px; width: 127px; }
#nav3 { left: 324px; width: 132px; }
#nav4 { left: 454px; width: 139px; }
#nav5 { left: 598px; width: 154px; }
#nav6 { left: 755px; width: 116px; }
#nav1 a:hover { background: transparent url(images/template/main-nav.jpg) -5px -37px no-repeat;}
#nav2 a:hover { background: transparent url(images/template/main-nav.jpg) -194px -37px no-repeat;}
#nav3 a:hover { background: transparent url(images/template/main-nav.jpg) -324px -37px no-repeat;}
#nav4 a:hover { background: transparent url(images/template/main-nav.jpg) -454px -37px no-repeat;}
#nav5 a:hover { background: transparent url(images/template/main-nav.jpg) -598px -37px no-repeat;}
#nav6 a:hover { background: transparent url(images/template/main-nav.jpg) -755px -37px no-repeat;}
/*----------------------------------------
Home Layout
----------------------------------------*/
#home-content-wrapper {background:url(images/template/home-bg.jpg) top center no-repeat;}
#home-flash {margin-left:48px; padding-bottom: 10px;}
/*****/
/*
#home-left-col{
width:250px;
float:left;
position:relative;
display: inline;
padding-top:8px;
padding-left: 50px;
}
#home-left-col a{background: url(images/template/home-left-call-1.jpg) 0 0 no-repeat; display: block; float:left; width: 250px; height: 214px;}
#home-left-col a:hover{background: url(images/template/home-left-call-1.jpg) 0px -214px no-repeat;}
#home-left-col span {display: none;}
*/
/*****/
#home-left-col{
width:250px;
float:left;
position:relative;
display: inline;
padding-top:8px;
padding-left: 50px;
}
#home-two-col{
width:577px;
min-height: 260px;
float:right;
display: inline;
position:relative;
padding-top:8px;
padding-right: 49px;
}
#home-center-col{
float: left;
display:inline;
position: relative;
width:287px;
padding-right: 18px;
}
#home-center-col span {display: none;}
#wrapper-home a:link img, #wrapper-home a:visited img, #wrapper-home a:active img {outline: 2px solid #ccc;}
#wrapper-home a:hover img {outline: 2px solid #666;}
#home-center-call-1 {margin: 0; padding-bottom: 16px; position: relative; float: left; display:inline;}
#home-center-call-2 {margin: 0; padding-bottom: 16px; position: relative; float: left; display:inline;}
#home-center-call-3 {margin: 0; padding: 0; position: relative; float: left; display:inline;}
#home-right-call-1 {margin: 0; padding-bottom: 16px; position: relative; float: left; display:inline;}
#home-right-call-2 {margin: 0; padding-bottom: 16px; position: relative; float: left; display:inline;}
#home-right-call-3 {margin: 0; padding: 0; position: relative; float: left; display:inline;}
/*
#home-center-call-1 {margin: 0; padding-bottom: 16px; position: relative; float: left; display:inline;}
#home-center-call-1 a{background: url(images/template/home-center-call-1.jpg) 0 0 no-repeat; display: block; float:left; width: 288px; height: 61px;}
#home-center-call-1 a:hover{background: url(images/template/home-center-call-1.jpg) 0px -61px no-repeat;}
#home-center-call-2 {margin: 0; padding-bottom: 16px; position: relative; float: left; display:inline;}
#home-center-call-2 a{background: url(images/template/home-center-call-2.jpg) 0 0 no-repeat; display: block; float:left; width: 288px; height: 61px;}
#home-center-call-2 a:hover{background: url(images/template/home-center-call-2.jpg) 0px -61px no-repeat;}
#home-center-call-3 {margin: 0; padding: 0; position: relative; float: left; display:inline;}
#home-center-call-3 a{background: url(images/template/home-center-call-3.jpg) 0 0 no-repeat; display: block; float:left; width: 288px; height: 61px;}
#home-center-call-3 a:hover{background: url(images/template/home-center-call-3.jpg) 0px -61px no-repeat;}
#home-right-col{
width:272px;
float:right;
display:inline;
position:relative;
}
#home-right-col span {display: none;}
#home-right-call-1 {margin: 0; padding-bottom: 16px; position: relative; float: left; display:inline;}
#home-right-call-1 a{background: url(images/template/home-right-call-1.jpg) 0 0 no-repeat; display: block; float:left; width: 272px; height: 95px;}
#home-right-call-1 a:hover{background: url(images/template/home-right-call-1.jpg) 0px -95px no-repeat;}
#home-right-call-2 {margin: 0; padding-bottom: 16px; position: relative; float: left; display:inline;}
#home-right-call-2 a{background: url(images/template/home-right-call-2.jpg) 0 0 no-repeat; display: block; float:left; width: 272px; height: 72px;}
#home-right-call-2 a:hover{background: url(images/template/home-right-call-2.jpg) 0px -72px no-repeat;}
#home-right-call-3 {margin: 0; padding: 0; position: relative; float: left; display:inline;}
#home-right-call-3 a{background: url(images/template/home-right-call-3.jpg) 0 0 no-repeat; display: block; float:left; width: 271px; height: 17px;}
#home-right-call-3 a:hover{background: url(images/template/home-right-call-3.jpg) 0px -17px no-repeat;}
*/
/*****/
#header{
position:relative;
width:100%;
background: url(images/template/header-logos.gif) 39px 25px no-repeat;
height: 125px;
}
#header-nav{
position:relative;
font-size:11px;
}
#logo{
width:80px;
float:left;
display: inline;
position:relative;
}
#logo h1 a {
position: absolute;
top: 25px;
left: 39px;
display: block;
width: 384px;
height: 66px;
text-indent:-9000px;
border-bottom:none;
}
/*----------------------------------------
Interior Layout
----------------------------------------*/
#int-shadow-bg {background: url(images/template/int-shadow-bg.jpg) 0 20px no-repeat; min-height:200px;}
#int-bg-top {height: 29px; background: url(images/template/int-bg-top.jpg) top center no-repeat;}
#int-bg-tile {background: url(images/template/int-bg-tile.jpg) top center repeat-y;}
#int-bg-bottom { height: 60px; background: url(images/template/int-bg-bottom.jpg) top center repeat-y;}
#int-nav-col{
width:234px;
float:left;
display: inline;
position:relative;
margin-left:46px;
/* margin-left: 62px; */
background: url(images/template/int-nav-bg.gif) 0 0 repeat-y;
}
#int-nav-col span {display: none;}
#tell-friend {padding-top: 25px; margin-top: 25px; clear: left; float: left; display: inline; border-top: 1px solid #d7d9d9; width:576px; }
#tell-friend h3 {padding-bottom: 14px;}
#sub { position: relative; padding-bottom: 10px; margin: 0 30px 0 30px; list-style: none; font-weight:normal; }
#sub li { list-style: none; margin-bottom: 14px; border: 0;font-size:14px; text-transform:uppercase;}
#sub li a { text-decoration:none; display: block; color:#666; }
#sub li a:hover { text-decoration: underline; color: #000;}
#sub li ul { padding: 0; margin: 6px 0 0 0;}
#sub li li { font-size: 12px; padding: 0 0 0 12px; margin: 0 0 10px 0px; background: url(images/template/arrow.gif) 0 6px no-repeat;}
#sub li li a { padding: 0; margin: 0;}
#int-nav-bg-bottom {
height: 40px;
width: 234px;
background:url(images/template/int-nav-bg-bottom.jpg) 0 0 no-repeat;
float:left;
display: inline;
position:relative;
margin-left:46px;
clear:left;
padding-bottom:20px;
}
#int-nav-callout {
margin-left: 60px;
clear: left;
}
#int-nav-callout li {padding-bottom: 12px; clear:left;}
#int-nav-callout li img {border: 6px solid #efefed;}
#int-nav-callout a img {border: 6px solid #efefed;}
#int-nav-callout a:hover img {border: 6px solid #999;}
/*
#int-nav-callout-1 span, #int-nav-callout-2 span, #int-nav-callout-3 span {display: none;}
#int-nav-callout-1 {padding-top: 5px; padding-bottom:5px; margin-left: 11px; float:left; display:inline; margin-left:58px; clear:left;}
#int-nav-callout-1 a{background: url(images/template/int-nav-callout-1.jpg) 0 0 no-repeat; display: block; width: 209px; height: 79px;}
#int-nav-callout-1 a:hover{background: url(images/template/int-nav-callout-1.jpg) 0px -79px no-repeat;}
#int-nav-callout-2 {padding-top: 5px; padding-bottom:5px; margin-left: 11px; float:left; display:inline; margin-left:58px; clear:left; }
#int-nav-callout-2 a{background: url(images/template/int-nav-callout-2.jpg) 0 0 no-repeat; display: block; width: 209px; height: 115px;}
#int-nav-callout-2 a:hover{background: url(images/template/int-nav-callout-2.jpg) 0px -115px no-repeat;}
#int-nav-callout-3 {padding-top: 5px; padding-bottom:5px; margin-left: 11px; float:left; display:inline; margin-left:58px; clear:left; }
#int-nav-callout-3 a{background: url(images/template/int-nav-callout-3.jpg) 0 0 no-repeat; display: block; width: 209px; height: 69px;}
#int-nav-callout-3 a:hover{background: url(images/template/int-nav-callout-3.jpg) 0px -69px no-repeat;}
*/
/*****/
#int-main-col{
/* background: url(images/template/int-main-bg.jpg) 0 0 repeat-y; */
float: right;
display:inline;
position: relative;
width:576px;
padding-right: 68px;
}
#int-main-content {}
/*****/
#footer{
clear:both;
/* background-color:#aaabaa; */
padding-bottom:10px;
width:868px;
margin-left: auto;
margin-right: auto;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #999;
}
#footer a:link {color: #ba8f00; text-decoration: none; }
#footer a:visited {color: #ba8f00; text-decoration: none; }
#footer a:hover {color: #ba8f00; text-decoration: underline;}
#footer a:active {color: #ba8f00; text-decoration: none;}
#footer p img {padding-top: 10px;}
#footer-left{
float:left;
display: inline;
text-align:left;
margin-top: 10px;
margin-left: 16px;
width: 600px;
}
#footer-right{
float: right;
display:inline;
margin-right: 16px;
padding-top: 10px;
}
#tm-logo {background: url(images/template/tm.gif) 0 0 no-repeat; float: right; display:inline;}
#tm-logo a{background: url(images/template/tm.gif) 0 0 no-repeat; display: block; width: 130px; height: 55px;}
#tm-logo a:hover{background: url(images/template/tm.gif) 0px -55px no-repeat;}
#tm-logo span {display: none;}
/*----------------------------------------
Float Containers Fix
----------------------------------------*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}