/**************************
** Standard html items
***************************/
body{
   text-align: center;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;   
}

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

p{
   padding: 0 0 0 0 ;
   margin: 3px 0 5px 0 ;
}

h1{
   padding: 0 0 0 0 ;
   margin: 5px 0 5px 5px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: normal;
}

h2{
   padding: 2px 2px 2px 2px;
   margin: 0 0 9px 0 ;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: normal;
   /*background-color: #efe;
   border: 1px solid #ded;*/
}

h2 a{
    color: #000;
}

h3{
   padding: 2px 2px 2px 2px ;
   margin: 20px 0 7px 0 ;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   border: 1px solid #ded;
   background-color: #efe;
}

h4{
   padding: 3px 0 3px 0 ;
   margin: 0 0 0 0;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
}

form{
   padding: 0 0 0 0 ;
   margin: 0 0 0 0 ;
}

input{
   padding: 0 0 0 0 ;
   margin: 0 0 0 0 ;
}


select {
   padding: 0 0 0 0 ;
   margin: 3px 0 4px 0 ;
}

ul {
   padding: 0 0 0 0 ;
   margin: 0 0 0 0 ;
   list-style-position: inside;
  /* list-style: none; */
}

li{
   padding: 0 0 0 0 ;
   margin: 2px 0 0 0 ; 
}

img {
  border: 0;
}

/**************************
** IDs 
***************************/
#container {
    width: 800px;
    background-color: #fff;
    text-align: left;
    margin: 0 auto;
}

#header{
    width: 800px;
    height: 100px;
    background-color: #fff;
    background: url("../../images/blue-whoosh.jpg") top right;
    background-repeat: no-repeat;
}

#header .button{
   width: 60px;
   height: 22px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: normal;
   padding: 0 0 3px 0 ;
   margin: 0 0 0 0 ; 
}

#menu{
    background: url("../../images/menu.png");
    background-color: #6fc9e4;
    width: 800px;
    height: 28px;
    color: #41BEE3;
    font-size: 10px;
}

#menu ul {
    list-style: none;
    margin: 7px 0 0 8px;
    float: left;
    overflow: hidden;
}
#menu li {
    margin: 0 5px 0 -5px;
    padding: 0 5px 0 8px;
    border-left: 1px solid #41BEE3;
}
#menu a {
    color: #000;
}

#logo{
    float: left;
    height: 100px; 
    overflow: hidden;
}

#login{
    float: right;
    clear: right;
    padding: 0 8px 0 0;
    margin: 0 0 0 0;
}

#login_div{
    visibility: hidden; 
    position: absolute;
    background-color: #BAEBF7;
    border: 1px solid #333;
    margin: 25px 0 0 30px;
    color: #000;
    width: 230px;
    z-index: 26;
}

#login_div a{
    color: #444;
}

#login_div .header{
   color: #000;
   padding: 2px 2px 2px 2px ;
   margin: 0 0 5px 0 ;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   background-color: #9AcBe7;
   height: 15px;
   border: none;
   border-bottom: 1px solid #333;
}


#search{
   float: right;
   margin: 15px 5px 0 0;
}


#sidebar{
   /* border: 1px solid #ded; */
   background-color: #efe;
   width: 240px;
   float: right;
   margin: 10px 0 0 0;
   border: 1px solid #ded;  
}
#sidebar h3{
    border: none;
}

#productsidebar{
   background-color: #fff;
   width: 240px;
   float: right;
   margin: 10px 0 0 0;  
   border: 1px solid #ded;
}

#sidebanner{
   background-color: #fff;
   width: 110px;
   float: right;
   margin: 10px 0 0 15px;  
   padding: 0 0 0 0;
   border: 1px solid #ded;
}

#productmainpage{
   background-color: #fff;
   width: 407px;
   /*border-right: 1px solid #333;*/
   margin: 10px 0 0 0;
   float: left;
}

#customizemainpage{
   background-color: #fff;
   width: 800px;
   /*border-right: 1px solid #333;*/
   margin: 5px 0 0 0;
   float: left;
}

#mainpage{
   background-color: #fff;
   width: 550px;
   /*border-right: 1px solid #333;*/
   margin: 10px 0 0 0;
   float: left;
}

#footer{
   background-color: #BAEBF7;
   text-align: center;
   margin: 20px 0 40px 0;
   width: 800px;
   /*color: #676;*/
   padding: 5px 0 5px 0;
   font-size: 10px;
   border: 1px solid #41BEE3;
}

#footer a{
   /*font-weight: bold;
  /* color: #696;*/
    color: #000;
}



#breadcrumb {
}


#rate {
  float: left;
  height: 24px;
  padding: 4px 0 0 0 ;
}
#ratecombo {
  float: left;
  height: 24px;
  padding: 1px 0 0 0 ;
}
#ratebutton {
  float: left;
  height: 24px;
  padding: 0 0 0 0 ;
}

