/* Begin Eric Meyers CSS reset : Reloaded 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height:1;color: black;background:white;}
ol, ul {list-style:none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align:left;font-weight:normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
*/

#clear {clear:both;line-height:0!important;height:0!important;}


/* common element general styles */
html {overflow:scroll;}
a:link, a:visited, a:focus {color:#c00;}
a:hover {color:#c00;text-decoration:underline;}
a img {border:none;}
p {color:#444;}
.clr {clear:both;}
.imgL {float:left;margin:5px 10px 5px 0;}
.imgR {float:right;margin:5px 0 5px 10px;}

/* body styles */
html, body {background:#f7f7f7;font-family:Arial, Helvetica, sans-serif;color:#444;}
h1, h2, h3, h4, h6 {}
h1 {font-size:1.5em}
h2 {font-size:1.2em;}
h3 {font-size:1em;}

/* column and general layout styles */
#right_col {height: auto;width: 655px;float:left;}
#body_contents{width:665px;height:300px;margin-left:5px;position:relative;-moz-border-radius-topright: 10px;-khtml-border-radius-topright: 10px;-webkit-border-top-right-radius: 10px;border:1px solid #eee;}
#trans_btn{position:absolute;top:200px;left:400px;width:240px;height:80px;}
#bottom_body_contents{width:665px;position:relative;color:#fff;}
.top_wrapper, .page_wrapper, .footer_wrapper {width: 900px;margin:0 auto;position:relative;background:#fff;}
.container {border: 1px solid #eee;float: left; width:610px;padding: 0 20px 20px 20px;background-color:#f7f7f7;-moz-border-radius-bottomright: 5px;-khtml-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-khtml-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-khtml-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;-moz-border-radius-bottomleft: 5px;-khtml-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;}
#main_content {position:relative;width: 900px;padding: 0 0 5px 0;}

#btn{padding:20px 10px 20px 0;font-size:14px;color:#333;float:right;}
#new_add_btn {position:relative;color:#333;height:40px;padding: 0 0 15px 0;}
#heading {padding:10px 4px 5px 0px;font-weight:bold;font-size:15px;color:#222;float:left;}
#steps_img {float:left;padding:7px 0 0 12px;}
#left_col {padding: 5px 0px 0 0px;width: 225px;float:left;background-color:#fff;border-right:1px solid #ddd;}

/* Sidebar menu styles - 
 * this will need to be adjusted, the ul needs a class then the .widget_wrapper can be truncated 
*/
.widget_wrapper ul {width:205px!important;padding:0 0 0 10px;}
.widget_wrapper ul li {padding:0 0 0 10px;list-style:none;list-style-image:none;}
.widget_wrapper ul li {margin:0!important;padding:0!important;}
.widget_wrapper ul li.header {font-size:1.1em;font-weight:300;line-height:1.4em;font-family:Georgia, "Times New Roman", Times, serif;padding:0 0 0 5px!important;margin:0 0 5px 0!important;color:#c00;}
.widget_wrapper ul li a {display:block!important;padding:2px 0 3px 10px!important;color:#666!important;text-decoration:none!important;margin:1px 0!important;-moz-border-radius: 2px;-khtml-border-radius: 2px;-webkit-border-bottom: 2px;font-size:0.9em!important;}
.widget_wrapper ul li a:hover {background:#DF1E30!important;display:block!important;padding:2px 0 3px 10px!important;color:#fff!important;text-decoration:none!important;margin:1px 0!important;}
.widget_wrapper ul li a em {color:#999;	font-size:0.8em;}
.widget_wrapper ul li a:hover em {color:#fff;}
/* end left side menu styles */

#subnav-wrapper {width:600px;height:20px;}
#subnav-wrapper ul.subnav li a {display:block;float:right;margin:10px 12px;padding:4px;font-size:0.7em;color:#000;text-decoration:none;}
#subnav-wrapper ul.subnav li a:hover {color:#DF1E30;}


/* ABOUT specific page styles */
#about #right_col {height: auto;width: 655px;float:left;margin:20px 0 0 0;}
#about #body_contents{width:665px;height:300px;position:relative;-moz-border-radius-topright: 10px;-khtml-border-radius-topright: 10px;-webkit-border-top-right-radius:10px;border-radius:10px;border:1px solid #eee;margin:20px 0 0 0;}
#about #left_col {padding: 5px 0px 0 0px;width: 225px;float:left;background-color:#fff;border-right:1px solid #ddd;margin:40px 5px 0 0;}
/* set current states for ABOUT sub navigation */
body.philosophy ul.subnav li a#philosophy-item, body.ourstory ul.subnav li a#ourstory-item, body.founders ul.subnav li a#founders-item, body.ourmission ul.subnav li a#mission-item {color:#555!important;}


/* these styles are specific to the august_2010 promotions page */
body#live .promotions-wrapper {font-size:0.8em;line-height:1.2em;width:640px;margin:10px 0 0 15px;color:#333;}
body#live .promotions-wrapper h1, body#live #left_col h1 {font-size:1.5em;color:#333;font-weight:bold;line-height:1.6em;padding:10px 0;}
body#live .promotions-wrapper h2 {font-size:1.2em;color:333;font-weight:bold;color:#DF1E30;}

body#live .promotions-wrapper ul, body#live #left_col ul {padding:8px 0 8px 20px;color:#333;list-style:disc!important;}
body#live .promotions-wrapper ul li, body#live #left_col ul li {padding:3px;list-style:disc!important;color:#111;}
body#live .promotions-wrapper .promo, body#live #left_col .promo {margin:10px 0;padding:5px;border-top:1px dotted #999;width:550px;}
body#live .promotions-wrapper .promo p {font-size:13px;line-height:19px;margin:0;padding:0;}
body.promo #body_contents {height:230px;background:url(../images/promo/august_promotion_header.jpg) center center no-repeat;}
body#live #left_col {font-size:0.8em;}
body#live #left_col .recognition-wrapper {width:200px;margin:0 0 0 10px;text-align:justify;}

body#live h1 {font-size:1.2em;margin:15px 0 0 20px;color:#777;}
body#live h1.promo-title {font-size:1.8em;font-style:italic;color:#999;margin:20px 0 15px 15px;}
body#live h1.promo-title span {font-size:1.8em;font-style:italic;color:#333;}


body#live #left_col h2 {font-size:1.2em;color:#DF1E30;}
.congrats {font-size:1em;font-style:italic;color:#000;font-weight:bold;}
body#live #left_col p {line-height:1.2em;}
body#live .promotions-wrapper .gia-for-life {font-size:1.2em;color:#333x;font-style:italic;font-weight:bold;}
.red {color:#DF1E30;}
.bold {font-weight:bold;}
abbr {font-style:italic;cursor:pointer;}

.hbg1, .hbg2, .hbg3 {font-weight:bold;}
.leftCol .hbg1 span {padding:1px 5px;margin:1px;background:#DF1E30!important;color:#fff;font-size:32px;line-height:38px;-moz-border-radius-bottomright:4px;-webkit-border-bottomright-radius:4px;border-radius-bottomright:4px;}
.rightCol .hbg1 span {padding:1px 5px;margin:1px;background:#DF1E30!important;color:#fff;font-size:32px;line-height:38px;-moz-border-radius-bottomright:4px;-webkit-border-bottomright-radius:4px;border-radius-bottomright:4px;}


.large {font-size:16px;color:#333;font-weight:bold;color:#DF1E30;}

.title-mini {display:block;margin:-10px 0 0 20px;}


.leftCol span.sec-title {background:none!important;color:#111;padding:2px 6px;font-size:17px!important;line-height:22px;letter-spacing:-1;font-weight:normal;}
.rightCol span.sec-title {background:none!important;color:#111;padding:2px 6px;font-size:17px!important;line-height:18px;letter-spacing:-1;font-weight:normal;}
.rightCol span.sec-title2 {background:#DF1E30!important;color:#fff;padding:2px 6px;font-size:13px!important;line-height:16px;font-weight:bold;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;float:right;}
.leftCol {float:left;width:450px;overflow:hidden;font-size:14px;}
.rightCol {float:left;width:400px;overflow:hidden;font-size:14px;margin-left:20px;}
.prod-promo-full {margin:10px 0 20px 10px;border-top:1px solid #DF1E30;}
.prod-promo-full p {margin-left:0px;text-align:justify;}
.leftCol li, .rightCol li {padding:4px 0;text-align:justify;}
.leftCol h1, .rightCol h1 {font-size:1.8em!important;margin:0!important;padding:30px 0 0 15px!important;color:#DF1E30!important;}
.disclaimer {font-size:10px;font-style:italic;}
.top-space {margin:10px 0 -10px 0;}
.dots {border-bottom:1px dashed #ccc;}


.cog-header-text {font-size:14px;margin:0 10px 20px 10px;width:590px;float:left;padding:0 0 0 20px;border-top:2px solid #DF1E30;}
.right-col-inner {width:360px;margin:0 0 0 30px;}
.left-col-inner {margin:0 0 0 30px;}