/************************************************/
/*** EPPENDORF AG EPPOINTS CSS STYLE SHEET    ***/
/************************************************/

/************************************************/
/*** PRODUCT SCREEN PANEL                     ***/
/************************************************/

#eppointsframe {
    width: 810px;
}

#eppointsbox {
    float: right;
    width: 600px;
    margin-top: 70px;
}

#eppointsheightspacer {
    float: left;
    width: 1px;
    height: 450px;
    overflow: hidden;
}

#eppointsclearspacer {
    clear: both;
    height: 1px;
    overflow: hidden;
}

.eppointsspacer {
    clear: both;
    overflow: hidden;
    height: 5px;
}

.eppointscontenttextboxorwh {
    background-position: left top;
    background-repeat: repeat-x;
    background-image: url(../../img/eppoints/eppoints_panel_bg_orwh.jpg);
    padding: 10px 0px 5px 0px;
    margin: 0px;
}

.eppointscontenttextboxorbr {
    background-color: #FDEAD9;
    background-position: left top;
    background-repeat: repeat-x;
    background-image: url(../../img/eppoints/eppoints_panel_bg_orbr.jpg);
    padding: 10px 0px 5px 0px;
    margin: 0px;
    border-bottom: 1px dotted #663300;
}

.eppointscontentlinkitem {
    border-top: 1px solid #DFC4AA;
    padding: 2px 5px 2px 5px;
}

.eppointscontentheadline {
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 3px 5px 3px 5px;
}

.eppointscontenttext {
    padding: 3px 5px 3px 5px;
}

.eppointsarrowlink {
    font-size: 11px;
    color: #003366;
    font-weight: bold;
    text-decoration: none;
    padding-left: 12px;
    background-image: url(../../img/boxmenu_arrow_bullet.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

.eppointsarrowlink:hover {
    font-size: 11px;
    color: #003366;
    text-decoration: underline;
}

.eppointsboldtext {
    font-weight: bold;
}

/************************************************/
/*** EPPOINTS PANE ELEMENTS                   ***/
/************************************************/

 #eppointspaneframe {
    width: 600px;
    background-color: #FFFFFF;
}

#eppointspanenavibox {
	margin: 0px;
	padding: 0px;
}

.eppointspanebox {
    position: relative;
    display: block;
    padding: 0px;
    background-color: #FFFFFF;
    border-right: 1px solid #C0C0D9;
	border-bottom: 1px solid #C0C0D9;
    border-left: 1px solid #C0C0D9;
    color: #506989;
}

.eppointspaneact {
    padding: 7px 5px 2px 5px;
	margin: 0px;
    border-top: 1px solid #C0C0D9;
	border-bottom: 1px solid #F8F8FB;
    border-left: 1px solid #C0C0D9;
    border-right: 1px solid #C0C0D9;
    background-image: url(../../img/tab/catalogact.gif);
    background-position: top center;
    background-repeat: repeat-x;
    font-size: 11px;
    font-weight: bold;
	text-decoration: none;
	color: #506989;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
	cursor: hand;
}

.eppointspaneinactleft {
    padding: 8px 5px 2px 5px;
	margin: 0px;
    background-image: url(../../img/tab/cataloginact.gif);
    background-position: top left;
    background-repeat: no-repeat;
	border-bottom: 1px solid #C0C0D9;
    font-size: 11px;
    font-weight: bold;
	text-decoration: none;
	color: #506989;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
	cursor: hand;
}

.eppointspaneinactright {
    padding: 8px 5px 2px 5px;
	margin: 0px;
    background-image: url(../../img/tab/cataloginact.gif);
    background-position: top right;
    background-repeat: no-repeat;
	border-bottom: 1px solid #C0C0D9;
    font-size: 11px;
    font-weight: bold;
	text-decoration: none;
	color: #506989;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
	cursor: hand;
}

#eppointspanefill {
    border-bottom: 1px solid #C0C0D9;
}

.eppointspanetext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #506989;
}

.eppointspanelink {
    font-size: 11px;
    font-weight: bold;
    color: #506989;
    text-decoration: none;
    padding-right: 10px;
    background-image: url(../../img/link_bullet.gif);
    background-repeat: no-repeat;
    background-position: right 5px;
}

