/*SETUP  SANDNER*/
html, body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
margin: 0px;
text-align: center;
}
/*HEADINGS*/
h2 {
font-size: 16px;
}
h3 {
font-size: 13px;
}
/*LINKS*/
a {
color: #383838;
text-decoration: none;
}
a:hover {
color: red;
}
a.red {
	color: red;	
}
a.dark {
color: #2A2A2A;
}

a.bright {
color: #ADADAD;
}

#wrapper {
width: 1000px;
min-height: 800px;
margin: 0px auto;
color: Black;
background-color: White;
text-align: left;
}
#banner {
width: 1000px;
height: 100px;
margin: 0px 0px 0px 0px;
background-color: White;
background-image: url(../assets/banner.png);
background-repeat: no-repeat;
float: left;
}
/*#topbasket {
position: relative;
left: 80%;
top: 0px;
margin: 0px auto;
width: 40px;
height: 80px;
text-align: center;
margin: 0px 0px 0px 0px;
padding-top: 20px;
background-color: White;
float: left;
z-index: 5;
}*/

/* HEADER NAVIGATION */

#headerNavigation {
width: 100%;
height: 26px;
color: Black;
background-color: #EAEAEA;
border-bottom: 1px solid White;
float: left;
clear: left;
}
/*login*/
#headerLogin {
width: 60%;
height: 20px;
float: left;
}
.headerLogin {
font-size: 11px;
font-weight: bold;
margin: 3px 0px 2px 15px;
float: left;
}
/*help*/
#headerHelp {
width: 100px;
height: 20px;
float: left;
}
.headerHelp {
font-size: 11px;
font-weight: bold;
margin: 3px 0px 2px 5px;
text-align: center;
}
/*language*/
#language {
width: 100px;
height: 20px;
padding-top: 5px;
float: left;
}
.language {
width: 20px;
height: 24px;
	float: left;
}

/*SEARCH*/

#search {
width: 200px;
height: 20px;
float: left;
}
.search{
width: 100%;
float: left;
}
input.search {
width: 150px;
height: 20px;
color: #8C8C8C;
font-size: 9px;
padding: 5px 0px 0px 20px;
background-image:url(../assets/searchback.png);
background-position: top;
background-repeat: no-repeat;
background-color: #EAEAEA;
border: 0px;
}
/*ajax search*/
#jsonHeader {
height: 22px;
font-size: 11px;
font-weight: bold;
text-align: center; 
color: White;
background-color: Maroon;
margin: 0px 0px 10px 0px;
padding: 5px 0px 0px 0px;
}
#jsonResponse {
position:absolute;
top:130px;
left: 50%;
width: 498px;
height: auto;
max-height: 1220px;
overflow: hidden;
color: Black;
background-color:#EDEDED;
border: 1px solid #708090;
padding: 0px 0px 0px 0px;
font-size: 10px;
font-weight: bold;
visibility:hidden;
z-index: 3;
}
.jsonResults {
padding-bottom: 3px;
}
.jsonFooter {
width: 100%;
height: 20px;
background-color:#FFFAFA;
border-top: 1px solid Maroon;
border-bottom: 1px solid Maroon;
text-align: center;
margin: 5px 0px 5px 0px;
padding: 5px 0px 0px 0px;
}
.jsonRow {
padding: 5px 0px 3px 15px;
}
/*categories search*/
#categoriesSearch {
width: 605px;
height: auto;
font-size: 10px;
float: left;
padding: 5px;
}
.categoriesSearch {
width: 605px;
height: auto;
font-size: 10px;
color: #828282;
float: left;
padding: 0px 0px 0px 10px;
}

/* PATHFINDER*/

#pathfinder {
width: 100%;
height: 35px;
margin: 0px 0px 5px 0px;
background-image: url(../assets/pathbar.jpg);
background-repeat: no-repeat;
clear: left;
float: left;
}
.pathfinder {
width: 100%;
height: auto;
color: Black;
font-size: 10px;
font-weight: bold;
padding: 7px 0px 0px 15px;
overflow: hidden;
}
#shortPathfinder {
width: 250px;
height: auto;
font-size: 10px;
font-weight: bold;
padding: 20px 0px 0px 15px;
float: left;
color: Black;
}

/* SORTER*/

#sorter {
width: 350px;
height: auto;
float: left;
}
.sorter {
width: 80px;
height: auto;
color: Black;
font-size: 10px;
font-weight: bold;
padding: 20px 0px 5px 0px;
float: left;
}
.sortEntry {
color: Black;
font-size: 10px;
font-weight: bold;
padding: 20px 0px 0px 5px;
float: left;
}

/* SIDEBAR 1*/

#sidebar1 {
margin-top:0px;
width: 180px;
height: 100%;
float: left;
clear: left;
}
#sidebar1Navi {
height: auto;
background-image: url(../assets/box_content.png);
background-repeat: repeat-y;
}
.sidebar1Navi {
width: 100%;
color: #C9C9C9;
font-size: 11px;
font-weight: bold;
padding: 3px 0px 0px 10px;
background-color: White;
background-image: url(../assets/box_content.png);
background-repeat: repeat-y;
}
.sidebar1NaviLevel2 {
width: 100%;
font-size: 10px;
color: #E0E0E0;
font-weight: bold;
padding: 1px 0px 0px 20px;
background-color: White;
background-image: url(../assets/box_content.png);
background-repeat: repeat-y;
}
.sidebar1NaviLevel3 {
width: 100%;
font-size: 10px;
font-weight: bold;
padding: 1px 0px 0px 40px;
background-color: White;
background-image: url(../assets/box_content.png);
background-repeat: repeat-y;
}
.sidebarRule {
	width: 160px;
	height: 0px;
	margin-left:5px;
	color: #A8A8A8;
}

