/*
Name:				global.css
Author:				boris.baldinger@quatico.com
CreationDate:		13.09.2006
Purpose:			Legt die grundlegenden Darstellungsoptionen für den GVB Webauftritt fest
*/ /* ************ */ /* globale Tags */ /* ************ */
html {
	height: 100%;
}

body {
	background-color: #FFFFFF;
	color: #333333;
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, Sans-Serif;
	font-size: 0.75em;
	line-height: 1.5em;
	padding: 0px;
	margin: 0px 0px 0px 22px;
	border: 0;
	height: 100%;
	/*background: url(../images/inhalltsseite.jpg) no-repeat;*/
}

p,img {
	margin: 0;
	padding: 0;
	border: 0;
}

a {
	text-decoration: none;
	color: #990000;
}

a:hover {
	color: #FF0000;
}

form {
	display: inline;
}

/* td { vertical-align:top; } */ /* ******************** */
	/* Position: Main Div's */ /* ******************** */
	/******* EBENE 1 ********/
#topNavigation {
	height: 44px;
	width: 968px;
}

#gvbNavigation {
	float: left;
	position: relative;
	top: 15px;
	left: 14px;
}

#languageSelector {
	text-align: right;
	position: relative;
	top: 15px;
	float: right;
}

/******* EBENE 2 ********/
#header {
	width: 968px;
	height: 132px;
}

#headerLogo {
	width: 198px;
	height: 132px;
	float: left;
}

#headerImage {
	width: 572px;
	height: 132px;
	float: left;
	/* ***** TODO: IE HACK REPARIEREN ***** */
	margin-bottom: -3px;
}

#loginSpace {
	width: 176px;
	height: 132px;
	float: right;
	/*	background-color: #EFEFEF; */
}

#themeNavigation {
	width: 968px;
	height: 37px;
}

#breadcrumb {
	width: 968px;
	height: 40px;
}

/******* EBENE 3 ********/
#main {
	width: 968px;
}

#leftNavigation {
	width: 176px;
	float: left;
	margin-right: 22px;
}

#content {
	width: 572px;
	margin-right: 22px;
	float: left;
}

#content-padding {
	width: 572px;
	float: left; 
	padding: 0 0 0 0;
	border: solid blue 1px;
}

#context {
	width: 176px;
	float: left;
	display: inline;
	/*	background-color:#EEEEEE; */ 
	/*border:1px solid blue;*/
}

/******* EBENE 4 ********/
#footer {
	width: 759px; /*968 - padding-left*/
	height: 40px;
	font-size: 0.92em;
	padding-left: 209px;
	clear: both;
	border-top: 1px solid #F0F0F0;
}

/* ******************** */ /* Text Formate         */
	/* ******************** */
.tBold {
	font-weight: bold;
}

.tSmall {
	font-size: 0.92em;
}

.tPaddingLeft {
	padding-left: 11px ! important;
}

/* ******************** */ /* Tags innerhalb Div's */
	/* ******************** */
#topNavigation a,#topNavigation span {
	font-weight: bold;
	color: #990000;
	padding-right: 17px;
}

#topNavigation a:hover {
	color: #666666;
}

#languageSelector a,#languageSelector span {
	padding-right: 9px;
}

#themeNavigation p {
	display: block;
	float: left;
	width: 198px;
	height: 37px;
}

#themeNavigation span {
	display: block;
	width: 176px;
	height: 37px;
	float: left;
	padding: 0;
}

#themeNavigation a {
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 14px;
	margin-top: 8px;
	display: block;
}

#breadcrumb p {
	font-size: 0.92em;
	color: #333333;
	font-weight: bold;
	padding-top: 5px;
}

#breadcrumb a {
	color: #990000;
	font-weight: bold;
}

#breadcrumb a:hover {
	color: #666666;
}

/* Navigation left */
#leftNavigation p {
	width: 100%;
	height: 21px;
	overflow: hidden;
}

