@import url(/common/inc/css/main_2010.css?v=4);
@import url(/common/inc/css/share.css);

/* Structural Layout
-------------------------------------------------- */
#mainbody { padding-bottom:0; }
#contentcontainer { padding:0 12px; /*z-index:1; position:relative;*/ }
#mainbody { padding-bottom:50px; /*padding-top:12px;*/ width:924px; margin-top:10px; }
#contenthead { position:relative; height:8.6em; border-bottom:1px solid #000; }
#contenthead h1 { color:#000; font-size:250%; line-height:100%; letter-spacing:-1px; margin:0; padding:0; position:absolute; bottom:8px; left:0px; }
#contenthead h2 { font-size:125.5%; line-height:100%; margin:0; padding:0; position:absolute; bottom:2.75em; left:0px; }
#contenthead h2 a { color:#00addf; text-decoration:none; }
#contenthead h2 a:hover { text-decoration:none !important; }
.col_left, .col_right, .col_wide { margin-bottom:10px; }
.col_left { width:689px; margin-right:10px; float:left; overflow:hidden; }
.col_right { width:225px; float:right; }
.col_wide { width:924px; margin-right:10px; }

/* Banner areas
-------------------------------------------------- */
#mainbody #overview { width:694px; height:238px; background-position:top left; background-repeat:no-repeat; position:relative; }
#mainbody #overview #overview_content { position:absolute; top:15px; left:25px; width:401px; }
#mainbody #overview_content h2 { color:#7ac142; font-weight:bold; font-size:35px;  margin:0; padding:0; }
#mainbody #overview_content p { color:#333; margin:0; padding:10px 0 0 0; }


