@charset "UTF-8";
/* CSS Document */

* { margin:0px;
	padding:0px;
}

body {
	text-align:center;
	margin:0;
	font-family:"Helvetica Neue", Helvetica, arial;
	font-size:12px;
	background:url(../img/bg_body.jpg) 0 100px repeat-x;
	color: #353535;
}

img {border:none;}

a {color:#63161b;}
a:hover {text-decoration:none;}

p {	line-height:16px}

#wrapper {
	margin:auto;
	width:890px;
}

#headerContainer {
	background:url(../img/bg_header.jpg) bottom left repeat-x;
	text-align:center;
	border:1px solid #a9a9a9;
}

#header {
	width:890px;
	margin:auto;
	height:100px;
	margin:auto;
}

#logo {
	margin-top:15px;
	float:left;
}
	
	
	#logo h1 {
		background: url('../img/stucki_jewelers_logo.png') 0 0 no-repeat;
		text-indent:-100em;
		overflow:hidden;
		height:71px;
		width:140px;
		}
		
#nav {
	float:right;
	margin-top:40px;
	}
	
#nav ul li {
	float:right;
	display:block;
	margin-left:10px;
	}
	
	#nav ul li a {
	padding:6px 10px;
	color:#63161b;
	font-size:14px;
	text-decoration: underline;
	font-weight:bold;
	}
	
	#nav ul li a:hover {
		text-decoration:none;
		background:#63161b;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		color:#fff;
	}
	
	
#mainContainer {
	margin:auto;
	width: 890px;
	height:300px;
	margin-top:10px;
}

#main {
	background:url(../img/bg_main.png) top center repeat-y;
	text-align:left;
	padding:10px 30px;

text-align:left;
}


#mainTopCap {
	background:url(../img/bg_main_top_cap.png) top center no-repeat;
	height:8px;
}

#mainBottomCap {
	background:url(../img/bg_main_bottom_cap.png) top center no-repeat;
	height:8px;
	margin-bottom:15px;
}


/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:350px;
	float:left;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	border:1px solid #9199a2;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


#welcomeBox {
float:right;
background:green;
width:310px;
text-align:center;
color:#5a5a5a;
background:#ccc;
}

#welcomeBox h2 {
	height:21px;
	width:151px;
	background:url(../img/heading_stucki_jewelers.png) 0 0 no-repeat;
		text-indent:-100em;
		overflow:hidden;
		margin:10px auto 10px auto;
}
	
.welcomeBoxTop {
	height:10px;
	background:url(../img/bg_welcome_box_top.png) top left no-repeat;
}

.welcomeBoxMiddle {
	background:url(../img/bg_welcome_box_middle.png) top left repeat-y;
	padding:5px 15px;
	height:332px;
}

#welcomeBox p {
	line-height:18px;
	font-size:14px;
	text-align:left;
	padding:0 10px 0 10px;
}

#welcomeBox p.address {
	text-transform: uppercase;
	font-size:12px;
	margin-bottom:20px;
	padding-bottom:20px;
	background:url(../img/divider.gif) bottom left repeat-x;
	line-height:20px;
	text-align:center;
}

#welcomeBox p.address i {
	font-size:16px;
	font-style:normal;
	}
	
.welcomeBoxBottom {
	height:10px;
	background:url(../img/bg_welcome_box_bottom.png) top left no-repeat;
}

.ads {
	height:78px;
	width:832px;
	background:url(../img/ad_box.gif) 0 0 no-repeat;
	margin-top:10px;
	}
	
.heartsOnFireAd {
	float:left;
	margin-top:10px;
	margin-left:10px;
}

.orocalAd {
	float:right;
	margin-right:10px;
	margin-top:10px;
}


#facebookStuff {
	float:right;
	width:310px;
	margin-top:25px;
	text-align:right;
}

#shopOrocal {
	margin-top:5px;
	width:500px;
}

#shopOrocal h2 {
	font-size:18px;
	padding-bottom:10px;
}

.shopItem {
	text-align:center;
	float:left;
	padding:15px 20px;
	margin:0 35px 25px 0;
	border:1px solid #ccc;
}

.shopItem a {
	background:url(../img/bg_shop.gif) top center no-repeat;
	font-weight:bold;
	font-size:14px;
	width:95px;
	height:34px;
	display:block;
	text-decoration:none;
	color:#353535;
	margin-top:10px;
	padding-top:9px;
}

.shopItem a:hover {
		background:url(../img/bg_shop_hover.gif) top center no-repeat;
		color:#fff;
	}
	
/*vaultpage*/

.vaultVendor {
}

