/***********************************/
/********* ONLY BACKEND ************/
/***********************************/
body.mceContentBody {
    background-color: #ffffff;
    font-family: arial,helvetica, sans-serif;
    font-size: 75%;
}
body.mceContentBody td      { font-size: 0.75em; } /* hack 2 undo the page stylesheets of admin do not copy to a frontened css */
body.mceContentBody .mcevisualaid {	border: 1px dashed #bbbbbb; }
body.mceContentBody img.ttlayer { border: 1px dashed #000000; }
/***********************************/

/* reset styles wysywig elements */
body.mceContentBody h1, body.mceContentBody h2, body.mceContentBody h3, body.mceContentBody h4, body.mceContentBody h5, body.mceContentBody h6, body.mceContentBody div, body.mceContentBody span, body.mceContentBody p, body.mceContentBody em, body.mceContentBody ol, body.mceContentBody ul, body.mceContentBody li, body.mceContentBody strong, body.mceContentBody hr, body.mceContentBody table, body.mceContentBody tr, body.mceContentBody th, body.mceContentBody td, body.mceContentBody blockquote  { margin: 0; padding: 0; border: 0; vertical-align: top; }
body.mceContentBody table { border-collapse: collapse; border-spacing: 0; }
/* end of reset */

.mceContentBody 	{ font-size: 1.3em; line-height: 1.2em; }


h1  							{ color: #f58026; font-size: 2.8em; line-height:1em; font-weight:normal; margin:0.3em 0 0.5em; }
.mceContentBody h2				{ color: #4a4949; font-size: 1.8em; font-weight:normal; padding-bottom:10px; }
.mceContentBody h2 a  			{ color: #4a4949; cursor:pointer; } /* h2 a with color is for toc in frontend*/
.mceContentBody h3  			{ color: #f58026; font-size: 1.7em; font-weight:normal; padding-bottom:0.4em; line-height:1.2em; }
.mceContentBody h4				{ color: #4a4949; font-size: 1.4em; font-weight:bold; letter-spacing:1px; }
.mceContentBody h4.featuretitle	{ color: #3d87cd; }
.mceContentBody h5 				{ color: #f58026; font-size: 1.4em; font-weight:normal; padding-bottom:3px; line-height:1.2em; }
.mceContentBody h6 				{ color: #4a4949; font-size: 1.4em; font-weight:normal; padding-bottom:3px; }

.mceContentBody a.gogo   		{ color :#f58026; text-decoration:none; padding:0 10px 0 0; background:url(../../images/default/gogo_white_brown.gif) right 2px no-repeat; }
.mceContentBody a.gogo:hover 	{ color: #616060; background:url(../../images/default/gogo_white_brown.gif) right -36px no-repeat; }

.mceContentBody a.gogo_back   		{ color :#f58026; text-decoration:none; padding:0 0 0 10px; background:url(../../images/default/gogo_back_white_brown.gif) left 2px no-repeat; }
.mceContentBody a.gogo_back:hover 	{ color: #616060; background:url(../../images/default/gogo_back_white_brown.gif) left -36px no-repeat; }

.mceContentBody a   			{ color :#f58026; text-decoration:none; }
.mceContentBody a:hover 		{ color: #333333; text-decoration:underline; }
.mceContentBody p           	{ color: #333333; line-height:1.3em; }
.mceContentBody p.error,
.mceContentBody p.alert 		{ color: #ff0000; font-weight:bold; }
.mceContentBody p.small     	{ font-size:0.8em; color: #333333; }
.mceContentBody p.red       	{ color: #FF0000; }
.mceContentBody .imagecaption	{ font-style:italic; }
.mceContentBody .date			{ color:#666666; font-size:1em; padding:4px 0 2px; display:inline-block; }
.mceContentBody blockquote  	{}
.mceContentBody ul				{}
.mceContentBody ol				{}
.mceContentBody li          	{ color: #333333; }
.mceContentBody	strong			{}
.mceContentBody	em 				{}
.mceContentBody	sub				{ line-height: 1.2em; vertical-align: baseline; vertical-align: bottom; position: relative; }
.mceContentBody	sup				{ line-height: 1.2em; vertical-align:text-top; vertical-align: top; position: relative; }
.mceContentBody hr          	{ border: 1px solid; border-color: #e7e7e7 #ffffff #ffffff #ffffff;  }
span.formrequired     { color: #EF7E22; font-weight: bold; }

div.maincontainer div.mceContentBody a.button				{ background: transparent url(../../images/default/button_panel_left.gif) no-repeat 0 0; display: block; float: left; font-weight:bold; color:#FFFFFF; line-height: 25px; height: 40px; padding-left: 10px; text-decoration: none; margin:0 10px 0 0; }
div.maincontainer div.mceContentBody a.button span			{ background: transparent url(../../images/default/button_panel_right.gif) no-repeat top right; display: block; padding: 4px 10px 11px 0px; text-align:center; }

div.maincontainer div.mceContentBody a.button:hover			{ background: transparent url(../../images/default/button_panel_left.gif) no-repeat 0px -50px; cursor:pointer; }
div.maincontainer div.mceContentBody a.button:hover span	{ background: transparent url(../../images/default/button_panel_right.gif) no-repeat right -50px; }

/*product button*/
div.mceContentBody div.productthumbbox a.button				{ margin:0; float:none; }

/*transaction button*/
div.maincontainer div.transactions a.button					{  margin:0; float:right; }

/*loginform*/
div.footer div.mceContentBody form.loginform 							{ margin:0; padding:0; }
div.footer div.mceContentBody form.loginform fieldset					{ padding:0; border:none; }

div.footer div.mceContentBody form.loginform legend						{  }
div.footer div.mceContentBody form.loginform label						{ padding:0 10px 0 0; margin:0; }
div.footer div.mceContentBody form.loginform input.text					{ background:transparent; border:none; height:27px; padding:4px 8px; color:#413f38; font-weight:bold; }
div.footer div.mceContentBody form.loginform table tr td				{ vertical-align:middle; border-bottom:4px solid transparent; }
div.footer div.mceContentBody form.loginform table tr td.corner span	{ background:transparent url(../../images/default/textbox_bg_right.gif) top right no-repeat; height:27px; display:inline-block; width:210px; }
div.footer div.mceContentBody form.loginform table tr td.corner			{ background:transparent url(../../images/default/textbox_bg_left.gif) 0 0 no-repeat; height:27px; }
*+html div.footer div.mceContentBody form.loginformtable tr td.corner	{ background:transparent url(../../images/default/textbox_bg_left.gif) 0 0 no-repeat; }
div.footer div.mceContentBody form.loginform p.formerror				{ color:#FFFFFF; margin:0 0 1em; }

div.footer div.mceContentBody form.loginform a.gogo						{ color:#FFFFFF; text-decoration:none; background:url(../../images/default/gogo_white_orange.gif) 100% 1px no-repeat; padding:0 10px 0 0; white-space:nowrap; }
div.footer div.mceContentBody form.loginform a.gogo:hover				{ background:url(../../images/default/gogo_white_orange.gif) 100% -37px no-repeat; color:#F58026; }

div.footer div.mceContentBody table.loggedin tr td						{ padding:2px 0; }
div.footer div.mceContentBody table.loggedin tr.options td				{ padding:12px 0 0 0; }
div.footer div.mceContentBody table.loggedin a.gogo						{ color:#FFFFFF; text-decoration:none; background:url(../../images/default/gogo_white_orange.gif) 100% 1px no-repeat; padding:0 10px 0 0; white-space:nowrap; }
div.footer div.mceContentBody table.loggedin a.gogo:hover				{ background:url(../../images/default/gogo_white_orange.gif) 100% -37px no-repeat; color:#F58026; }

/* standardtable */
.mceContentBody table caption,
.mceContentBody table.standardtable caption		{ text-align:left; font-weight:bold; color:#333333; margin:0 0 2px 0; }
.mceContentBody table.standardtable				{ margin:0 0 0 0px; }
.mceContentBody table.standardtable thead tr	{  }
.mceContentBody table.standardtable thead tr td { font-weight: bold; color: #333333; line-height:1.5em; padding:0 10px; background:#e7e7e7; }
.mceContentBody table.standardtable tbody tr	{  }
.mceContentBody table.standardtable tbody tr td { color: #333333; padding:4px 10px; line-height:1.3em; vertical-align:top; border-right:1px solid #e7e7e7; }
.mceContentBody table.standardtable tfoot tr	{  }
.mceContentBody table.standardtable tfoot tr td { color: #333333; padding:0 10px; line-height:1.4em; background:#e7e7e7;  }
.mceContentBody table.standardtable tbody tr td.standardtablefirstcolumn,
.mceContentBody table.standardtable tbody tr td.standardtablefirstcolumn a { background-color: #ffffff; border-left:2px solid #e7e7e7; }

.mceContentBody table.attentiontable 	 { margin-left: -35px; }
body.mceContentBody table.attentiontable { border: 1px dotted #cccccc; width: 100%; margin-left: 0;}

/*feature table*/
.mceContentBody table caption,
.mceContentBody table.featuretable caption					{ text-align:left; font-weight:bold; color:#333333; margin:0 0 2px 0; }
.mceContentBody table.featuretable thead tr					{  }
.mceContentBody table.featuretable thead tr td 				{ font-weight: bold; color: #333333; line-height:1.5em; padding:0 10px 5px; border-right:2px solid #e7e7e7; text-align:center; }
.mceContentBody table.featuretable thead tr.buttons td 		{ padding:5px 10px 15px; border-right:2px solid #e7e7e7; text-align:center; }
.mceContentBody table.featuretable thead tr td p.pricing	{ white-space:nowrap; }
.mceContentBody table.featuretable thead tr td p.pricedescription	{ font-weight:normal; font-size:85%; padding:2px 0 0 0; }
.mceContentBody table.featuretable tbody tr.grey:hover td 	{ background:#e7e7e7 }
.mceContentBody table.featuretable tbody tr:hover td		{ background:#e7e7e7; }
.mceContentBody table.featuretable tbody tr td 				{ color: #333333; padding:5px 10px; line-height:1.3em; vertical-align:top; border-right:2px solid #e7e7e7; vertical-align:middle; text-align:center; }
.mceContentBody table.featuretable tbody tr td.firstcolumn 	{ text-align:left; }
.mceContentBody table.featuretable tbody tr td img 			{ vertical-align:middle; }
.mceContentBody table.featuretable tbody tr.grey td 		{ background:#f4f4f4; }
.mceContentBody table.featuretable tfoot tr					{  }
.mceContentBody table.featuretable tfoot tr td 				{ color: #333333; padding:0 10px; line-height:1.4em; background:#e7e7e7;  }

.mceContentBody table.featuretable thead tr td a.button							{ background: transparent url(../../images/default/button_content_left.gif) no-repeat 0 0; display: block; font-weight:bold; color:#FFFFFF; line-height: 25px; height: 40px; padding-left: 10px; text-decoration: none; float:none; margin:0; }
.mceContentBody table.featuretable thead tr td a.button span					{ background: transparent url(../../images/default/button_content_right.gif) no-repeat top right; display: block; padding: 4px 10px 11px 0px; white-space:nowrap; }

.mceContentBody table.featuretable thead tr td a.button:hover					{ background: transparent url(../../images/default/button_content_left.gif) no-repeat 0px -50px; cursor:pointer; }
.mceContentBody table.featuretable thead tr td a.button:hover span				{ background: transparent url(../../images/default/button_content_right.gif) no-repeat right -50px; }

/*custom styles */
.mceContentBody .red 		{ color: #ff0000; }

/*** LISTS, option 1: bullets when next to image, but not aligned neatly behind bullet after linebreaks ***/
.mceContentBody ul			{ list-style-position: outside; display: block; position: relative; list-style: disc; }
.mceContentBody ol          { list-style-position: outside; display: block; position: relative; list-style: decimal; }
.mceContentBody li			{ margin-left: 2em; }

    /* frontend */
div.mceContentBody ul ul,
div.mceContentBody ol ul,
div.mceContentBody ul ol,
div.mceContentBody ol ol    { left: 0em; }
    /* backend */ /* frontend works in backend for firefox but not in IE */
body.mceContentBody ul ul,
body.mceContentBody ol ul,
body.mceContentBody ul ol,
body.mceContentBody ol ol   { margin-left: 3.2em; }
body.mceContentBody li	{ margin-left: 2em; }
body.mceContentBody li li	{ margin-left: 0em; }

/*** LISTS, option 2: aligned neatly behind bullet after linebreaks but no bullets and indentation when next to image ***/
/*.mceContentBody ul,
.mceContentBody ol          { margin-left: 1.6em; padding: 0em; }
.mceContentBody ul ul,
.mceContentBody ol ul,
.mceContentBody ul ol,
.mceContentBody ol ol       { font-size: 1em; margin-left: 1.6em; }
.mceContentBody li          { }*/

/***********************************/
/********* ONLY FRONTEND ***********/
/***********************************/
div.mceContentBody ul.toc		{ display: inline-block; width:100%; position: relative; list-style:none; background:#f58026; padding:10px; }
div.mceContentBody ul.toc li	{ margin-left:0; float:left; margin:2px 0; }
div.mceContentBody ul.toc li a	{ color:#FFFFFF; font-weight:bold; padding:0 20px 0 0; white-space:nowrap; }
div.mceContentBody ul.toc li a:hover	{ color:#28292b; }


div.mceContentBody span.ttlayer { display: run-in;  }
div.mceContentBody span.ttlayer span.document { margin: 0; }
div.mceContentBody span.ttlayer span.document img { margin: 0 0.8em 0 0; border-width: 0; width: 1.6em; height: 1.6em; }
div.mceContentBody span.ttlayer span.imagecaption { display: block; margin: 0; text-align: center; }

div.mceContentBody div.slideshowjs { background-color: #ffffff; }
div.mceContentBody div.slideshowjs img { }
div.mceContentBody div.slideshowjs p { text-align: center; }