/* SUBMENU */
#eppointspanesubmenuinact {
    padding: 3px 45px 2px 5px;
	margin: 0px;
    background-image: url(../../img/tab/eppointssubmenuinact.gif);
    background-position: top right;
    background-repeat: no-repeat;
	border-bottom: 1px solid #C0C0D9;
    border-left: 1px solid #C0C0D9;
    font-size: 11px;
    font-weight: bold;
	text-decoration: none;
	color: #506989;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
	cursor: hand;
}

#eppointspanesubmenuframe {
    left: 668px;
    width: 140px;
    position: absolute;
    z-index: 10000;
    border-left: 1px solid #C0C0D9;
    border-right: 1px solid #C0C0D9;
    background-color: #FFFFFF;
}

#eppointspanesubmenulist {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.eppointslangbarlistitem {
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #C0C0D9;

}

.eppointslangbarlistitemlink {
    background-color: #FFFFFF;
    display: block;
    padding: 2px 5px 2px 5px;
    text-decoration: none;
}

.eppointslangbarlistitemlink:focus {
    background-color: #E9E9F2;
    text-decoration: none;
}

.eppointslangbarlistitemlink:hover {
    background-color: #E9E9F2;
    text-decoration: none;
}

.eppointslangbarlistitemlink:active {
    background-color: #E9E9F2;
    text-decoration: none;
}

/************************************************/
/*** EPPOINTS CART ELEMENTS                   ***/
/************************************************/

.eppointsnumberfield {
    margin: 3px 0px 3px 0px;
    font-size: 10px;
    color: #23426A;
    border: 1px solid #A5ACB2;
    background-color: #FFFFFF;
    padding: 1px 2px 1px 2px;
    width: 30px;
}

.eppointsactionfield {
    margin: 3px 0px 3px 0px;
    font-size: 10px;
    color: #23426A;
    border: 1px solid #003366;
    background-color: #FFFFFF;
    padding: 1px 2px 1px 2px;
}

.eppointsnewpoints {
    color: #CC9900;
    font-weight: bold;
}

.eppointsremindertd {
    border: 1px solid #990000;
    padding: 5px;
}

.eppointsreminderhead {
    font-weight: bold;
    padding-bottom: 3px;
}

.eppointsreminderlinkbox {
    font-weight: bold;
    padding: 3px 0px 3px 15px;
}

.eppointsreminderdatalabel {
    font-weight: bold;
    padding: 2px 5px 2px 0px;
}

.eppointsreminderdata {
    padding: 2px 5px 2px 0px;
}

/************************************************/
/*** EPPOINTS INTRO ELEMENTS                  ***/
/************************************************/

#eppointsperproductbox {
    margin: 5px 0px 5px 0px;
}

#eppointsusermsg {
    margin: 5px 0px 5px 0px;
    padding: 3px;
    border: 1px solid #CC3300;
    color: #CC3300;
}

.eppointsstepcell {
    padding: 3px 0px 3px 0px;
}

.eppointsloginfield {
    font-size: 10px;
    color: #23426A;
    border: 1px solid #A5ACB2;
    padding: 1px 2px 1px 2px;
    width: 110px;
}

.eppointscodefield {
	 font-size: 10px;
    color: #23426A;
    border: 1px solid #A5ACB2;
    padding: 1px 2px 1px 2px;
    width: 170px;
}

.eppointsproductfield {
    font-size: 10px;
    color: #23426A;
    border: 1px solid #A5ACB2;
    padding: 1px 2px 1px 2px;
    width: 176px;
}

.eppointssubmitlink {
    padding: 2px 0px 2px 30px;
    font-size: 10px;
    text-decoration: none;
    background-image: url(../../img/arrow_form_eppoints.gif);
    background-repeat: no-repeat;
    background-position: right center;
}

.eppointssubmitlink:hover {
	 padding: 2px 0px 2px 30px;
    font-size: 10px;
    text-decoration: none;
    background-image: url(../../img/arrow_form_eppoints.gif);
    background-repeat: no-repeat;
    background-position: right center;
}

.eppointsbannerfootline {
    background-color: #FDEEE0;
    padding: 3px 5px 3px 10px;
}