#installmadlix {
   /*position: absolute;
   visibility: hidden;*/

   background-color: #ff8080;
   width: 400px;
   border-bottom: 1px solid #333;
   /*margin: 35px 0 5px 0;   
   padding: 5px 0 5px 5px;
   height: 1px;
   margin: 0 0 0 1px; */
   

   font-size: 13px;
   font-weight: bold;
}
#installmadlix a {
   color: #000;
   text-decoration: underline;
}

#javaplugin {
   background-color: #fff;
width: 400px;
 /*     height: 300px;*/
   float: left;
   border: 1px solid #333;
   margin: 5px 0 10px 1px;
}
* html #javaplugin {   
    border: none;
}

#customizejavaplugin {
   background-color: #fff;
   width: 798px;
 /*     height: 300px;*/
   float: left;
   /*border: 1px solid #333;*/
   margin: 5px 0 10px 1px;
}
* html #customizejavaplugin {   
    border: none;
}

#probanner {
    background: url("../../images/madlixpro-banner.jpg");
    width: 530px;
    height: 155px;
    
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   margin: 0 0 18px 0;
}

#probanner-info {
    font-size: 11px;
    padding: 45px 0 0 21px;
    width: 229px;
}
#probanner-price {
    padding: 3px 0 0 21px;
    width: 229px; 
}
#probanner-button {
    padding: 8px 0 0 21px;
    width: 229px;  
}

/**************************
** Classes 
***************************/
.login_text{
   float: left;
   margin: 3px 3px 0 3px;
}
.menuitem{    
   display: inline;
   color: #333;
}
.menuitem a{
   color: #000;
}

.error {
   color: #f55;
}

.row_odd {
   background-color: #f5fff5;
}

.row_even {
}

.price {
    font-weight: bold;
}

.textfield{
    width: 100px;
    float: left;
    margin: 1px 5px 5px 0;
}

.searchfield {
    width: 130px;
    float: left;
    margin: 1px 5px 5px 0;
}

.button{
   /*background-color: #eee;
   border: 1px solid #999;
   margin: 0 0 5px 0;*/
   margin: 0 0 5px 0;   
}

.sidebannerheader{
   padding: 5px 5px 5px 5px;
   margin: 0 0 10px 0 ;
   border-bottom: 1px solid #ded;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
   background-color: #efe;
}

.sidebarheader{
   padding: 5px 5px 5px 5px;
   margin: 0 0 0 0 ;
   border-bottom: 1px solid #ded;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: normal;
   background-color: #efe;
}
.sidebaritem{
   margin: 15px 15px 15px 15px;
   padding: 0 0 15px 0;
   border-bottom: 1px dashed #333; 
}
#productsidebar .sidebaritem {
   border-bottom: none;
   word-wrap: break-word;
   margin: 13px 15px 7px 15px;
   padding: 0 0 7px 0;
}

.pagecontentheader{
   clear: both;
   background-color: #fff;
}

.pagecontentheader-product{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   clear: both;
   background-color: #efe;
   border: 1px solid #ded;  
   width: 403px; 
}

.pagecontentheader-customize{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   clear: both;
   background-color: #efe;
   border: 1px solid #ded;  
   width: 800px; 
}

.pagecontent{
  background-color: #fff;
  padding: 3px 3px 0 3px;
}

.pagecontentfooter{
   background-color: #fff;
   clear: both;
}

.pagecontent-product{
   background-color: #fff;
   background-repeat: no-repeat;
   width: 403px; 
   float: left;
   border: 1px solid #ded;
   border-top: none;
   margin: 0 0 15px 0;
}

.pagecontent-customize{
   background-color: #fff;
   background-repeat: no-repeat;
   width: 800px; 
   float: left;
   border: 1px solid #ded;
   border-top: none;
   margin: 0 0 15px 0;
}

.pagecontent-onecolumn{
   background-color: #fff;
   background-repeat: no-repeat;
   width: 530px; 
   float: left;
   padding: 0 0 10px 0;
   margin: 10px 0 5px 5px;
   border-bottom: 1px dashed #333;
}
.pagecontent-twocolumn{
   background-color: #fff;
   width: 275px; 
   float: left;
   margin: 10px 0 5px 5px;
}

.pagecontent-treecolumn{
   background-color: #fff;
   width: 165px; 
   float: left;
   margin: 10px 0 5px 5px;
}

.pagecontent-treecolumn ul {
    list-style: none;
}

.pagecontent-twothirdcolumn{
   background-color: #fff;
   width: 340px;
   float: left;
   margin: 10px 0 5px 5px;
}

.pagecontent-plugin{
   background-color: #fff;
   width: 330px;
   height: 247px;
   float: left;
   border: 1px solid #333;
   margin: 0 5px 0 0;
}

.product{
   padding: 0 0 0 5px;
   width: 100px;
   height: 116px;
   float: left;
}

.artistproduct{
   padding: 0 0 0 5px;
   width: 100px;
   height: 125px;
   float: left;
}

