/* CSS Document for Maida*/



/* Colors used in this style sheet:



    Hex 000000 = black

    Hex ffffff = white

    Hex cccccc = gray

*/



/* CSS Document */



html {

	height: 100%;

}



img{

border:none;

}



a:active

{

  outline: none;

}



a:focus {outline: none;}



body {

margin:0px auto;

background:url('images/maida-bg.png') top left repeat-x #fff ;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10px; 

color:#000; 

text-align:center;

line-height:150%;

}



body,td {

margin:0px auto;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10px; 

line-height:150%;

}



input,textarea,select {

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

background-color:#ffffcc;

color:#000000;

margin:2px;

margin-top:5px;

}



h1,h2,h3,h4,h5,h6 {

margin:0px;

color:#CC0000;

line-height:125%;

font-weight:bold;

xtext-transform:uppercase;

}



h1 {

font-size:14px;

}



h2 {

font-size:14px;

color:#000000;

}



h3 {

font-size:12px;

}



h4 {

font-size:12px;

color:#000000;

}



h5 {

font-size:10px;

}



strong {

 font-weight:bold;

}



form {

margin:0px;

padding:0px;

}



a:link {

color:#CC0000;

text-decoration:none;

}



a:visited {

color:#990000;

text-decoration:none;

}



a:hover {

color:#FFCC00;

text-decoration:none;

}



a:active {

color:#FFCC00;

text-decoration:none;

}

		

hr {

background-color:#cfcfcf;

color:#CCC;

height:1px;

border:0;

width:98%;

text-align:center;

margin-top:10px;

margin-bottom:10px;

}

#zhSimpBody {
    xfont-size: 30px;
}



div#wrapper {

width:990px;

margin:0px auto; 

padding:0px ;

position:static;

}

/* MAIN BODY DIV BBACKGROUNDS */



.bodyh1{

background:url('images/maida_h1.png') no-repeat bottom left;

width:990px;

height:100px;

text-align:left;

font-size:10px; 

color:#000; 

line-height:150%;

}



div#bodyh2{

background:url('images/maida_h2.png') no-repeat top left;

width:990px;

height:130px;

text-align:left;

font-size:10px; 

color:#000; 

line-height:150%;

}



div#bodyh3{

background:url('images/maida_h3.png') repeat-y top left;

width:990px;

text-align:center;

margin-top:0px;

font-size:10px; 

color:#000; 

line-height:150%;

height:50px;

}



div#bodyh4{

background:url('images/maida_h4.png') repeat-y top left;

width:990px;

text-align:left;

font-size:10px; 

color:#000; 

line-height:150%;

}

#bodyh4ZhSimp {
    background:url('images/maida_h4.png') repeat-y top left;

width:990px;

text-align:left;

font-size:13px;

color:#000;

line-height:150%;
}

div#search {

   background-image:url('images/maida_h1b.png');

    background-repeat:repeat-y;

    background-position:top left;

    width:990px;

    xtext-align:left;

    font-size:10px;

    color:#fff;

    line-height:150%;

}



div#footerh1{

background:url('images/maida_h5.png') no-repeat top left;

width:990px;

text-align:center;

font-size:9px;

}



footerh1 a:link {

color:#ffffff;

text-decoration:none;

}



footerh1 a:visited {

color:#ff0000;

text-decoration:none;

}



footerh1 a:hover {

color:#CC0000;

text-decoration:none;

}



footerh1 a:active {

color:#ffffff;

text-decoration:none;

}



div#footerh2{

background:none;

width:990px;

text-align:center;

font-size:9px;

}



/* MAIN BODY FORMATTING */





.leftspacersearch{

width:14px;

height:30px;

float:left;

xborder:1px solid #330033;

}



.leftspacerbody{

width:14px;

height:80px;

float:left;

xborder:1px solid #330033;

}



.leftspacer{

width:24px;

height:80px;

float:left;

xborder:1px solid #330033;

}



#topCOL{

width:961px;

xfloat:left;

}

#topCOLZhSimp{

width:961px;
font-size: 13px;

xfloat:left;

}



#topCOL_in{

xpadding:5px;

text-align:left;

}



#leftCOL{

width:164px;

float:left;

