* {margin: 0; padding: 0;}

body {background: url(../images/background.jpg) repeat-x #ececec; behavior:url("css/csshover.htc"); font-family: Tahoma, Arial, sans-serif;}

h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	letter-spacing: -.05em;
	line-height: 1em;
}

h2 {font-size: 24px; display: inline;}

h2.intro {font-size: 28px !important; display: inline;}

h3 {font-size: 18px; display: inline;}

p {margin-bottom: 10px;}
a {color: #663333;}

.font11 {font-size: 11px;}
.font12 {font-size: 12px; line-height: 16px;}
.font14 {font-size: 14px; line-height: 18px;}

#content-wrap {margin: 0 auto; width: 919px;}

#content {
	clear: both;
	float: left;
	background: url(../images/content-bg.gif) #FFF;
	width: 901px;
	padding: 0 9px 0 9px;
}

#header {background: url(../images/header_bg.gif) 0 8px no-repeat #FFF; width: 901px; height: 114px; padding-bottom: 21px; padding-top: 8px; float: left;}
	#header h1 {_height: 1em; text-indent: -1234em; float: left;}
	#header h1 a {display: block; width: 150px; height: 114px; float: left;}

#nav {float: right; width: 751px;}

#secondary-nav, #secondary-nav ul {margin: 12px 16px 50px 0; display: inline; list-style: none; float: right; clear: both;}
	#secondary-nav a {display: block; text-indent: -1234em;}
	#secondary-nav li {float: left; margin-right: 20px;}
	#secondary-nav li a {height: 17px;}

* html #secondary-nav, #secondary-nav ul {margin-bottom: 42px;}

#main-nav, #main-nav ul {padding: 0 0 0 92px; margin: 0; width: 618px; list-style: none; float: right; clear: both; background: url(../images/hdr-select-style.gif) no-repeat;}
	#main-nav a {display: block; text-indent: -1234em;}
	#main-nav li {float: left;}
	#main-nav li a {height: 35px;}

#about {background: url(../images/btn_about-us.gif) no-repeat; width: 66px;}
#where-to-buy {background: url(../images/btn_where-to-buy.gif) no-repeat; width: 100px;}
#help {background: url(../images/btn_help.gif) no-repeat; width: 33px;}
#view-cart {background: url(../images/btn_view-cart.gif) no-repeat; width: 88px;  margin-right: 0 !important;}

#straps {background: url(../images/btn_straps.gif); width: 113px;}
#ties {background: url(../images/btn_ties.gif); width: 113px;}
#bridal {background: url(../images/btn_bridal.gif); width: 113px;}
#how-it-works {background: url(../images/btn_how-it-works.gif); width: 163px;}
#news {background: url(../images/btn_news.gif); width: 104px;}

#straps a:hover {background: url(../images/btn_straps_over.gif); width: 113px;}
#ties a:hover {background: url(../images/btn_ties_over.gif); width: 113px;}
#bridal a:hover {background: url(../images/btn_bridal_over.gif); width: 113px;}
#how-it-works a:hover {background: url(../images/btn_how-it-works_over.gif); width: 163px;}
#news a:hover {background: url(../images/btn_news_over.gif); width: 104px;}

#straps.selected {background: url(../images/btn_straps_on.gif); width: 113px;}
#ties.selected {background: url(../images/btn_ties_on.gif); width: 113px;}
#bridal.selected {background: url(../images/btn_bridal_on.gif); width: 113px;}
#how-it-works.selected {background: url(../images/btn_how-it-works_on.gif); width: 163px;}
#news.selected {background: url(../images/btn_news_on.gif); width: 104px;}

#main-content {float: left; width: 600px; margin: 0 40px 0 32px; position: relative; display: inline;}	
	#main-content h1 {background: url(../images/hdr_bg.gif) repeat-x; width: 600px; float: left; margin-top: 10px;}
	#main-content ul {margin: 0 0 15px 25px;}
	#main-content ul li {font-size: 12px !important;}

.wide {width: 837px !important; margin: 0 32px !important; background-color: white;}
	.wide h1 {width: 837px !important;}
	
.homepage {margin: 0 !important; width: 901px !important; background-color: white;}
#hp-main {float: left; padding-bottom: 15px;}
.hp-sub-block {float: left; margin-right: 15px; width: 290px; height: 211px;}
.hp-sub-block p {font-size: 11px; color: white;}

