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

/*Begin Element Level CSS*/
body {
	background:url("http://savorsilver.com/images/SILVER_BG2.jpg") no-repeat fixed center top #e5e5e5;
	border:none;
	text-align:left;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:lighter;
	margin:1.2em 0em 0em 0em;
}

img {
	border:none;
}

p {
	margin:0em;
	padding:0em;
	text-align:left;
}

a{
	text-decoration:none;
}

a:link {
	color:#a5801b;
}

a:visited {
	color:#a5801b;
}

a:hover {
	color:#00000;
}

strong {
	font-weight:bold;
	}

small{
	font-size:12px;	
	
	}
/*End Element Level CSS*/


/*Begin Universal CSS*/

#container {
	width:102.4em;
	height:auto;
	margin:0em auto;
	vertical-align:top;
	padding:0em;
	text-align:center;
	background:url(../images/container-bkgd.jpg) repeat-y #ffffff;
	border:#a5801b thin solid;
}

#white_container /*for the whole layout to be blank in the content and statement section */{
	width:102.4em;
	height:auto;
	margin:0em auto;
	vertical-align:top;
	padding:0em;
	text-align:center;
	border:#a5801b thin solid;
	background-color:#fff;
}

#chooselang {
	width:102.4em;
	margin:1em auto;
	vertical-align:top;
	padding:0em;
	text-align:left;
	font-family:Trajan, Times New Roman, serif;
	
}


#logo {
	width:46.1em;
	height:6.7em;
	margin:.45em 8.65em .45em 8.65em;
	float:right;
}

.tagline {
	font-size:1.6em;
	padding:2em 0em 0em 2em;
	text-align:left;
	width:19.5em;
	height:2.74em;
	float:left;
}

#nav_bar {
	background:#fbecc0;
	height:1.6em;
	width:99.8em;
	text-align:left;
	border-top:#a5801b thin solid;
	border-bottom:#a5801b thin solid;
	clear:right;
	padding:.4em 0em .2em 2.6em;
	display:block;
	text-transform:uppercase;
}

#nav_bar a {
		display:block;
		float:left;
		margin:0em 3.0em 0em 0em; 
		padding:none;
		cursor:pointer;
		text-decoration:none;
	}
	
	.home_nav {
		width:4.1em;
		height:1.6em;
		color:#AA882B;
		font-family:Trajan, Times New Roman, serif;
		font-size:12px;
		}
	.home_nav:hover {
		color:#AA882B;
		}

	
	.gallery_nav {
		color:#AA882B;
		font-family:Trajan, Times New Roman, serif;
		font-size:12px;
		width:13.85em;
		height:1.6em;
	}
	
	.gallery_nav_es {
		color:#AA882B;
		font-family:Trajan, Times New Roman, serif;
		font-size:12px;
		width:16.54em;
		height:1.6em;
	}
	
	.gallery_nav:hover {
		
	}

	
	.about_nav {
		color:#AA882B;
		font-family:Trajan, Times New Roman, serif;
		font-size:12px;
		width:9em;
		height:1.6em;
	}
	
	.about_nav:hover {
		
	}
	
	.buzz_nav {
		color:#AA882B;
		font-family:Trajan, Times New Roman, serif;
		font-size:12px;
		width:8.3em;
		height:1.6em;
	}
	.buzz_nav_es {
		color:#AA882B;
		font-family:Trajan, Times New Roman, serif;
		font-size:12px;
		width:14em;
		height:1.6em;
	}
	
	.buzz_nav:hover {
		
	}
	
	
	.silvermark_nav {
		color:#AA882B;
		font-family:Trajan, Times New Roman, serif;
		font-size:12px;
		width:14.1em;
		height:1.6em;
	}
	
	.contact_nav {
		color:#AA882B;
		font-family:Trajan, Times New Roman, serif;
		font-size:12px;
		width:4.8em;
		height:1.6em;
	}
	
	.contact_nav:hover {
		
	}
	
	
	.privacy_nav {
		background:url(../images/privacy_btn_over.jpg) no-repeat;
		width:5.8em;
		height:1.6em;
	}
	
	.privacy_nav:hover {
		background:url(../images/privacy_btn.jpg) no-repeat;
	}