#leftNavigation a {
	display: block;
	padding: 2px 0 0 11px;
	color: #333333;
}

#leftNavigation a:hover {
	color: #FF0000;
}

#leftNavigation

 

.level1 {
height: 22px;
background-color: #FF9900; /*variabel*/
}

#leftNavigation .level1 a {
	font-weight: bold;
	color: #FFFFFF;
}

#leftNavigation .level1 a:hover {
	color: #FFFFFF;
}

#leftNavigation .level2off,#sitemap .level2in {
	border-top: 1px solid #999999;
}

#leftNavigation .level2in,#sitemap .level2in {
	border-top: 1px solid #999999;
	background-color: #F0F0F0;
	background-image: url(../images/navleft_block_t03.gif);
	background-repeat: no-repeat;
}

#leftNavigation .level3on {
	border-top: 1px solid #E0E0E0;
	background-image: url(../images/navleft_block_h01.gif); /*variabel*/
	background-repeat: no-repeat;
}

#leftNavigation .level3off,#sitemap .level3off {
	border-top: 1px solid #E0E0E0;
	background-image: url(../images/navleft_block_p08.gif);
	background-repeat: no-repeat;
}

/* content */
#content h1 {
	font-weight: bold;
	font-size: 1em;
	margin: 0;
	padding: 3px 6px 0 11px;
}

#content h2 {
	font-weight: bold;
	font-size: 1.25em;
	margin: 0;
	padding: 4px 6px 26px 11px;
}

#content .title {
	font-weight: bold;
}

#content p {
	padding: 0px 8px 0 11px;
}

#content a {
	color: #990000;
}

#content a:hover {
	color: #FF0000;
}

/************* TABELLEN **********************/
#content .textContent table,#content .table {
	width: 100%;
	background-color: #fff;
}

#content .textContent table tbody,#content .table tbody {
	width: 100%;
	background-color: #fbf5ea;
}

#content .textContent table td,#content .table td {
	padding: 2px 8px 2px 11px;
	border-bottom: 1px solid #fff;
}

#content .textContent table th,#content .table th {
	padding: 2px 8px 2px 11px;
	background-color: #F0D6A8;
	text-align: left;
}

/************** ENDE TABELLEN *******************/
.imageAuthor {
	
}

.textParagraph {
	clear: both;
}

.textParagraph .textContent p {
	padding: 0px 8px 0px 11px;
}

.textParagraph .title {
	padding: 0px 8px 0px 11px;
}

.textParagraph .title a {
	color: #333 !important;
}

#contentExtraPadding .textContent {
	padding: 0px 8px 0px 11px ! important;
}

#contentExtraPadding .textContent p {
	padding: 0;
}

#context .contextBox {
	border-bottom: 1px solid #ccc;
}

#context .contextBox .textParagraph {
	padding: 0px 0px 0 0px;
	background: #fff;
}

#context .contextBox .textParagraph .text {
	padding: 0px 8px 0px 11px;
	background-color: #fff;
	/* border-top: 1px solid #ccc; */
}

#context .fastaccess .text {
	padding: 0px 8px 0px 11px;
	background-color: #fff;
	border: none;
}

#context .contextBox .textParagraph .text p,#context .fastaccess .text p
	{
	border: none;
}

#context .contextBox .textParagraph .title {
	font-weight: bold;
	color: #333;
	height: 20px;
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 2px 8px 0 11px;
}

#context .contextBox a {
	color: #990000;
}

#context .contextBox a:hover {
	color: #FF0000;
}

#context .contextBox .info {
	background-color: #fff;
	font-weight: normal;
	border: none;
	color: #333;
	overflow: auto;
	padding-bottom: 1px;
}

#context .contextBox .info a {
	color: #990000;
}

#context .contextBox .info a:hover {
	color: #FF0000;
}

#context .contextBox .textContent {
	padding: 0px 8px 0 0px;
}