/* Columns
-------------------------------------------------- */
.half h3 { margin:10px 0 0 0; padding-left:12px; }
.half p { margin:0; padding:10px 10px 0 10px; font-size:12px; color:#616e75; padding-left:12px; }
.half { float:left; width:339px; margin-right:10px; }
.half h4 { padding:10px; border-top:3px solid #7ac142; background:#f9f9f9 url(/common/img/h4_bg.png) bottom left repeat-x; margin:10px 0 0 0; color:#45525a; font-size:14px; }
.half ul { margin:10px 0 15px 0; }
.half ul li { border-top:2px solid #ddd; font-size:11px; color:#333; height:1%; }
.half ul li a { color:#555; text-decoration:none; display:block; padding:3px 11px; }
.half ul li a:hover { background:#eee; text-decoration:none !important; }
.half ul.nolinks li { padding:3px 10px; font-size:12px; }
.half ul.nolinks li a { padding:0; display:inline; }
.half ul.nolinks li a:hover { background:none; text-decoration:underline !important; }
.last { margin-right:0; }
.full ul { margin:10px 0 15px 0; }
.full ul li { border-top:2px solid #ddd; font-size:11px; color:#333; height:1%; }
.full ul li a { color:#555; text-decoration:none; display:block; padding:3px 11px; }
.full ul li a:hover { background:#eee; text-decoration:none !important; }
.indent { margin-left:35px; font-size:11px !important; }
.halfwide ul { margin:10px 0 15px 0; border-top:2px solid #ddd; font-size:11px; color:#333; height:1%; }
.halfwide ul li a { color:#7ac142; text-decoration:none; display:block; float:left; padding:3px 11px; width:300px; }
.halfwide ul li a:hover { background:#eee; text-decoration:none !important; }
.halfwide ul.videos li { padding:13px 10px; font-size:12px; }
.halfwide ul.videos li a:hover { background:none; text-decoration:underline !important; }
.halflast { padding-bottom:125px; border-bottom:2px solid #ddd; }

/* Tabs
-------------------------------------------------- */
#tabs { width:691px; }
#tabs li { float:left; width:170px; float:left; padding-top:7px; border-right:2px solid #fff; }
#tabs li a { color:#fff; text-decoration:none; display:block; padding:4px 10px; background:#C9C9C9; font-weight:bold; font-size:14px; }
#tabs li a:hover { background:#439539; text-decoration:none !important; }
#tabs li.active { padding-top:0; width:173px; }
#tabs li.active a { background:#7ac142; border-top:7px solid #7ac142; }
#tabs li.active a:hover { background:#7ac142; }
#tabs li#last { background:#7ac142; height:1px; width:100%; }

/* General fonts
-------------------------------------------------- */
h3 { color:#333; margin:0; padding:10px 0; font-size:18px; }
.wide h3 { margin-left:15px; }
h4.normal { font-size:28px; color:#000; font-weight:normal; margin:0; border:none; background:none; padding:10px 0 0 10px; line-height:28px; }
h5 { color:#333; margin:5px 0; font-size:12px; }
a { color:#5c5c5c; text-decoration:none; }
ul, ul li { margin:0; padding:0; list-style-type:none; }
/*div.extra ul li { list-style-type:none; font-size:12px; margin:10px 0 10px 0; padding-left:10px; }*/
.highlight_block ul { margin:10px 0 15px 0; }
.highlight_block ul li { font-size:12px; margin:10px 0 10px 25px; list-style-type:disc; }
.highlight_block ul li a { color:#7ac142; text-decoration:none; display:block; padding:3px 11px; }
.highlight_block ul li a:hover { background:#eee; text-decoration:none !important; }
#mainbody p { font-size:12px; color:#333; }
h2.content-overview {font-size:26px; letter-spacing:-1px; margin:10px 0 0 0; padding:0; }
p.content-overview {font-size:16px !important; margin:0; padding:0; }

/* ThickBox overrides for screen shot displays
-------------------------------------------------*/
#TB_title { height:42px; position:relative; }
#TB_ajaxWindowTitle { float:none; position:absolute; top:18px; left:0; }
#TB_closeAjaxWindow { float:none; position:absolute; top:-15px; right:-15px; }
#TB_closeWindowButton { text-align:left; width:57px; height:18px; text-indent:-9999px; display:block; background:url(/promo/special/img/close.gif) top left no-repeat; }

/* Misc
-------------------------------------------------- */
.clr { clear:both; }
hr { height:1px; border:none; background:#ccc; margin:20px 20px 0 0; }
hr.thin { height:1px; background:#000; }
.plainList {font-size:12px; color:#333; padding-left:20px; }
.plainList li {list-style-type:disc; padding-bottom:10px; }
.videos li {padding: 10px; }
span.plus { color:#7AE142; }

/* toolbar
-------------------------------------------------- */
#toolbar { width:691px; }
#toolbar li { float:left; width:124px; height:115px; float:left; border-left:2px solid #fff; text-align:center; }
#toolbar li.first { border-left:2px solid #eee; }
#toolbar li a { height:100px; color:#333; text-decoration:none; display:block; padding:0 10px; background:#eee; font-size:12px; padding-top:15px; }
#toolbar li a:hover { background:#E4E5E6; text-decoration:none !important; }
#toolbar li.last { border-left:none; background:#EEE; height:95px; width:185px; text-align:left; font-size:28px; color:#7AC142; font-weight:bold; padding-top:20px; line-height:24px; }
#toolbar li.last #whitebox { background:#FFF; width:165px; padding:15px 3px 10px 10px; }
#toolbar li.last #whitebox span { color: #333; font-size:12px; font-weight:normal; line-height:14px; }
#toolbar li.last #whitebox span .whiteboxlink { color:#7ac142; text-decoration:none; background-color:#FFF; display:inline; padding:0; height:20px; }
#toolbar li.last #whitebox span .whiteboxlink:hover { text-decoration:underline !important; }	

/* Promo area
-------------------------------------------------- */
.promo { position:relative; width:170px; height:140px; }
.promo img { position:absolute; top:0; left:0; z-index:1; }
.promo p { position:absolute; top:10px; left:4px; z-index:2; color:#000; font-size:16px; font-weight:normal; width:160px; line-height:16px; padding-bottom:10px; }
.promo p a { color:#fff; text-decoration:none !important; position:absolute; left:6px; top:0px; font-size:16px; }
.promo p a span { color:#000; display:block; font-size:20px; line-height:20px; font-weight:bold; }
#appliance-quote {background-color:#EEE; padding:10px 20px 20px 20px; margin-top:20px; }
#appliance-quote .quote {font-size:11px; }
#appliance-quote .title {font-size:12px; }
#appliance-quote .attribution {color:#7AC142; font-style:italic; }

/* Share box
-------------------------------------------------- */
#contenthead ul, #contenthead ul li { margin:0; padding:0; list-style-type:none; }
#contenthead ul { position:absolute; top:12px; right:0; }
#contenthead ul li { float:left; margin-left:8px; }
#contenthead ul li a { display:block; padding:0; font-size:11px; text-decoration:none; font-weight:bold; color:#00aeef; letter-spacing:-0.5px; text-indent:8px; }
#contenthead ul li ul li a { text-indent:-9999px; height:16px; }
#contenthead ul li#share { position:relative; }
#contenthead ul li#share ul { width:217px; background:#e2e2e2; position:absolute; left:-999em; top:20px; z-index:200; padding:15px 0 15px 15px; height:47px; }
#contenthead ul li#share ul#social li { float:left; margin:0 15px 10px 0; width:16px; height:16px; }
#contenthead ul li#share ul#social li a { padding:0 0 0 16px; cursor:pointer; }
#contenthead ul li:hover ul, #contenthead ul li.sfhover ul { left:auto !important; }

#contenthead ul li#share a#share_button { background:url(/common/img/share/share.png) 0px 0px; width:87px; line-height:20px; color:#666; letter-spacing:0px; }
#contenthead ul li#share a#share_button:hover, #contenthead ul li:hover a#share_button, #contenthead ul li.sfhover a#share_button { background-position:0px 20px !important; text-decoration:none !important; }
#contenthead ul li.requestcall_button a { background:url(/common/img/buttons/requestcall_button.png) 0px 0px; width:148px; line-height:20px; color:#fff; }
#contenthead ul li.requestcall_button a:hover { background-position:0px 20px !important; text-decoration:none !important; }

/* Highlights
-------------------------------------------------- */
.highlight_block { border-top:1px solid #fff; border-bottom:1px solid #ccc; position:relative; padding:12px 24px 12px 120px; margin-right:20px; }
.last { border:none !important; }
.highlight_image { position:absolute; top:18px; left:20px; }
.highlight_text { width:525px; }
.highlight_text p { margin-top:2px; }
.highlight_text h5 { color:#333 !important; font-size:14px; }
p.more { margin:0; padding:0 0 30px 0; line-height:140%; }
p.more a, ul.more li a { color:#555 !important; font-size:11px; font-weight:bold !important; margin:0; padding:0; text-decoration:none; }

/* Stylized Buttons
-------------------------------------------------- */
.form_submit { background:url(/common/img/border_light.jpg) top left repeat-x; height:50px; position:relative; }
.form_submit p { font-size:12px; position:absolute; text-align:right; top:8px; }
.form_submit p a { background:url(/common/img/buttons/submit_gray.jpg) top right no-repeat; border-radius:12px; color:#FFFFFF !important; display:block; text-decoration:none !important; padding:4px 28px 3px 12px; -moz-border-radius:12px; -webkit-border-radius:12px; }
.form_submit p div { height:auto; width:1px !important; }
.green { border-bottom:1px solid #E0E0E0; margin-bottom:15px; }
.green .form_submit p a { background-image:url(/common/img/buttons/submit_green.jpg); }
.form_submit p a:hover { background-position:bottom right; color:#FFFFFF; text-decoration:none !important; }