#statement {
	width:36.8em;
	height:auto;
	text-align:left;
	margin:0em 0em 5em 0em;
	float:left;
	padding:2.4em 0em 0em 0em;
}

	#statement p /* normal paragraph style */ {
		margin:0em 3.75em 1em 2.3em; 
		font-size:1.1em; 
		width:auto;
		height:auto;
		line-height:2em;
		padding:0em;
		display:block;
		
	}
	
	#statement p.smaller /* with images under on homepage */ {
		margin:0em 0em 1em 2.3em; 
		font-size:1.1em; 
		text-align:left;
		float:left;
		width:225px;
		height:auto;
		line-height:1.50em;
			
	}
	
	#statement p.gallery_graph { 
		width:13em;
	}
	
	#statement img{
		display:block;
		margin:1em 0em 0em 2.7em;
		text-align:left;
	}
	
	#statement img.boxx /*allow 2 images beside each other in statement boxx*/ {
		/*display:block;*/
		margin:1em 0em 1em 1em;
		float:left;
	}
	
	/*#statement ul{
		float:right;
		margin:0em 3.5em 0em 0em;
		padding:.5em 0em .5em .5em;
		list-style-position:outside;
		list-style-type:none;
		font-size:1em;
		line-height:1em;
		width:11em;
	}	
	
	
	#statement ul li{
		height:2em;
		width:13em;
		text-align:left;
		
	}
	Code was taken from here and inserted below into the #statement ul li.cat and #statement ul li.sub_cat, after the line break
	*/
	
	#statement ul li ul{
		border-left:#a5801b .1em solid;
		color:#a5801b;
	}
	
	#statement ul li a {
		color: #a5801b;
		font-size:1.2em;
		display:block;
		text-decoration:underline;
	}
	
	#statement ul li a:hover {
		color: #000000;
	}
	
	#statement ul.news {
		border:none;
		width:15em;
		
		
		float:right;
		margin:0em 3.5em 0em 0em;
		padding:.5em 0em .5em .5em;
		list-style-position:outside;
		list-style-type:none;
		font-size:1em;
		line-height:1em;
		
	}
	
	#statement ul.news_es {
		border:none;
		width:15em;
		float:right;
		margin:0em 3.5em 0em 0em;
		padding:.5em 0em .5em .5em;
		list-style-position:outside;
		list-style-type:none;
		font-size:1em;
		line-height:1.45em;
		
	}
	
	#statement ul li.cat{
		font-size:1.4em;
		font-weight:bold;
		margin:1em 0em 0em 0em;
		width:10.5em;
		height:2em;
		text-align:left;
	}
	
	#statement ul li.cat a{
		font-size: inherit;
	}
	
	#statement ul li.sub_cat{
		margin-left:1em;
		height:2em;
		text-align:left;
	}
	/*Spanish News cat "Boletin del Consumidor" goes onto 2 lines*/
	#statement ul li.cat_es{
		font-size:1.4em;
		font-weight:bold;
		margin:1em 0em 0em 0em;
		width:13em;
		height:2em;
		text-align:left;
	}
	
	#statement ul li.cat_es a{
		font-size: inherit;
	}
	
.stage{
	width:65.6em;
	height:38.5em;
	padding:0em;
	float:left;
}

.scroll{
	display:block;float:left;border-top:#a5801b solid .1em;; width:102.4em;height:13em;
}
	
.gallery_panel{	
	width:65.6em;
	height:auto;
	padding:.9em 0em 0em 0em;
	float:left;
}

.mackechimages
{
border:2px;
border-width:thin;
border-color:#ffffff;
}

	.gallery_panel div{	
	width:16.4em;
	height:12.5em;
	float:left;
	display:block;
	padding:0em 0em 1.5em 0em;
	}
	
	/*NEW gallery page GRH*/
	.gallery_panel #mainGallery{	
	width:307px;
	height:307px;
	float:left;
	display:block;
	padding:25px 10px 5px 10px;
	font-size:14px;
	color:#000;
	
	}
	
	.gallery_panel #mainGallery img{
		border: #a5801b 1px solid;
		
	}
	
	
	.gallery_panel div a{
	font-size:1.2em;
	}
	
	.gallery_panel div a:hover{
	color:#000000;
	}
	
.you_panel{	
	width:63.6em;
	height:auto;
	padding:2em 0em 0em 2em;
	float:left;
}	

	.you_panel h1{	
		font-size:1.6em;
		display:block;
		margin:0em 0em 1em 0em;
		padding:0em;
		text-align:left;
		height:auto;
		width:22em;
		float:left;
	}	
	
	.you_panel p {	
		display:block;
		float:left;
		clear:left;
		font-size:1.4em;
		margin:0em 0em 1em 0em;
		width:22.3em;
	}	
	