/* SIDEBAR 2*/

#sidebar2 {
width: 180px;
height: 100%;
color: Black;
margin:0px;
float: left;
}
#sidebar2content {
	margin-left: 0px;
}

/* MAIN CONTENT */

#mainContent {
width: 634px;
min-height: 720px;
color: Black;
background-color: White;
padding-top:0px;
padding-left: 6px;
padding-bottom:10px;
float: left;
}

/* ITEM LIST */

.tablerow1 {
width: 627px;
height: 105px;
font-size: 11px;
margin-left: 0px;
background-color: #F9F9F9;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
clear: both;
padding-top: 3px;
padding-bottom: 3px;
}
.tablerow2 {
width: 627px;
height: 105px;
font-size: 11px;
margin-left: 0px;
background-color: #E8E8E8;
border-top: 1px solid White;
border-bottom: 1px solid White;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
clear: both;
padding-top: 3px;
padding-bottom: 3px;
}
.tablerow3 {
width: 627px;
height: 105px;
font-size: 11px;
margin-left: 0px;
background-color: #E0FFFF;
border-top: 2px solid Red;
border-bottom: 2px solid Red;
border-left: 1px solid Red;
border-right: 1px solid Red;
clear: both;
padding-top: 3px;
padding-bottom: 3px;
}
.tablerowClick {
width: 627px;
height: 105px;
font-size: 11px;
margin-left: 0px;
background-color: #FFA6D7;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
clear: both;
padding-top: 3px;
padding-bottom: 3px;
}
.multiUpdate {
width: 627px;
height: 32px;
font-size: 11px;
margin-left: 0px;
background-color: #FFE4E1;
/*border-top: 1px solid #666666;*/
border-bottom: 1px solid #666666;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
clear: both;
padding-top: 3px;
padding-bottom: 3px;
float: left;
}
.tablerowOver {
width: 627px;
height: 105px;
font-size: 11px;
margin-left: 0px;
background-color: #DCDCDC;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
clear: both;
padding-top: 3px;
padding-bottom: 3px;
}
.tableEndline {
width: 629px;
height: 0px;
margin-left: 0px;
border-top: 1px solid #666666;
clear: both;
padding-top: 0px;
padding-bottom: 0px;
}
#itemListPic {
width: 100px;
height: 100px;
margin-top: 2px;
margin-left: 3px;
border: 1px solid #000000;
float: left;
}
#itemListData {
width: 500px;
height: auto;
padding: 1px 0px 0px 15px;
float: left;
}
.itemListNo {
width: 400px;
font-family: "Tahoma", Verdana, Arial, Helvetica, monospace;
font-size: 11px;
clear: left;
float: left;
}
.itemListTitle {
width: 500px;
height: 17px;
font-size: 13px;
font-weight:bold;
margin: 0px 0px 10px 0px;
overflow: hidden;
float: left;
/*background-color: Aqua;*/
}
.itemListFeatures {
width: 480px;
height: 50px;
font-size: 10px;
text-align: justify;
float: left;
/*background-color: Aqua;*/
}
.itemListInfo {
width: 330px;
height: auto;
margin: 10px 0px 0px 0px;
float: left;
font-weight:bold;
/*background-color: #D2B48C;*/
}
.itemListPrice {
width: 130px;
height: auto;
font-size: 13px;
font-weight:bold;
margin: 10px 0px 0px 0px;
text-align: right;
float: left;
/*background-color: #D2B48C;*/
}
.itemListBasket {
width: 40px;
height: 16px;
margin: 10px 0px 0px 0px;
text-align: right;
float: left;
/*background-color: #D2B48C;*/
}
/*ITEMLIST RABATT*/

#rabatt {
position: relative;
left: 520px;
top: 0px;
width: 100px;
height: 50px;	
margin: 0px 0px 0px 0px;
border: 2px solid #3A4750;
background-color: White;
background-image: url(../assets/bigsale.png);
background-repeat: no-repeat;
background-position: 52px 0px;
z-index: 1;
}
.rabattTitle {
position: absolute;
left: 20px;
width:60px;
font-size: 10px;
font-weight: bold;	
color: White;
margin: 5px 0px 2px 6px;	

}
.rabattPercent {
position: absolute;
left: 0px;
top: 20px;
width:80px;
color: #5F1F5F;
font-size: 14px;
font-weight: bold;	
margin: 0px 0px 0px 5px;	

}

/* ITEM */

/*item admin*/

#itemEditAdmin {
width: 300px;
height: 20px;
margin: 5px 0px 0px 330px;	
text-align: right;
float: left;	
}
.itemEditAdmin {
width: 20px;
height: 18px;
margin-left: 5px;
float: left;	
}

/*item data*/

