/* Developed by ---------------------------------------------------------------------------------------- 
   Copyright 2010 Quadsimia - Internet Presence Professionals | Visit us on the web at www.quadsimia.com
   ------------------------------- Custom Software   E-Commerce   Web Design & Development   Web Hosting */
/* -----------------------------------------------------------------------------------------------------
   -- MAIN --------------------------------------------------------------------------------------------- */

body{
	margin:0;
	padding:0;
	font-family:Helvetica, Verdana, sans-serif;
	font-size:14px;
	color:#000;
	background:#FFF url(../images/bgtile.gif) repeat-x top left;}

img{border:0;}

a:link, a:visited{
	color:#0066FF;
	text-decoration:underline;
	font-weight:normal;}
a:hover, a:active{
	color:#0a317a;
	text-decoration:none;
	font-weight:normal;}

h2{
	font-size:24px;
	text-transform:uppercase;}
h3{
	margin-top:0;
	margin-bottom:0;
	font-size:16px;
	text-transform:uppercase;
	color:#196EB6;
	line-height:1.45;}

h4{
	margin-top:0;
	margin-bottom:0;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	font-weight:normal;
	line-height:1.45;}

body.history h4{
	margin-top:0.5em;
	margin-bottom:0.5em;
	line-height:2;}

p{
	margin-top:0.3em;
	margin-bottom:1.3em;
	line-height:1.45;}

div.bodyContainer ul{
	margin:10px 0 20px 0;
	padding:0;
	list-style-type:none;}
div.bodyContainer ul li{
	margin:4px 0 14px 0;
	padding:0 0 0 32px;
	background:url(../images/bullet_circle_bk.gif) no-repeat 5px 5px;}
div.bodyContainer ol li{
	margin:4px 0 14px 0;
	padding:0 0 0 12px;}

/* -----------------------------------------------------------------------------------------------------
   -- HEADER ------------------------------------------------------------------------------------------- */

div.header{
	width:980px;
	margin:0 auto;
	height:211px;
	background:url(../images/header_engelberts_building.jpg) no-repeat top right;}
div.header h1{
	position:absolute;
	margin:23px 0 0 -54px;
	padding:0;
	width:480px;
	height:180px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/engelberts_jewelers_logo.jpg) no-repeat top left;
	z-index:1;}
div.header h1 a{
	display:block;
	width:480px;
	height:180px;}
div.header p.tagline{
	position:absolute;
	margin:23px 0 0 105px;
	padding:0;
	width:520px;
	height:20px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/header_tagline.gif) no-repeat top left;
	z-index:2;}

/* -----------------------------------------------------------------------------------------------------
   -- NAVIGATION MENU ---------------------------------------------------------------------------------- */

ul.nav{
	margin:0 auto;
	padding:0;
	width:965px;
	height:41px;
	overflow:hidden;
	list-style-type:none;
	background-image:none;}
ul.nav li{
	float:left;
	margin:0;
	padding:0;
	text-align:left;
	overflow:hidden;
	text-indent:-9999px;
	background-image:none;}
ul.nav li a{
	display:block;
	height:41px;}
ul.nav li.btn-home a{
	width:85px;
	background:url(../images/btn_home.gif) no-repeat top left;}
ul.nav li.btn-history a{
	width:109px;
	background:url(../images/btn_history.gif) no-repeat top left;}
ul.nav li.btn-affiliates a{
	width:125px;
	background:url(../images/btn_affiliates.gif) no-repeat top left;}
ul.nav li.btn-staff a{
	width:84px;
	background:url(../images/btn_staff.gif) no-repeat top left;}
ul.nav li.btn-jewelrycare a{
	width:156px;
	background:url(../images/btn_jewelrycare.gif) no-repeat top left;}
ul.nav li.btn-insurance a{
	width:133px;
	background:url(../images/btn_insurance.gif) no-repeat top left;}
ul.nav li.btn-financing a{
	width:129px;
	background:url(../images/btn_financing.gif) no-repeat top left;}
