/*======================================

SoleMates CSS
Author: Doug Hungarter, blindedbydesign
Last Modified: May 13, 2008

========================================*/


* { margin: 0; padding: 0; outline: none; }

body { font: 62.5%/1.3 "Gill Sans", "Lucida Grande", "Trebuchet MS", Arial, sans-serif; color: #666; text-align: center; background: #D40051 url(../img/bg_main.png) repeat-x; }
p { font-size: 1.4em; line-height: 1.5; margin-bottom: 1em; }
strong em { font-style: normal; color: #333; }
.brandName { color: #F36 !important; }

#container { margin: 0 auto; width: 740px; text-align: left; }

#header { height: 150px; background: url(../img/logo.png); }
	#header a { display: block; width: 510px; height: 110px; }
	#header a strong { display: none; }
	
#nav { width: 153px; height: 330px; background: url(../img/nav.png) no-repeat; float: left; }
#nav li { list-style: none; display: inline; }
#nav li a { background: url(../img/nav.png) no-repeat; display: block; height: 50px; }
#nav li a#home { background-position: 0 0; }
#nav li a#how { background-position: 0 -50px; }
#nav li a#retail { background-position: 0 -100px; }
#nav li a#press { background-position: 0 -150px; }
#nav li a#testimonials { background-position: 0 -200px; }
#nav li a#footnotes { background-position: 0 -250px; }
#nav li a#about { background-position: 0 -300px; }
#nav li a#contact { background-position: 0 -350px; }
#nav li a#facebook { background-position: 0 -400px; }
#nav li a#twitter { background-position: 0 -450px; }
#nav li a#home:hover, #nav li a.current#home { background-position: -153px 0; }
#nav li a#how:hover, #nav li a.current#how { background-position: -153px -50px; }
#nav li a#retail:hover, #nav li a.current#retail { background-position: -153px -100px; }
#nav li a#press:hover, #nav li a.current#press { background-position: -153px -150px; }
#nav li a#testimonials:hover, #nav li a.current#testimonials { background-position: -153px -200px; }
#nav li a#footnotes:hover, #nav li a.current#footnotes { background-position: -153px -250px; }
#nav li a#about:hover, #nav li a.current#about { background-position: -153px -300px; }
#nav li a#contact:hover, #nav li a.current#contact { background-position: -153px -350px; }
#nav li a#facebook:hover, #nav li a.current#facebook { background-position: 0px -400px; }
#nav li a#contact:twiiter, #nav li a.current#twitter { background-position: 0px -450px; }
#nav li a em { display: none; }

#content { margin-left: 153px; }
	.home #main { background: #FFF url(../img/bg_ladies.gif) bottom no-repeat; padding-bottom: 290px; width: 400px; float: left; border-bottom: 4px solid #F67493; }
	#main { background: #FFF url(../img/bg_grass.png) bottom no-repeat; padding-bottom: 140px; width: 400px; float: left; border-bottom: 0px solid #F67493; }
		#main .wrap { padding: 7px 30px; }
		#main h1 { font-size: 2.4em; line-height: 1.05; text-align: center; color: #999; margin-bottom: 1em; }
		#main h1 em { color: #666; }
		#main h2 { font-size: 1.4em; margin-bottom: 1em; line-height: 1.5; clear: left; }
		#main h2 strong { color: #333; }
		#main h2 span { font-weight: normal; }
		#main a:link, #main a:visited { color: #369; text-decoration: none; border-bottom: 1px dotted #369; }
		#main a:hover { color: #036; border-bottom: 1px solid #036; }
		#main img, #main #flashcontent { padding: 3px; border: 0px solid #FFC3D2; margin-bottom: 1em; text-align: center; }
		#main img.left { float: left; padding: 3px; border: 1px solid #E5E5E5; margin: 0 1em 1em 0; }
		#main img.prodHome { border: none; padding: 0; }
		
			#contactForm { width: 330px; }
			#contactForm textarea, #contactForm input.text, #frmCheckOut textarea, #frmCheckOut input.text { font-family: "Gill Sans", "Lucida Grande", "Trebuchet MS", Arial, sans-serif; font-size: 1.5em; padding: 5px; color: #666; }
			#contactForm table { padding: 5px; font-size: 1.5em; }
			#contactForm p, #frmCheckOut p { margin: 0; padding: 0; font-size: 1em; }
			#contactForm input.text, #contactForm textarea { width: 320px; margin: 4px 0; border: 1px solid #CDCDCD; }
			#contactForm textarea { height: 5em; }
			#contactForm input.image { float: right; }
			#contactForm input.optional { color: #999; }
			#contactForm label, #frmCheckOut label { font-weight: bold; font-size: 1.2em; color: #333; padding-top: .65em; margin-bottom: -.25em; display: block; }
			#contactForm .errorMsg { color: #F00; margin-left: 0; }
			
			#shoppingCart { font-size: 1.2em; width: 335px; border-collapse: collapse; margin-bottom: 1em; }
			#shoppingCart th { background: #FFF5F7; }
			#shoppingCart th, #shoppingCart td { border-bottom: 1px solid #FFCCD9; padding: .75em; }
			#shoppingCart td { font-size: 1.2em; padding-right: 0; vertical-align: middle; }
			#shoppingCart input.text { width: 25px; padding: 5px; border: 1px solid #CDCDCD; }
			#shoppingCart input.promoCode { width: 100px; float: left; margin: 0 5px; }
			#shoppingCart select { text-transform: uppercase; padding: 5px; } 
			#shoppingCart option { text-transform: uppercase; }
			#shoppingCart .total td { border-bottom: 2px solid #FFCCD9; text-transform: uppercase; color: #333; font-weight: bold; font-size: 1.4em; padding: .75em .4em; }
			#shoppingCart .total .totalDisplay { color: #F36; }
			#shoppingCart input.imgBtn { margin-top: -3px; vertical-align: middle; }
			#submitForm { width: 335px; text-align: right; margin-bottom: 3em; }
			#shoppingCart td.price { padding-right: .75em; }
			th.price, td.price, .totalDisplay { text-align: right; }
			#shoppingCart label { float: left; margin: 4px 5px; }
			a.apply { background: url(../img/btn_apply.gif); width: 55px; height: 25px; text-indent: -10000px; display: block; border: none !important; float: left; }
		
			#frmCheckOut p { clear: left; }
			#frmCheckOut label { width: 120px; float: left; line-height: 1; }
			#frmCheckOut label.shipSame { font-weight: normal; float: none; margin: 0 0 1em 120px; width: 200px; }
			#frmCheckOut label span { display: block; color: #999; font-weight: normal; font-style: italic; }
			#frmCheckOut input.text, #frmCheckOut textarea { width: 200px; margin: 4px 0; border: 1px solid #CDCDCD; }
			select { font-size: 12px; line-height: 1.5; background: none; border: 1px solid #CDCDCD; margin: .5em 0; }
			hr { clear: both; margin: 1em 0; border: 1px solid #CDCDCD; border-width: 1px 0 0; }
			#frmCheckOut .disabled { display: none; }
			#frmCheckOut #btnCheckOut { width: 140px; height: 30px; background: url(../img/btn_order.png) no-repeat; border: none; }
			#frmCheckOut #btnCheckOut strong { display: none; } 
			#frmCheckOut #btnCheckOut:hover { background-position: 0 -30px; }
			.errorMsg { color: #F00; margin-left: 120px; }
			p.date { font-size: 11px; font-style: italic; }
					
	#secondary { float: right; background: url(../img/bg_secondary.png) no-repeat; width: 187px; }
	* html #secondary { margin-right: -3px; }
		#secondary .wrap { padding: 15px; }
		#secondary ul { font-size: 1.1em; list-style: none; margin-bottom: 3em; padding: 0 1em; }
		#secondary ul li { font-weight: bold; font-style: oblique; color: #FFF; background: url(../img/bullet.gif) no-repeat; padding: 4px 18px 0; margin-bottom: 1em; }
		button.buy { display: block; width: 158px; height: 55px; background: url(../img/btn_buy.png) no-repeat; border: none; }
		button.buy:hover { background-position: 0 -55px; }
		button.buy strong { display: none; }
		p.tagline { background: url(../img/tagline.gif) center no-repeat; display: block; text-indent: -10000px; height: 100px; margin-top: 1.5em; }

#footer { clear: both; }
	#footer p { color: #FFF; font-size: 1em; font-weight: bold; padding: 7px 0 14px 183px; background: url(../img/bg_footer.png) no-repeat; }
        
#UpdateItemLink {
    border:none;
    text-decoration:none;
}

#UpdateItemLink :hover {
    border:none;
    text-decoration:none;
}

#main #UpdateItemLink .imgBtn {
    margin:0;
    padding: 5px 0 10px 0px;
}


a.updateBtn { background: url(../img/btn_update.gif); width: 55px; height: 25px; text-indent: -10000px; display: block; border: none !important; float: left; }
a.checkoutBtn { width: 115px; height: 25px; text-indent: -10000px; display: block; border: none !important; float: right; }

#main .itemQuantity {
    float:left;
    margin:0px 5px;
}.bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF3385;
}
.vday {
	border: thin solid #F00;

}

.footnote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #F06;
	font-size: 14pt;
	font-style: italic;
}
.footnote2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #060;
	font-size: 12pt;
	font-style: normal;
}
.footnote3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #666;
	font-size: 11pt;
	font-style: normal;
}
.footnote4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #006;
	font-size: 11pt;
	font-style: normal;
}