#itemPanel {
font-family: "Tahoma", Verdana, Arial, Helvetica, monospace;
}
#itemData {
width: 100%;
height: auto;
color: Black;
padding: 10px 0px 0px 0px;
font-size: 11px;
float: left;
}
.itemData {
width: 100%;
height: auto;
color: Black;
padding: 10px 0px 0px 0px;
font-size: 11px;
float: left;
}
.itemPic {
width: auto;
height: auto;
margin: 5px 0px 10px 13px;
clear: both;
float: left;
}
.itemTablerow {
width: 400px;
height: auto;
margin-left: 10px;
float: left;
}
.itemName {
width: 100%;
height: auto;
color: #5B5B5B;
font-size: 24px;
margin: 10px 0px 0px 10px;
font-weight: bold;
float: left;
}
.itemSubtitle {
width: 440px;
height: auto;
color: #5B5B5B;
font-size: 14px;
margin-left: 10px;
margin-bottom: 10px;
font-weight: bold;
float: left;
}
.itemDesc {
width: 90%;
height: auto;
margin: 10px 0px 10px 15px;
}
.itemFeatures {
width: 90%;
height: auto;
margin: 10px 0px 10px 30px;
}
#pageBack {
width: 98%;
margin: 0px;
float: left;
text-align: right;
}

/*item auditorium*/

#itemAuditoriumButton {
width: 130px;
height: 100px;
margin: 0px 0px 0px 5px;
background-image: url(../assets/item_auditorium_button.png);
background-repeat: no-repeat;
background-position: 40px 20px;
float: left;
}
.itemOrgDemo {
width: 25px;
height: 25px;
margin: 5px 30px 0px 72px;
text-align: center;
font-size: 11px;
float: left;
}

/*item buy*/

#itemBuy {
width: 100%;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: Black;
background-color: White;
background-image: url(../assets/page_bg1_body.png);
background-repeat: repeat-y;
float: left;
}
#itemBuyData {
width: 325px;
height: auto;
margin: 0px 0px 0px 0px;
float: left;
background-color: #FAEBD7;
}

#itemBuyButton {
width: 130px;
height: 100px;
margin: 15px 0px 0px 0px;
background-repeat: no-repeat;
background-position: 40px 20px;
float: left;
}
#itemPrice {
width:150px;
height:60px;
color: #3E3E3E;	
margin: 0px 0px 0px 25px;	
float: left;
background-color: #FFFAFA;
}
.itemPrice {
color: #3E3E3E;
font-size: 18px;
font-weight: bold;	
text-align: center;

}
.itemFinanceButton {
width: 150px;
height: 25px;
margin: 0px 0px 0px 12px;
padding: 0px 0px 0px 0px;
float: left;
}

/*lyrics*/

#songlyrics {
width: 550px;
margin: 15px 0px 0px 25px;
font-family: "Tahoma", Verdana, Arial, Helvetica, monospace;
font-size: 13px;
color: Black;
}

/*bundle*/

#itemlistBundle {
width: 100px;
height: 60px;
margin: 0px 0px 0px 10px;
padding-top: 0px;
float: left;
}
.itemlistBundleBack {
margin: 0px 0px 0px 5px;
width:48px;
height: 60px;
background-image: url(../assets/package.png);
background-repeat: no-repeat;	
float: left;
}
.itemlistBundleTitle {
width:60px;
font-size: 8px;
font-weight: bold;	
color: White;
margin: 5px 0px 2px 10px;	
float: left;
}

/*BASKET */	 

#basketHead {
width: 90%;
height: auto;
font-size: 10px;
font-weight: bold;
margin: 10px 0px 0px 15px;
float: left;
}
#basketContent {
width: 99%;
height: auto;
font-size: 11px;
padding: 0px 0px 0px 5px;
background-image: url(../assets/page_bg1_body.png);	
background-repeat: repeat-y;
}
.tablerowBasket1 {
width: 99%;
height: 20px;
background-color: #E8E8E8;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
clear: left;
padding-top: 3px;
padding-bottom: 3px;
}
.tablerowBasket2 {
width: 99%;
height: 20px;
background-color: #F9F9F9;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
clear: left;
padding-top: 3px;
padding-bottom: 3px;
}
.tablerowOverBasket {
width: 99%;
height: 20px;
background-color: #DCDCDC;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
clear: left;
padding-top: 3px;
padding-bottom: 3px;
}
.basketCount {
width: 15px;
height: 15px;
margin-left: 1px; 
float: left;
}
.basketSubmit {
width: 15px;
height: 15px;
margin-left: 2px;
padding-top: 5px;
float: left;
}
.basketItem {
width: 360px;
height: 15px;
overflow: hidden;
margin-left: 10px;
padding-top: 5px;
font-size: 12px;
font-weight:bold;
float: left;
}
.basketPrice {
width: 70px;
height: 15px;
margin-left: 5px;
padding-top: 5px;
text-align: right;
float: left;
}
.basketPriceTotal {
width: 70px;
height: 15px;
margin-left: 5px;
padding-top: 5px;
text-align: right;
float: left;
}
.basketCancel {
width: 40px;
height: 15px;
margin-left: 5px;
padding-top: 2px;
float: left;
}

/* FOOTER */

#footer {
width: 100%;
height: 42px;
color: #8D8D8D;
background-color: White;
background-image: url(../assets/footer.png);
background-repeat: no-repeat;
background-position: 185px;
clear: both;
}
.footer {
font-size: 10px;
margin-left: 220px;
padding: 23px 0px 0px 10px;
}

/*  PAGER */