xborder:1px solid #330000;

}



#leftCOL_in{

padding:0px;

padding-top:10px;

text-align:left;

}



#rightCOL{

width:790px;

float:left;

margin-left:0px;

xborder:1px solid #330033;

}



#rightCOL_in{

padding:5px;

padding-top:10px;

text-align:left;

}



#rightCOLtop{

width:100%;

float:right;

padding-right:10px;


}



#rightCOLtop_in{

padding-top:5px;
padding-right: 20px;
width: 100%;
text-align:right;

}





/*  BODY CONTENT */



div#leftcolumn{

width:380px;

float:left;

}



div#leftcolumnIN{

padding:5px;

padding-top:10px;

text-align:left;

}



div#rightcolumn{

width:380px;

float:left;

left-margin:10px;

}





div#rightcolumnIN{

padding:5px;

padding-top:10px;

text-align:left;

}

/*CONTANT HOMEPAGE MAIN 2 BOXES*/



#tabcontent{

background:url('images/background_tabs.jpg') no-repeat bottom left #d8d7e5;

height:170px;

}



#tabcontentbk{

background:url('images/background_tabsbk.jpg') no-repeat bottom left #e8e8e8;

height:170px;

}



#tabcontent h1{

color:#3a377c;

font-size:14px;

padding-top:10px;

padding-bottom:10px;

}



#tabcontentbk h1{

color:#3a377c;

font-size:14px;

padding-top:10px;

padding-bottom:10px;

}



#tabcontentTITLE{

background:url('images/background_tabsbg.jpg') no-repeat bottom right #fff;

}



#tabcontentTITLEbk{

background:url('images/background_tabsbgbk.jpg') no-repeat bottom right #fff;

}



#tabcontentTITLEIN{

padding-bottom:20px;

padding-right:20px;

font-weight:bold;

text-align:right;

		}



#spacercontent{

width:10px;

height:200px;

float:left;

}



.image{

margin:5px;

border: 1px solid #666666;

}



.cleardiv{

clear:both;

height:1px;

overflow:hidden;

}



/* CONTENT TABLES FOR PRODUCT DATA */

TD.mainSmall {

     font-family : Verdana, Arial, sans-serif;

     font-size : 9px;

     line-height : 150%;

     color : #fff;

     background : #000000;

	 }



TD.mainSmall2 {

     font-family : Verdana, Arial, sans-serif;

     font-size : 9px;

     line-height : 150%;

     color : #fff;

     background : #ff0000;

	 } 



TD.mainSmall3 {

     font-family : Verdana, Arial, sans-serif;

     font-size : 9px;

     line-height : 150%;

     color : #fff;

     background : #660000;

	 }



TD.mainSmall4 {

     font-family : Verdana, Arial, sans-serif;

     font-size : 9px;

     line-height : 150%;

     color : #fff;

     background : #666666;

	 }



TD.mainSmall5 {

     font-family : Verdana, Arial, sans-serif;

     font-size : 9px;

     line-height : 150%;

     color : #fff;

     background : #333333;

	 }

	 

td.maindataSmall {

     font-family : Verdana, Arial, sans-serif;

     font-size : 9px;

     line-height : 150%;

     color : #000;

     background : #fff;

	 border:1px solid #ccc;

}





/*  DISPLAY CHART CONTENT */

.columnLeftCategoriesName{

color:#FFFFFF;

font-weight:bold;

font-size:13px;

font:Verdana, Arial, Helvetica, sans-serif;

}



.columnLeftCategoriesName a:active {

color:#FFFFFF;

font-weight:bold;

font-size:13px;

font:Verdana, Arial, Helvetica, sans-serif;



}



.columnLeftCategoriesName a:link {

color:#FFFFFF;

font-weight:bold;

font-size:13px;

font:Verdana, Arial, Helvetica, sans-serif;



}



.columnLeftCategoriesName a:visited {

color:#FFFFFF;

font-weight:bold;

font-size:13px;

font:Verdana, Arial, Helvetica, sans-serif;



}



.columnLeftCategoriesName a:hover {

color:#FFFFFF;

font-weight:bold;

font-size:13px;

font:Verdana, Arial, Helvetica, sans-serif;



}