.eppointsbannerfootline a {
    font-size: 13px;
    display: block;
    color: #003366;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
    background-image: url(../../img/eppoints/eppoints_banner_arrow.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
}

.eppointsbannerfootline a:hover {
    font-size: 13px;
    color: #003366;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
}

/* LANGUAGE BAR */
.eppointslangbarcell {
    padding: 5px;
    vertical-align: bottom;
}

.eppointslangbarlink {
    color: #003366;
    text-decoration: none;
}

.eppointslangbarlink img {
    border-bottom: 1px solid #FFF;
    margin-bottom: 1px;
}

.eppointslangbarlink:hover {
    color: #003366;
    text-decoration: underline;
}

.eppointslangbarlink:hover img {
     border-bottom: 1px solid #003366;
     margin-bottom: 1px;
}

/* NEWS INTRO */
.eppointsnewsintrobox {
    margin: 5px 0px 0px 0px;
    border-top: 1px solid #DAC3AC;
}

.eppointsnewsintrolink {
    display: block;
    font-size: 11px;
    color: #003366;
    font-weight: bold;
    text-decoration: none;
    padding-left: 12px;
    background-image: url(../../img/boxmenu_arrow_bullet.gif);
    background-repeat: no-repeat;
    background-position: left 2px;
}

.eppointsnewsintrolink:hover {
    display: block;
    font-size: 11px;
    color: #003366;
    text-decoration: underline;
}

.eppointsnewsintroteaserbox {
    padding: 0px 0px 0px 12px;
}

/************************************************/
/*** EPPOINTS REWARDS ELEMENTS                ***/
/************************************************/

/* COMMON */
#eppointsrewarddisclaimer {
    margin: 10px 0px 0px 0px;
    padding: 30px 57px 30px 57px;
    font-size: 9px;
    border-top: 1px dotted #663300;
    background-position: top right;
    background-repeat: repeat-x;
    background-image: url(../../img/eppoints/rewards_background.jpg);
}

.eppointsawardtextmini {
    font-size: 9px;
}

.eppointspointhint {
    font-weight: bold;
}

.eppointspointnewhint {
    font-weight: bold;
    color: #CC9900;
}

.eppointscontentawardheadline {
    font-weight: bold;
    margin: 5px 0px 0px 0px;
    padding: 3px 5px 3px 5px;
}

.eppointsawardlink {
    text-decoration: none;
    color: #003366;
    font-weight: bold;
}

.eppointsawardlink:hover {
    text-decoration: underline;
    color: #003366;
    font-weight: bold;
}

/* OVERVIEW */
#eppointsrewardoverviewframe {
    padding-top: 40px;
    padding-bottom: 20px;
    background-position: top right;
    background-repeat: repeat-x;
    background-image: url(../../img/eppoints/rewards_background.jpg);
}

#eppointsrewardoverviewbox {
    width: 483px;
    margin-left: auto;
    margin-right: auto;
}

.eppointsawardgroupbox {
    width: 240px;
}

.eppointsawardgrouppic {
    width: 240px;
    height: 110px;
}

.eppointsawardgrouplinkbox {
    background-color: #FDEEE0;
    padding: 3px 5px 3px 5px;
}

