<!--
/* ******************************** */
/* ********   GENERAL  ************ */
/* ******************************** */

* {
   padding:0;
   margin:0;
}

body {
    margin-bottom:0px;
    margin-left:5px;
    margin-right:5px;
    font-family: Verdana,Arial,sans-serif;
    font-size:11px;
    line-height:14px;
    color:#666666;
    background-color:#FFFFFF;
}

p {
    padding-bottom:8px;
}

ul {
    padding-left:10px;
    padding-top:8px;
    padding-bottom:8px;
}

ol {
    padding-left:10px;
    padding-top:8px;
    padding-bottom:8px;
}

dd {
    padding-left:5px;
    padding-bottom:5px;
}

img {
	border:0px;
}

.error {font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#FF3333;text-align:center;}
.outputRow {line-height:18px;}

#pageOverlay {
	position:absolute;
	z-index:500;
	background-image:url(/workxl/layout/images/pageOverlay.gif);
}

/* ******************************** */
/* ******** INPUT FIELDS  ********* */
/* ******************************** */
select {
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    width:200px;
    line-height:15px;
    color:#666666;
    border:1px solid #666666;
}

.select-double {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    width:300px;
    line-height:15px;
    color:#666666;
    border:1px solid #666666;
}

.select-medium {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    width:100px;
    height:17px;
    color:#666666;
    border:1px solid #666666;
}

.select-small {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    width:64px;
    height:17px;
    color:#666666;
    border:1px solid #666666;
}

.textarea {
    font-family: Verdana,Arial, sans-serif;
    font-size: 11px;
    color:#666666;
    border:1px solid #666666;
    width:200px;
    height:220px;
}

.textareaLanding {
    font-family: Verdana,Arial, sans-serif;
    font-size: 11px;
    color:#666666;
    border:1px solid #c5cbd7;
    width:193px;
    height:100px;
     padding-left:5px;
}

.textarea-double {
    font-family: Verdana,Arial, sans-serif;
    font-size: 11px;
    color:#666666;
    border:1px solid #666666;
    width:455px;
    height:220px;
}

.textfield {
    font-family: Verdana,Arial,sans-serif;
    font-size:11px;
    height:14px;
    color:#666666;
    border:1px solid #666666;
    width:193px;
    padding-left:5px;
}

.textfieldLanding {
    font-family: Verdana,Arial,sans-serif;
    font-size:11px;
    height:14px;
    color:#666666;
    border:1px solid #c5cbd7;
    width:193px;
    padding-left:5px;
}

.textfield-double {
    font-family: Verdana,Arial,sans-serif;
    font-size:11px;
    height:14px;
    color:#666666;
    border:1px solid #666666;
    width:420px;
    padding-left:5px;
}

.button{font-family: Arial, Helvetica, sans-serif;font-size: 11px;}
.dateSelect {font-family: Arial, Helvetica, sans-serif;font-size: 12px;width:65px;}

.inputRow {
    background-color:#EEEEEE;
    line-height:24px;
}

/* ******************************** */
/* ********   HEADLINES   ********* */
/* ******************************** */
h1 {
	background-image:url(/workxl/layout/templates/images/bg_content_head.png);
    background-position:top;
    background-repeat:repeat-x;
    background-color:#9A0202;
    color:white;
    border:2px solid #9A0202;
    font-weight:bold;
    font-family: Verdana,Arial,sans-serif;
    padding-left:10px;
    padding-right:5px;
    line-height:26px;
    height:26px;
    font-size:16px;
}

h2 {
    font-weight:bold;
    font-family: Verdana,Arial,sans-serif;
    font-size:16px;
    color:#FFFFFF;
    margin-bottom:10px;
    padding-left:10px;
}

h3 {
    font-weight:bold;
    font-family: Verdana,Arial,sans-serif;
    font-size:14px;
    color:#9A0202;
    line-height:18px;
    margin-top:10px;
    margin-bottom:10px;
    padding-left:10px;
}