.mainPAGEsearch{

background:#3a377c;

color:#fff;

font-size:10px;

font-weight:normal;

align:center;

line-height:150%;

}



.productCatContainer {



    width: 100%;



}



.tablePaging {

    font-size: 14px;

    text-align: center;

    padding-top: 20px;

}



h6 {

     font-family : Verdana, Arial, sans-serif;

     font-size : 12px;

     line-height : 150%;

     color : #fff;

     background : #000;

	 border:1px solid #333;

	 text-transform:uppercase;

	 padding:5px;

	 font-weight:bold;

}



.cleardiv{

clear:both;

height:1px;

overflow:hidden;

}



/* DISPLAY REP DISTRIBUTOR CONTENT */



.TDreplist{

     font-family : Verdana, Arial, sans-serif;

     font-size : 10px;

     line-height : 150%;

     color : #333;

     background : #f3f3f3;

	 border:1px solid #ddd;

	 padding:5px;

	 font-weight:normal;

}



.TDreplist h1{

     font-family : Verdana, Arial, sans-serif;

     font-size : 14px;

margin:0px;

color:#000066;

line-height:125%;

font-weight:normal;

text-transform:uppercase;

	 padding-left:5px;

}



.TDsaleslist{

}



.TDsaleslist h1{

     font-family : Verdana, Arial, sans-serif;

     font-size : 12px;

margin:0px;

color:#CC0000;

line-height:125%;

font-weight:bold;

text-transform:uppercase;

	 padding-left:15px;

}



.TDtitlerepsales{

font-family : Verdana, Arial, sans-serif;

     font-size : 16px;

margin:0px;

color:#660000;

line-height:125%;

font-weight:bold;

text-transform:uppercase;

	 padding-left:5px;

}



/*  FOOTER CONTENT AREA */



div#leftcolumnfoot{

color:#fff;

}



div#leftcolumnfootIN{

padding:20px;

padding-top:10px;

text-align:center;

color:#fff;

}



div#rightcolumnfoot{

width:490px;

float:left;

left-margin:10px;

border-left:1px solid #cecece;

color:#fff;

}





div#rightcolumnfootIN{

padding:20px;

padding-top:10px;

text-align:right;

color:#fff;

}



#locationstuff{

text-align:center;

font-size:9px;

}



#leftcolumnfootIN a{

padding:10px;



}







/* MAIN NAV CONTAINER */

.mainnavDIV{

height:30px;

}



/* BUTTONS */

.mainnav1{

float:left;

width:94px;

padding:4px;

height:30px;

padding-right:2px;

padding-left:2px;

}



.mainnav1 a{

width:94px;

background:url('images/nav.jpg') repeat-y top left;

text-transform:uppercase;

text-align:center;

font-size:12px;

font-weight:normal;

color:#000;

height:30px;

padding-top:10px;

text-decoration:none;

display:block;

}



.mainnav1 a:hover{

width:94px;

height:30px;

padding-top:10px;

color:#FFF;

text-decoration:none;

display:block;

background:url('images/navDOWN.jpg') repeat-y top left;

text-transform:uppercase;

text-align:center;

font-size:14px;

font-weight:normal;

}



/* BUTTONS */

.mainnav2{

float:left;

width:129px;

padding:4px;

height:30px;

padding-right:2px;

padding-left:2px;

}



.mainnav2 a{

width:129px;

background:url('images/nav.jpg') repeat-y top left;

text-transform:uppercase;

text-align:center;

font-size:14px;

font-weight:normal;

color:#000;

height:30px;

padding-top:10px;

text-decoration:none;

display:block;

}



.mainnav2 a:hover{

width:129px;

height:30px;

padding-top:10px;

color:#FFF;

text-decoration:none;

display:block;

background:url('images/navDOWN.jpg') repeat-y top left;

text-transform:uppercase;

text-align:center;

font-size:14px;

font-weight:normal;

}



/* BUTTONS */

.mainnav3{

float:left;

width:129px;

padding:4px;

height:30px;

padding-right:2px;

padding-left:2px;

}



.mainnav3 a{

width:129px;

background:url('images/nav.jpg') repeat-y top left;

text-transform:uppercase;

text-align:center;

font-size:14px;

font-weight:normal;

color:#000;

height:30px;

padding-top:10px;

text-decoration:none;

display:block;

}