.eppointsawardgrouplink {
    font-size: 13px;
    display: block;
    color: #003366;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
    background-image: url(../../img/eppoints/eppoints_banner_arrow.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 12px;
}

.eppointsawardgrouplink:hover {
   font-size: 13px;
    color: #003366;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
}

/* GROUP VIEW */
.eppointsawarditembox {
    width: 180px;
    height: 140px;
    border: 1px solid #C0C0D9;
    background-color: #FFFFFF;
}

.eppointsawarditemheadlinebox {
    background-color: #E9E8F2;
    border: 1px solid #FFFFFF;
    font-weight: bold;
    padding: 2px;
}

.eppointsawarditempicbox {
    text-align: center;
    margin: 3px 5px 3px 5px;
}

.eppointsawarditemtextbox {
    text-align: center;
    margin: 0px 10px 0px 10px;
}

/* SINGLE VIEW */
.eppointsawardsinglebox {
    border: 1px solid #C0C0D9;
    background-color: #FFFFFF;
    margin: 10px 10px 0px 10px;
}

.eppointsawardsingleheadlinebox {
    background-color: #E9E8F2;
    border: 1px solid #FFFFFF;
    font-weight: bold;
    padding: 2px;
}

.eppointsawardsinglenamebox {
    border: 1px solid #FFFFFF;
    font-weight: bold;
    padding: 5px 5px 5px 12px;
}

.eppointsawardsinglepicbox {
    text-align: center;
    padding: 5px 5px 5px 5px;
}

.eppointsawardsinglebuybox {
    padding: 5px 5px 5px 12px;
    margin-bottom: 5px;
}

.eppointsawardsingledescriptionbox {
    margin: 0px 0px 5px 10px;
}

.eppointsawardsinglebuylink {
    font-weight: bold;
    text-decoration: none;
}

.eppointsawardsinglebuylink:hover {
    font-weight: bold;
    text-decoration: underline;
}

/************************************************/
/*** EPPOINTS NEWS ELEMENTS                   ***/
/************************************************/

.eppointscontentnewsheadline {
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 3px 5px 3px 5px;
}

.eppointsnewsbox {
    margin: 10px 0px 0px 0px;
    border: 1px solid #C0C0D9;
    background-color: #FFFFFF;
}

.eppointsnewslink {
    font-size: 11px;
    color: #003366;
    font-weight: bold;
    text-decoration: none;
    padding-left: 12px;
    background-image: url(../../img/boxmenu_arrow_bullet.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

.eppointsnewslink:hover {
    font-size: 11px;
    color: #003366;
    text-decoration: underline;
}

.eppointsnewsteaserbox {
    padding: 0px 0px 0px 12px;
}

.eppointsnewspicture {
    width: 120px;
}

.eppointsnewssinglebox {
    margin: 10px 0px 10px 0px;
    border: 1px solid #C0C0D9;
    background-color: #FFFFFF;
}

.eppointsnewssinglecaption {
    font-weight: bold;
    padding-bottom: 5px;
}

/************************************************/
/*** WIZARD ELEMENTS                          ***/
/************************************************/

.eppointsformsubheadline {
    font-weight: bold;
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid #003366;
}

.eppointsthinblueline {
    margin: 5px 0px 5px 0px;
    overflow: hidden;
    background-color: #003366;
    height: 2px;
}

#eppointssubmitbox {
    text-align: right;
}

.eppointssubmitfield {
    font-size: 10px;
    color: #23426A;
    border: 1px solid #003366;
    background-color: #FFFFFF;
    padding: 1px 2px 1px 2px;
}

.eppointsselectfield {
    font-size: 10px;
    color: #23426A;
    border: 1px solid #003366;
    background-color: #FFFFFF;
    padding: 1px 2px 1px 2px;
}

.eppointstextfield {
    font-size: 10px;
    color: #23426A;
    border: 1px solid #003366;
    background-color: #FFFFFF;
    padding: 1px 2px 1px 2px;
}

#eppointscontentbox {
    position: relative;
    display: block;
    padding: 5px;
    background-color: #F8F8FB;
    border-top: 1px solid #C0C0D9;
    border-right: 1px solid #C0C0D9;
	border-bottom: 1px solid #C0C0D9;
    border-left: 1px solid #C0C0D9;
    color: #506989;
}

#eppointserrormsgbox {
    margin: 5px 0px 5px 0px;
    padding: 2px 5px 2px 5px;
    color: #990000;
    border: 1px solid #990000;
    font-weight: bold;
}

/************************************************/
/*** POPUP BOXES                              ***/
/************************************************/


.eppointsmsgbox {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -120px;
    width: 540px;
    background-color: #FFFFFF;
    border: 2px solid #536B8D;
}

/* [BS] 12.06.2006 */
/* larger box for products-with-points table */
.eppointsmsgboxl {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -320px;
    margin-top: -120px;
    width: 640px;
    background-color: #FFFFFF;
    border: 2px solid #536B8D;
}

/* [BS] 13.06.2006 */
/* even larger box for help image*/
.eppointsmsgboxxl {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -410px;
    margin-top: -280px;
    width: 820px;
    background-color: #FFFFFF;
    border: 2px solid #536B8D;
}

#eppointspopupheadlinebox {
    color: #FFFFFF;
    background-color: #637AB1;
    padding: 2px 5px 2px 5px;
    border: 1px solid #BCC0D9;
}

#eppointspopupcontentbox {
    padding: 5px;
    border-right: 1px solid #BCC0D9;
    border-left: 1px solid #BCC0D9;
    border-bottom: 1px solid #BCC0D9;
}

.eppointspopupheadline {
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
}

.eppointspopupclosecell {
    text-align: right;
}