.downloadFile {
	padding: 3px 5px 3px 22px;
	background: url(/images/link_arrow.gif) no-repeat 11px 10px;
}

.fastaccess {
	margin-bottom: 20px;
}

.fastaccess p {
	color: #333333;
	padding: 2px 0 2px 11px;
	border-bottom: 1px solid #cccccc;
}

.fastaccess .title {
	font-weight: bold;
	height: 20px;
	background: #e0e0e0;
}

.fastaccess .search {
	padding: 0 0 0 6px !important;
}

.fastaccess .fa_entry {
	background: #f0f0f0;
}

.fastaccess .info {
	background: #ffffff;
	font-weight: bold;
	padding-bottom: 4px;
	height: auto;
}

.fa_form {
	background: #fff;
}

.fastaccess a,.fastaccess a:visited {
	color: #333333;
}

.fastaccess a:hover,.fastaccess a:visited :hover {
	color: #FF0000;
}

/** Bild und Bildlegenden Definitionen **/
.par_image { /* background-color: #eeeeee; */
	padding: 0px 0px 0px 0px;
	margin: 0;
	display: block;
}

.par_imageblock {
	float: left;
	/* position: relative; */ /* display: inline; */
	background-color: #fbf5ea;
	margin: 0px 0px 0px 11px;
}

.par_imageblock .downloadFile {
	padding: 3px 5px 3px 8px;
	background: url(/images/link_arrow.gif) no-repeat 0px 10px;
	margin-bottom: 5px;
}

.image_ie_fix {
	vertical-align: top;
}

.legendRight {
	height: inherit;
	float: right;
	padding-left: 11px; /* Nach Styleguide Seite 11 */
	padding-right: 11px; /* Nach Styleguide Seite 11 */
}

.legendBottom {
	background-color: #fbf5ea;
	padding-left: 11px; /* Nach Styleguide Seite 11 */
	padding-right: 11px; /* Nach Styleguide Seite 11 */
}

.clear {
	clear: both;
}

#footer a {
	color: #990000;
	padding-left: 11px;
}

#footer a:hover {
	color: #666666;
	padding-left: 11px;
}

.bg_H01 {
	background: url(../images/bg_theme_h01off.gif) repeat-x;
}

.bg_H02 {
	background: url(../images/bg_theme_h02off.gif) repeat-x;
}

.bg_H03 {
	background: url(../images/bg_theme_h03off.gif) repeat-x;
}

.bg_H04 {
	background: url(../images/bg_theme_h04off.gif) repeat-x;
}

.bg_H01on {
	background: url(../images/bg_theme_h01on.gif) repeat-x;
}

.bg_H02on {
	background: url(../images/bg_theme_h02on.gif) repeat-x;
}

.bg_H03on {
	background: url(../images/bg_theme_h03on.gif) repeat-x;
}

.bg_H04on {
	background: url(../images/bg_theme_h04on.gif) repeat-x;
}

.bg_H05 {
	background: #E0E0E0;
}

/* ********* Multi-Column *********** */
.multicolumn_area {
	width: 770px;
}

.multicolumn {
	width: 209px;
	float: left;
	display: block;
}

.print_link {
	clear: both;
	margin-top: 16px;
	float: right;
}

/******************  INPUT FELDER ************************/
#content .input {
	width: 187px;
}

#content input .browse {
	width: 100px !important;
}

#content .disabled {
	width: 187px;
	background: #ddd;
}

.input_search {
	width: 135px;
	height: 12px;
	font-size: 10px;
}

/**** NEWSLETTER BUTTONS *****/
.button {
	width: 561px;
	_width: 572px;
	text-align: right;
	padding-top: 11px;
	margin: 0px 11px 0px 0px;
}

/* Definiert Submit Buttons */
.submit {
	color: #fff;
	border-left: 1px solid #e41e20;
	border-top: 1px solid #e41e20;
	border-right: 1px solid #681214;
	border-bottom: 1px solid #681214;
	height: 22px;
}