.vaultVendor ul {}
.vaultVendor ul li {
	float:left;
	list-style:none;
	text-align:center;
	margin-right:6px;
	margin-bottom:5px;
	}
	
.vaultVendor a {
	background:url(../img/bg_vault_vendor.png) top left no-repeat;
	display:block;
	}
	
	.vaultVendor a:hover {
	background:url(../img/bg_vault_vendor_hover.png) top left no-repeat;
	}
	
.vaultVendor table {
	margin:0;
	padding:0;
}

.vaultVendor table td {
	vertical-align:middle;
	text-align:center;
	height:200px;
	width:265px;
	margin:0;
	padding:0;
}

#main h1 {
	font-size:24px;
	color:#353535;
	font-weight:normal;
	padding-bottom:10px;
}

#main h2 {
	font-size:18px;
	font-weight:normal;
	padding-top:15px;
}


/** enlightenment **/

.enlightenmentVendor {padding:20px 0; border-top:1px solid #efeeee; border-top:1px soid #ccc;}

.enlightenmentVendorLogo {float:left;
	
}

.enlightenmentVendorLogo img {padding-top:20px; padding-left:20px;}

.enlightenmentVendorLogo a {
	background:url(../img/enlightenment/bg_vendor_logo.png) top left no-repeat;
	display:block;
	width:195px;
	height:130px;
	}
	
.enlightenmentVendorLogo a:hover {
	background:url(../img/enlightenment/bg_vendor_logo_hover.png) top left no-repeat;
	}



.vendorDetails {
	float:left;
	width:600px;
	margin-left:20px;
}

#main .enlightenmentVendor h2 {
	font-size:18px;
	margin:0;
	padding:0;
	padding-bottom:10px;
	font-weight:bold;
	}
	
#main .enlightenmentVendor p {
	padding-bottom:10px;
}

/** about & services **/

#about {
	font-size:12px;
	}

#services p, #about p  {
	padding:0 0 15px 0;
	margin:0;
}

#about ul {margin-top:15px;}

#about ul li {
	padding:0 10px 3px 0px;
	margin-left:15px;
}


#main #services h2 {
	margin:0;
	padding:0;
	font-weight:bold;
	margin-bottom:0px;
	font-size:14px;
}

#main #services p {
	line-height:16px;
}


.moreContactInfo {
	float:right;
	border:2px solid #e6e6e6;
	padding: 15px;
}



/******************************************************************************/
/******************************************************************************/
/* Form */

form {
	width: 500px;
	/*border: 1px solid #39456b;*/
	padding: 10px;
	margin:0;
	/*background:#333e64;*/
}

label {
	display: block;
	margin-top : 10px;
	width: 100%;
	background-repeat: no-repeat;
}

.blue {
	color: #000;
}

/* footer */
.dwnld {
	Display: block;
	padding: 10px;
	text-align: center;
	width: 400px;
	margin: 0 auto;
	border: 1px solid #EEE;
	background-color: white;
	color: #999;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 50px;
	background: url(../img/download.gif) no-repeat 40px 10px;
}

/* footer */
/*.footer {
	Display: block;
	padding: 10px;
	margin: 40px auto;
	width: 400px;
	text-align: center;
	border: 1px solid #EEE;
	background-color: white;
	color: #999;
}

.footer p {
	color: #999;
}*/

/* Congratulation message */
.MsgSent {
	Display: block;
	margin: 40px auto;
	width: 550px;
	text-align: center;
	border: 1px solid #39456b;
	padding: 10px;
	margin:0;
	background:#333e64;
}

.MsgSent h1 {
	background: url(../img/MsgSent.gif) no-repeat 0 0;
	padding-left: 20px;
	height: 85px;
	line-height: 85px;
}

/* Error message */
.MsgError {
	Display: block;
	padding: 10px;
	margin: 40px auto;
	width: 400px;
	text-align: center;
	border: 1px solid #EEE;
	background-color: white;
}

.MsgError h1 {
	background: url(../img/MsgError.gif) no-repeat 0 0;
	padding-left: 20px;
	height: 85px;
	line-height: 85px;
	color: #CC0000;
}

.MsgSent p, .MsgError p {
	font-size: 1.3em;
	color:#999;
}

/***** FormCheck *****/
.tipsbox .tipsbox_top_left{
	background : url('../img/top_left.png') no-repeat;
	_background : url('../img/top_left.gif') no-repeat;
	_background-position : 9px 8px;
}

.tipsbox .tipsbox_top{
	background : url('../img/top.png') repeat-x;
	height : 17px;
	_background : url('../img/top.gif') repeat-x;
	_background-position : 0px 8px;
}