#pager {
width: 629px;
height: 39px;
margin: 0px;
background-image: url(../assets/pager.png);
background-repeat: no-repeat;
font-family: "Tahoma", Verdana, Arial, Helvetica, monospace;
font-size: 11px;
color: White;
float: left;
}
.pager {
width: 620px;
padding-top: 6px;
margin: 0px 0px 0px 0px;
text-align: center;
}
.pagerLinkFirst {
margin-right: 5px;	
}
.pagerLinkPrevious {
margin-right: 5px;	
}
.pagerLinkNext {
margin-right: 5px;	
}
.pagerLinkLast {
margin-right: 15px;
}
.pagerCurrentNo {
color: red;	
margin-right: 5px;
font-weight: bolder;
}
.pagerNo {
margin-right: 5px;
}
#ipp {
width: 130px;
margin-left: 25px;
}
a.pager {
color: #CFCFCF;
}
a:hover.pager {
color: #F0F8FF;
}

/*MODULE ADMIN*/

.adminCustomerTable {
width: 100%;
height: auto;
font-family: "Tahoma", Verdana, Arial, Helvetica, monospace;
font-size: 11px;
padding: 20px 0px 0px 10px;
float: left;
}
.adminCustomerTableHeader {
width: 96%;
height: 20px;
background-color: #F2F2F2;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-top: 1px solid #929292;
border-left: 1px solid #929292;
border-right: 1px solid #929292;
float: left;
}
.adminCustomerTableRow {
width: 96%;
height: 20px;
background-color: #DDDDDD;
padding: 0px;
margin: 0px;
border-top: 1px solid #929292;
border-left: 1px solid #929292;
border-right: 1px solid #929292;
float: left;
}
.adminCustomerTableNo {
width: 40px;
height: 20px;
border-right: 1px solid #929292;
text-align: center;
padding-top: 3px;
float: left;	
}
.adminCustomerTableFirstName {
width: 110px;
height: 20px;
border-right: 1px solid #929292;
padding-left: 5px;
padding-top: 3px;
float: left;	
}
.adminCustomerTableLastName {
width: 140px;
height: 20px;
border-right: 1px solid #929292;
padding-left: 5px;
padding-top: 3px;
float: left;	
}
.adminCustomerTableNews {
width: 30px;
height: 20px;
border-right: 1px solid #929292;
text-align: center;
padding-top: 3px;
float: left;	
}
.adminCustomerTableLevel {
width: 30px;
height: 20px;
border-right: 1px solid #929292;
text-align: center;
padding-top: 3px;
float: left;	
}
.adminCustomerTableAmount {
width: 65px;
height: 20px;
border-right: 1px solid #929292;
padding-left: 5px;
padding-top: 3px;
text-align: right;
float: left;	
}
.adminCustomerTableAction {
width: 60px;
height: 20px;
padding-left: 10px;
padding-top: 3px;
text-align: center;
float: left;	
}
.adminCustomerTableEndline {
width: 611px;
height: 0px;
margin-left: 10px;
border-top: 1px solid #666666;
clear: both;
padding-top: 0px;
padding-bottom: 0px;
}
.itemFormValue {
width: 200px;
height: 20px;
float: left;
}
#lyricsForm {
width: 90%;
height: auto;
padding-left:20px;
}
textarea.lyricsForm {
width: 100%;
margin: 10px;
height: 200px;
}
input.admin {
width: 250px;
height: 15px;
}
#adminDepositForm {
width: 90%;
height: auto;
margin: 10px 0px 10px 20px;
float: left;
}
.adminDepositForm {
width: 90%;
height: auto;
margin: 5px 0px 5px 0px;
float: left;
}
#adminPrice {
width: 90%;
height: auto;
margin-left: 10px;
float: left;
}
.adminPrice {
width: 90%;
height: auto;
float: left;
}
#adminNewsletterForm {
width: 90%;
height: auto;
margin: 10px 0px 10px 20px;
float: left;
}
.adminNewsletterForm {
width: 90%;
height: auto;
margin: 5px 0px 5px 0px;
float: left;
}
input.adminNewsletterForm {
width: 100%;
height: auto;
}
textarea.adminNewsletterForm {
width: 100%;
height: 150px;
}

/*MODULE AUDITORIUM*/

#auditorium {
font-family: "Tahoma", Verdana, Arial, Helvetica, monospace;
width:100%;
min-height: 350px;
height:auto;
color: Black;
background-color: White;
font-size: 10px;	
font-weight: bold;
margin: 0px 0px 0px 0px;
background-image:url(../assets/box_content.png);
background-repeat: repeat-y;
clear: left;
float: left;
}
.auditoriumItem {
width: 100%;
height: auto;
margin: 0px 0px 2px 15px;
float: left;
}
.auditoriumName {
width: 80%;
height: auto;
float: left;
}
.auditoriumManufacturer {
width: 70%;
height: auto;
color: #7B7B7B;
padding-left: 25px;
float: left;
}

/*auditorium timeline*/

#auditoriumTimeline {
width: 98%;
height: auto;
margin: 0px;
padding: 0px;
clear: left;
float: left;
}
.auditoriumTimeline {
width: 98%;
height: 60px;
margin-left: 0px;
padding: 10px 0px 0px 25px;
/*background-image:url(../assets/timeline.png);*/
background-position: 70px 25px;
background-repeat: no-repeat;
float: left;
}
.auditoriumTimelineContent {
width: auto;
color: #838383;
font-size: 10px;
padding: 0px 0px 0px 2px;
float: left;
}

/*MODULE USER ONLINE*/

#userOnline {
width: 100%;
height: 15px;
font-size: 10px;
font-weight: bold;
background-image:url(../assets/box_content.png);
background-repeat: repeat-y;
clear: left;
}
.userOnline {
width: 100%;	
padding: 2px 0px 0px 30px;
float: left;
}

/*Forms*/

