/******************* general rules ******************************************/
html * {margin:0; padding:0}
body {background:#c89955 url(http://img2.silpada.com/public/us/en//bodyBG.gif) fixed ;
	font: 95% "Gill Sans", "Gill Sans MT", "Tahoma", Verdana, Arial, sans-serif;
	}
#wrap {width:765px; margin:0 auto}
a {color:#900}
a img {border:0 !important}
h1, h2, h3, dt {font-family: Georgia, Garamond, "Times New Roman", "Times", serif}
h1 {height:94px; width:790px; margin:0 auto; text-align:left;
	 background: url(http://img2.silpada.com/public/us/en//logo.gif) no-repeat;}
	h1 a {display:block; height:94px; width:745px; 
		background: url(http://img2.silpada.com/public/us/en//logo.gif) no-repeat;
		text-indent:-5000px;
		text-decoration:none;
	}
h2 {margin:0 0 .3em;  font-size:1.25em}
h3 {font-size:.9em; color:#900}
dt {font-weight:bold}
dd {margin:0 0 .7em 1em}
	#main dd ul {margin-left:1em}
q {font-style:italic}
table {border-collapse:collapse;}
th, td {border:1px solid #c89955; font-size:90%;}

optgroup option {padding-left:1.5em;}

.clear {clear:both; }
	hr.clear {visibility:hidden; margin:0}
.nobr {	white-space:nowrap}
.meta, #main p.meta, .note, #main p.note {font-size:85%; font-style:italic; line-height:110%}
.events {color: #CC0000;}

.requiredField {font-style: italic; color: #CC0000;; font-size: 8pt; padding: 0px; margin: 0;}

.light {background-color: #FAEABF;}
.lighter {background-color: #E5C293;}
.dark {background-color: #F6D680;}

#businessOpportunity th, #businessOpportunity td, #hostParty th, #hostParty td {padding: 4px;
text-align: center;}
#businessOpportunity{margin: auto; text-align: center;}

/*************** set double borders and backgrounds ********************************/
#main, 
.mainNav li, 
#footer, 
.subs {border:2px solid #efd8b6 }

#main, 
.mainNav li, 
#footer #tm, 
.subs, .secondNavHold {
	 background:#f9ecd9 url(http://img2.silpada.com/public/us/en//contentBG2.jpg)
	}
#indexImg, 
.mainNav h3, 
.mainNav p, 
#footer address, 
#footer #tm, 
#content,
.subs h3,
.subs ul {
	border:1px solid #666;}

#main {width:545px; 
	float:right; 
	margin-top:2em; 
	margin-bottom:8px;
	color: #000;
	overflow:hidden;
	}
	#main p {margin:0 0 .8em .8em;	
		line-height: 160%;
		font-size:100%;
	}
	#main a {text-decoration:none}
		#main a:hover {color:#333; text-decoration:underline}
	#main ul {list-style:square}
	#main ul, #main ol {margin:0 0 1em 3em}
	#main img, #main object {
		border:1px solid #000; 
		display:block; 
		float:right; 
		margin:10px 0 .5em 1em;
	}
	#main object.testimonial {border:0; overflow:hidden}
	#main img.filetype {float:none; display:inline; margin:0}
	#content {padding: .7em;  }


.pubs .pdf {align: left; background: url(http://img2.silpada.com/public/us/en/icons/pdf.png) no-repeat 0 7px;}

.pdf {align: left; background: url(http://img2.silpada.com/public/us/en/icons/pdf.png) no-repeat 0 7px;}
.wrd {align: left; background: url(http://img2.silpada.com/public/us/en/public/icons/word.png) no-repeat 0 7px;}
a.pdf {padding-left: 15px;}
#press .pdf {float:right; padding-left:15px; margin-left:.5em; background: url(http://img2.silpada.com/public/us/en/icons/pdf.png) no-repeat 0px 7px; padding-right: 5px;}

#main .pdf img {float:none; display:inline; margin-right:3px;}


	
/**************************** navigation **********************************/	
.mainNav, .subs {
		float:left;
		width:210px; 
		margin-top:2em;
		clear:left;
		overflow:hidden;
		
		}
	.mainNav li { 
		margin:0 0 7px;
		list-style:none;
		}
		.mainNav li h3 {background:#FAF5EB; line-height:1.7em; font-size:80% }
		.mainNav li h3 a {display:block; padding:0 5px; }
		.mainNav li h3 a:hover {background: #900; color: #FAF5EB}
		.mainNav li p {
			padding:5px; 
			font-size:90%; 
			line-height:130%; 
			margin-top:-1px;
			}
			.mainNav li p a {color:#333}
		.mainNav li ul, .secondNav li ul {display:none}

.secondNavHold {
	position:absolute; 
	top:90px; 
	left:0;  
	width:100%; 
	text-align:center;
	border-top:1px solid #eee; 
	border-bottom:1px solid #900;
	clear:both;
	white-space:nowrap
	 }

.secondNavHold ul.secondNav { 
	width:100%;
	margin:0 auto; 
	line-height:1.5em;
	overflow:hidden;
	padding:0
	}
	 .secondNav li {display:inline; 
		font-size:.9em;	
		padding:0 22px;
		}
		.mainNav a,  .secondNav li a, .subs li a {text-decoration:none; color: #900}
			.mainNav a:hover, .secondNav li a:hover, .subs li a:hover {color:black}
			
	.secondNav li a {padding:3px 8px;  }
	.secondNav li a:hover {background: #900; color: #FAF5EB}

.subs {
	margin-bottom:-1.5em; 
	width:206px;
	}
	.subs h3 {padding: 4px 7px; font-size:80%; background:#FAF5EB;}	
	.subs ul {list-style:none;position:relative; top:-1px;}
		.subs li {padding:3px 0}
.sub {border:solid #666; border-width:0 1px 1px; margin-top:-1px;}		
.subs li, .sub li {border:0; font-size:.85em; margin:0}
	.subs li a, .sub li a {padding:3px 5px; display:block}
		.subs li a:hover, .sub li a:hover {color:#FAF5EB; background:#900}
/****************** footer *****************************************/	
					
#footer {clear:right;
	margin: 0 0 1em 217px;
	font-size:65%;
	text-align:center;
	}
	#footer a {text-decoration:none}
	#footer address {
		background:#f9ecd9;  
		font-style:normal;
		font-family: Georgia, Garamond, "Times New Roman", "Times", serif;
		padding:6px 0;
		display:block;
		}
	#footer #tm {padding:3px 7px 5px; line-height:130%; margin-top:-1px; }
		#footer #tm li {display:inline; padding:0 10px}
#footer img {float:right; margin:3px; border:1px solid #666; position:relative}


/**************** forms  ******************************/

fieldset {padding: 0 .5em .1em; 
	line-height:140%; 
	margin-bottom:.4em;
	}
	fieldset fieldset {border:0; margin:0 }
	fieldset br {display:none}
	

legend {font-weight:bold; 
	font-size:90%;
	padding:0 2px;
	color:#333;	
	}

label {
	display: inline;
	font-size:80%;
	margin:1px 2px;
}
label .exp {float: none !important;}
div#wantToKnow{clear: both !important; display: block;}
	
input, select, textarea {display:block;}
 	input.small {width: 5em;}
 	input.submit {font-weight: bold; padding: 5px 15px; margin:5px auto; }

fieldset input {font-size:90%; padding:3px }
fieldset select {font-size:90%; padding:2px}

#contactForm fieldset input, #contactForm fieldset select, #pressContact #email {background:#FFFAEF; 
	border:1px solid #DFB77D;}

#interests input {
	background: none !important;
	border: 0px !important;
	float: left;
	margin: 0px !important;;
}

#interests label {
	display: inline !important;
	float: left;
	margin: 0px !important;
	padding-left: 5px;
}
	
	input[type="checkbox"] {background: none !important; border:0 !important; padding:0; display: inline;}
	input[type="radio"] {background: none !important;border:0 !important; display: inline;}

#contactForm #name {clear:both;}
	#contactForm #name label {float:left; width:235px;}
		#contactForm #name label input {width:95%; }

#contactForm #addressFields label {float:left; width:155px !important; width:153px; }
	#contactForm #addressFields label#addressLabel {float:none; }
	#contactForm #addressFields label#addressLabel input {width:462px !important; width:465px}
	#contactForm #addressFields label input, #contactForm #addressFields label select  {
		width:144px; }
		

		
#contactForm #addFields label {float:left; width:155px !important; width:153px; }
	#contactForm #addFields label#addressLabel {float:none; }
	#contactForm #addFields label#addressLabel input {width:462px !important; width:465px}
	#contactForm #addFields label input, #contactForm #addFields label select  {
		width:144px; }		

#contactFrom #zipLabel input {display:block; padding-left:140px;}


#contactForm #phoneFields {clear:left; }		
#contactForm #phoneFields label {float:left; width:230px;}
	#contactForm #phoneFields label input {width:95%; }
	#contactForm #phoneFields label select {width:102%; }

#contactForm #emailFields {clear:both}	
#contactForm #email {width:462px !important; width:465px;}

#contactForm #referralType select {display:inline}
#contactForm #sendCatalogLabel {text-align:left; 
	padding:.5em 1em; 
	font-size:85%;
	line-height:120%;
	}
#contactForm #sendCatalogLabel input {margin-right:5px}

#contactForm #customerCareFields p {font-size:90%; line-height:120%; margin:.5em 0; }
	#contactForm #customerCareFields address {margin:.5em 2em; font-style:normal; font-weight:bold}
		#contactForm #customerCareFields address br {display:block}
#contactForm #customerType {border-top:1px solid; display: block;}
#contactForm #customerType input {display:inline; margin-left:1em}
#contactForm #customerType br {display:none}

#contactForm #showInfo {margin:.7em; border-bottom:1px solid;padding-bottom:10px}


#contactForm #showHostess, #contactForm #showSdr {width:247px !important; width:258px}

#knowSDR input, #havepurchased input, #haveattended input {display:inline}
fieldset #wantToKnow br, #customerType br  {display:block}
#wantToKnow {line-height:18px;}
#wantToKnow input, #sendCatalogLabel input {float:left; clear:left; margin:3px 2px 0 0 !important; margin:auto}

#contactForm #showMonth, #contactForm #showDay, #contactForm #showYear {float:left; margin-right:3px; width:83px}
#contactForm #showMonth {margin-top:1px; }
#ccDateFields br {display:block !important}

#contactForm #showOrderNumberLabel {clear:left}
#contactForm #showOrderNumberLabel input  {display:inline; width: 134px !important; width:147px; margin-top:4px}

#cityLabel {clear: left; display: block;}
#referralType {float: left; display: block;}
.havePurchased {display: block;}
.knowSDR {display: block;}
.exp {display: block; margin-bottom: 5px;}

#contactForm #custCareQuestion, #pressContact #comments {width:469px !important;  background:#FFFAEF; margin-left:7px; border:1px solid #DFB77D;}
fieldset.submit {text-align:center}

.wantToKnows 
	td{
		border: 0;
		font-family: Arial;		
		font-size:10pt;
	}
.radioBtn
	td{	border: 0;
		font-family: Arial;		
		font-size:10pt;		
	}

	
.alignLeft{text-align:left;}

.radioBtn {display: inline;}


.date 
	tbody tr td {border-collapse:collapse; margin-bottom:0em; border: 0px;}
	tr, th, td {border:0px; padding:0px; font-size:90%; line-height:130%; }

#main .correctionText img {float:none; display: inline; margin:1px 3px 0 0; border:0; }
.warning, .correctionText {
	font-weight: bold;
	display:inline;
	font-size:90%;
	line-height:110%;
}
	.correctionText {color:#060; }
	.error, .warning, .alert {color: #CC0000;}
	
	.error, .alert {line-height:115% !important}
	
	.error {font-size: 8pt; padding-bottom: 5px;}

	
label #haveattended {margin-bottom: 0px; border: 0px solid black}
	
#shortForm {
	float:right;
	clear:right;
	width:280px;
	margin:0 0 10px 1em;
	border-left:1px solid #c89955;
	}
	#content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
	#shortForm h3 {padding:0 5px; line-height:1.5em; 
		margin:10px 0 5px; font-size:80%; text-align:center;}
	#shortForm fieldset {float:none; padding:0; 
 font-size:92%;
		border:0; 
		}
	#shortForm #wantToKnow1 {display:none}
	#shortForm label {margin:0 4px 0;}
	#shortForm label .correctionText  {width:98%; display:inline}
	
	#shortForm #firstName, #shortForm #lastName, #shortForm #email, #shortForm #zip, #shortForm #email{
		width:126px; background:#FFFAEF; border:1px solid #DFB77D; padding:1px
		}
		
		#shortForm #emailFields {display: block; clear: left;}
	#shortForm #address1, #shortForm #city, #shortForm #phone, #shortForm #email, #shortForm #referralType select, #shortForm #sdr {
		width:266px;
		background:#FFFAEF; border:1px solid #DFB77D; padding:1px
		}
		
	#shortForm #referralType select {width:270px}
	#shortForm #firstNameLabel, #shortForm #stateLabel {float:left; width:130px; margin-right:3px;}
	#lastNameLabel, #shortForm #zipLabel {display:block; padding-left:140px;}
	#shortForm #sendCatalogLabel {margin-top:5px}
		#shortForm #sendCatalog {margin-right:7px !important; margin-right:0}
		#shortForm {padding-left: 4px;}
	#pressContact br {display:block}
	
	.showing {display:block !important}
/********************************* help *****************************/
.help {text-align:left; background: #FAF5EB; border:1px solid #DFB77D;
	padding:0 1em; 
	overflow:hidden;
	font-size:85%;
	}
	.help h3 {margin:.5em 0 0}
	.help p {margin:0 0 1em 2em}
	
	html * .helpTrigger {
		background: url(http://img2.silpada.com/public/us/en//icons/question.gif) no-repeat right ;
		padding:0 25px  0px 0px;
		text-decoration:none;
		margin-top:-5px;
		display:block;
		text-align:right;
		position:relative;
		font-size:90%;
		}
		html * .helpTrigger:active, html * .helpTrigger:focus {border:0}
/********************* index page stuff *********************************/
#main #indexImg {
		text-align:center; 
		border:1px solid #000;
		overflow:hidden;
		}
		#main #indexImg img {
			border:0; 
			margin:0 0 0 -48px; height:380px}
		#main #indexImg object {margin:0 auto; float:none; border:0}
		#indexImg h2 {color:#FFFAF4; 
			margin: 2% 0 0 0; 
			font-size:2em; 
			font-weight:normal;
			line-height:1.3em; 
			position:relative;
			}
			#indexImg h2 strong {
				font-weight:normal; 
				font-size:2em; }
				
#home .mainNav li p {
			min-height:85px;
			}
			
ul#pressNav {float:right; font-size:115%; margin:0 0 0 1em; border-left:1px solid; width:140px; padding-left:1em; line-height:2em;}	
	#pressNav li {list-style:none;}
	
#sdScene {width:204px; font-weight:bold; height:54px; border:1px solid #666;
	background: #FAF5EB url(http://img2.silpada.com/public/us/en//icons/scene1.gif) no-repeat; 
	margin: 0; 	
	text-indent:-5000px;
	display:block;
	}
#sdScene:hover {background:#7A1E21 url(http://img2.silpada.com/public/us/en//icons/scene2.gif) no-repeat;
}
	
#siteMap #sdScene {
margin: 0px;
text-indent: 0px;
height: auto;
}	

	
#sdEvents_CA {width:204px; font-weight:bold; height:54px; border:1px solid #666;
	background: #FAF5EB url(http://img2.silpada.com/public/us/en/icons/eventsOff_CA.gif) no-repeat; 
	margin: 0; 	
	text-indent:-5000px;
	display:block;
}

#siteMap #sdEvents_CA {
	background: url(http://img2.silpada.com/public/us/en/icons/eventsOff_CA.gif) no-repeat !important;
}

#siteMap #sdEvents_CA:hover {
	background: url(http://img2.silpada.com/public/us/en/icons/eventsOn_CA.gif) no-repeat !important;
}

#sdEvents_CA:hover {background:#7A1E21 url(http://img2.silpada.com/public/us/en/icons/eventsOn_CA.gif) no-repeat;
	}
		
.firstName		{ width:123px; background:#FFFAEF; border:1px solid #DFB77D; padding:1px; }
.lastName 		{ width:123px; background:#FFFAEF; border:1px solid #DFB77D; padding:1px; }
.address1 		{ width:266px; background:#FFFAEF; border:1px solid #DFB77D; padding:1px; }
.city			{ width:266px; background:#FFFAEF; border:1px solid #DFB77D; padding:1px; }	
.state			{ width:123px; background:#FFFAEF; border:1px solid #DFB77D; padding:1px; }
.zip			{ width:123px; background:#FFFAEF; border:1px solid #DFB77D; padding:1px; }
.phone			{ width:266px; background:#FFFAEF; border:1px solid #DFB77D; padding:1px; }
.email			{ width:210px; background:#FFFAEF; border:1px solid #DFB77D; padding:1px; }
.contactFormEmail {width:462px !important; width:465px;}


.shortFormSendCatalog {margin-right:1000px; !important;}
.inputSubmit {font-weight: bold; padding: 5px 15px; margin:5px auto; }

table {border-collapse:collapse;}
th, td {border:1px solid #c89955;  font-size:100%; }

.caEvents{margin-left: 15px;}
.caEvents h3 {margin: 5px 0px;}
.caEvents li {margin-bottom: 10px; list-style-type: none;}
#sitemap ul.secondNav {margin: 0px; border: 1px solid black;}

#hostessEnjoy li h3 {display: inline;}


/*targets Sarafari browser**/

@media screen and (-webkit-min-device-pixel-ratio:0){
.pubs a.thickbox img{float: right; clear: right;}
.pubs li {padding-bottom: 5px;}
}