.submit_search {
	border-left: 1px solid #e41e20;
	border-top: 1px solid #e41e20;
	border-right: 1px solid #681214;
	border-bottom: 1px solid #681214;
	height: 18px;
	width: 18px;
	background: #93161a url(/images/buttons/icon_vor.gif) no-repeat 5px 2px;
	margin-left: 6px;
}

.submit_margin_top_11 {
	margin-top: 11px;
}

.submit_margin_top_3 {
	margin-top: 3px;
}

.submit_margin_bottom_11 {
	margin-bottom: 11px;
}

.submit_margin_left_22 {
	margin-left: 22px;
}

.submit_align_left {
	text-align: left;
	padding-left: 5px;
}

.submit_align_right {
	text-align: right;
	padding-right: 5px;
}

.submit_width_143 {
	width: 143px;
}

.submit_width_22 {
	width: 22px;
}

/******** SUBMIT BACKGROUNDS **************/
.submit_abbrechen {
	padding-left: 22px;
	background: #93161a url(/images/buttons/icon_abbrechen.gif) no-repeat
		4px 4px;
}

.submit_aktualisieren {
	padding-left: 22px;
	background: #93161a url(/images/buttons/icon_aktualisieren.gif)
		no-repeat 4px 4px;
}

.submit_editieren {
	padding-left: 22px;
	background: #93161a url(/images/buttons/icon_editieren.gif) no-repeat
		4px 4px;
}

.submit_vor {
	padding-left: 22px;
	background: #93161a url(../images/buttons/icon_vor.gif) no-repeat 4px
		4px;
}

.submit_zurueck {
	padding-left: 22px;
	background: #93161a url(/images/buttons/icon_zurueck.gif) no-repeat 4px
		4px;
}

.submit_in_warenkorb {
	padding-left: 22px;
	background: #93161a url(/images/buttons/icon_in_warenkorb.gif) no-repeat
		4px 4px;
}

.submit_warenkorb {
	padding-left: 22px;
	background: #93161a url(/images/buttons/icon_warenkorb.gif) no-repeat
		4px 4px;
}

.submit_trash {
	background: #93161a url(/images/buttons/icon_trash.gif) no-repeat 4px
		2px;
}

.submit_normal_background {
	background: #93161a;
}

.noBorder {
	border: 0px ! important;
}

/****************************** Workflow / Formulare *******************************/
.form {
	background: #fbf5ea;
	clear: left;
	padding: 2px 5px 2px 11px;
}

.tab {
	font-weight: bold;
	width: 116px;
	height: 40px;
	float: left;
	padding: 2px 5px 2px 11px;
}

.tab_true {
	background: #fbf5ea;
}

.tab_false {
	color: #900;
	background: #f0d6a8 url(/images/workflow_step.gif) no-repeat 0px 0px;
}

.buttonbar {
	overflow: auto;
	height: 77px;
	width: auto;
	background-color: #f0d6a8;
	text-align: center;
}

.buttonbarLeft {
	float: left;
	text-align: left;
	width: 378px;
	padding-left: 22px;
}

.buttonbarRight {
	float: right;
	text-align: right;
	width: 150px;
	padding-right: 22px;
}

/****************************** Glossar *******************************/
.glossar_tab {
	font-weight: bold;
	min-width: 10px;
	width: auto;
	height: 22px;
	float: left;
	text-align: center;
	padding: 2px 5px 2px 5px;
}

.tab_glossar_false {
	color: #900;
	background: #f0d6a8;
	/* background: #f0d6a8 url(/images/workflow_step.gif) no-repeat 0px 0px; */
}

.tab_glossar_true {
	color: #900;
	background: #fbf5ea;
}

.glossar_container {
	background: #fbf5ea;
	clear: left;
}

.glossar_container .textParagraph .title a {
	color: #000 ! important;
}