h4 {
    font-weight:bold;
    font-family: Verdana,Arial,sans-serif;
    font-size:11px;
    color:#666666;
    margin-top:5px;
    margin-bottom:5px;
    padding-left:10px;
}

/* ******************************** */
/* **********   MENU     ********** */
/* ******************************** */
.mainnavi-headline {font-family: Arial, Helvetica, sans-serif;font-weight:bold;font-size:12px;margin-top:10px;margin-bottom:5px;color: #19348A;}
.mainmenu{font-family: Arial, Helvetica, sans-serif; font-size: 11px;color: #000000;text-decoration:none;line-height:16px;}

.subnavi-headline {
    font-weight:bold;
    margin-bottom:2px;
    color:#9A0202;
    background-color:#EEEEEE;
    padding-left:5px;
    padding-right:5px;
}

.submenu_1{font-family: Arial, Helvetica, sans-serif; font-size: 11px;color: #000000;text-decoration:none;line-height:16px;}
.submenu_2{font-family: Arial, Helvetica, sans-serif; font-size: 11px;color: #000000;text-decoration:none;padding-left:5px;line-height:16px;}
.submenu_3{font-family: Arial, Helvetica, sans-serif; font-size: 11px;color: #000000;text-decoration:none;padding-left:10px;line-height:16px;}
.submenu_4{font-family: Arial, Helvetica, sans-serif; font-size: 11px;color: #000000;text-decoration:none;padding-left:15px;line-height:16px;}
.submenu_5{font-family: Arial, Helvetica, sans-serif; font-size: 11px;color: #000000;text-decoration:none;padding-left:20px;line-height:16px;}

/* ******************************** */
/* ********      CMS        ******* */
/* ******************************** */

.cms-block-n {
    position:relative;
}

.cms-block-n h1 {
	background-image:none;
	background-color:white;
	border:0;
    font-weight:bold;
    font-size:14px;
    color:#9A0202;
    line-height:26px;
    margin-top:10px;
    margin-bottom:10px;
    padding-left:10px;
}

.cms-block-n h2 {
	color:#666666;
    font-weight:bold;
    margin-top:5px;
    margin-bottom:5px;
    font-weight:bold;
    font-size:11px;
    padding-left:0;
}

.cms-block-ne {
	position:relative;
}

.cms-block-ne h1 {
	background-image:url(/workxl/layout/templates/images/bg_cms_title_ne.png);
    background-position:top;
    background-color:#4D4D4D;
    border:2px solid #4D4D4D;
    padding-left:5px;
    font-size:11px;
}

.cms-block-ne h2 {
	color:#666666;
    margin-top:5px;
    margin-bottom:5px;
    padding-left:0;
    font-size:11px;
}

.cms-block-w {
    position:relative;
}

.cms-block-w h1 {
	background-image:url(/workxl/layout/templates/images/bg_cms_title_w.png);
    background-position:top;
    background-color:#4D4D4D;
    border:2px solid #4D4D4D;
    padding-left:5px;
    font-size:11px;
}

.cms-block-w h2 {
	color:#666666;
    margin-top:5px;
    margin-bottom:5px;
    padding-left:0;
    font-size:11px;
}

.cms-block-center {
    position:relative;
}

.cms-block-center h1 {
	background-image:url(/workxl/layout/templates/images/bg_content_head.png);
    background-position:top;
}

.cms-block-center h2 {
    font-weight:bold;
    font-size:14px;
    color:#9A0202;
    line-height:18px;
    margin-bottom:10px;
}

.cms-block-e {
    position:relative;
}

.cms-block-e h1 {
	background-image:url(/workxl/layout/templates/images/bg_cms_title_e.png);
    padding-left:5px;
    padding-right:5px;
    font-size:11px;
}

.cms-block-e h2 {
    color:#666666;
    margin-top:5px;
    margin-bottom:5px;
    padding-left:0;
    font-size:11px;
}

.cms-block-sw {
    margin-top:20px;
    position:relative;
}

.cms-block-sw h1 {
	font:bold 1.2em Verdana,Arial,Sans-serif;
    color:#4D4D4D;
    background-color: rgb(224, 231, 237);
    background-image:none;
    height:30px;
    line-height:30px;
    border:0;
}

.cms-block-sw h2 {
    color:#666666;
    margin-top:5px;
    margin-bottom:5px;
    padding-left:0;
    font-size:11px;
}

.cms-block-s {
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
}

.cms-block-s h1 {
    font-size:14px;
    color:#9A0202;
    line-height:26px;
    margin-bottom:10px;
    background:none;
    border:none;
}	

.cms-block-se {
	position:relative;
}

.cms-block-se h1 {
    font:bold 1.2em Verdana,Arial,Sans-serif;
    color:#4D4D4D;
    background-color: rgb(224, 231, 237); 
    background-image:none;
    height:30px;
    line-height:30px;
    border:0;
}

.cms-block-se h2 {
    color:#666666;
    margin-top:5px;
    margin-bottom:5px;
    padding-left:0;
    font-size:11px;
}

.cms-block-footer {
	clear:both;
	position:relative;
}

.cms-subtitle-s {
    font-weight:bold;
    margin-top:5px;
    margin-bottom:5px;
}

.cms-text-nw {
    background-color:#DDDDDD;
    padding:10px;
    margin-bottom:5px;
}

.cms-text-n {
    padding-left:10px;
    padding-right:10px;
    margin-bottom:5px;
}

.cms-text-ne {
    background-color:#DDDDDD;
    padding:10px;
    margin-bottom:5px;
}

.cms-text-w {
    background-color:#DDDDDD;
    padding:10px;
    margin-bottom:5px;
}

.cms-text-center {
    padding:10px;
}

.cms-text-e {
    padding:10px;
    background-color:#F0D9D9;
    margin-bottom:5px;
}

.cms-text-sw {
    background-color: rgb(239, 240, 242);
    padding:5px;
    margin-bottom:5px;
    text-align:center;
}

.cms-text-se {
	background-color: rgb(239, 240, 242);
    padding:10px;
    margin-bottom:5px;
}

.cms-text-se dd {
	font-style:italic;
	padding-left:0px;
	padding-top:5px;
}



.cms-text-s {
    background-color:white;
}

.cms-text-s th {
	font-size:14px;
	font-weight:bold;
	color:#990000;
	text-align:left;
	padding-left:10px;
	padding-top:10px;
}

.cms-link {
    color:#3366CC;
    text-decoration:none;
    font-weight:bold;
}

.cms-link:hover {
    text-decoration:underline;
}

.cms-link:active {
    text-decoration:none;
}

.cms-teaser-link{font-family: Arial, Helvetica, sans-serif; font-size: 11px;color: #000000;text-decoration:none;line-height:16px;}

.help-header {
	font-weight:bold;
    font-size:14px;
    color:#9A0202;
    line-height:18px;
    margin-bottom:10px;
    padding-left:10px;
    padding-right:10px;
}

.help-body {
    padding-left:10px;
    padding-right:10px;
}

/* ******************************** */
/* **** CONTENTBEREICHE    ******** */
/* ******************************** */
.contentLeft {font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#000000;margin-top:10px;border-top:1px;border-top-style:solid;border-top-color:#817343;padding-left:10px;padding-right:10px;padding-bottom:10px;}
.buttontable{margin-top:10px;}

/* ******************************** */
/* *****   CONTAINER LIST     ***** */
/* ******************************** */
.list-head {
    background-color:#666666;
    color:white;
    padding:3px;
}

.list-subhead {background-color:#EEEADA;font-family:Arial,Helvetica,sans-serif; font-size: 11px;color: #19348A; padding:3px;}

.list-color1 {
    background-color:#DDDDDD;
    line-height:18px;
}

.list-color2 {
	background-color:#EEEEEE;
    line-height:18px;
}

.list-border {}

.list-column {
/*    position:relative; */
    padding-top:4px;
    padding-left:4px;
    padding-right:2px;
    padding-bottom:4px;
    border-bottom:2px solid white;
    vertical-align:top;
}

.list-column-right {
    padding:4px;
	border-bottom:2px solid white;
	vertical-align:top;
}

/* ******************************** */
/* ********   CONTAINER     ******* */
/* ******************************** */
.content-head {
    background-image:url(/workxl/layout/templates/images/bg_content_head.png);
    background-position:top;
    background-repeat:repeat-x;
    background-color:#9A0202;
    color:white;
    border:2px solid #9A0202;
    font-weight:bold;
    padding-left:10px;
    padding-right:5px;
    line-height:26px;
    font-size:16px;
}

.csc-firstHeader {
    background-image:url(/workxl/layout/templates/images/bg_content_head.png);
    background-position:top;
    background-repeat:repeat-x;
    background-color:#9A0202;
    color:white;
    border:2px solid #9A0202;
    font-weight:bold;
    padding-left:10px;
    padding-right:5px;
    line-height:26px;
    font-size:15px;
}
   
.content-subhead {
    font-weight:bold;
    font-size:14px;
    color:#9A0202;
    line-height:18px;
    margin-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
}

.content-title {
    padding-left: 10px;
    padding-bottom: 5px;
    font-size: 20px;
    line-height: 25px;
    font-weight: bold;
    color: rgb(77, 77, 77);
} 
    
.content-container {
	position:relative;
	z-index:1;
	padding-top:5px;
	padding-bottom:10px;

}

.content-block-top {
    padding-left:10px;
    padding-right:10px;
    text-align:left;
}

.content-block {
    text-align:left;
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
}

.button-block {
	margin-top:10px;
	position:relative;
}

.contentBoxOverlay {
	position:absolute; 
	max-width:500px;
	border: 1px solid black;
	background-color:white;
	opacity:1;
	text-align:left;
}

.contentBoxOverlay .header {
    background-image:url(/workxl/layout/templates/images/bg_content_head.png);
    background-position:top;
    background-repeat:repeat-x;
    background-color:#9A0202;
    color:white;
    font-weight:bold;
    padding-left:10px;
    padding-right:5px;
    line-height:26px;
    margin-bottom:5px;
}

.contentBoxOverlay .close {
	float:right;
	cursor:pointer;
	padding-top:5px;
}

/* ******************************** */
/* ********** TYPO 3 ************** */
/* ******************************** */
.cms-content-head {
    background-image:url(/workxl/layout/templates/images/bg_content_head.png);
    background-position:top;
    background-repeat:repeat-x;
    background-color:#9A0202;
    color:white;
    border:2px solid #9A0202;
    font-weight:bold;
    padding-left:10px;
    padding-right:5px;
    line-height:26px;
    font-size:16px;
}

.cms-content-container {
    padding-bottom:10px;
}

.bodytext {
    margin-top:0px;
    margin-bottom:0px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:0px;
}

/* ******************************** */
/* **********   FARBEN     ******** */
/* ******************************** */
.leftArea { background-color:#E7E2D1; }
.mainArea { background-color:#F8F7F1; }
.rightArea{ background-color:#E7E2D1; }

.headerLine { background-color:#CCCCCC; }
.menuLine{ background-color:#817343; }
.conditions {font-size:12px;font-weight:bold;color:black; border:1px solid black;background-color:silver;padding:5pt}
.important {font-size:12px;font-weight:bold;color:black;background-color:#EEEEEE;padding:5pt}
.archive {color:#EEEEEE;text-decoration:none;}
.archive:link {color:#EEEEEE;text-decoration:none;}
.archive:visited {color:#EEEEEE;text-decoration:none;}
.archive:hover {color:#EEEEEE;text-decoration:none;}
.archive:active {color:#EEEEEE;text-decoration:none;}
.archive:focus {color:#EEEEEE;text-decoration:none;}
.textHighlight {background-color:yellow;}

/* ******************************** */
/* **********   BAEUME     ******** */
/* ******************************** */
.tree-level-1 { font-weight:bold; }
.tree-level-2 {  }
.tree-level-3 {  }
.tree-level-4 {  }

/* ******************************** */
/* **********    LABEL     ******** */
/* ******************************** */
.label { 
    padding-left:10px;
    padding-right:10px;
    vertical-align:top;
    text-align:left;
    width: 21%;
}


a {
    color:#3366CC;
    text-decoration:none;
    font-weight:bold;
}

.link {
    color:#3366CC;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
}

.link:hover {
    text-decoration:underline;
}

.link:active {
    text-decoration:none;
}

.link:visited {
    color:#551A8B;
}

.link-static {
    color:#3366CC;
    text-decoration:none;
    font-weight:bold;
}

/* ******************************** */
/* **********  REBRUSHED   ******** */
/* ******************************** */

/* ******************************************************* */
/* styles for basic template layout common for _2c and _3c */
/* ******************************************************* */

.wxl_master {
    width:960px;
    position:relative;z-index:1; /* mat */
}

.wxl_master_top {
    height:94px;
}

/* ***************************************************** */
/* styles for login form embedded in left content column */
/* ***************************************************** */

.wxl_master_content_left_login {
    color:#4D4D4D;
    border:1px solid #DDDDDD;
    background-image:url(/workxl/layout/templates/images/bg-login.gif);
    background-position:top;
    background-repeat:repeat-x;
    background-color:white;
    margin-bottom:20px;
    padding-left:5px;
}

.wxl_master_content_left_login_element {
    padding-bottom:5px;
    width:180px;
}

.wxl_master_content_left_login_textfield {
    border:1px solid #DDDDDD;
    width:150px;
}

/* ************************************************ */
/* styles for large (_3c) and small (_2c) right bar */
/* ************************************************ */

.wxl_master_content {
	position:relative; z-index:1; /* mat */
}

.wxl_master_top_left {
    width:190px;
    vertical-align:bottom;
}

.wxl_master_top_center_3c {
    padding-left:5px;
    vertical-align:bottom;
}

.wxl_master_content_left {
    width:190px;
    padding-top:5px;
    vertical-align:top;
}

.wxl_master_content_center_3c {
    width:475px;
    vertical-align:top;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	margin:0px;
}

.wxl_master_content_right_3c {
    padding-top:5px;
	vertical-align:top;
	width:285px;
}

.wxl_master_top_center_2c {
    padding-left:5px;
    vertical-align:bottom;
}

.rfq-list-compact{
	position:relative; z-index:2; /* mat */
}

.wxl_master_content_center_2c {
	position:relative; z-index:1; /* mat */
    width:570px;
    vertical-align:top;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
}

.wxl_master_content_right_2c {
    padding-top:5px;
	vertical-align:top;
	width:190px;
}

/* ********** */
/* index page */
/* ********** */

.wxl_index_search {
    width:182px;
	background-color:#666666;
	position:relative;
}

.wxl_index_search_right {
    
}

.wxl_index_search_caption {
    color:white;
    padding-right:10px;
    text-align:right;
    line-height:20px;
    font-weight:bold;
}

.wxl_index_search_teaser {
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
}

.wxl_index_search_button {
    position:absolute;
    top:60px;
    left:140px;
    border-width:0px;
}

/* ******** */
/* mainmenu */
/* ******** */

.wxl_menu_entry {
    background-image:url(/workxl/layout/templates/images/bg_menu_entry.png);
    background-position:top;
    background-repeat:repeat-x;
    background-color:#9A0202;
    color:white;
    border:2px solid #9A0202;
    font-weight:bold;
    padding-left:5px;
    padding-right:5px;
    line-height:26px;
    margin-bottom:5px;
}

.wxl_menu_link {
    color:white;
    font-weight:bold;
    text-decoration:none;
}

.wxl_menu_link:hover {
    text-decoration:underline;
}

.wxl_menu_link:active {
    text-decoration:none;
}

/* ********* */
/* myAccount */
/* ********* */

.wxl_myAccount_salutation_container {
    background-color:#DDDDDD;
    padding:5px;
    margin-bottom:2px;
}

.wxl_myAccount_salutation {
    font-style:italic;
}

.wxl_myAccount_company_id {
    font-style:italic;
    text-align:left;
}

.wxl_myAccount_salutation_logout {
    text-align:right;
}

.wxl_myAccount_menu_entry {
    background-color:#EEEEEE;
    padding-left:10px;
    padding-right:5px;
    margin-bottom:2px;
    line-height:16px;
}

.wxl_myAccount_menu_entry_last {
    background-color:#EEEEEE;
    padding-left:10px;
    padding-right:5px;
    margin-bottom:5px;
    line-height:16px;
}

.wxl_myAccount_menu_link {
    color:#4D4D4D;
    font-weight:normal;
    text-decoration:none;
}

.wxl_myAccount_menu_link:hover {
    text-decoration:underline;
}

.wxl_myAccount_menu_link:active {
    text-decoration:none;
}

/* ************** */
/* teaser tenders */
/* ************** */

.wxl_teaser_tender_block {
    background-color:#DDDDDD;
    margin-bottom:3px;
}

.wxl_teaser_tender_block h1 {
    font:bold 1.2em Verdana,Arial,Sans-serif;
    color:#4D4D4D;
    background-color: rgb(224, 231, 237); 
    background-image:none;
    height:30px;
    line-height:30px;
    border:0;
}

.wxl_teaser_tender_text {
    margin-bottom:5px;
}

.wxl_teaser_tender_text_odd {
    background-color:#DDDDDD;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
}

.wxl_teaser_tender_text_even {
    background-color:#EEEEEE;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
}

/* ***************** */
/* rfq list tooltips */
/* ***************** */

.rfq-details-tooltip {
	position: absolute;
	left:5px;
	top:20px;
	color:#666666;
	background-color: #FFFFCC;
	border: 1px dashed black;
	z-index: 100;
	width:400px;
}

.rfq-details-tooltip .header {
	background-color: #666666;
	color: white;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.rfq-details-tooltip .text {
	padding: 5px;
}

/* *********************************** */
/* page header with keyword rfq search */
/* *********************************** */

.rfq-search-header {
	border-bottom: 1px solid rgb(255, 255, 255); 
	padding: 10px; 
	background-color: rgb(167, 186, 200); 
	height: 75px;
}

.rfq-search-header h1 {
    font:bold 16px Verdana,Arial,Sans-serif;
    color:#000000;
    padding-left:0 !important;
    border:0;
    background:none;
}

.rfq-search-header .textfield {
	width:305px;
	height:24px;
	color:#959595;
	font:italic 13px Verdana;
	vertical-align:bottom;
	border-top:solid 1px #666;
	border-left:solid 1px #666;
	border-right:solid 2px #F2F0EE;
	border-bottom:solid 2px #F2F0EE;
	padding-top:5px;padding-left:2px;
}

.rfq-search-header .link {
    color: rgb(0, 0, 0); 
    text-decoration: underline; 
    font-weight: normal;
}


/* ******** */
/* register */
/* ******** */

#registerPageOverlay {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:25;
	background-color:silver;
}

td.registerFinalizeRegion {
	padding-left:10px;
	font-style:italic;
}

/* ***************** */
/* product selection */
/* ***************** */

h1.productSelection {
	background-image:url(/workxl/layout/templates/images/bg_content_head.png);
    background-position:top;
    background-repeat:repeat-x;
    background-color:#9A0202;
    color:white;
    border:2px solid #9A0202;
    font-weight:bold;
    padding-left:10px;
    padding-right:5px;
    line-height:26px;
    font-size:16px;
}

h2.productSelection {
    color:#9A0202;
    padding-left:0px;
}

h3.productSelection {
    font-size:12px;
    color:#666666;
    padding-left:0px;
}

div.productSelection {
	background-image:url(/workxl/layout/images/register-v2/productSelectionBackground.jpg);
	background-position:top;
    background-repeat:no-repeat;
	color:white;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	float:left;
	width:158px;
	height:38px;
	line-height:38px;
	margin-top:-10px;
	margin-bottom:10px;
	cursor:pointer;
	
}

div.productSelection:hover {
	background-image:url(/workxl/layout/images/register-v2/productSelectionBackgroundActive.jpg);
}

div.productSelectionActive {
	background-image:url(/workxl/layout/images/register-v2/productSelectionBackgroundActive.jpg);
	background-position:top;
    background-repeat:no-repeat;
	color:white;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
	float:left;
	width:158px;
	height:38px;
	line-height:38px;
	margin-top:-10px;
	margin-bottom:10px;
	cursor:pointer;
}

div.productSelectionProductGroup {
	padding-left:10px;
	padding-right:10px;
}

div.productSelectionProductAddButton {
	float:right;
	cursor:pointer;
}

div.productSelectionProductListItem {
	margin-bottom:5px;
	position:relative;
}

div.productSelectionProductDescription {
	position: absolute;
	left:5px;
	top:20px;
	width:330px;
	color:#666666;
	background-color: #FFFFCC;
	border: 1px dashed black;
	z-index: 40;
}

h2.productSelectionProductDescription {
	background-color: #666666;
	color: white;
	font-weight: bold;
	font-size:11px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.productSelectionProductDescriptionContent {
	padding:5px;
}

/* ******************* */
/* productSelectedCart */
/* ******************* */

#productSelectedCart {
	background-color:#879CC7;
}

h1.productSelectedCart {
	background-image:url(/workxl/layout/templates/images/bg_register_cart_head.gif);
    background-position:top;
    background-repeat:repeat-x;
    background-color:#8B9BBD;
    color:white;
    border:2px solid #3C61CC;
    font-weight:bold;
    padding-left:10px;
    padding-right:5px;
    line-height:26px;
    height:26px;
    font-size:16px;
    font-family:Verdana,Arial,sans-serif;
}

p.productSelectedCart {
	width:270px;
	margin-left:7px;
	margin-top:7px;
	color:white;
}

table.productSelectedCart {
	background-color:#879CC7;
	width:270px;
	margin-left:7px;
	margin-top:7px;
	color:white;
}

th.productSelectedCart {
	text-align:left;
	padding-bottom:3px;
}

th.productSelectedCartPrice {
	text-align:right;
	padding-bottom:3px;
	padding-right:5px;
}

td.productSelectedCartProduct {
	text-align:left;
	color:#666666;
	background-color:white;
	padding-top:3px;
	padding-left:3px;
}

td.productSelectedCartRegion {
	text-align:left;
	color:#666666;
	background-color:white;
	padding-left:13px;
}

td.productSelectedCartPrice {
	text-align:right;
	color:#666666;
	background-color:white;
	padding-right:5px;
	padding-top:3px;
}

td.productSelectedCartRemove {
	text-align:center;
	background-color:white;
	padding-right:3px;
	padding-top:3px;
}

span.productSelectedCartRemove {
	cursor:pointer;
}

td.productSelectedCartBorder {
	border-bottom:3px solid #879CC7;
}

div.productSelectedCartCheckout {
	width:270px;
	margin-left:7px;
	margin-top:7px;
	position:relative;
}

div.productSelectedCartCheckoutButton {
	background-color:white;
	margin-left:4px;
	margin-right:4px;
	padding-top:4px;
	height:30px;
	text-align:center;
}

/* **************** */
/* region selection */
/* **************** */

div.productRegionSelection0 {
	width:50%;
	padding-right:10px;
	float:left;
}

div.productRegionSelection1 {
	
}

div.productRegionSelectionCloseLR {
	float:right;
	cursor:pointer;
	padding-right:5px;
	padding-bottom:5px;
}

ul.productRegionSelection {
	list-style-type:none;
}

div.productRegionSelectionSubHeader {
	width:500px;
	text-align:center;
}

-->