.datarightItemForm {
width: 165px;
height: 20px;
padding: 0px;
margin: 0px 0px 0px 3px;
float: left;
}
input.datarightItemForm {
width: 300px;
height: 21px;
margin: 3px 0px 0px 0px;
font-family: "Tahoma", Verdana, Arial, Helvetica, monospace;	
border: 1px solid #9C9C9C;	
}
select.datarightItemForm {
width: 300px;
margin: 3px 0px 0px 0px;
height: 23px;
font-family: "Tahoma", Verdana, Arial, Helvetica, monospace;	
border: 1px solid #ADADAD;
}
.formrow {
width: 100%;
height: auto;
float: left;
}

/*error*/

#error {
padding: 10px 0px 0px 10px;
}
.error {
width: 390px;
height: 20px;
color: Black;
background-color: #FFB6C1;
font-family: "Tahoma", Verdana, Arial, Helvetica, monospace;
font-size: 11px;
margin: 1px 0px 1px 3px;
padding: 3px 0px 0px 5px;
border: 1px solid #F40000;
float: left;
}

.dataleft {
width: 30%;
height: 15px;
color: Black;
background-color: #DDDDDD;
font-family: "Tahoma", Verdana, Arial, Helvetica, monospace;
font-size: 11px;
margin: 3px 0px 0px 3px;
padding: 3px;
border: 1px solid #8B8B8B;
float: left;
}
.dataright {
width: 165px;
padding: 0px;
margin: 0px 0px 0px 3px;
float: left;	
}

/*customer & ckeckout*/

#customerSheet {
width: 100%;
font-family: "Tahoma", Verdana, Arial, Helvetica, monospace;
font-size: 11px;
margin: 10px 0px 10px 10px;
float: left;
}
.customerSheetLeft {
width:200px;
height:20px;
margin: 1px 0px 1px 3px;
padding: 3px 0px 0px 5px;
background-color:#F2F2F2;
border:1px solid #929292;
float:left;
}
.customerSheetRight {
width:390px;
height:20px;
margin: 1px 0px 1px 3px;
padding: 3px 0px 0px 5px;
background-color: #DDDDDD;
border:1px solid #929292;
float:left;
}
input.customerSheet {
width:300px;
height:auto;
background-color: #DDDDDD;
border: 0px;
}
select.customerSheet {
width: 150px;
height: 20px;
	background-color: White;
	border:1px solid #929292;
}

#formOrder {
	width: 100%;
	height: auto;
	float: left;
}

.formmessage {
width: 190px;
height: auto;
background-color: #BBD0F3;
font-family: "Tahoma", Verdana, Arial, Helvetica, monospace;
font-size: 11px;
margin: 5px 0px 5px 3px;
padding: 2px 2px 2px 5px;
border: 1px solid #154FB7;
float: left;
}

/*order Table*/

.orderTable {
width: 100%;
height: auto;
font-family: "Tahoma", Verdana, Arial, Helvetica, monospace;
font-size: 11px;
padding: 20px 0px 0px 10px;
float: left;
}
.orderTableHeader {
width: 96%;
height: 20px;
background-color: #F2F2F2;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-top: 1px solid #929292;
border-left: 1px solid #929292;
border-right: 1px solid #929292;
float: left;
}
.orderTableRow {
width: 96%;
height: 20px;
background-color: #DDDDDD;
padding: 0px;
margin: 0px;
border-top: 1px solid #929292;
border-left: 1px solid #929292;
border-right: 1px solid #929292;
float: left;
}
.orderTableNo {
width: 35px;
height: 20px;
border-right: 1px solid #929292;
text-align: center;
padding-top: 3px;
float: left;	
}
.orderTableManufacturer {
width: 220px;
height: 20px;
border-right: 1px solid #929292;
padding-left: 5px;
padding-top: 3px;
float: left;	
}
.orderTableName {
width: 219px;
height: 20px;
border-right: 1px solid #929292;
padding-left: 5px;
padding-top: 3px;
float: left;	
}
.orderTableFormat {
width: 65px;
height: 20px;
border-right: 1px solid #929292;
padding-left: 5px;
padding-top: 3px;
float: left;	
}
.orderTablePrice {
width: 46px;
height: 20px;
border-right: 1px solid #929292;
padding-right: 5px;
padding-top: 3px;
text-align: right;
float: left;	
}
.orderTablePriceTotal {
width: 46px;
height: 20px;
padding-right: 5px;
padding-top: 3px;
text-align: right;
float: left;	
}
.orderTableSummary {
width: 604px;
height: 100px;
padding-left: 5px;
padding-top: 10px;
border: 1px solid #929292;
background-color: #F2F2F2;
float: left;
}
.orderTableSummaryData {
width: 540px;
height: auto;
float: left;
}
.orderTableDownload {
width: 60px;
height: 65px;
float: left;
}
.orderTableEndline {
width: 611px;
height: 0px;
margin-left: 0px;
border-top: 1px solid #666666;
clear: both;
padding-top: 0px;
padding-bottom: 0px;
}

input.checkout {
width: 200px;
height: 19px;
margin: 3px 0px 0px 0px;
border: 1px solid #C4C4C4;
float: left;
}
select.checkout {
width: 205px;
height: 23px;
margin: 3px 0px 0px 0px;
border: 1px solid #C4C4C4;
}
.submitButton {
width: 126px;
height: 54px;
margin: 5px 0px 5px 220px;
float: left;
}

/*Tags*/

#styleTags {
width: 95%;
margin: 10px 0px 20px 20px;	
float: left;
}
.styleTags {
width: 110px;
height: 110px;
padding: 5px;
float: left;
}