#sub-block-01 {background: url(../images/hp_sub-block-01.jpg) no-repeat;}
	#sub-block-01 p {padding: 83px 15px 0 144px;}

#sub-block-02 {background: url(../images/hp_sub-block-02.jpg) no-repeat;}
	#sub-block-02 p {padding: 76px 20px 0 158px;}
	
#sub-block-03 {background: url(../images/hp_sub-block-03.jpg) no-repeat;  width: 291px; margin-right: 0 !important;}
	#sub-block-03 p {padding: 57px 20px 0 114px;}


#breadcrumb {float: right; position: absolute; top: 32px; right: 0; padding-left: 10px; background: url(../images/breadcrumb_left-corner.gif); font-size: 11px;}
	#breadcrumb div {background: url(../images/breadcrumb_right-corner.gif) top right repeat-x; padding: 7px 10px 0 0; height: 21px; }
	
.product-box {width: 190px; text-align: left; float: left; padding: 0 15px 0 0;}
	.product-box h3 .sIFR-flash {margin: 0 0 5px 10px !important;}
	
.illustration-box {width: 170px; text-align: left; float: left; padding: 0 30px 10px 0;}
	.illustration-box h2 .sIFR-flash {margin: 5px 0 !important;}
	.illustration-box p {font-size: 12px;}
	
.intro .sIFR-flash {margin-bottom: 10px !important;}

#product {clear: both; float: left; margin-top: 10px; width: 600px;}
	#product-image {float: left; width: 318px; margin: 0 20px; display: inline;}
	#product-description {float: left; width: 242px; display: inline;}
	.add-to-cart {display: block; padding: 15px 0 15px 10px; border: 1px solid #dcdcdc; border-right: none; border-left: none;}
	.continue-shopping {display: block; padding: 15px 0 0 10px;}

.illustrations-box {text-align:center; width: 770px; margin: 5px auto 15px auto !important; padding-bottom: 15px !important;}

.products-box {text-align:left; width: 600px;}

.alternate-view {border: 1px solid #c7c7c7; width: 59px; height: 59px; display: block; margin: 10px 0 0 10px; float: right;}
.alternate-view:hover {border: 1px solid #e0dfdf;}
.red {border: 1px solid #633e4c;}

#side-content {float: left; width: 208px; padding: 0 6px 0 14px; border-left: 1px solid #e0dfdf;}

.last {padding-right: 0 !important;}
.div { border-bottom: 1px solid #dbdada; padding-bottom: 30px; margin-bottom: 20px !important;}

.div-no-line {margin-bottom: 20px !important;}


.locations {width: 600px; clear: both; float: left; margin-bottom: 20px;}
.locations h3 {clear: both; float: left; width: 600px; border-bottom: 1px solid #dbdada;}

.location {float: left; width: 190px; margin: 10px 10px 0 0;}
.location .store-name {color: #633e4c;}
.location .phone {font-size: 12px;}

.promo {display: block; width: 165px; float: left;}
.promo img {border:none;}
	
#footer { width: 901px; padding: 8px 9px 0 9px; clear: both; float: left; background: url(../images/footer_bg.gif) no-repeat bottom left #FFF;}
	#footer #inner-footer {border-top: 1px solid #e0dfdf; padding: 8px; float: left; width: 885px;}
	#footer #inner-footer img {float: left; }
	#footer #inner-footer p {float: left; margin: 6px 10px 0 0;}
	#footer #inner-footer div {float: right;}
	#footer a {text-decoration: none; padding: 0 3px;}

/* --- Float Hack --- */
.cf:after { content: "."; display: block;   height: 0;  clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .cf {height: 1%;}
/* End hide from IE-mac */



#bridal-landing {width: 851px; margin: 0 auto;}
	#bridal-landing #top {height: 405px; background: url(../images/bridal-landing-top.jpg);}
		#bridal-landing #top .content {font-size: 21px; color: #836b21; padding: 210px 0 0 70px; width: 320px;}
		#bridal-landing #top .content p {margin-bottom: 25px; font-family: Arial, Helvetica, sans-serif;}
		
	#bridal-landing #bottom {height: 181px; background: url(../images/bridal-landing-bottom.jpg);}
		#bridal-landing #bottom .content {font-size: 12px; color: #633e4c; padding: 0 0 0 265px;}
		#bridal-landing #bottom .content div {float: left;}
		
		#bridal-landing #bottom .content #copy {width: 149px;}
	
#bridal-landing-footer { text-align: center; font-size: 11px; color: #666; padding: 10px; }