/******************** FEHLERMELDUNG ***************************/
.error {
	color: #990000;
	background-color: #fbf5ea;
	border: 1px solid #990000;
	padding: 12px;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.errorSmall {
	color: #990000;
}

/*********************** FORMULARE **************************************/
.formselem {
	display: inline-block;
	overflow: auto;
	border-bottom: 1px solid #fff;
	clear: left;
}

.formselem .title {
	display: inline-block;
	width: 143px;
	vertical-align: top;
	text-align: left;
	float: left;
}

.element {
	display: inline-block;
	width: 190px;
	float: left;
}

.element_long {
	display: inline-block;
	width: 260px;
	float: left;
}

.description {
	padding-left: 5px;
	width: 400px;
	display: inline-block;
	color: #000;
	vertical-align: top;
	text-align: left;
	float: left;
}

.description_short {
	padding-left: 5px;
	width: 330px;
	display: inline-block;
	color: #000;
	vertical-align: top;
	text-align: left;
	float: left;
}

.subtitle {
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 2px;
}

.flyoutBlock {
	visibility: hidden;
	display: block;
	position: absolute;
	width: 226px;
	height: auto;
	background-color: #F0F0F0;
	z-index: 20;
}

#flyoutOut {
	visibility: hidden;
	display: block;
	position: absolute;
	width: 246px;
	z-index: 10;
}

#flyoutText {
	visibility: hidden;
	display: block;
	position: absolute;
	width: 100px;
	height: 20px;
	z-index: 11;
}

#flyoutOff {
	visibility: hidden;
	display: block;
	position: absolute;
	width: 800px;
	z-index: 9;
}

.flyoutBlock a {
	padding-left: 11px;
	color: #333333 ! important;
	font-weight: normal ! important;
}

.flyoutBlock a:hover {
	color: #FF0000 ! important;
}

.flyoutEntry {
	border-bottom: 1px solid white;
	height: 21px;
}

.flyoutEntSel {
	border-bottom: 1px solid white;
	height: 21px;
	background: url(../images/navleft_block_h03.gif) no-repeat;
}

/***************************** SHOP *******************************/
	/******** TEASER ****************************/
.productTeaser {
	width: 572px;
	overflow: auto;
	height: 100%;
	background: #fbf5ea;
	border-bottom: 1px solid #fff;
}

.productTeaserLeft {
	width: 407px;
	vertical-align: top;
	text-align: left;
}

.productTeaserLeft p a {
	font-weight: bold;
}

.productTeaserRight {
	width: 165px;
	vertical-align: bottom;
}

.productTeaserRightPrice {
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

.productTeaserRightButton {
	height: 25px;
}

/******** Header Bar **********************/
.shopHeaderBar {
	height: 22px;
	width: 572px;
	color: #333;
	font-weight: bold;
	background: #f0d6a8;
}

.shopHeaderBarLeft {
	float: left;
	width: 396px;
	padding-top: 2px;
}

.shopHeaderBarRight {
	float: right;
	width: 176px;
	padding-top: 2px;
}

/********************************* shop detail****************/
.productDetail {
	width: 100%;
	background: #fbf5ea;
	border-bottom: 1px solid #fff;
}

.productDetailImage {
	float: left;
	width: 210px;
	left: 0;
	padding-top: 5px;
	margin-bottom: 8px;
}

.productDetailMainPar {
	
}

.productDetailMainPar .downloadFile {
	margin-top: 22px;
	padding: 3px 5px 3px 11px;
	background: url(/images/link_arrow.gif) no-repeat 0px 8px;
}

.productDetailMainPar .title {
	color: #990000;
}

.productDetailMainPar .subtitle {
	padding-left: 11px;
}

.productDetailOrderBar {
	margin-top: 22px;
	color: #333;
	padding-top: 11px;
	padding-bottom: 11px;
	height: 22px;
	width: 572px;
	font-weight: bold;
	background: #f0d6a8;
	clear: left;
}

.productDetailOrderBarPrice {
	float: left;
	width: 190px;
	height: 22px;
	padding-top: 3px;
}

.productDetailOrderBarQuantity {
	float: left;
	width: 179px;
	height: 22px;
}

.productDetailOrderBarButton {
	float: right;
	text-align: right;
	padding-right: 22px;
	width: 179px;
	height: 22px;
}

.productDetailOrderBackButtonBlock {
	padding-bottom: 11px;
	padding-left: 11px;
}

#xywBestellungShoppingCart input {
	width: 200px;
	text-align: center;
}

