@charset "utf-8";

/* ################################################################## */
/* ##################### SPECIAL VERSION ############################ */
/* ####### CUSTOM ADAPTIONS -- DEFINE YOUR SITE SETTINGS HERE ####### */
/* ################################################################## */

/* ********* CAPTION DEFINITIONS ********* */

/* define caption settings here (normally no need to change anything) */
#LP .caption { font-size:22px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#5F9440; }

/* ********* PADDING DEFINITIONS ********* */

/* OVERALL PADDING - These values define the spacing towards the borders of the content */
#LP #teaser-overall-padding { padding-left:34px; padding-top:15px; padding-right:34px; padding-bottom:40px; width:auto; }
	/* -> standard top padding of new content blocks */
#LP .standard-top-padding { padding-top:8px; }

/* ********* BANDEROLE DEFINITIONS (the thing with the newsletter form) ********* */

/* banderole font stlye #1 - if unsure, skip */
#LP .banderole { font-size:13px; font-weight:bold; color:#333333; }
/* banderole font stlye #2 - if unsure, skip */
#LP .banderole .headline { font-size:16px; color:#191B1F; }

/* ********* OFFER CHAIN BOX DEFINITIONS ********* */

/* spacing between area and its content - if unsure, skip */
#LP .oc-area { padding-top:6px; padding-bottom:6px; }

/* IMAGE of the last offers and its dimensions - should be inside the directory /images/tmpImages/offer_chains/ */
#LP .oc-area .oc-image { background-image:url(images/tmpImages/offer_chains/oc-1.png); width:703px; height:70px; }

/* ********* CUSTOMER QUOTES DEFINITIONS ********* */

/* font style for the quotes */
#LP #customer-quotes .quote { font-size:13px; font-weight:normal; font-style:normal; }

/* ********* SIDEBAR DEFINITIONS ********* */

/* adjust the spacing and font style inside the content - normally no need to change this setting (sidebar image can be changed inside html) */
#LP #sidebar .sidebar-box .sidebar-box-content { padding:0px; font-size:12px; color:#191B1F; line-height:0px; }


/* ********************************************************************************************** */
/* ********************************************************************************************** */
/* ***********  DON'T CHANGE THE REST OF THIS CSS UNLESS YOU HAVE TO FIX SOMETHING  ************* */
/* ********************************************************************************************** */
/* ********************************************************************************************** */


/* ##################### */
/* ####### RESET ####### */
/* ##################### */