.mainnav3 a:hover{

width:129px;

height:30px;

padding-top:10px;

color:#FFF;

text-decoration:none;

display:block;

background:url('images/navDOWN.jpg') repeat-y top left;

text-transform:uppercase;

text-align:center;

font-size:14px;

font-weight:normal;

}



/* BUTTONS */

.mainnav4{

float:left;

width:139px;

padding:4px;

height:30px;

padding-right:2px;

padding-left:2px;

}



.mainnav4 a{

width:139px;

background:url('images/nav.jpg') repeat-y top left;

text-transform:uppercase;

text-align:center;

font-size:14px;

font-weight:normal;

color:#000;

height:30px;

padding-top:10px;

text-decoration:none;

display:block;

}



.mainnav4 a:hover{

width:139px;

height:30px;

padding-top:10px;

color:#FFF;

text-decoration:none;

display:block;

background:url('images/navDOWN.jpg') repeat-y top left;

text-transform:uppercase;

text-align:center;

font-size:14px;

font-weight:normal;

}



/* BUTTONS */

.mainnav5{

float:left;

width:124px;

padding:4px;

height:30px;

padding-right:2px;

padding-left:2px;

}



.mainnav5 a{

width:124px;

background:url('images/nav.jpg') repeat-y top left;

text-transform:uppercase;

text-align:center;

font-size:14px;

font-weight:normal;

color:#000;

height:30px;

padding-top:10px;

text-decoration:none;

display:block;

}



.mainnav5 a:hover{

width:124px;

height:30px;

padding-top:10px;

color:#FFF;

text-decoration:none;

display:block;

background:url('images/navDOWN.jpg') repeat-y top left;

text-transform:uppercase;

text-align:center;

font-size:14px;

font-weight:normal;

}



/* BUTTONS */

.mainnav6{

float:left;

width:184px;

padding:4px;

height:30px;

padding-right:2px;

padding-left:2px;

}



.mainnav6 a{

width:184px;

background:url('images/nav.jpg') repeat-y top left;

text-transform:uppercase;

text-align:center;

font-size:14px;

font-weight:normal;

color:#000;

height:30px;

padding-top:10px;

text-decoration:none;

display:block;

}



.mainnav6 a:hover{

width:184px;

height:30px;

padding-top:10px;

color:#FFF;

text-decoration:none;

display:block;

background:url('images/navDOWN.jpg') repeat-y top left;

text-transform:uppercase;

text-align:center;

font-size:14px;

font-weight:normal;

}



/* BUTTONS */

.mainnav7{

float:left;

width:124px;

padding:4px;

height:30px;

padding-right:2px;

padding-left:2px;

}



.mainnav7 a{

width:124px;

background:url('images/nav.jpg') repeat-y top left;

text-transform:uppercase;

text-align:center;

font-size:14px;

font-weight:normal;

color:#000;

height:30px;

padding-top:10px;

text-decoration:none;

display:block;

}



.mainnav7 a:hover{

width:124px;

height:30px;

padding-top:10px;

color:#FFF;

text-decoration:none;

display:block;

background:url('images/navDOWN.jpg') repeat-y top left;

text-transform:uppercase;

text-align:center;

font-size:14px;

font-weight:normal;

}



.mainnavspacer{

height:50px;

float:left;

width:21px;

}



/* LEFT NAV CONTAINER AND BUTTONS */



.leftlinksdiv{

}



.leftlinksdiv ul{

margin:0px;

padding:0px;

}





.leftlinksdiv li{

text-align:center;

list-style:none;

color:#3300FF;

font-size:12px;

padding:0px;

xpadding-top:7px;

padding-bottom:1px;

margin:0px;

}



.leftlinks a{

color:#ffffff;

font-size:12px;

font-weight:bold;

display: block;

background-color: #c43635;

padding-top: 3px;

padding-bottom: 3px;

}



.leftlinks a:hover {

    background-color: #000000;

}



.leftlinkstitle{

color:#000000;

font-size:18px;

text-transform:uppercase;

}



.leftlinkscontainer{

margin-top:20px;

margin-right:5px;

xborder-right:1px solid #ccc;

width:155px;

}