/**************** shopping cart **************/
	/********** big shopping cart ********/
.shopCartTable {
	width: 560px;
}

.shopCartTableRow {
	overflow: auto;
	width: 100%;
	clear: both;
	padding-top: 2px;
	padding-bottom: 2px;
}

.shopCartTableRowBorderBottom {
	border-bottom: 1px solid #fff;
}

.shopCartTableRowTotalLeft {
	overflow: auto;
	float: left;
	width: 405px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
	font-weight: bold;
}

.shopCartTableRowTotalRight {
	overflow: auto;
	float: left;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
	font-weight: bold;
}

.shopCartTableRow p {
	padding-left: 0px !important;
	padding-top: 2px;
	font-weight: bold;
}

.shopCartTableQuantityHeader {
	text-align: left;
	float: left;
	width: 44px;
	clear: left;
}

.shopCartTableQuantity {
	float: left;
	width: 44px;
}

.shopCartTableTitleHeader {
	float: left;
	width: 228px;
	padding-left: 12px;
}

.shopCartTableTitle {
	float: left;
	width: 228px;
	padding-left: 12px;
	padding-top: 2px;
}

.shopCartTableCHF {
	float: left;
	width: 33px;
	padding-top: 2px;
}

.shopCartTablePriceHeader {
	float: left;
	width: 99px;
	text-align: left;
	padding-right: 22px;
}

.shopCartTablePrice {
	float: left;
	width: 66px;
	text-align: right;
	padding-right: 22px;
	padding-top: 2px;
}

.shopCartTableTotalPriceHeader {
	float: left;
	width: 99px;
	text-align: left;
}

.shopCartTableTotalPrice {
	float: left;
	width: 66px;
	text-align: right;
	padding-right: 22px;
	padding-top: 2px;
}

.shopCartTableTrashCanHeader {
	float: left;
	width: 22px;
}

.shopCartTableTrashCan {
	float: left;
	width: 22px;
}

/************************************END CART ******************************/
	/******************************** address forms of the shopping cart*********/
.shopAddressForm {
	width: 100%;
}

.shopAddressRow {
	overflow: auto;
	border-bottom: 1px solid #fff;
	padding: 2px 0 2px 0;
	clear: both;
}

.shopAddressLabel {
	float: left;
	width: 130px;
	font-weight: bold;
	padding: 2px 0 0 0;
}

.shopAddressField {
	float: left;
	color: #dc143c;
}

.shopAddressField input {
	width: 143px;
}

.shopAddressField select {
	width: 146px;
}

.shopAddressField input.plz {
	width: 30px;
	margin-right: 8px;
}

.shopAddressField input.ort {
	width: 99px;
}

/************ little shopping cart *************/
.littleBasket {
	background: #fbf5ea;
}

.littleBasketTitle {
	background: #f0d6a8;
	padding-left: 11px;
	height: 22px;
	padding-top: 2px;
	font-weight: bold;
	color: #333;
}

.littleBasketContent {
	
}

.littleBasketRow {
	border-bottom: 1px solid white;
}

.littleBasketQuantity {
	float: left;
	width: 33px;
	padding-left: 11px;
}

.littleBasketProductTitle {
	float: right;
	width: 132px;
}

.littleBasketProductTitle a {
	color: #900;
	font-weight: bold;
}

.littleBasketProductTitle a:hover {
	color: #F00;
}

