/* ---------------------------------------------------------
Common Stylesheet
Styles used throughout the site
--------------------------------------------------------- */


/* Tag Styles
--------------------------------------------------------- */
* { padding: 0; margin: 0; }
body { padding: 20px 0 20px 0; background: #fff; font: 62.5%/1.6em Arial, Helvetica, sans-serif; text-align: center; color: #3b3b3b; } 
table { font-size: 100%; }
th, td { text-align:left; vertical-align:top; }
h1, h2, h3, h4 { text-transform: uppercase; font-weight: normal; color: #021A32; margin-bottom: 10px; }
h1 { font-size: 170%; margin-bottom: 20px; }
h2 { font-size: 155%; }
h3 { font-size: 140%; }
h4 { font-size: 125%; }
ul { list-style-type: square; }
ul, ol, dl { margin: 0 0 15px 30px; } 
p { margin-bottom: 15px; }
a, a:link, a:active { color: #081425; }
a:visited { color: #081425; }
a:hover { color: #4c4c4c; }
a img, .noborder, a.noborder:link, a.noborder:visited, a.noborder:hover { border-width: 0; }
fieldset { padding: 10px; margin-bottom: 15px; border: 0; background-color: #eee; }
legend { display: none; background-color: #fff; }
label {  }
input, textarea, select { background: #fff; padding: 2px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; }
blockquote { padding: 0 15px; }


/* Miscellaneous Selectors
--------------------------------------------------------- */
.hidden { display: none; }
.inner { padding: 10px 10px 0 10px; }
.clear { clear:both; margin: 0; padding: 0; height: 1px; font-size: 1px; }
.submit { background-color: #EDF0F1; font-weight: bold; }
.imgsubmit { padding: 0px; border: 0px; }
.required { color: #cc0000; font-weight: bold; font-size: 110%; }


/* Site Container
--------------------------------------------------------- */
#container { position: relative; margin: 0 auto; width: 768px; text-align: left; }


/* Branding
--------------------------------------------------------- */
#branding { font-size: 1em; position: relative; height: 92px; clear: both; background:  url(/content/skins/fiftyfinest/images/branding-bg.gif) no-repeat bottom left; overflow: hidden; }
#branding h1.logo { margin: 0; position: absolute; top: 0; left: 0; }


/* Navigation
--------------------------------------------------------- */
#navigation { position: relative; background: #fff url(/content/skins/fiftyfinest/images/border-h.gif) repeat-x bottom left; line-height: 115%; clear: both; float: left; width: 100%; padding: 9px 0; margin-bottom: 10px; }
#navigation ul { margin: 0; list-style-type: none; }
#navigation li { display: inline;  }
#navigation a { float: left; padding-right: 17px; text-transform: uppercase; text-decoration: none; color: #4c4c4c; }


/* Content
--------------------------------------------------------- */
#content { padding: 0px; font-size: 1.1em; clear: both;}


/* Products
--------------------------------------------------------- */
#products { width: 100%; background-color: #021A32; }
#products td { padding: 5px; width: 32%; border-right: 1px solid #fff; color: #fff; }
#products td.product-image { text-align: center; }
#products td.product-image a { display: block; background: #fff; } 
#products td.product-info { padding: 10px; }
#products .product-title a { text-transform: uppercase; color: #FFB612; text-decoration: none; }
#products .product-price { font-weight: bold; }
#products .product-shipping { color: #FFB612; }
#products .product-action a { text-transform: uppercase; color: #FFB612; text-decoration: none; }


/* Newsletter Sign-Up
--------------------------------------------------------- */
#newsletter-signup { font-size: 1em; background: #fff url(/content/skins/fiftyfinest/images/border-h.gif) repeat-x; }
#newsletter-signup-form { padding-left: 10px; background: #E5E5E5 url(/content/skins/fiftyfinest/images/newsletter-signup-bg.gif) no-repeat; }
#newsletter-signup-form td { padding: 13px 0 8px 4px; vertical-align: center; text-align: left; }
#newsletter-signup-form label { color: #021A32; text-transform: uppercase; }
#newsletter-signup-form .email { padding: 1px 2px; }
#newsletter-signup-form .submit { height: 20px; background: none; padding: 0px; }