html, body { width:100%; height:100%; line-height:normal; vertical-align:baseline; }
html, body, div, span, table, tr, td, form { margin:0px; padding:0px; position:relative; text-align:left; }
div { display:block; width:auto; height:auto; }
span { display:inline; }
ol, ul { list-style:none outside none; margin:0px; padding:0px; }
a { text-decoration:none; color:#003399 }
a:hover { text-decoration:underline; }
a img { border:medium none; }
.padding-bottom-20{padding-bottom:20px;}

/* #################################### */
/* ####### STANDARD DEFINITIONS ####### */
/* #################################### */

body { font-size:12px; color:#191B1F; font-weight:normal; font-family:Arial, Helvetica, sans-serif; }
#LP #page { width:988px; margin:0px auto; }

/* alignments */
#LP .left { float:left; }
#LP .right { float:right; }
#LP .inline { display:inline; }
#LP .center { margin-left:auto; margin-right:auto; }
#LP .block { display:block; }
#LP .wrap { clear:both; }

/* colors */
#LP .white { color:#FFF; }
#LP .black { color:#000; }
#LP .dark { color:#2F2F2F; }
#LP .green { color:#063; }
#LP .orange { color:#F60; }

/* font definitions */

#LP .fs-12 { font-size:13px; padding-bottom:2px;}
#LP .fs-13 { font-size:13px; }
#LP .fs-16 { font-size:16px; }
#LP .fs-28 { font-size:28px; }

/* ###################### */
/* ####### HEADER ####### */
/* ###################### */

body { background:#8DB65D url(images/layout/body_lp_bg.png) left top repeat-x; }
#LP #header {
height:79px;
padding-top:7px;
}

/* ################################ */
/* ####### TEASER / CONTENT ####### */
/* ################################ */

/* main structure */

#LP #content-header, #LP #content-area, #LP #content-footer { background:url(images/layout/deal_sprite.png) no-repeat scroll 0 0 transparent; }

#LP #content { padding-top:0px; }
#LP #content #content-header { width:757px; height:13px; background-position:0 2px; }
#LP #content #content-area { width:735px; height:auto; padding-left:11px; padding-right:11px; background-position:-759px 0; background-repeat:repeat-y; }
#LP #content #content-footer { width:757px; height:11px; background-position:-1518px -5px; }

#LP #teaser-overall-padding { float:left; }

/* banderole */
#LP .banderole { clear:left; background-color:#FEF8DE; padding-bottom:8px; padding-top:12px; text-align:left; border:0px dotted #919190; border-top-width:1px; border-bottom-width:1px; width:667px; }
#LP .banderole .headline { padding-left:60px; }

/* banderole : table */
#LP #submit-error { /* background-color:#f7ecbc; */ background-color:#FFFCF0; border-top:1px dotted #DCAFAD; border-bottom:1px dotted #dcafad; color:#BE2C2C; padding-top:5px; padding-bottom:5px; padding-left:60px; margin-bottom:11px; }
#LP .banderole table { width:667px; margin:0px auto; }
#LP .banderole table td { vertical-align:middle; }
#LP .banderole .td1 { width:60px; text-align:center; }
#LP .banderole .td2 { width:209px; }
#LP .banderole table input, #LP .banderole table select { border:1px solid #848484; margin:0px; padding:0px; width:176px; padding-left:7px; padding-right:7px; padding-top:3px; padding-bottom:3px; vertical-align:middle }
#LP .banderole .send-submit { width:177px; height:29px; margin:0px; padding:0 0 4px; background:url(images/layout/submit_btn.png) left top no-repeat transparent; border-width:0px; font-size:14px; font-weight:bold; color:#222; }
#LP .banderole table select { padding:2px; }

/* banderole : advantages */
#LP #advantage-area { padding-left:60px; font-weight:normal; }
#LP #advantage-area li { display: block; padding-bottom: 3px; padding-left: 28px; background: transparent url(images/layout/checked.gif) left -2px no-repeat; }

/* standard box shadow */
#LP .box-shadow-big { height:8px; background:url(images/layout/box_shadow_big.png) center top no-repeat; }

/* offer chain area */
#LP .oc-area { clear:both; background:#F1F1F1 url(images/layout/oc_shadow.gif) left top repeat-x; }
#LP .oc-area .oc-caption { position:absolute; left:30px; top:-21px; width:auto; height:auto;}
#LP .oc-area .oc-caption span { display:block; float:left; width:auto; height:20px; background:url(images/layout/oc_caption.gif) left -24px repeat-x; padding-left:7px; padding-right:7px; padding-top:4px; font-size:13px; }
#LP .oc-area .oc-caption span.edge-left { width:6px; background-position:left top; padding:0px; height:24px; }
#LP .oc-area .oc-caption span.edge-right { width:6px; background-position:left -48px; padding:0px; height:24px; }

	/* -> offer chain */
#LP .oc-area .oc-image { margin:0px auto; background-position:left top; background-repeat:no-repeat; }
#LP .oc-area .oc-image span { position:absolute; width:1px; height:1px; overflow:visible; white-space:nowrap; font-size:14px; color:#222; }

/* customer quotes */
#LP #customer-quotes { padding-left:5px; }
#LP #customer-quotes .quote{ background:#EBFAF1 url(images/layout/quotes-1.png) -95px 15px no-repeat; width:323px; border:1px solid #6B834E; padding:21px; float:left; margin-left:4px; }
#LP #customer-quotes .quote .quote-shadow-1{ position:absolute; bottom:-25px; left:0px; width:373px; height:25px; background:url(images/layout/quotes-2.png) left top no-repeat; }
* html #LP #customer-quotes .quote .quote-shadow-1 { background-image:url(images/layout/quotes-2-ie6.png); }
#LP #customer-quotes .quote .quote-shadow-2{ position:absolute; top:0px; right:-8px; background:url(images/layout/quotes-1.png) left top repeat-y; width:7px; height:100%; }

/* ####################### */
/* ####### SIDEBAR ####### */
/* ####################### */

#LP #sidebar { float:right; padding-top:12px; width:230px; }
#LP #sidebar .sidebar-box { border:0px solid #69814D; background-color:#EBFAF1; }
#LP #sidebar .sidebar-box .discount-star { position:absolute; right:-13px; top:-13px; width:92px; line-height:15px; background:url(images/layout/star_showdiscount.png) left top no-repeat; text-shadow:white 0 0 10px; z-index:1; }
* html #LP #sidebar .sidebar-box .discount-star { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/layout/star_showdiscount.png', sizingMethod='scale'); background-image:none; }
#LP #sidebar .sidebar-box .discount-star span { display:block; text-align:center; line-height:0.9em; }

/* ############################### */
/* ### FOOTER (as other pages) ### */
/* ############################### */

#footer {float:left; width:994px; margin-top: 37px; color: #2f2f2f; padding:10px 0 20px; font-size: 12px; }
#footer a {color: #2f2f2f; }
#footer-header { width:auto; height:10px; background:url(images/layout/footer.png) center top no-repeat; }
.footer-links {  padding-top:5px; text-align:center;}