.littleBasketPrice {
	clear: both;
	padding-right: 11px;
	text-align: right;
}

.littleBasketGranTotalLabel {
	float: left;
	width: 22px;
	padding-left: 11px;
	font-weight: bold;
	color: #333;
}

.littleBasketGranTotalPrice {
	float: right;
	width: 132px;
	font-weight: bold;
	color: #333;
	text-align: right;
	padding-right: 11px;
}

.littleBasketButtonGroup {
	clear: both;
	background: #f0d6a8;
	text-align: center;
	overflow: auto;
}

/******************** SITEMAP ***************************/
#sitemap p {
	width: 100%;
	line-height: 20px;
}

#sitemap a {
	display: block;
	padding: 2px 0 0 0px;
	color: #333333;
}

#sitemap a:hover {
	color: #FF0000;
}

.sitemapLink {
	height: 22px ! important;
}

.sitemapLink a,.sitemapLink a:hover {
	font-weight: bold;
	color: #FFFFFF !important;
}

.sitemapLinkBlack a,.sitemapLinkBlack a:hover {
	font-weight: bold;
	color: #000 !important;
}

.sitemap_ast {
	width: 255px;
	float: left;
	margin-right: 22px;
}

.sitemap_ast_right {
	width: 255px;
	float: right;
}

/************************** SUCHE *****************************************************/
.searchResult p {
	padding: 0px !important;
}

/************************** FORM BLOCK OUTPUT *****************************************************/
.form_block { /* border-bottom: 1px solid #e0e0e0; */
	
}

.edit_form_block {
	float: right;
}

/******** Weihnachtskarte **********************/
.christmasCardForm label.formelement,input.formelement {
	display: none;
	line-height: 10px;
}

.christmasCardForm fieldset {
	border: 0px;
	margin-bottom: 10px;
}

.christmasCardForm legend {
	padding: 0 2px;
	font-weight: bold;
}

.christmasCardForm label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	font-weight: bold;
}

.christmasCardForm fieldset ol {
	margin: 0;
	padding: 0;
}

.christmasCardForm fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
}

.christmasCardForm fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}

.christmasCardForm fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
}

.christmasCardForm fieldset fieldset label.ecardimage {
    display: inline;
    width: 155px;
    margin-left: 1px;
    font-weight: normal;
    float: left;
}

.christmasCardForm fieldset fieldset label input.ecardimage {
    vertical-align: top
}

.christmasCardForm em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
}

.christmasCardForm label {
	width: 120px;
}

.christmasCardForm fieldset input.textfield {
    width: 220px;
}

.christmasCardForm fieldset fieldset label {
	margin-left: 123px;
}

/******** Teaser **********************/
.teaserSpacer {
	padding-left: 5px;
}

.teaserFullWidth {
	width: 100%;
}

/*** Quarter image, text to the right ***/
.teaserImageQuarter {
	width: 25%;
	float: left;
}

.teaserImageQuarter img {
	width: 100%;
}

.teaserTextRight {
	width: 75%;
	float: right;
}

/*** Half image, text to the right ***/
.teaserImageHalf {
	width: 50%;
	float: left;
}

.teaserImageHalf img {
	width: 100%;
}

.teaserTextRightHalf {
	width: 50%;
	float: right;
}

.teaserImageTop {
	width: 100%;
}

.teaserImageTop img {
	width: 100%;
}

.teaserTextBottom {
	width: 100%;
}


/* Handle float closing and ie */
.clearfix:after {
	content: ".";
	display: block;
	font-size:0;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: block; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
* html .clearfix { height: 1%; }
html .ie_clearing {
	position:static;
	display:block;
	clear:both;
	width: 100%;
	font-size:0px;
	margin: -2px 0 -1em 1px;
	background-color: transparent;
}
* html .ie_clearing { margin: -2px 0 -1em 0; }
.floatbox { overflow: hidden; zoom: 1; }