.img-site{

margin:5px;

border:1px solid #ccc;

}



.leftNavHeader {

    font-weight: bold;
    font-size: 11px;

}



/* MAIN BODY CONTAINER AND CONTENT */



.maincontentpane{

width:100%;

border-left:1px solid #efefef;

}



.maincontentpaneIN{

padding:5px;

padding-left:10px;

}



/* QUICK SEARCH FORM */

.searchContainer {

    width: 100%;

    padding-top: 5px;

    padding-bottom: 5px;

    padding-left: 5px;

}



.searchLeft {

    float: left;

    width: 640px;

}



.searchRight {

    float: right;

    width: 200px;

    padding-right: 70px;

}



#searchLabel {

    float: left;

    width: 139px;

    height: 25px;

    background-image: url('images/searchLabel.png');

    background-repeat: no-repeat;

}



.quickForm {

    float: left;

    padding-left: 5px;

}



.quickFormError {

    float: left;

    padding-left: 80px;

    padding-top: 5px;

    color: #ff0000;

}



.quickSearchError {

    font-size: 12px;

}



/* ADVANCED SEARCH STYLES */

.advancedButton {

    float: right;

    width: 196px;

    height: 59px;

}



.advancedColoredCell {

    background-color: #dfdfdf;

    border: 1px solid #000000;

    text-align:right;

    xborder-right: 1px solid #000000;

    xborder-bottom: 1px solid #000000;

}



.advancedButton a {

    display: block;

    height: 59px;

    background-image: url('images/advancedOver.png');

    background-repeat: no-repeat;

}



.advancedButton a:hover {

    display: block;

    height: 59px;

    background-image: url('images/advancedUp.png');

    background-repeat: no-repeat;

}



.advancedFormError {

    color: #ff0000;

}



/* ADMIN SPECIFIC STYLES */

.adminTableLabel {

    text-align: right;

}



.adminTableElements {

    text-align: left;

}



.addRepLeft {

    width: 100%;

    text-align: center;

    padding-left: 40px;

    padding-bottom: 20px;

}



.addRepRight {

    width: 300px;

    float: right;

    text-align: left;

}



.repNavContainer {

    float: right;

    width: 350px;

    text-align: left;

    padding-right: 15px;

    padding-bottom: 5px;

}



.distNavContainer {

    float: right;

    width: 450px;

    text-align: left;

    padding-right: 15px;

    padding-bottom: 5px;

}

.uploadContainer {
    width: 700px;
    padding: 20px;
    background-color: #000000;
}

.uploadLeft {
    width: 320px;
    text-align: left;
    float: left;
    color: #ffffff;
}

.uploadRight {
    width: 320px;
    text-align: left;
    float: right;
    color: #ffffff;
}


/* ZH SPECIFIC STYLES */

.zhadvancedButton {

    float: right;

    width: 192px;

    height: 49px;

}

.zhadvancedButton a {

    display: block;

    height: 49px;

    background-image: url('images/zhadvancedUp.png');

    background-repeat: no-repeat;

}



.zhadvancedButton a:hover {

    display: block;

    height: 49px;

    background-image: url('images/zhadvancedOver.png');

    background-repeat: no-repeat;

}

#zhsearchLabel {

    float: left;

    width: 139px;

    height: 25px;

    background-image: url('images/zhsearchLabel.png');

    background-repeat: no-repeat;

}

/* ZH SIMPLIFIED SPECIFIC STYLES */

.zhsadvancedButton {

    float: right;

    width: 192px;

    height: 49px;

}

.zhsadvancedButton a {

    display: block;

    height: 49px;

    background-image: url('images/zhsadvancedUp.png');

    background-repeat: no-repeat;

}



.zhsadvancedButton a:hover {

    display: block;

    height: 49px;

    background-image: url('images/zhsadvancedOver.png');

    background-repeat: no-repeat;

}

#zhssearchLabel {

    float: left;

    width: 139px;
    padding-left: 15px;
    text-align: left;
    padding-top: 5px;
    font-size: 16px;

    text-decoration: none;
    font-style: italic;
    font-weight: bold;

}

.large {
    font-size: 14px;
    line-height: 20px;
}