/* reset */
body, form, ul, li, img, pre, fieldset {padding: 0px; border: 0px; margin: 0px;}
body {font:13px/1.231 Helvetica, Arial, clean, sans-serif; *font-size:small; *font:x-small; background: #332a86; color: #fff;}
select,input,button,textarea,button {font: 14px Arial,helvetica,clean,sans-serif;}
table {font-size:inherit; font:100%;}
pre,code,kbd,samp,tt {font-family:monospace; *font-size:108%; line-height:100%;}

/* general */
strong {font-weight: bold;}
em {font-style: italic;}
.left {float: left; margin-right: 1em;}
.right {float: right; margin-left: 1em;}
.hide {display: none;}
.show {display: block;}
.nomargin {margin: 0px;}
#no_border {border: none!important; padding: 0px!important; background: none!important;}
object, #headerLogo a {outline: none!important; border: none!important;}
.javelin_captchaRefresh img {border: none!important;}
.pageTitle, #blog h1 {font-size: 24px; color: #c2b7ec; margin: .7em 0 0 0; padding-bottom: .5em; border-bottom: 2 px solid #574ea5; text-shadow: 0px 0px 5px #000; font-family: Georgia, Times New Roman, Times, serif;}
#blog h1 {color: #ffd4ad; padding: 0;}
h2, h3 {font-size: 16px; margin-bottom: 0; color: #090248;}
h3 {font-size: 14px;}
p {margin-top: 0px;}

#search {position: relative;}
#search #searchBox {background: url(images/searchbox.jpg) no-repeat; width: 160px; height: 26px; line-height: ; border: none; text-align: left; float: left;}
#search #searchButton {border: none; background: url(images/searchbutton.jpg) no-repeat; height: 20px; width: 20px; text-indent: -9999px; font-size: 0px; overflow: hidden; line-height: 0px; float: left; cursor: pointer;}

/* header */
#headerContainer {clear: both; float: left; width: 100%; height: 331px; background: url(images/headerrepeat.png) top repeat-x; position: relative; z-index: 2000;}
#inside #headerContainer {background: url(images/insideheaderrepeat.png) top repeat-x; height: 310px}
#headerWrap {width: 100%; height: 326px; background: url(images/headermain.png) center top no-repeat; position: relative; z-index: 2000;}
#inside #headerWrap {background: url(images/insideheaderbg_new.png) center top no-repeat;}
#headerInside {width: 960px; margin: 0 auto; position: relative;}
#headerColor {width: 100%; height: 219px; position: absolute; top: 0; left: 0;}
#headerColor  span {display: block; width: 1398px; background: #6f280a; height: 219px; margin: 0 auto;}
#inside #headerColor, #inside #headerColor span {height: 163px;}
#headerLogo h1 {text-indent: -9999px;margin: 0; float: left; padding-left: 20px;}
#headerLogo a {display: block; background: url(images/logo.png) no-repeat; width: 290px; height: 171px;}
#inside #headerLogo a {height: 100px;}
#headerNav {position: absolute; top: 35px; left: 320px; z-index: 2300;}
#headerQuote {width: 533px; height: 152px; position: absolute; top: 98px; right: 20px; z-index: 2200;}
#flashContainer {width: 607px; padding-left: 20px; height: 258px; background: url(images/flashbottom.png) 0 bottom no-repeat; position: absolute; top: 175px; left: 0px; padding-bottom: 17px;}
#flashContainer .popQuestion a, #flashContainer .haveQuestion a {display: block; width: 168px; height: 72px; overflow: hidden; font-size: 0; line-height: 0; text-indent: -999em; background: url(images/popquestion.png) 0 2px no-repeat; position: absolute; top: -45px; left: 30px; z-index: 2200;}
#flashContainer .haveQuestion a {background: url(images/havequestion.png) 0 2px no-repeat; top: 30px;}
#flashContainer .popQuestion a:hover, #flashContainer .haveQuestion a:hover {background-position: 0 -69px;}
#nav li {list-style: none; display: block; float: left; position: relative; font-size: 16px; padding-left: 17px; background: url(images/nav.png) 0 -100px no-repeat; margin-right: 17px;}
#nav li a {text-decoration: none; color: #c56004; display: block; float: left; padding: 0 17px 0 0; height: 29px; line-height: 29px; background: url(images/nav.png) 0 -100px no-repeat; margin-right: -17px;}
#nav li.javelin_active {background-position: 0 -30px;}
#nav li.javelin_active a {background-position: right -30px; color: #c56004;}
#nav li:hover {background-position: 0 0;}
#nav li:hover a {color: #fff; background-position: right 0;}
#nav ul {display: none; position: absolute; background: url(images/subnavbg.png) 0 bottom no-repeat; top: 29px; left: 5px; width: 251px; padding: 5px 0 20px 10px;}
#nav li:hover ul {display: block; clear: left;}
#nav ul .subtop {display: block; height: 20px; width: 251px; position: absolute; left: 6px; top: 0px; background: url(images/subnavtop.jpg) 0 -1px no-repeat;}
#nav ul li {width: 200px; background: none; padding: 0; float: none; width: auto; margin: 0; height: auto;}
#nav ul li a {background: none; display: block;  padding: 5px 0 5px 10px; float: none; height: auto; width: auto; margin: 0; line-height: normal; position: relative; z-index: 1000;}
#nav ul ul {background: none; position: static;}
#nav li:hover ul li a:hover {color: #5047a0;}
#nav ul ul li span {background: none;}
#nav ul li ul li a {/*color: #ffd4ad;*/}
#callToAction {float: right; clear: both; margin-top: 0px; padding-right: 20px;}
#callToAction .letsTalk a {display: block; width: 168px; height: 55px; text-indent: -999em; overflow: hidden; font-size: 0; line-height: 0; background: url(images/letstalk.jpg) 0 0 no-repeat;}
#callToAction .letsTalk a:hover {background-position: 0 -55px;}

/* body */
#bodyContainer {clear: both; float: left; width: 100%; min-height: 300px; background: url(images/woodrepeat.jpg) repeat; margin: -111px 0 -105px 0; padding-top: 170px;}
#inside #bodyContainer {margin-top: -156px;}
#bodyContent {clear: both; float: left; width: 100%; min-height: auto; position: relative; z-index: 2100!important;}
#content {clear: both; margin: 0px auto; width: 960px; min-height: 100px; font-size: 16px; line-height: 30px; position: relative; z-index: 2400;}
#contentWrap {width: 100%; background: url(images/insidebodyrepeat.png) center top repeat-y; float: left; min-height: 300px; padding-bottom: 100px;}
#inside #content {width: 900px;}
#bodyContent a {color: #ff9d44; text-decoration: none;}
#bodyContent a:hover {text-decoration: underline;}
#bodyContent .javelin_module-text ul li, 
#bodyContent .javelin_module-links ul li, 
#bodyContent .javelin_module-blog ul li, 
#bodyContent .javelin_module-faq ul li, 
#bodyContent .javelin_blogView ul li, 
#bodyContent .javelin_calendarEventBody ul li, 
#bodyContent .javelin_rotatorItem ul li {
	background: url(images/insidebullet.png) 0px 1px no-repeat;
	padding-left: 23px;
	list-style: none;
	line-height: 16px;
	margin-bottom: 12px;
}
#leftCol {float: left; width: 608px; padding-left: 20px; padding-top: 60px;}
#inside #leftCol {float: none; width: 885px; margin: 0 auto; padding-top: 0; margin-top: -120px; margin-left: -15px;}
#adsBox {width: 258px; height: 208px; margin-left: -53px; background: url(images/giftbox.png) 0 0 no-repeat; float: left; padding: 25px 20px 0px 75px;}
#homeContent {width: 271px; height: 324px; background: url(images/mainbody.png) no-repeat; float: right; padding: 0 10px 130px 20px;}
#homeContent .javelin_inside {padding: 0 5px 0 5px;}
#rightCol {float: right; width: 313px; color: auto; margin-bottom : -20px; margin-top: -90px;}
#inside #rightCol {width: 616px; padding-right: 40px;}
#bodyContent .javelin_faqItemQuestion {font-weight: bold; font-size: 115%;}
#bodyContent .javelin_galleryItems li, #bodyContent .javelin_staffItems li {line-height: normal; text-align: left; min-height: 195px!important; width: 135px; margin-right: 20px;}
#homeText {clear: both; width: 880px; margin: 0 auto; padding-top: 25px; padding-bottom: 15px;}
#blog {width: 263px; min-height: 608px; background: url(images/blogbg.png) no-repeat; padding: 10px 25px 0 25px; position: relative; margin-top: -10px; float: left; margin-left: -10px; line-height: 24px;}
#blog .javelin_blogPostTitle {font-size: 16px;}
#blog .javelin_blogPostTitle a {color: #090248;}
#blog .javelin_blogPostDate {color: #ffb878; font-style: normal;}
#blog .javelin_blogFeedRss a {position: absolute; top: 25px; right: 20px; background: url(images/rssicon.png) 0 0 no-repeat; width: 88px; height: 33px;}
#blog a {color: #332a86;}


/* footer */
#footerContainer {clear: both; width: 100%; background: url(images/footerrepeat.png) top repeat-x; float: left; margin-top: -211px;padding-top: 211px; position: relative; z-index: auto!important}
#footerColor {width: 100%; height: 219px; position: absolute; top: 251px; left: 0;}
#footerColor  span {display: block; width: 1398px; background: #000; height: 219px; margin: 0 auto;}
#footerWrap {clear: both; width: 100%; background: url(images/footer.png) center 0px no-repeat; /*height: 280px;*/ position: relative; z-index: 2600!important;}
#footerContent {width: 960px; margin: 0px auto; line-height: 24px; padding-top: 50px; color: #ffb878; font-size: 14px; position: relative; z-index: 2610!important;}
#footerContent a {text-decoration: none; color: #ffb878;}
#footerContent a:hover {text-decoration: underline;}
#footerContent p {margin: 0px;}
#footerLeft {float: left; margin-left: 23px; margin-right: 17px; width: 440px; height: 71px; padding: 10px 0 20px 23px; background: url(images/footerLeft.png) no-repeat;}
#footerLeft .facebook a {color: #fff; display: block; height: 35px; line-height: 35px; background: url(images/facebookicon.png) 0 0 no-repeat; padding-left: 35px;}
#footerLeft .topInfo {margin-bottom: 50px;}
#footerLeft .bottomInfo a {text-decoration: underline;}
#footerLeft .bottomInfo a:hover {text-decoration: none;}
#footerRight {float: left; width: 300px; padding: 100px 0 20px 40px; height: 71px; background: url(images/footerRight.png) no-repeat;}
#footerRight .sellyours a {outline: none; display: block; width: 293px; height: 62px; background: url(images/webuygold.png) no-repeat; overflow: hidden; text-indent: -999em; font-size: 0; line-height: 0; margin-left: 104px;}
#footerRight .sellyours a:hover {background-position: 0 -62px;}
#fnav li {display: inline; float: left; line-height: .8em; border-right: 1px solid; padding-right: 5px; margin-right: 5px;}
#fnav .javelin_lastItem {border-right: none;}
#fnav li a {text-decoration: none;}
#fnav li a:hover {text-decoration: underline;}

#logos {margin-top: 45px; height: 100px;}
.jewelersOfAmerica a{width: 90px; height: 81px; display: block; float: left; text-indent: -9999px; outline: none; background: url(images/logo1.png) no-repeat; margin-left: 30px;}
.diamondCouncil a {width: 121px; height: 81px; outline: none; background: url(images/logo2.png) no-repeat; display: block; float: left; text-indent: -9999px; }
.masterJeweler a {width: 158px; height: 81px; outline: none; background: url(images/logo3.png) no-repeat; display: block; float: left; text-indent: -9999px;}
.preferedJewelers a {width: 189px; height: 81px; outline: none; background: url(images/logo4.png) no-repeat; display: block; float: left; text-indent: -9999px; }