html { height: 100%; margin: 0; padding: 0; }

body { background: #fff; color: #4d4d4d; font-family: Times, 'Times New Roman', 'Times Roman', serif; text-align: center; padding: 0; margin: 0; font-size: 12px; line-height: 14px; height: 100%; }

/* resets */
html { margin: 0; padding: 0; }
img, a img { border: none; outline: none; }
form { margin: 0; padding: 0; border: none; }
table, tr, th, td { border-collapse: collapse; }
h1, h2, h3, h4, h5, h6, p, ul, li, ol, dl, dt, dd { margin: 0; padding: 0; font-size: 14px; line-height: 14px; }
ul, li { list-style: none; }
a { border: none; outline: none; text-decoration: underline; color: #4d4d4d; }

.clearing { clear: both; margin: 0; padding: 0; font-size: 0px; line-height: 0px; height: 0; }

#container { width: 990px; margin: 0 auto 0 auto; text-align: left; background: #fff; }

#sectNav { width: 222px; float: left; display: inline; margin: 0; padding: 22px 0 50px 28px; position: relative; }

#sectNav #logo { margin: 0 0 40px 0; }

#sectNav li { text-transform: uppercase; margin: 0 0 13px 0; font-style: italic; }
#sectNav li a { text-decoration: none; background: #fff; padding: 0 6px 0 0; }
#sectNav li a:hover { color: #000; text-decoration: underline; }
.about li#navAbout, .collections li#navCollections, .press #navPress, .news #navNews, .stockists #navStockists, .contact #navContact { background: #fff url(../images/bkgd_nav.gif) center left no-repeat; }
.about li#navAbout a:hover, .collections li#navCollections a:hover, .press #navPress a:hover, .news #navNews a:hover, .stockists #navStockists a:hover, .contact #navContact a:hover { color: #4d4d4d; text-decoration: none; cursor: default; }
.home li#navHome { display: none; }

#sectNav #joinList { margin: 250px 0 0 0; font-size: 12px; font-style: italic; }
.home #sectNav #joinList { margin-top: 75px; }
#sectNav #joinList a { text-decoration: none; }
#sectNav #joinList a:hover { text-decoration: underline; }
#sectNav form { margin: 6px 0 10px 0; display: none; }
#sectNav form p { margin: 0 0 1px 0; }
#sectNav form label { display: none; }
#sectNav form label.error { color: #f00; font-style: italic; width: auto; display: none; margin: 0 0 10px 0; font-size: 11px; padding: 0 0 6px 0; clear: both; }
#emailTxt { background-color: #e3e3e3; border: none; padding: 4px; color: #000; margin: 0 0 6px 0; }
#submit { background-color: #e3e3e3; color: #000; border: none; padding: 4px; cursor: pointer; }
#submit.btnHover { background-color: #4d4d4d; color: #fff; }
#sectNav #signupConfirm { font-size: 12px; font-style: italic; display: none; }

#content { width: 712px; float: left; display: inline; border-left: 1px solid #b2b2b2; margin: 0; padding: 96px 0 0 27px; }
.home #content { border: none; padding-top: 110px; }

#content p { margin: 0 0 12px 0; line-height: 17px; }
#content p a:hover { color: #000; border-bottom: 1px solid #000; }
#content p a.noHover:hover { border: none; }

#content h2 { text-transform: uppercase; font-size: 14px; margin: 0 0 8px 0; }
#content h2.sectionHead { text-transform: uppercase; font-size: 18px; margin: 0 0 14px 0; padding: 0 0 2px 0; border-bottom: 1px solid #b2b2b2; }

#content .aboutPic { float: right; margin: 0 0 50px 28px; }
#content .aboutPic img { margin: 0 0 8px 0; border: 1px solid #b2b2b2; }
#content .aboutPic p { font-size: 10px; margin: 0 0 8px 0; }

.about #content p { text-align: justify; }

#content #footer { margin: 75px 0 100px 0; padding: 75px 0 0 0; }
#content #footer p { font-size: 10px; }
.home #content #footer p { color: #fff; font-size: 12px; }

#content #pressGrid { width: 712px; height: 596px; overflow: hidden; }
#content #pressGrid img { float: left; display: inline; margin: 0 10px 25px 0; }
#content #pressExpander { margin: 12px 0 48px 0; }
#content #pressExpander a { text-decoration: none; }
#content #pressExpander a:hover { text-decoration: underline; border-bottom: 1px solid #000; color: #000; cursor: pointer; }
#showLess { display: none; }

.home #content { background: url(../images/bkgd_home-july2010.jpg) 0 0 repeat-y; padding-left: 0; }
.home #content #footer { padding-left: 27px; }
.home #popupstore img { margin: 70px 0 50px 0; }

#content #stockList { width: 175px; float: left; display: inline; }
#content #stockInfo { width: 537px; float: left; display: inline; }
#content #stockList ul { padding-top: 1px; }
#content #stockList ul li { font-size: 15px; text-transform: uppercase; margin: 0 0 16px 0; }
#content #stockList ul li a { text-decoration: none; padding: 5px; }
#content #stockList ul li a:hover { text-decoration: underline; }
#content #stockList ul li.selected a { text-decoration: none; font-weight: bold; background: #e3e3e3; zoom: 1; }
#content #stockList ul li.selected a:hover { text-decoration: none; cursor: default; }
#stockInfo .info { display: none; }

#content #stockInfo h2 { width: 360px; border-bottom: 1px solid #b2b2b2; font-size: 14px; font-weight: bold; padding: 0 0 2px 0; margin: 0 0 8px 0; text-transform: uppercase; }
#content #stockInfo p { float: left; display: inline; width: 170px; margin: 0 17px 12px 0; font-size: 12px; }
#content #stockInfo div .spacer { display: block !important; height: 20px; width: 537px; }

#content .collItem { float: left; display: inline; margin: 0 20px 50px 0; }
#content .collItem p { text-align: center; font-size: 12px; text-transform: uppercase; color: #000; margin: 14px 0 0 0; }

.newsItem { margin: 0 0 60px 0; }
#content .newsItem h2 { width: 550px; margin: 0 0 18px 0; padding: 0 0 2px 0; border-bottom: 1px solid #b2b2b2; }
.newsItem p { width: 550px; }
#brassCycle { width: 550px; height: 410px; }
#bridalCycle { width: 550px; height: 350px; }
#waldorfCycle { width: 550px; height: 425px; }
#owtCycle { width: 550px; height: 410px; }


.contact #content h2 { width: 360px; border-bottom: 1px solid #b2b2b2; font-size: 14px; font-weight: bold; padding: 0 0 2px 0; margin: 0 0 8px 0; text-transform: uppercase; }

#vidGrid { width: 712px; }
.vidItem { margin: 0 0 30px 0; padding: 0; }
.vidItem img, .vidItem object, .vidItem embed { margin: 0 0 6px 0; display: block; }
.vidItem h2 { font-size: 15px; line-height: 18px; font-weight: normal; color: #666; margin: 0; padding: 0; width: auto; }
.vidItem p { font-size: 12px; line-height: 18px; color: #fff; margin: 0; padding: 0; }
.vidItem img.imgFloatLeft { float: left; display: inline; margin: 0 15px 0 0; }

p.vidNote { color: #ccc; font-size: 10px; font-family: Arial, Helvetica, sans-serif; margin-left: 440px; }
p.vidNote img { margin: 0 10px 0 10px; }