.mark_panel {	
	width:63.6em;
	height:auto;
	padding:2em 0em 0em 2em;
	float:left;
}	

	.mark_panel h1{	
		font-size:1.6em;
		display:block;
		margin:0em 0em 1em 0em;
		padding:0em;
		text-align:left;
		height:auto;
	}	
	
	.mark_panel p{	
		display:block;
		font-size:1.4em;
		margin:0em 0em 1em 0em;
		/*width:34em;*/
		width:auto;
	}	
	
	.mark_panel img{	
		text-align:center;
		padding:10px 0px 20px 0px;
	}	

.contact_panel{	
	text-align:left;
	width:63.6em;
	height:auto;
	padding:2em 0em 0em 2em;
	float:right;
}
.contact_panel h1 {
		font-size:1.6em;
		text-align:left;
		height:auto;
		width:22em;
		float:left;}
		
		.contact_panel p{
		text-align:left;
		display:block;
		margin:0em 0em 1em 0em;
		width:34em;
		float:left;
		height:auto;
		
		}
		
.contact_panel form {}
.contact_panel form fieldset {
		border:none;}
.contact_panel form * label {
	width:170px;
	display:inline-block;
	text-align:right;
	padding:0 12px 0 0;
	font-size:12px;
	font-weight:bold;}
.contact_panel form * input {
	margin:0 0 8px 0;
	width:200px;
	height:22px;}
.contact_panel form * textarea {
	width:340px;
	height:140px;}
label#msglabel {
	vertical-align:top;}
.news_panel{	
	width:63.6em;
	height:auto;
	padding:2em 0em 0em 2em;
	float:left;
}

	.news_panel h1{
		font-size:1.6em;
		display:block;
		margin:0 0 -10px 0;
		padding:0em;
		text-align:left;
		height:auto;
		width:35em;
		clear:both;
	}
	
	.news_panel h1.article_header{
		margin:0em 0em .8125em 0em;
		height:auto;
	}
	
	.news_panel p{
		display:block;
		font-size:1.4em;
		margin:0em 1em 1em 0em;
		
	}
	
	.news_panel img{
		float:left;
		margin:0 12px 12px 0;}
	
	p .imgclearboth {float:none;display:block !important; clear:both !important;}
	
	.news_panel ul{
		display:block;
		float:left;
		margin:2em 0em 0em 0em;
		padding:0em;
		list-style:none;
	}
	
	.news_panel ul li{
		width:39em;
		height:1em;
		float:left;
		font-size:1.6em;
		text-align:left;
		margin:0em 0em 1em 0em;
	}
	
	.news_panel ul li a:hover{
		color:#000000;
	}
	
	.news_panel ul li.sub{
		width:37em;
		height:1em;
		float:left;
		font-size:1.4em;
		text-align:left;
		margin:0em 0em 1em 1.25em;
	}
	
	.news_hr{
		width:61em;
		height:.1em;
		background:#000000;
		margin:1.25em 0em 1.25em 0em;
		float:left;
	}
	
	.news_box{
		display:block;
		width:30em;
		height:20em;	
		margin:0em 1.75em 7.5em 0em;
		float:left;
	}
	
	.news_box img {
		float:left;
		margin:0em 1.5em 3.1em 0em;
	}
	
	.news_box a{
		display:block;
		float:left;
		text-align:left;
		font-size:1.2em;
		width:12em;
		height:auto;
		margin-top:.4em;
	}
	
	.news_box a:hover{
		color:#000000;
	}
	
	.news_box p{
		clear:none;
		padding:0em;
		font-size:1.2em;
		font-weight:bold;
		color:#a5801b;
		width:10em;
		margin:1em 0em 0em 0em;
		
	}
	
	.news_box a.release_headline{
		font-size:1.6em;
		font-weight:bold;
		height:3.7em;
		width:auto;
		margin:0em;
		padding:0em;
	}
	
	.news_box p.release_summary{
		color:#000000;
		width:25em;
		height:6em;
		margin:0em 0em 3.25em 0em;
		display:block;
	}
	
	.articles_box{
		width:14.6em;
		display:block;em;
		margin:2em 1em 2.5em 0em;
		float:left;
	}
	
.articles_box * td {
		vertical-align:top;
	}
	.articles_box img{
		float:left;
		margin:0em 0em 1em 0em;
		border:#cccccc solid .05em;
	}
	
	.articles_box a{
		text-align:left;
		display:block;
		clear:left;
		font-size:1.2em;
	}
	
	.articles_box a:hover{
		color:#000000;
	}
	
	.articles_box p{
		color:#a5801b;
		width:12em;
		margin:1em 0em 0em 0em;
		font-size:1.2em;
		font-weight:bold;
	}