#extraTags {
width: 95%;
margin: 10px 0px 20px 20px;	
float: left;
}
.extraTags {
width: 110px;
height: 110px;
padding: 5px;
float: left;
}

/*Manufacturer List A-Z*/

#letters {
width: 600px;
height: 20px;
margin: 0px 0px 20px 10px;	
background-color: #5EB0FF;
border: 1px solid #12449C;
}
.letters {
font-size: 14px;
width: 20px;	
float: left;
}
.lettersnull {
font-size: 14px;
width: 45px;	
margin-left: 10px;
float: left;
}
a.letters {
color: White;	
}
a:hover.letters {
color: #00019D;	
}
#manufacturerList {
width: 600px;
margin: 0px 0px 10px 15px;
font-family: "Tahoma", Verdana, Arial, Helvetica, monospace;
}
.manufacturerList {
width: 190px;
height: 14px;
overflow: hidden;
float: left;
}

/*Paypal*/

#paypal {
width: 105px;
height: 50;
margin: 20px 0px 0px 15px;
float: left;
}
#paypalreturn {
width: 450px;
height: 200px;
background-color: #AEC6F5;
margin: 10px 0px 0px 100px;
border: 1px solid #3271E0;
float: left;
}

/*Blog*/

#blog {
width: 100%;
height: auto;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, monospace;
font-size: 13px;
float: left;
}
.blogTitle {
width: 95%;
height: auto;
font-size: 20px;
font-weight: bold;
margin: 11px 0px 0px 30px;
color: #707070;
float: left;
}
.blogId {
width: 30px;
font-size: 11px;
margin: 14px 0px 0px 1px;
color: Black;
float: left;
}
.blogDate {
width: 160px;
font-size: 11px;
color: Black;
margin: 14px 0px 0px 5px;
float: left;
}
.blogTextSingle {
width: 85%;
padding: 10px 0px 10px 30px;
text-align: justify;
}
.blogText {
width: 68%;
padding: 5px 0px 10px 10px;
text-align: justify;
float: left;
}
.blogPicSingle {
width: 100%;
margin: 0px 0px 0px 20px;
float: left;
}
.blogPic {
width: 100px;
height: 100px;
margin: 5px 0px 0px 30px;
border: 1px solid black;
float: left;
}
.blogEdit {
width: 94%;
height: 20px;
text-align: right;
float: left;
}
.blogDelete {
width: 4%;
height: 20px;
text-align: right;
float: left;
}
.blogPos {
	width: 15px;
	height: 12px;
	font-size: 9px;
}
.sysValue {
	width: 50px;
	height: 12px;
	font-size: 9px;
}

/*Media*/

#media {
width: 600px;
height: 418px;
margin: 5px 0px 0px 20px;
border: 2px solid #70708E;
}

/*module boxes*/

.boxTopCat {
width: 100%;
height: 30px;
padding-top: 0px;
background-image:url(../assets/box_top_cat.png);
margin-top: 1px;
background-repeat: no-repeat;
clear: both;
}
.boxTopManufacturer {
width: 100%;
height: 30px;
padding-top: 0px;
background-image:url(../assets/box_top_art.png);
margin-top: 1px;
background-repeat: no-repeat;
clear: both;
}
.boxTopNewsticker {
width: 100%;
height: 30px;
padding-top: 0px;
background-image:url(../assets/box_top_newsticker.png);
margin-top: 1px;
background-repeat: no-repeat;
clear: both;
}
.boxTopQuicklinks {
width: 100%;
height: 30px;
padding-top: 0px;
background-image:url(../assets/box_top_quicklinks.png);
margin-top: 1px;
background-repeat: no-repeat;
clear: both;
}
.boxTopAud {
width: 100%;
height: 30px;
padding-top: 0px;
background-image:url(../assets/box_top_aud.png);
margin-top: 1px;
background-repeat: no-repeat;
clear: both;
}
.boxTopAccount {
width: 100%;
height: 44px;
padding-top: 0px;
background-image:url(../assets/box_top_account.png);
margin-top: 1px;
background-repeat: no-repeat;
clear: both;
}
.signIn {
width: 100%;
height: 41px;
background-image:url(../assets/box_content.png);
background-repeat: repeat-y;
text-align: center;
}
.boxTopUser {
width: 100%;
height: 30px;
padding-top: 0px;
background-image:url(../assets/box_top_user.png);
margin-top: 1px;
background-repeat: no-repeat;
clear: both;
}
.boxTopFavo {
width: 100%;
height: 30px;
padding-top: 0px;
background-image:url(../assets/box_top_favo.png);
margin-top: 1px;
background-repeat: no-repeat;
clear: both;
}
.boxTopInfo {
width: 100%;
height: 30px;
padding-top: 0px;
background-image:url(../assets/box_top_info.png);
margin-top: 1px;
background-repeat: no-repeat;
clear: both;
}
.boxTopAdvertise {
width: 100%;
height: 30px;
padding-top: 0px;
background-image:url(../assets/box_top_advertise.png);
margin-top: 1px;
background-repeat: no-repeat;
clear: both;
}
.info {
width: 100%;
overflow: hidden;
height:auto;
float: left;
color: Black;
padding: 0px 0px 0px 0px;
background-image:url(../assets/box_content.png);
background-repeat: repeat-y;
}
#featuredManufacturer {
width: 100%;
height: auto;
background-image:url(../assets/box_content.png);
background-repeat: repeat-y;
padding-left: 10px;
clear: both;
}
.boxContent {
width: 100%;
height: auto;
background-image:url(../assets/box_content.png);
background-repeat: repeat-y;
clear: both;
}
.boxBottom {
width: 100%;
height: 17px;
margin-bottom: 5px;
background-image:url(../assets/box_bottom.png);
background-repeat: no-repeat;
clear: both;
}