.tipsbox .tipsbox_top_right{
	background : url('../img/top_right.png') no-repeat;
	_background : url('../img/top_right.gif') no-repeat;
	_background-position : 0px 8px;
}

.tipsbox .tipsbox_left{
	background : url('../img/left.png') repeat-y;
	width : 17px;
	_background : url('../img/side.gif') repeat-y;
	_background-position : 9px 8px;
}

.tipsbox .tipsbox_right{
	background : url('../img/right.png') repeat-y;
	width : 22px;
	_background : url('../img/side.gif') repeat-y;
	_width : 9px;
}

.tipsbox .tipsbox_bottom_left{
	background : url('../img/bottom_left.png');
	_background : url('../img/bottom_left.gif') no-repeat;
	_background-position : 9px 0px;
}

.tipsbox .tipsbox_mark{
	background : url('../img/mark.png') no-repeat;
	height : 36px;
	_background : url('../img/mark.gif') no-repeat;
}

.tipsbox .tipsbox_bottom_right{
	background : url('../img/bottom_right.png');
	_background : url('../img/bottom_right.gif') no-repeat;
}

.tipsbox .tipsbox_inner, .tipsbox .tipsbox_inner_ie6{
	background : url('../img/inner.png');
}

.tipsbox .tipsbox_inner_ie6 {
	padding : 4px;
}

.tipsbox .tipsbox_error {
	background : url('../img/error.png') no-repeat;
	_background : url('../img/error.gif') no-repeat;
	width: 40px;
	height: 40px;
	margin-top: 5px;
	float: left;
	clear: left;
}

.tipsbox p, .tipsbox {
	font-size: 1em;
	font-family: tahoma, verdana, "sans-serif";
	margin : 0;
	padding : 0;
	border : 0;
	color:#fff;
}

.tipsbox p {
	padding-left: 55px;
	line-height: 15px;
}

.tipsbox p span {
	font-size: 1em;
	font-weight: bold;
	color: red;
	line-height: 35px;
}


.error_f {
	border : 1px dotted #666;
	margin-top : 5px;
	background-color : #EAEAEA;
}

.error_f p {
	margin : 5px;
	color : #A00;
}

.error_f p span {
	font-size : 1.1em;
	color : #000;
	margin : 5px 0px 0px 0px;
}

/***** Niceforms *****/
/*##########################################
Name: Default styling for Niceforms v.1.0
Author: Lucian Slatineanu
URL: http://www.badboy.ro/
##########################################*/

/*General styles - NOT really related to the forms*/
* {
	margin:0;
	padding:0;
}
/*body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
	background:#fff;
}
img {border:0;}
#container {padding:20px;}*/

/*Forms defaults - change as needed*/
input, textarea {
	padding:5px;
	background:#f5f5f5;
	border:1px solid #ccc;
	margin-top:2px;
	color:#353535;
}
label {
	cursor:pointer;
	padding-left:2px;
	line-height:16px;
}
label.chosen {color:#e5e8f1;}

/*Transparent items*/
.outtaHere {
	position:absolute;
	left:-3000px;
}

/*Radio buttons*/
.radioArea, .radioAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:15px;
	height:14px;
	font-size:0;
	cursor:pointer;
}
.radioArea {background:url(../img/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(../img/radio.gif) no-repeat left bottom;}

/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:13px;
	height:13px;
	font-size:0;
	padding:0;
	margin:0;
	cursor:pointer;
}
.checkboxArea {background:url(../img/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked {background:url(../img/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}

/*Text inputs*/
.textinput, .textinputHovered {
	height:15px;
	/*background:url(../img/input_bg.gif) repeat-x left top;*/
	background:#4c587c;
	border:none;
	padding:4px 0;
	vertical-align:middle;
}
.textinputHovered {background-position:left bottom;}


/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {background:url(../img/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(../img/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}
.txtarea .br, .txtarea .br_xon {background:url(../img/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(../img/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(../img/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(../img/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url(../img/txtarea_l.gif) repeat-y left top;
	float:left;
}
.txtarea .cntr_l_xon {background:url(../img/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
}

/*Selects*/
.selectArea {
	width:200px;
	height:21px;
	background:url(../img/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(../img/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(../img/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:200px;
	height:21px;
	margin-left:-179px;
	position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
	width:160px;
	color:#FFF;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:auto;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px;
	background:url(../img/button_bg.gif) repeat-x left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom;}



.formButton {
border:outset 1px #ccc;
background: url(../img/bg_button.jpg) top left repeat-x #c6c6c6;
color:#000;
font-weight:bold;
font-size:16px;
padding: 5px 10px
}