.eppointspopupcloselink {
    font-weight: bold;
    font-size: 11px;
    color: #FFFFFF;
    padding-left: 12px;
    text-decoration: none;
    background-image: url(../../img/close_button_white.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

.eppointspopupcloselink:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

#eppointspopuphint {
    margin-top: 10px;
    font-weight: bold;
    font-size: 11px;
}

.eppointspopupbullettable {

}

.eppointspopupbullettable td {
    padding: 2px 5px 2px 0px;
}

.eppointspanetdmoreinfo {
    padding: 8px 5px 2px 12px;
	margin: 0px;
    background-image: url(../../img/catalog_bullet.gif);
    background-position: left 9px;
    background-repeat: no-repeat;
	border-bottom: 1px solid #C0C0D9;
    font-size: 11px;
    font-weight: bold;
	text-decoration: none;
	color: #003366;
    white-space: nowrap;
    cursor: pointer;
	cursor: hand;
}

/************************************************/
/*** GEPP                                     ***/
/************************************************/

/* Countdown */

.geppcountbox {
	 background-repeat: no-repeat;
    background-position: left center;
	 height: 68px;
}

.geppcounttext {
	margin: 35px 0 0 100px;
	width: 485px;
	color: #ffc93a;
	text-align: right;
	font-weight: bold;
}

.geppcountdays {
	color: white;
	font-size: 22px;
}

/* Banner */

.geppbannerbox {
	 background-repeat: no-repeat;
    background-position: left center;
	 height: 58px;
}

.geppbannerleft {
	width: 320px;
	height: 58px;
	float: left;
}

.geppbannerright {
	width: 180px;
	height: 58px;
	float: right;
	font-weight: bold;
}

.geppbannernum {
	font-size: 24px;
}

/* YOU WON POPUP BOX */

#popupgoldeneppoint .eppointsmsgbox {
	 background-image: url(../../img/gepp/gepp_popup_bg.jpg);
	 background-repeat: no-repeat;
    background-position: left top;
	 width: 424px;
	 height: 140px;
}

.geppwinbox {
	height: 120px;
	width: 260px;
	padding: 10px 0 0 50px;
	color: #ffd36b;
}

.geppwinboxhead {
	color: #ffc937;
	font-size: 18px;
	font-weight: bold;
}

.geppwinboxtext {
	margin-top: 15px;
	color: #ffd36b;
}

/* LOGED IN ONE TIME POPUP */

#goldenmessageen .eppointsmsgbox {
	 background-image: url(../../img/gepp/gepp_loginpopup_bg_en.jpg);
	 background-repeat: no-repeat;
    background-position: left top;
	 width: 424px;
	 height: 140px;
}

#goldenmessagede .eppointsmsgbox {
	 background-image: url(../../img/gepp/gepp_loginpopup_bg_de.jpg);
	 background-repeat: no-repeat;
    background-position: left top;
	 width: 424px;
	 height: 140px;
}

#goldenmessagefr .eppointsmsgbox {
	 background-image: url(../../img/gepp/gepp_loginpopup_bg_fr.jpg);
	 background-repeat: no-repeat;
    background-position: left top;
	 width: 424px;
	 height: 140px;
}

#goldenmessageit .eppointsmsgbox {
	 background-image: url(../../img/gepp/gepp_loginpopup_bg_it.jpg);
	 background-repeat: no-repeat;
    background-position: left top;
	 width: 424px;
	 height: 140px;
}

#goldenmessagees .eppointsmsgbox {
	 background-image: url(../../img/gepp/gepp_loginpopup_bg_es.jpg);
	 background-repeat: no-repeat;
    background-position: left top;
	 width: 424px;
	 height: 140px;
}

#goldenmessagepo .eppointsmsgbox {
	 background-image: url(../../img/gepp/gepp_loginpopup_bg_po.jpg);
	 background-repeat: no-repeat;
    background-position: left top;
	 width: 424px;
	 height: 140px;
}

#goldenmessagejp .eppointsmsgbox {
	 background-image: url(../../img/gepp/gepp_loginpopup_bg_jp.jpg);
	 background-repeat: no-repeat;
    background-position: left top;
	 width: 424px;
	 height: 140px;
}

#goldenmessagecn .eppointsmsgbox {
	 background-image: url(../../img/gepp/gepp_loginpopup_bg_cn.jpg);
	 background-repeat: no-repeat;
    background-position: left top;
	 width: 424px;
	 height: 140px;
}

/* WOL INFO POPUP */

#geppinfopopup .eppointsmsgbox {
	 background-color: #003366;
	 width: 424px;
	 height: 300px;
}

#geppinfopopup .geppwinbox {
	height: 260px;
	width: 410px;
	padding: 0px;
	color: #ffd36b;
}