#news_btn {
	display:block;
	clear:left;
	width:14em;
	height:1.25em;
	background: url(../images/news_btn.jpg) no-repeat;
	font-size:1.6em;
	color:#ffffff;
	padding:.25em 0em 0em 1em;
}

	#news_btn:hover {
		color:#000000;
	}

	#news_btn.more_btn{
		margin:1em 0em 5em 0em;
		float:left;
	}
	
	#news_btn.archive{
		background:none;
		margin:1em 0em 5em 0em;
		float:left;
		color:#a5801b;
		padding:0em;
		width:16em;
	}
	
	#news_btn.archive:hover{
		color:#000000;
	}

#footer_nav {
	background:#fbecc0;
	height:2.2em;
	width:102.4em;
	text-align:left;
	border-top:#a5801b thin solid;
	display:block;
	clear:both;
}

#attribution{
	display:block;
	float:left;
	width:14em;
	text-align:left;
	margin:.5em 10.1em 0em 0em;
}

#designer_panel{
	display:block;
	float:left;
	width:63.6em;
	padding:1.5em 0em 0em 2em;
	position:relative;
	height:auto;
}

#designer_panel #bio_info{
		z-index:3;
		float:left;
		clear:left;
		width:28em;
	}
	
#designer_panel #bio_info .name_plate{
			margin:0em 0em 1.5em 0em;
			display:block;
		}
		
#designer_panel #bio_info .designer_img{
			margin:0em 2em 1.5em 0em;
			display:block;
			float:left;
		}
		
#designer_panel #bio_info .designer_logo{
			display:block;
			float:left;
			margin:0em 0em 1em 0em;
		}

#designer_panel p{
		width:14.1em;
		font-size:1.2em;
		line-height:1.5em;
		height:auto;
		display:block;
		margin:0em 0em 1.75em 0em;
		float:left;
		clear:left;
	}
	
#designer_panel p.dod_title{
		font-weight:bold;
	}
	
#designer_panel a{
		clear:left;
		display:block;
		text-align:left;
		font-size:1.2em;
		margin:0em 0em .75em 0em;
	}
	
#designer_panel a:hover{
		color:#000000;
	}

/* Carousel */
.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width:1022px;
    padding:0;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:94em;
    height: 130px;
    padding:0 20px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 164px;
    height: 130px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right:0;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top:0px;
    right:0px;
    width: 32px;
    height:130px;
    cursor: pointer;
    background: transparent url(../images/front/next.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top:0px;
    left:0px;
    width: 32px;
    height:130px;
    cursor: pointer;
    background: transparent url(../images/front/prev.gif) no-repeat 0 0;
}


/*Extra CSS For Designer Gallery Collapsible Menu*/


#cmenu{
float:right;
width:195px;
margin:-.75em 2em 0 -2em;
}

.listtitle {
	font-size:12px;
	text-align:left;
	padding-left:0;
	line-height:1.5em;
	color:#000;
	}

.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding:0em 0em 0em 1em;
border-left:#a5801b .1em solid;
color:#a5801b;
list-style-type:none;
font-size:1em;
line-height:1.5em;

}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
list-style-type: none;
padding-left:0;
margin-bottom: 3px;

}


.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
cursor: hand !important;
cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}

/*Styles for form fields*/
.field {
	font-family: "Trebuchet MS", Helvetica, Sans-Serif;
	font-size: 13px;
	margin-bottom: 30px;
	border: 1px solid #ccc;
}

.field:hover {
	border-color: #b8b8b8;
}

.field:focus {
	border-color: #a8a8a8;
}

input.field {
	width: 244px;
	height: 15px;
	padding: 5px 3px;
	
}

textarea.field {
	width: 388px;
	height: 192px;
	padding: 4px 6px;
	background: #fff;
}



/*NEW ACCORDION GRH*/

#basic-accordian{
	float:right;
	font-size: 1.2em;
	width:155px;
	position:relative;
	line-height:1.5em;
	margin:-.75em 1.50em 0 -2em;
}

.accordion_headings{
	padding:5px;
	color:#000;
	border-bottom:1px dashed #a5801b;
	cursor:pointer;
	
}

.accordion_headings:hover{
	background:#ccc;
	
}

.accordion_child{
	padding: 5px 0 10px 10px;
}

.header_highlight{
	font-weight:bold;
}