/*page background tables*/

#pageBg1Top {
width: 100%;
height: 40px;
background-image: url(../assets/page_bg1_top.png);	
background-repeat: no-repeat;
color: Black;
background-color: White;
float: left;
clear: left;
}
#pageBg1Body {
width: 100%;
height: auto;
background-image: url(../assets/page_bg1_body.png);	
background-repeat: repeat-y;
color: Black;
background-color: White;
float: left;
clear: left;
}
.pageInfoMsg {
width: 50%;
height: 35px;
padding: 5px 0px 0px 5px;
float: left;
}
#pageBg1Bottom  {
width: 100%;
height: 17px;
background-image:url(../assets/page_bg1_bottom.png);
background-repeat: no-repeat;
clear: left;
float: left;
}

/*help*/

#help {
width: 635px;
height: auto;
margin: 0px 0px 0px 8px;	
}
#helpSearch {
float: left;
}
.helpSearch {
width: 190px;
height: 25px;
background-color: #EDEDED;
background-image: url(../assets/search_help.png);
background-repeat: no-repeat;
border: none;
font-size: 11px;
padding: 5px 0px 0px 30px;
float: left;
}
#helpIndex {
width: 100%;
height: auto;
float: left;	
}
.helpTitle {
width: 380px;
height: 30px;
font-size: 15px;
color: #454545;
font-weight: bold;
margin: 10px 0px 5px 20px;
clear: both;
float: left;	
}
.helpIndex {
color: #6B6B6B;
font-weight: bold;
width: 95%;
height: auto;		
margin: 5px 0px 5px 20px;	
clear: left;
float: left;
}
.helpSubIndex {
width: 95%;
height: auto;	
padding-left: 30px;
float: left;
}

/*Support*/

#support {
width: 100%;
height: auto;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, monospace;
font-size: 13px;
float: left;
}
#supportTitle {
width: 53%;
height: 30px;
font-size: 14px;
font-weight: bold;
margin: 10px 0px 0px 15px;
color: #8A8A8A;
float: left;
}
#supportDate {
width: 190px;
font-size: 11px;
margin: 14px 0px 0px 5px;
float: left;
}
#supportID {
width: 45px;
font-size: 11px;
margin: 14px 0px 0px 1px;
float: left;
}
#supportTheme {
width: 100%;
height: auto;
font-size: 11px;
margin: 0px 0px 15px 15px;
float: left;
}
#supportText {
width: 94%;
height: auto;
margin: 0px 0px 15px 15px;
text-align: justify;
float: left;
}
.supportList {
width: 100%;
font-size: 10px;
font-weight: bold;
padding: 0px 0px 0px 15px;
text-align: justify;
float: left;
}
.supportEdit {
width: 94%;
height: 20px;
text-align: right;
float: left;
}
.supportDelete {
width: 4%;
height: 20px;
text-align: right;
float: left;
}

# changePassword {
	
}

/*MODULE NEWSTICKER*/

#newsticker {
width: 100%;
height:auto;
font-size: 10px;
font-weight: bold;
background-image:url(../assets/box_content.png);
/*background-repeat: repeat-y;*/
float: left;
background-color: Aqua;
}
.newsticker {
width: 100%;
overflow: hidden;
height:auto;
float: left;
color: Black;
padding: 0px 0px 0px 10px;
}

/*MODULE QUICKLINKS*/

#quicklinks {
width: 100%;
height:auto;
font-size: 10px;
font-weight: bold;
background-image:url(../assets/box_content.png);
/*background-repeat: repeat-y;*/
float: left;
background-color: Aqua;
}
.quicklinks {
width: 100%;
overflow: hidden;
height:auto;
float: left;
color: Black;
padding: 0px 0px 0px 10px;
}

/*MODULE MANUFACTURER*/

#manufacturer {
width: 100%;
height:auto;
font-size: 10px;
font-weight: bold;
background-image:url(../assets/box_content.png);
background-repeat: repeat-y;
float: left;
}
.manufacturerPathfinder {
width: 350px;
height: auto;
font-size: 10px;
font-weight: bold;
padding: 20px 0px 0px 15px;
float: left;
color: Black;
}

.manufacturer {
width: 70%;
height:auto;
float: left;
color: Black;
margin-bottom: 10px;
padding: 3px 0px 0px 10px;
}
#manufacturerShow {
width: 25px;
height: 15px;
font-size: 10px;
font-weight: bold;
padding: 3px 0px 0px 10px;
float: left;
}
#manufacturerMenue {
position:relative;
top:0px;
left: 0px;
width: 99%;
height: auto;
max-height: 400px;
overflow: auto;
font-size: 9px;
font-weight: bold;
visibility: hidden;
scrollbar-arrow-color:#A1A1A1;
scrollbar-face-color:White;
scrollbar-track-color:White;
float: left;
}
.manufacturerRow {
width: 150px;
height: auto;	
padding-left: 10px;
float: left;
}

/* MODULE FAVORITES */

#favorites {
width: 100%;
height: 41px;
padding: 0px 0px 0px 0px;
background-image:url(../assets/box_content.png);
background-repeat: repeat-y;
}
.favorites{
width: 100%;
text-align: center;
}