ul.nav li.btn-contact a{
	width:144px;
	background:url(../images/btn_contact.gif) no-repeat top left;}
ul.nav li a:hover{
	background-position: 0 -41px;}

/* selected */

body.history ul.nav li.btn-history a{
	background-position:0 -41px;}
body.affiliates ul.nav li.btn-affiliates a{
	background-position:0 -41px;}
body.staff ul.nav li.btn-staff a{
	background-position:0 -41px;}
body.jewelrycare ul.nav li.btn-jewelrycare a{
	background-position:0 -41px;}
body.insurance ul.nav li.btn-insurance a{
	background-position:0 -41px;}
body.financing ul.nav li.btn-financing a{
	background-position:0 -41px;}
body.contact ul.nav li.btn-contact a{
	background-position:0 -41px;}

/* -----------------------------------------------------------------------------------------------------
   -- SUBNAV ------------------------------------------------------------------------------------------- */

body.home ul.subnav{
	display:none;}

ul.subnav{
	margin:0 auto;
	padding:0;
	width:914px;
	height:41px;
	overflow:hidden;
	list-style-type:none;
	background-image:none;}
ul.subnav li{
	float:left;
	margin:0;
	padding:0;
	text-align:left;
	overflow:hidden;
	text-indent:-9999px;
	background-image:none;}
ul.subnav li a{
	display:block;
	height:41px;}
ul.subnav li.btn-diamonds a{
	width:122px;
	background:url(../images/btn_diamonds.gif) no-repeat top left;}
ul.subnav li.btn-whatwecarry a{
	width:173px;
	background:url(../images/btn_whatwecarry.gif) no-repeat top left;}
ul.subnav li.btn-justforguys a{
	width:157px;
	background:url(../images/btn_justforguys.gif) no-repeat top left;}
ul.subnav li.btn-customers a{
	width:175px;
	background:url(../images/btn_customers.gif) no-repeat top left;}
ul.subnav li.btn-asksarah a{
	width:124px;
	background:url(../images/btn_asksarah.gif) no-repeat top left;}
ul.subnav li.btn-newsletter a{
	width:163px;
	background:url(../images/btn_newsletter.gif) no-repeat top left;}
ul.subnav li a:hover{
	background-position: 0 -41px;}

/* selected */

body.diamonds ul.subnav li.btn-diamonds a{
	background-position:0 -41px;}
body.whatwecarry ul.subnav li.btn-whatwecarry a{
	background-position:0 -41px;}
body.justforguys ul.subnav li.btn-justforguys a{
	background-position:0 -41px;}
body.customers ul.subnav li.btn-customers a{
	background-position:0 -41px;}
body.asksarah ul.subnav li.btn-asksarah a{
	background-position:0 -41px;}
body.newsletters ul.subnav li.btn-newsletter a{
	background-position:0 -41px;}

/* extras */

div.extras{
	margin:12px auto;
	width:965px;}
div.extras ul, div.extras div{
	float:left;
	width:321px;
	height:75px;}
div.extras ul.socialmedia{
	margin:0;
	padding:0;
	list-style-type:none;
	background:none;}
	ul.socialmedia li{
		position:absolute;
		padding:0;
		overflow:hidden;
		text-indent:-9999px;}
	ul.socialmedia li a{
		display:block;}
	ul.socialmedia li.facebook-link{
		margin:18px 0 0 19px;
		width:182px;
		height:15px;
		background:url(../images/facebook_link.gif) no-repeat top left;}
	ul.socialmedia li.facebook-link a{
		width:182px;
		height:15px;}
	ul.socialmedia li.twitter-link{
		margin:39px 0 0 19px;
		width:188px;
		height:15px;
		background:url(../images/twitter_link.gif) no-repeat top left;}
	ul.socialmedia li.twitter-link a{
		width:188px;
		height:15px;}
	ul.socialmedia li.facebook-icon{
		margin:14px 0 0 210px;
		width:44px;
		height:44px;
		background:url(../images/facebook_icon.gif) no-repeat top left;}
	ul.socialmedia li.facebook-icon a{
		width:44px;
		height:44px;}
	ul.socialmedia li.twitter-icon{
		margin:14px 0 0 258px;
		width:44px;
		height:44px;
		background:url(../images/twitter_icon.gif) no-repeat top left;}
	ul.socialmedia li.twitter-icon a{
		width:44px;
		height:44px;}