.proartistproduct{
   padding: 0 0 0 5px;
   width: 100px;
   height: 125px;
   float: left;
}

.proheader{
    width: 89px;
    height: 10px;
    font-size: 9px;
    background-color: #BAEBF7;
    margin: 0 0 2px 0;
}

.product img{
   border: 1px solid #666;
}

.artist{
   padding: 0 0 0 5px;
   width: 100px;
   height: 170px;
   float: left;
}

.artist img{
   border: 1px solid #666;
}

.page_navigator{
    text-align: center;
}

.category{
   width: 100px;
   height: 110px;
   float: left;
   padding: 0 0 0 5px;
   text-align: center;
}

.comment{
   border: 1px solid #ded;
   margin: 15px 10px 1px 10px;
}
.commentuser{
   background-color: #efe;
   float: left;
   padding: 0 5px 2px 3px;
   border-right: 2px solid #ded;
   margin: 0 5px 0 0 ;
}
.commenttime{
   padding: 0 0 2px 3px;
   border-left: 2px solid #fff;
   background-color: #efe;
   border-bottom: 1px solid #ded;
   color: #676;
}
.commentbody{
   clear: both;
   padding: 5px 0 3px 3px;

}
.commentform{
   padding: 0 3px 5px 3px;
   border: 1px solid #ded;
   margin: 15px 10px 10px 10px;
}

.clearer {
    clear: both;
}

.border {
    border: 1px solid #333;
}

.center {
    text-align: center;
}

.left {
    float: left;
}
.right {
    float: right;
}

.sidebarleft {
    width: 110px;
    float: left;
}
.sidebarright{
    float: left;
    width: 20px;
}

.h1{
   float: left;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
}
.h1_bold {
   float: left;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
}

/*.codesnippetarea{
    width: 390px;
    height: 50px;    
}*/
.codesnippetarea{
    width: 380px;
    height: 12px;
    padding: 2px 2px 2px 2px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.mailinput{
    width: 160px;
    /*height: 50px;    */
}

.mailtext{
    width: 100px;
    /*height: 50px;    */
}

.commentarea{
    width: 372px;
    height: 50px;
}

* html .border_ie{
    border: 1px solid #333;
}

.share_button {
    margin: 5px 5px 3px 0;
	float: left;
}

.embedtext {
	width: 110px;
	float: left;
      padding: 5px 0 0 0 ;
}
.embedinput {
	width: 50px;
	float: left;
    margin: 3px 0 0 0 ;
}

.pagecontent-product h3{
   background-color: #fff;
   border: none;
}

.instructionbox{
   background-color: #efe;
   border: 1px solid #ded;
   margin: 10px 0 5px 0;
   padding: 4px 4px 4px 4px;
}

.instructionbox h4{
   margin: 0 0 5px 0;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
}

.greenbox {
    border: 1px solid #ded;
    background-color: #efe;
}

.tabnav
{
     height: 19px;
     width: 405px;
     margin: 0px 0px 0px 0px;
     border-bottom: 1px solid #ded;
     float: left;
}

.tabnav li
{
    margin: 0; 
    padding: 0;
    display: inline;
    list-style-type: none;
}
	
.tabnav a:link, .tabnav a:visited
{
    float: left;
    background: #efe;
    font-size: 10px;
    line-height: 14px;
    font-weight: bold;
    padding: 2px 10px 2px 10px;
    margin-right: 4px;
    border: 1px solid #ded;
    text-decoration: none;
    color: #555;
}

.tabnav a:link.active, .tabnav a:visited.active
{
    border-bottom: 1px solid #fff;
    background: #fff;
    color: #000;
}

.tabnav a:hover
{
    background: #fff;
}

.tabnav-customize
{
     height: 32px;
     width: 800px;
     margin: 0px 0px 0px 0px;
     border-bottom: 1px solid #ded;
     float: left;
}

.tabnav-customize li
{
    margin: 0; 
    padding: 0;
    display: inline;
    list-style-type: none;
}
	
.tabnav-customize a:link, .tabnav-customize a:visited
{
    float: left;
    background: #efe;
    font-size: 10px;
    line-height: 14px;
    font-weight: bold;
    padding: 2px 10px 2px 10px;
    margin-right: 4px;
    border: 1px solid #ded;
    text-decoration: none;
    color: #555;
}

.tabnav-customize a:link.active, .tabnav-customize a:visited.active
{
    border-bottom: 1px solid #fff;
    background: #fff;
    color: #000;
}

.tabnav-customize a:hover
{
    background: #fff;
}

* html .visualIEFloatFix { height: 0.01%; }


.bullet {
    list-style-position: outside;
    padding-left: 1em;
}

.proform {
    margin: 5px 0 15px 0;
clear: both;
}

.proform .header {
    padding-top:2px;
    float:left;
    width: 160px;
    font-weight: bold;
}

.proform .inputfield {
    float:left;
    width: 250px;
}

.proform .description{
    clear:both;
    font-style: italic;
    padding-top: 3px;
}