/* MODULE ADVERTISE */

#advertise {
width: 100%;
height: auto;
padding: 0px 0px 0px 0px;
background-image:url(../assets/box_content.png);
background-repeat: repeat-y;
}
.advertise{
width: 100%;
height: auto;
margin-top: 5px;
text-align: center;
}

/* HELP CLASSES */

.newLine {
width: auto;
height: 0px;
clear: left;
}
#catalog {
width: 300px;
background-color: #FFF5EE;
}
.checkout {
width: 100%;
height:auto;
margin: 0px 0px 0px 0px;
font-family: "Tahoma", Verdana, Arial, Helvetica, monospace;
}

/* INVOICE */
.invoiceTitle {
	margin: 10px 0px 0px 20px;
}
.invoiceSubTitle {
	margin: 10px 0px 10px 5px;
	font-family: "Tahoma", Verdana, Arial, Helvetica, monospace;
}
.invoiceSum {
	margin: 5px 0px 5px 0px;
	font-size: 16px;
	font-family: "Tahoma", Verdana, Arial, Helvetica, monospace;
}
.invoicePrint {
	margin: 5px 0px 5px 280px;
	font-size: 14px;
	font-family: "Tahoma", Verdana, Arial, Helvetica, monospace;
}

#sheet {
width: 100%;
font-family: "Tahoma", Verdana, Arial, Helvetica, monospace;
font-size: 11px;
margin: 10px 0px 10px 10px;
float: left;
}
.sheetLeft {
width:200px;
height:20px;
margin: 1px 0px 1px 3px;
padding: 3px 0px 0px 5px;
background-color:#F2F2F2;
border:1px solid #929292;
float:left;
}
.sheetRight {
width:390px;
height:20px;
margin: 1px 0px 1px 3px;
padding: 3px 0px 0px 5px;
background-color: White;
border:1px solid #929292;
float:left;
}
input.sheet {
width:300px;
height:auto;
margin: 5px 0px 5px 0px;
background-color: White;
border:1px solid #929292;
}
select.sheet {
width: 150px;
height: 20px;
background-color: White;
border:1px solid #929292;
}
textarea.sheet {
width: 500px;
height: 100px;
overflow: scroll;
margin: 5px 0px 5px 0px;
background-color: White;
border:1px solid #929292;
}
.confirmation {
width: 98%;
font-family: "Tahoma", Verdana, Arial, Helvetica, monospace;
font-size: 12px;
margin: 10px 0px 10px 10px;
float: left;
}
/*BASE TABLE*/

.baseTitle {
width: 100%;
height: auto;
color: #5B5B5B;
font-size: 14px;
font-weight: bold;
margin: 10px 0px 0px 10px;
float: left;
}
#baseTable {
width: 100%;
height: auto;
font-family: "Tahoma", Verdana, Arial, Helvetica, monospace;
font-size: 11px;
padding: 20px 0px 0px 10px;
float: left;
}
.baseHeader {
width: 96%;
height: 20px;
font-weight: bold;
background-color: #F2F2F2;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-top: 1px solid #929292;
border-left: 1px solid #929292;
border-right: 1px solid #929292;
float: left;
}
.baseRow {
width: 96%;
height: 20px;
background-color: #DDDDDD;
padding-left: 0px;
margin: 0px;
border-top: 1px solid #929292;
border-left: 1px solid #929292;
border-right: 1px solid #929292;
float: left;
}
.baseColumn {
width: 50px;
height: 20px;
border-right: 1px solid #929292;
padding: 3px 0px 0px 5px;
float: left;	
}
.baseInput {
width: 100px;
height: 12px;
font-size: 9px;
}
.baseInputSmall {
width: 15px;
height: 10px;
font-size: 9px;
}
.baseSummary {
width: 540px;
height: auto;
float: left;
}
.baseEndline {
width: 96%;
height: 0px;
border-top: 1px solid #666666;
border-left: 1px solid #929292;
border-right: 1px solid #929292;
clear: both;
float: left;
}
#dashboard {
width: 100%;
font-family: "Tahoma", Verdana, Arial, Helvetica, monospace;
color: #696969;
font-size: 12px;
margin: 10px 0px 10px 10px;
float: left;
}
#priceUpdateForm {
	width:100%;	
	height: auto;
	padding-top: 2px;	
	clear: both;	
	float: left;	
}
.priceUpdateForm {
	width:auto;		
	height: 18px;
	font-family: "Tahoma", Verdana, Arial, Helvetica, monospace;
font-size: 11px;
	float: left;
}
.menueUpdateForm {
	width:20px;		
	height: 16px;	
	padding: 2px;
	float: left;
	background-color: #E2E2E2;
	border: 1px solid #666666;
}
.priceUpdateEP {
	width:100px;		
	height: 16px;	
	padding: 2px;
	float: left;
	background-color: #FFEAED;
	border: 1px solid #666666;
}

input.priceUpdateForm {	
width: 50px;
	color: #7B2C7B;
	border: 1px solid #666666;	
}
#maintenance {
width: 1000px;
height: 300px;
color: #D6D6D6;
font-size: 18px;
text-align: center;
margin: 30px 0px 0px 10px;
clear: both;
float: left;	
}
#distributor {
width:90%;		
height: auto;
font-family: "Tahoma", Verdana, Arial, Helvetica, monospace;
font-size: 14px;
margin: 20px 0px 15px 15px;
float: left;
}
.distributor {
font-size: 12px;
}