div.extras div.ourcustomers{
	overflow:hidden;
	text-indent:-9999px;
	border-left:1px solid #000;
	border-right:1px solid #000;}
div.extras div.ourcustomers a{
	display:block;
	width:321px;
	height:75px;
	background:url(../images/ourcustomers_banner.gif) no-repeat top left;}
div.extras div.ijo{
	overflow:hidden;
	text-indent:-9999px;}
div.extras div.ijo a{
	display:block;
	width:321px;
	height:75px;
	background:url(../images/ijo_banner.gif) no-repeat top left;}

/* -----------------------------------------------------------------------------------------------------
   -- BODY CONTENT ------------------------------------------------------------------------------------- */

/* homepage*/

div.home-collage{
	margin:12px auto;
	width:954px;
	height:464px;
	overflow:hidden;
	background-color:#D0E5F0;}

div.home-collage h2{
	margin:0;
	padding:0;}

div.home-collage div.column{
	float:left;
	margin-top:7px;
	width:222px;}
div.home-collage div.column1{margin-left:7px;}
* html div.home-collage div.column1{margin-left:3px;}
div.home-collage div.column2{margin-left:18px;}
div.home-collage div.column3{margin-left:19px;}
div.home-collage div.column4{margin-left:18px;}

div.home-collage div.column div{
	width:222px;
	overflow:hidden;
	text-indent:-9999px;}
div.home-collage div.column div a{
	display:block;
	width:222px;}

div.home-collage div.diamonds{
	margin-bottom:9px;
	height:219px;
	background:url(../images/home_everythingdiamonds.jpg) no-repeat top left;}
div.home-collage div.diamonds a{
	height:219px;}

div.home-collage div.whatwecarry{
	height:225px;
	background:url(../images/home_whatwecarry.jpg) no-repeat top left;}
div.home-collage div.whatwecarry a{
	height:225px;}

div.home-collage div.justforguys{
	height:452px;
	background:url(../images/home_justforguys.jpg) no-repeat top left;}
div.home-collage div.justforguys a{
	height:452px;}

div.home-collage div.wishlist{
	margin-bottom:8px;
	height:222px;
	background:url(../images/home_wishlist.jpg) no-repeat top left;}
div.home-collage div.wishlist a{
	height:222px;}

div.home-collage div.howdiamondsaremade{
	height:222px;
	background:url(../images/home_howdiamondsaremade.jpg) no-repeat top left;}
div.home-collage div.howdiamondsaremade a{
	height:222px;}

div.home-collage div.asksarah{
	height:452px;
	background:url(../images/home_asksarah.jpg) no-repeat top left;}
div.home-collage div.asksarah a{
	height:452px;}

/* general */

div.bodyContainer{
	margin:12px auto;
	padding:0 20px;
	width:920px;}

div.mainColumn{
	float:right;
	width:650px;
	overflow:hidden;}

div.altformat h2{
	float:left;
	width:250px;
	margin:0;
	overflow:hidden;}

div.location{
	float:left;
	margin:0 10px 0 0;
	width:450px;
	overflow:hidden;}
div.location h3{
	font-size:1.5em;}
.phone {
	font-size:1.9em;
	font-weight:bold;}

div.testimonial{
	margin:12px 0 24px 0;}

div.subsection{
	margin:14px 20px 14px 30px;
}

/* sidebar */

div.sidebar{
	float:left;
	width:250px;
	overflow:hidden;
	font-weight:bold;
	font-size:0.9em;}

div.sidebar img{
	margin:0 0 20px 0;}

/* justforguys */

body.justforguys div.bodyContainer{
	width:980px;
	padding:30px 0;
	background-color:#0a79bf;}
body.justforguys div.bodyContainer div.justforguysContainer{
	margin:0 auto;
	width:920px;
	background-color:#FFF;}
body.justforguys h2{
	display:none;}
body.justforguys div.mainColumn{
	width:600px;
	margin:20px 40px 20px 0;}
* html body.justforguys div.mainColumn{
	margin:20px 20px 20px 0;}
h3.have-no-clue{
	margin:0 0 20px 0;
	width:270px;
	height:85px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/have_no_clue.gif) no-repeat top left;}
h3.need-a-great-gift{
	margin:10px 0 20px 0;
	width:357px;
	height:83px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/need_a_great_gift.gif) no-repeat top left;}
body.justforguys div.sidebar{
	background:url(../images/welcome-guys.jpg) no-repeat top left;}
body.justforguys div.bodyContainer div.sidebar div.justforguysContainer{
	margin:385px 0 0 40px;
	width:210px;
	background:none;}
body.justforguys div.sidebar h3{
	font-size:1.2em;
	font-weight:bold;
	color:#000;}

body.justforguys div.sidebar li{
	padding:0;
	width:210px;
	height:30px;
	overflow:hidden;
	text-indent:-9999px;
	background:none;}
body.justforguys div.sidebar li a{
	display:block;
	width:210px;
	height:30px;}

body.justforguys div.sidebar li.wecarry{
	height:61px;}
body.justforguys div.sidebar li.wecarry a{
	height:61px;}

body.justforguys div.sidebar li.tellus{
	height:121px;}
body.justforguys div.sidebar li.tellus a{
	height:121px;}

body.justforguys div.sidebar li.tip{
	height:61px;}
body.justforguys div.sidebar li.tip a{
	height:61px;}

body.justforguys div.sidebar li.shape a{
	background:url(../images/btn_j4g_shape.gif) no-repeat top left;}
body.justforguys div.sidebar li.the4cs a{
	background:url(../images/btn_j4g_4cs.gif) no-repeat top left;}
body.justforguys div.sidebar li.insurance a{
	background:url(../images/btn_j4g_insurance.gif) no-repeat top left;}
body.justforguys div.sidebar li.financing a{
	background:url(../images/btn_j4g_financing.gif) no-repeat top left;}
body.justforguys div.sidebar li.wecarry a{
	background:url(../images/btn_j4g_wecarry.gif) no-repeat top left;}
body.justforguys div.sidebar li.tellus a{
	background:url(../images/btn_j4g_tellus.gif) no-repeat top left;}
body.justforguys div.sidebar li.tip a{
	background:url(../images/btn_j4g_givetip.gif) no-repeat top left;}

body.justforguys div.sidebar li a:hover{
	background-position:-210px 0;}

/* affiliates */

div.affiliate{
	float:left;
	width:300px;
	height:225px;
	overflow:hidden;
	text-align:center;}

/* mothers day out promotion */

/*div.header div.promo{
	float:right;
	margin:55px 10px 0 0;
	width:154px;
	height:154px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/mothers-day-promo.png) no-repeat top left;}
div.header div.promo a{
	display:block;
	width:154px;
	height:154px;}

body.promo h2{
	width:250px;
	height:251px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/mothers-day-promo-lg.jpg) no-repeat top left;}*/

/* cash for jewelry promotion */

div.header div.promo{
	float:right;
	margin:55px 10px 0 0;
	width:102px;
	height:141px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/promo-cash-for-jewelry.jpg) no-repeat top left;}
div.header div.promo a{
	display:block;
	width:102px;
	height:141px;}

body.promo div.promo-full{
	width:600px;
	height:800px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/promo-cash-for-jewelry-full.jpg) no-repeat top left;}

/* -----------------------------------------------------------------------------------------------------
   -- FOOTER ------------------------------------------------------------------------------------------- */

div.footer{
	margin:12px auto 24px auto;
	width:980px;
	padding:0;
	text-align:center;
	font-weight:bold;}

/* -----------------------------------------------------------------------------------------------------
   -- FOOTER ------------------------------------------------------------------------------------------- */

.D_notice{
	padding:8px;
	font-weight:bold;
	color:#990000;
	background-color:#FF9999;
	border:2px solid #990000;}

/* -----------------------------------------------------------------------------------------------------
   -- FORMS -------------------------------------------------------------------------------------------- */

/* default form styles */

body.justforguys form{
	width:575px;}

form{
  margin:0;
  padding:8px;
  width:625px;
  overflow:hidden;
  font-size:12px;
  border: 2px solid #cac9b9;}
form p { margin: 0 0 5px 0; padding:0; }
form fieldset{
  border-color:#000000;
  /*border-width:1px 0 0 0;*/
  border-width:0;
  border-style:solid none none none;
  padding:10px;
  margin:0;}
form fieldset legend{
  font-size:150%;
  font-weight:normal;
  color:#000000;
  margin:0;
  padding:0 5px;}
form textarea{
	width:auto;
  overflow: auto;}
form input{
	width:128px;}
form input.submit{
	width:auto;}
form div{
  clear:left;
  display:block;
  width:450px;
  zoom:1;
  margin:5px 0 0 0;
  padding:1px 3px;}
form fieldset div.method_heading{
  width: 450px;
  margin-top: 10px; }
form fieldset div.method_heading label{
  width: 290px;
  text-align: left;
  padding-left: 0px;
  margin-left: 0px;}
form fieldset div.method_heading input {
	margin-top: 3px;}
form fieldset div.notes{
  float:right;
  width:168px;
  height:auto;
  margin:0 0 10px 10px;
  padding:5px;
  border:1px solid #666666;
  background-color:#ffffe1;
  color:#666666;
  font-size:88%;}
form fieldset div.notes h4{
  background:url(../images/icon_info.gif) no-repeat top left;
  margin:0;
  padding:0 0 3px 15px;
  border-width:0 0 1px 0;
  border-style:solid;
  border-color:#666666;
  color:#666666;
  font-size:110%;}
form fieldset div.notes p{
  margin:3px 0 0 0;
  color:#666666;}
form fieldset div.notes p.last{
  margin:3px 0 0 0;}
form div fieldset{
  clear:none;
  border-width:1px;
  border-style:solid;
  border-color:#666666;
  margin:0 0 0 144px;
  padding:0 5px 5px 5px;
  width:197px;}
form div fieldset legend{
  font-size:100%;
  padding:0 3px 0 9px;}
form div.required fieldset legend{
  font-weight:bold;}
form div label{
  display:block;
  float:left;
  width:130px;
  padding:3px 5px;
  margin:0 0 5px 0;
  font-weight:bold;
  text-align:right;}
form div.optional label, label.optional{
  font-weight:normal;}
form div img{
  border:1px solid #000000;}
form div select, form div textarea{
  width:200px;
  padding:1px 3px;
  margin:0 0 0 0;}
form fieldset input.submit { margin-left: 140px; }



input.form_error { background-color: #fcc; }
span.error { font-size: .8em; color: #900; display: block;}
p.error { background-color: #fcc; color: #900; border: 1px solid #900; 
	padding: .8em; margin: .5em 0 1em;}
.right { float: right; }

/* required color styles */

#myForm textarea, #myForm select {
	border: 1px solid #cac9b9;}
#myForm .red {
	border: 1px solid red;}
#myForm label.red {
	border: none;
	color: red;}
#myForm .customRed {
	border: none;
	color: red;}
/*#myForm #submit {
	margin-left: 143px;
	cursor:pointer;}
#myForm #submit a:hover {
	color:#FF0000;}*/
#validationMessage {
	padding: 5px;
	/*background-color: #eee;*/
	border: 1px solid red;
	margin-bottom: 10px;
	color: red;
	font-weight: bold;
	display: none;}
#myForm .errorMessage {
	color: red;
	margin-left: 10px;
	font-size: 0.8em;}