/* BROADSHEET TEMPLATE CSS */

* { margin: 0; padding: 0; }
html { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body { background: #465d7d url(mainbg.jpg) fixed; color: #354e71; font: normal 14px 'Arial Rounded MT Bold', Arial, sans-serif; margin: 0 auto; }

/* TYPOGRAPHY */

p { line-height: 18px; margin: 0 0 12px 0; padding: 0; text-align: left; }
h1 { font-size: 18px; font-weight: bold; color: #354e71; margin: 0 0 12px 0; padding: 0; text-align: center; }
h2 { font-size: 16px; font-weight: bold; color: #354e71; margin: 0 0 12px 0; padding: 0; }
h3, h4, h5, h6 { font-size: 14px; font-weight: bold; color: #354e71; margin:0; padding: 0; }
#seach p { margin: 0; line-height: 16px; }
#stext h1 { margin: 0; font-size: 14px; color: #841f27; line-height: 16px; font-weight: normal; text-align: right; }
#stext p { margin: 0; text-align: right; line-height: 16px; }
#left p { text-align: center; line-height: 18px; margin: 0; }
HR { color: #354e71; background-color: #354e71; height: 1px; width: 95%; }
.center { text-align: center; }

/* LINKS */

a, a:link, a:visited {color:#354e71; text-decoration: none;} 
a:active {color:#354e71; text-decoration: none; font-weight: bold;}
a:hover {color:#354e71; text-decoration: underline;}

#toplinks a, #toplinks a:link, #toplinks a:visited, #toplinks a:active { color:#e8d0a9; text-decoration: none; font-size: 16px; margin: 0 4px; }
#toplinks a:hover { text-decoration: underline;}

#left a, #left a:link, #left a:visited, #left a:active { color:#841f27; text-decoration: none; font-size: 16px; text-align: center; }
#left a:hover { text-decoration: underline;}

#copyright a, #copyright a:link, #copyright a:visited, #copyright a:active { color:#e8d0a9; text-decoration: none; font-size: 16px; text-align: center; }
#copyright a:hover { text-decoration: underline;}

/* CONTAINERS */

#clear { clear: both; }
#wrapper { width: 930px; margin: 0 auto; left: 0; }

/* HEADER - LOGO AND SEARCH */

#header { width: 930px; height: 230px; margin: 0 auto; background: url(header.png) no-repeat; }
#logo { width: 350px; height: 200px; margin: 25px 0 0 25px; padding: 0; float: left; }
#search { width: 180px; height: 45px; margin: 35px 15px 0 0; float: right; text-align: center; padding-top: 5px; }
.sbox { border: 1px solid #354e71; background: #f6edde; height: 20px; margin-top: 3px; }
.sbut { border: 2px solid #354e71; background: #354e71; color: #e8d0a9; font-weight: bold; font-size: 12px; }
#shopcart { width: 210px; height: 50px; margin: 35px 15px 0 0; float: right; border-left: 2px dotted #354e71; padding: 0; }
#stext { width: 150px; margin: 0; float: left; }
#scart { width: 48px; margin: 0; float: right; padding-top: 2px; }
#facebook { width: 65px; height: 45px; margin: 35px 5px 0 0; float: right; border-left: 2px dotted #354e71; text-align: center; padding: 5px 15px 0 0; }
#toplinks { width: 535px; float: right; margin: 30px 15px 0 0; color: #e8d0a9; text-align: center; }

/* MAIN CONTENT */

#maincon { width: 930px; margin: 0 auto; padding: 0; background: url(contentbg.png) repeat-y; overflow: hidden; }
#left { width: 160px; margin: 0 0 0 30px; float: left; }
#right { width: 660px; margin: 0 50px 0 0; float: right; }


/* FOOTER */

#footer { width: 930px; height: 200px; margin: 0 auto; background: url(footerbg.png) no-repeat; overflow: hidden;  }
#shoppers { width: 660px; margin: 15px 50px 0 0; float: right; text-align: center; color: #841f27; clear: both; }
#copyright { width: 800px; margin: 98px auto 0 auto; text-align: center; color: #e8d0a9; font-size: 16px; }