HTML, BODY {margin: 0; padding: 0;}
BODY {color: #333; font: 12px Verdana, Tahoma, Arial, sans-serif, Helvetica; background-color: #45b5fd;  text-align: center;}

#container {width: 760px; margin: 0 auto; text-align: left;}
#wrapper {width: 100%;}

#header {width: 100%; height: 90px;}
#header A {border: none; text-decoration: none;}
#header UL {margin: 0; padding: 0; list-style: none; background: inherit; height: 80px;}
#header LI {margin: 0; padding: 0; background: none; float: left; height: 80px; text-align: center;}
#header LI IMG {margin-top: 29px;}
#header LI.header-logo {width: 235px;}
#header LI.header-logo IMG {margin-top: 16px;}
#header LI.header-download {width: 130px;}
#header LI.header-smileys {width: 130px; }
#header LI.header-order {width: 135px;}
#header LI.header-getmore {width: 130px;}
#header LI.header-help {width: 115px;}
#header LI.header-item {width: 150px;}


#header LI.header-left {width: 250px; text-align: center;}
#header LI.header-center {width: 250px; text-align: center;}
#header LI.header-right {width: 220px; text-align: center;}


.center {text-align: center;}
.bold {font-weight: bold;}
.red {color: #FF0000;}
.selected {background-color: #FFFEBB; padding: 2px;}

H1 {color: #F30; font: 24px Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; padding: 0px 0px 20px 0px; margin: 0;}
H1.title {color: #09F; padding-bottom: 0;}

H2 {color: #F30; font: 20px Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; padding: 0px 0px 15px 0px; margin: 0;}
H3 {color: #F30; font: 14px Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; padding: 0px; margin: 0 0 10px 0;}
H3.marked {background: url(/images/marker-arrow.gif) no-repeat; padding-left: 12px; }

P {color: #333; font: 12px/1.6 Verdana, Arial, Helvetica, sans-serif; padding: 0; margin: 0px 0 10px;}
P.subtitle {color: #09F; font-size: 11px; font-weight: bold; margin: 0px; padding: 0px;}

A {color: #03C;} 
A:visited {color: #36C;}
A:hover {color: #69F;}

A.no-border {border: none; text-decoration: none;}
A.no-border:hover {border: none; text-decoration: none;}
A.outgoing {padding-right: 10px; background: url(/images/outgoing-link.gif) no-repeat right top;}

UL {margin: 0px 0px 10px 10px; padding: 0px;}
UL LI {margin: 0px; padding: 2px 0px 5px 16px; list-style-type: none; background: url(/images/marker.gif) no-repeat left;}
OL {margin: 0px 0px 10px 20px; padding: 0px 0px 0px 20px;}
OL LI {margin: 0px; padding: 3px 0px;}

UL.not {margin: 0px 0px 10px 10px; padding: 0px;}
UL.not LI {margin: 0px; padding: 4px 0px 10px 34px; list-style-type: none; background: url(/images/marker-not.gif) no-repeat left; font-size: 11px; font-weight: bold;}

UL.order {margin: 0px 0px 10px 0px; padding: 0px;}
UL.order LI {margin: 0px; padding: 6px 0px 8px 28px; list-style-type: none; background: url(/images/ibppfeil.gif) no-repeat left;}
UL.order LI A {font-size: 14px; font-weight: bold;}

UL.tick-green {margin: 0px 0px 10px 10px; padding: 0px;}
UL.tick-green LI {margin: 0px; padding: 6px 0px 6px 24px; list-style-type: none; background: url(/images/tick-green.gif) no-repeat left;}

UL.tick-red {margin: 0px 0px 10px 10px; padding: 0px;}
UL.tick-red LI {margin: 0px; padding: 6px 0px 6px 26px; list-style-type: none; background: url(/images/tick-red.gif) no-repeat left;}

DIV#collections {margin: 20px 60px; background: #FEF; border: 1px #FCF solid; padding: 20px 10px 10px 40px;}

IMG.visual {float: left; margin: 25px 10px 0 15px;}
IMG.smiley-side {margin: 40px 0 30px 5px;}
IMG.button-side {margin: 0 0 10px 5px;}
IMG.operating-system {margin: 0 0 15px 25px;}
IMG.money-back {margin: 0 0 30px 15px;}
IMG.float-left {float: left; margin: 2px 10px 2px 0;}
IMG.float-right {float: right; margin: 2px 0 2px 10px;}

DIV.clear {clear: both; font-size: 0px; padding: 0; margin: 0;}
DIV.selections {border: #FE0 1px solid; background: #FFFFCC; margin: 20px 0px 20px 0px; padding: 20px 20px 10px 20px;}

DIV#leftpane {float: left; width: 180px;}
DIV#rightpane {float: right; width: 490px; border-left: 2px #E1F2FC solid; padding: 0 0 0 20px;}

#overview {padding: 0px 0px 15px; margin: 0px 0px 10px 0px; border-bottom: 1px #CCC solid;}
#overview UL {margin: 0; padding: 0; list-style: none; background: inherit; height: 40px;}
#overview LI {margin: 0; padding: 0; background: none; float: left; height: 40px;}

#footer {clear: both; height: 55px; color: #000;}
#footer A {color: #000; text-decoration: none;}
#footer A:visited {color: #039; text-decoration: none;}
#footer A:hover {color: #039; text-decoration: underline;}
#footer .footer-links P {text-align: center; margin: 5px 0 2px; padding: 0;}
#footer .footer-copyright P {text-align: center; margin: 0 0 10px; padding: 0;}

#content-frame							{background: #FFF; margin: 0; padding: 0;}
#content-frame .frame-top-left			{background: url(/images/border-top-left.png) no-repeat;}
#content-frame .frame-top-line			{background: url(/images/border-top-line.png) repeat-x top;}
#content-frame .frame-top-right			{background: url(/images/border-top-right.png) no-repeat;}
#content-frame .frame-left-line			{background: url(/images/border-left-line.png) repeat-y right;}
#content-frame .frame-right-line		{background: url(/images/border-right-line.png) repeat-y left;}
#content-frame .frame-bottom-left		{background: url(/images/border-bottom-left.png) no-repeat;}
#content-frame .frame-bottom-line		{background: url(/images/border-bottom-line.png) repeat-x bottom;}
#content-frame .frame-bottom-right		{background: url(/images/border-bottom-right.png) no-repeat;}
#content-frame .frame-content			{padding: 10px;}
#content-frame .frame-content-left		{padding: 0px 5px 0px 20px;}
#content-frame .frame-content-right		{padding: 0px 10px 0px 25px;}
#content-frame .frame-content-separator {background: #E1F2FC;}

#home-pane {width: 450px; float: right; margin: 20px 20px 0 0; padding: 20px 10px 30px 30px; background: url(/images/back-home.gif) no-repeat right top;}
#home-pane H1 {color: #FFF; font-size: 24px;}
#home-pane UL {color: #FFF; font-size: 16px; font-weight: bold; margin-top: 10px; margin-left: 20px; margin-bottom: 30px;}
#home-pane UL LI {margin: 0px; padding: 5px 0px 5px 20px; background: url(/images/marker-home.gif) no-repeat left;}
#home-pane #quote {margin-bottom: 20px; padding: 0px 10px 0px 0px;}
#home-pane #quote CITE {color: #300; font-size: 14px; margin-bottom: 0px;}
#home-pane #quote P {color: #300; text-align: right;}

#home	 {margin: 0px 0 10px 40px; background: #FFF;}
#home-01 {background: url(/images/home-01.png) no-repeat;}
#home-02 {background: url(/images/home-02.png) no-repeat;}
#home-03 {background: url(/images/home-03.png) no-repeat; font-size: 18px; line-height: 20px; padding: 8px 0 0 36px;}
#home-04 {background: url(/images/home-04.png) no-repeat;}
#home-05 {background: url(/images/home-05.png) no-repeat;}
#home-06 {background: url(/images/home-06.png) no-repeat;}


#home2 {margin: 0px 0 10px 10px; background: #FFF;}
#home2-01 {background: url(/images/home2-01.png) no-repeat;}
#home2-02 {background: url(/images/home2-02.png) no-repeat;}
#home2-03 {background: url(/images/home2-03.png) no-repeat; font-size: 18px; line-height: 20px; padding: 8px 0 0 36px;}
#home2-04 {background: url(/images/home2-04.png) no-repeat;}
#home2-05 {background: url(/images/home2-05.png) no-repeat;}
#home2-06 {background: url(/images/home2-06.png) no-repeat;}



#download-pane {height: 245px; width: 370px; background: #FFF url(/images/back-download.gif) no-repeat; margin: 15px auto 10px; padding: 18px 10px 0 35px; text-align: left;}
#download-pane IMG {margin: 2px 0 4px}
#download-title {font-size: 24px; color: #E30; font-weight: normal; padding: 0; margin: 0;}
#download-subtitle {font-size: 14px; color: #E30; font-weight: bold; padding: 0; margin: 0 0 5px;}
#download-alt {margin: 0 0 0 10px;}
#cleansoft {font-size: 10px; font-weight: bold; margin: 20px 0 10px;}

#order-pane {height: 300px; width: 370px; background: #FFF url(/images/back-order.gif) no-repeat; margin: 20px auto 10px; padding: 18px 10px 0 35px; text-align: left;}
#order-pane IMG {margin: 2px 0 4px}

#order-title {font-size: 24px; color: #A00; font-weight: normal; padding: 0; margin: 0;}
#order-subtitle {font-size: 14px; color: #A00; font-weight: bold; padding: 0; margin: 0 0 5px;}
#order-price {margin: 0 10px; font-size: 11px;}
#order-cards {margin: 15px 0 0;}
#order-cards IMG {margin-right: 8px;}


#quickstart-pane {width: 460px; height: 134px; margin: 0px 0px 20px 0px; background: url(/images/back-quickstart.gif) no-repeat;}
#quickstart-pane P {padding: 36px 10px 0px 16px; margin: 0; font-size: 14px; font-weight: bold; line-height: 18px;}
#quickstart-pane #demo-link {padding: 18px 0px 0px 265px; font-weight: bold;}


#form-wrapper {padding: 1px; margin: 20px 0px; border: #74CCFF 1px solid;}
#form {background: #c8ebff; padding: 15px 25px 5px 25px;}
#form P {font-weight: bold; margin: 0px; padding: 0px 0px 5px; }
#form P.normal {font-weight: normal; }
#form FORM {margin: 0px; padding: 0px;}
#form SELECT {border: 1px #74CCFF solid; margin: 0px 0 10px 0; width: 280px;}
#form TEXTAREA {border: 1px #74CCFF solid; width: 100%; margin: 0 0 10px 0;}
#form INPUT {margin: 0px 0 10px 0;}
#form INPUT.edit {border: 1px #74CCFF solid; width: 280px;}
#form INPUT.submit {height: 3em; font-size: 14px;}
#form HR {margin: 0px 20px 12px 0px;}
#form SPAN {color: #F30; margin-left: 6px; display: none}
#form A.privacy {float: right; text-align: right;}

#problems {display: none;}

#chain {margin: 0 0 10px 0; border1: 1px #EEE solid;}
#chain UL {padding: 0; margin: 0;}
#chain LI {list-style-type: none; display: inline; margin: 0 2px 0 0; padding: 0px 10px 0px 0px; background-image: none; background: url(/images/chain.gif) no-repeat right;}
#chain LI.last {background-image: none;}

.smileys-catalog {padding: 0; margin: 0 0 4px 0px; line-height: 1.2em;}
.smileys-catalog .cell {float: left; width: 230px; height: 70px; margin: 5px 0px 5px 0px; font-size: 10px; }
.smileys-catalog .cell .right {float: left; width: 150px; }
.smileys-catalog .cell .right H3 {margin-bottom: 5px; font-size: 13px;}
.smileys-catalog .cell IMG {float: left; margin-right: 10px;}
.smileys-catalog P {color: #000; margin: 0 0 2px;}

.table-login {}
.table-login TD.caption {width: 70px; height: 35px; text-align: right; padding-right: 5px;}

.table-login-extras {}
.table-login-extras TD.caption {width: 150px; height: 35px; text-align: right; padding-right: 5px;}


.offer {width: 550px; border: 2px #EEE solid; margin: 20px auto;}
.offer H2 {background: #47E; color: #FFF; font-size: 18px; font-weight: bold; padding: 8px 0; text-align: center;}
.offer .preface {text-align: center; margin: 15px; color: #669; font-size: 12px; font-weight: bold;}
.offer .postface {margin: 10px 15px;}

.testimonial {width: 500px; padding: 20px 20px 0; margin: 10px auto 30px; border: 1px solid #C63; background-color: #FFC;}
.testimonial .title {font-size: 14px; font-weight: bold;}
.testimonial .quote {font-size: 14px; font-style: italic; margin-bottom1: 5px;}
.testimonial .author {text-align: right;}




/* Helpdesk Styles */
.admin_nav {margin: 2px 0px 20px; text-align: center;}

.ticket_headers {background: #c8ebff; border: #0AE 1px solid; padding: 0px 10px 0px 10px; margin: 0 0 6px;}
.ticket_message {background: #FFFFEE; border: 1px #999 solid; padding: 10px 10px 0px 10px; margin: 0 0 6px;}
.ticket_reply {background: #FCFFFF; border: 1px #999 solid; padding: 10px 10px 0px 10px; margin: 0 0 6px;}

.open {color: #FF0000;}
.waitingreply {color: #FF9933;}
.replied {color: #0000FF;}
.resolved {color: #008000;}
.allbutresolved {color: #000000;}

.success {color : #008000;}
.error {color : #FF0000;}
.error A {color : #FF0000;}
.notice {color : #FF9900}


table.white {
	background-color: #F4F4F4;
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

table.enclosing {
	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	BORDER-RIGHT: #23559C 1px solid;
	BORDER-LEFT: #23559C 1px solid;
	BORDER-TOP: #23559C 1px solid;
	BORDER-BOTTOM: #23559C 1px solid;
}

TD.white {
	background-color: #FFFFFF;
	color: black;
}

TD.admin_white {
	background-color: #FFFFFF;
	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}

TD.admin_gray {
	background-color: #F4F4F4;
	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}