      body {
        font-family:arial;
        color:#333333;
        font-size:12px;
        text-align:left;
      }
      
      #allcontainer {
        background:#ffffff url(img/back.jpg) repeat-x left bottom;
        width:100%;
        float:left;
      }
      
      /*div, table, tr, td, p, img, a, span, strong, h1, h2, h3, h4, h5, #topmainlist {*/
      * { 
        margin:0px;
        padding:0px;
      }  
      
      h1, h2 {
        font-size:24px;
        font-weight:bold;
        margin-top:10px;
        margin-left:25px;
        float:left;
        line-height:27px;
        display:inline;
      }
           
      h4 {
        font-size:14px;
        font-weight:bold;
        margin-top:5px;
        margin-left:20px;
        float:left;
        line-height:21px;
      }
      
      h5 {
        font-size:12px;
        font-weight:bold;
        margin-top:5px;
        margin-left:20px;
        float:left;
        line-height:19px;
        display:inline;
      }             
      
      h3 {
        font-size:16px;
        font-weight:bold;
        margin-top:5px;
        margin-left:20px;
        float:left;
        line-height:23px;
        display:inline;
      }
      

      
      #categories h3 {
        padding-left:12px;
        background:url(img/greenarrow.jpg) no-repeat 0px 3px;
        width:420px;
        display:inline;
      }

      #categories h3 a {
        font-weight:bold;
        text-decoration:none;
      }     
      
      #categories h4 {      
        font-size:12px;      
        padding-left:12px;
        background:url(img/greenarrow.jpg) no-repeat 0px 3px;
        width:420px;
      }
      
      #categories h5 {
        padding-left:12px;
        background:url(img/greenarrow.jpg) no-repeat 0px 3px;
        width:420px;
      }
      
      #leftsub h3 {
        font-size:16px;
        font-weight:bold;
        margin-top:5px;
        margin-left:20px;
        float:left;
        line-height:23px;
      }
      
      #leftsub h3 a {
        font-weight:normal;
      }      
      
      #leftsub #categories h3 {
        font-size:12px;
        padding-left:12px;
        background:url(img/greenarrow.jpg) no-repeat 0px 3px;
        width:420px;
      }
      
      #leftsub #categories h3, 
      #leftsub #categories h4,
      #leftsub #categories h5 {
        width:auto;
        float:none;
        padding-right:5px;
      }
                 
      
      #middle h3 {
        width:295px;
      }
      
      #middlesub h3 {
        width:510px;
      }               
      
      .catdesc, .desc, .descgallery {
        float:left;        
        margin-left:20px;
        border-bottom:1px solid #dddddd;
        padding-bottom:5px;
        display:inline;
      }
      
      .desc {
        margin-top:10px;
      }
      
      .descgallery {
        margin-top:10px;
        width:360px;
      }
      
      #categories p {
        width:420px;
      }    
      
      #middle p {
        width:295px;
      }
      
      #middlesub p {
        width:510px;
      }      

      #middle p img,
      #middlesub p img {
        margin-right:5px;
      }            
      
      .catdesc a {
        float:right;
      }     
      
      a {
        font-weight:normal;
        color:black;
      }
      
      #menu {
        margin-top:20px;
        float:left;
        margin-left:60px;
        display:inline;
      }
      

      #menu .middlemenulink {
        background:transparent url(img/menuback.jpg) repeat-x;
        background-position:0px 0px;
        height:41px;
        line-height:46px;
        float:left;
        font-size:16px;
        font-weight:bold;
        color:#666666;
        text-decoration:none;
        padding-left:8px;
        padding-right:8px;
        overflow:hidden;        
      }
      
      #menu #leftmenulink {
        background:transparent url(img/menubackl.jpg) no-repeat;
        background-position:0px 0px;
        height:41px;
        line-height:46px;
        float:left;
        font-size:16px;
        font-weight:bold;
        color:#666666;
        text-decoration:none;
        padding-right:8px;
        padding-left:12px;
        overflow:hidden;                   
      }

      
      #menu #rightmenulink {
        margin:0px;
        padding:0px;
        background-image:url(img/menubackr.jpg);
        background-repeat:no-repeat;         
        background-position:top right;     
        height:41px;
        line-height:46px;
        float:left;
        font-size:16px;
        font-weight:bold;
        color:#666666;
        text-decoration:none;
        padding-right:12px;
        padding-left:8px; 
        overflow:hidden;       
      }      

      #menu .middlemenulink:hover,      
      #menu #leftmenulink:hover {
        color:#ffffff;
        background-position:0px -41px;                    
      }       

      #menu #rightmenulink:hover {
        color:#ffffff;
        background-position:bottom right;                    
      }         
      
      #menu img {
        float:left;
      }
      
      a:hover {
        color:#003399;
      }
      
      #maincontainer {
        width:990px;
        margin-left:auto;
        margin-right:auto;
        text-align:center;      
      }
      
      .container {
        float:left;
        text-align:left;      
      }
      
      #right .container {
        background:transparent url(img/195_middle.jpg) repeat-y;
      }

      #bigright1 .container,
      #bigright2 .container {
        background:transparent url(img/745_middle.jpg) repeat-y;
      }

      #middle .container {
        background:transparent url(img/335_middle.jpg) repeat-y;
      }
      
      #middlesub .container {
        background:transparent url(img/550_middle.jpg) repeat-y;
      }      
      
      #left .container {
        background:transparent url(img/460_middle.jpg) repeat-y;
      }
      
      #adslist1 .container, #adslist2 .container {
        background:transparent url(img/495_middle.jpg) repeat-y;
      }
      
      #adsframe {
        background:transparent url(img/795_middle.jpg) repeat-y;        
      }
      
      #leftsub .container {
        background:transparent url(img/245_middle.jpg) repeat-y;
      }

      #companytitleframe .container {
        background:transparent url(img/990_middle.jpg) repeat-y;
      }               
      
      #footer .container {
        background:transparent url(img/footermiddle.jpg) repeat-x;      
      }

      #topmain .container {
        background:transparent url(img/topmainmiddle.jpg) repeat-x;      
      }
      
      #header {
        background:transparent url(img/header.jpg) no-repeat;      
      }                       
      
      .cornerstop,
      .cornersbottom,
      .cornersleft,
      .cornersright {      
        float:left;
      }
      
      #search label {
        width:200px;
        margin-top:5px;
        margin-left:25px;
        float:left;
        text-align:left;
      }
      
      .searchinputdiv {
        float:right;
        margin-top:2px;
        margin-right:-73px;
        position:relative;
        width:295px;
        height:47px;
        background:transparent url(img/input.jpg) no-repeat;
        display:inline;  
      }
      
      #loginform .searchinputdiv,
      #searchads .searchinputdiv,
      #registerform .searchinputdiv{
        float:left;
        margin-right:0px;
        margin-left:2px;
        width:240px;
        background:transparent url(img/input_ads.jpg) no-repeat;
        display:inline;                
      }
      
      #addadform table tr td {
        padding:5px;
        padding-top:10px;
      }

      .searchinput {
        margin-top:15px;
        margin-left:25px;
        float:left;
        width:250px;
        height:20px;
        background:transparent;
        border:0px;
        color:#ffffff;
        font-weight:bold; 
        font-family:arial;
        font-size:14px; 
        display:inline;            
      } 
         
      #searchads .searchinputdiv .searchinput,
      #loginform .searchinputdiv .searchinput,
      #registerform .searchinputdiv .searchinput{      
        width:195px;
      }
      
      #addadform .submit,      
      #search .submit,
      #searchads .submit,
      #loginform .submit,
      .optionstable .submit,
      #registerform .submit,
      #searchpromos #searchads .submit {
        background:transparent url(img/submit.jpg) no-repeat;
        width:128px;
        height:35px;
        padding:0px;
        border:0px;
        margin-top:10px;
        margin-right:15px;        
        float:right;
        cursor:hand;
        cursor:pointer;
      }
      

      #loginform .submit {
        background:transparent url(img/loginbutton.jpg) no-repeat;
      }
      
      .optionstable .submit {
        margin-right:0px;
      }

      #addadform .submit,      
      .optionstable .submit,
      #registerform .submit {
        background:transparent url(img/orderbutton.jpg) no-repeat;
      }      
      
      #searchads .submit,
      #searchpromos #searchads .submit {
        /*float:left;*/
        margin-right:30px;
        margin-top:25px;
        display:inline;
      }

      #addadform .submit:hover,
      #search .submit:hover,
      #searchads .submit:hover,
      #loginform .submit:hover,
      .optionstable .submit:hover,
      #registerform .submit:hover,
      #searchpromos #searchads .submit:hover {
        background-position:0 100%;
      }
      
      #searchads {        
        float:left;
        position:relative;
        z-index:200;
        margin-top:5px;
        margin-left:10px;
        display:inline;
      }


      
      #loginform {
        float:left;
        position:relative;
        z-index:200;
        margin-top:5px;
        display:inline;
        width:244px;
        margin-left:372px;              
      }
      
      #registerform {
        float:left;
        position:relative;
        z-index:200;
        margin-top:5px;
        display:inline;
        width:978px;
        margin-left:0px;
      }
      
      #loginform label,
      #registerform label {
        float:left;
        width:244px;
        height:15px;
        font-weight:bold;
        display:block;
        margin-top:10px;
      }

      #topmainlist {
        width:355px;
        float:left;
        margin-top:10px;
      }
      
      #topmainlist li {
        margin-left:15px;
      }
      
      #bottommenu {
        list-style-type:none;
        margin-top:15px;
        float:left;
        width:100%;
      }
      
      #bottommenu li {
        float:left;
        padding-right:8px;
        padding-left:8px;
        border-right:1px solid #333333;
      }    
      
      #menulist {
        float:left;
        list-style-type:none;
        width:210px;
        display:inline;
        margin-left:20px;
      } 
      
      #menulist li {
        float:left;
        width:210px;
      }      
      
      .topmainlink a {
        width:195px;
        float:left;
        padding-left:15px;
        font-size:13px;
        line-height:20px;
        background: url(img/greenarrow.jpg) no-repeat 0px center;
      }
      
      .topmainlink a:hover {
        background: url(img/greenarrow.jpg) no-repeat 5px center;
      }
      
      .sublink a {
        float:left;
        padding-left:25px;
        font-size:13px;
        width:185px;
        background: url(img/greenarrow.jpg) no-repeat 10px center;              
      }
      
      .sublink a:hover {
        background: url(img/greenarrow.jpg) no-repeat 15px center;
      }  
      
      #nav {
        float:left;
        margin-left:20px;
        display:inline;
        width:95%;
      }
      
      #nav, #nav a {
        font-size:14px;
        font-weight:bold;
      } 
      
      .copanysubheading {
        font-size:16px;
      }
      
      .infobox {
        float:left;
        margin-top:5px;
        border-bottom:1px solid #e1e1e1;
        display:inline;
        padding-left:40px;
        width:175px;
        padding-bottom:5px;        
      }           
      
      /* for understanding browsers */
      .infobox {
      min-height:60px; 
      height:auto;
      }
      /* for Internet Explorer */
      /*\*/
      * html .infobox {
      height: 60px;
      }
      /**/  
          
      
      .adscats {
        float:left;
        list-style-type:none;
        width:247px;
        display:inline;
        margin-top:0px;
        height:380px;        
      } 
      
      .adscats li {
        float:left;
        width:215px;
        padding-left:12px;
        background:url(img/greenarrow.gif) no-repeat 0px 3px;
        line-height:18px;
        margin-left:20px;
        display:inline;                
      }
      
      .promoframe {
        width:315px;
        height:235px;
        float:left;        
      }       
      
      .promoframe .promoframeinside {
        width:305px;
        float:left;
        margin-left:5px;
        margin-top:5px;
        height:225px;
        display:inline;
        /*border:1px solid #cccccc;*/
        background:url(img/promoframe.jpg) no-repeat;        
        text-align:center;
        overflow:hidden;
      }
      
      .promoframe .promoframetitle {
        width:295px;
        float:left;
        margin-left:5px;
        margin-top:5px;
        height:25px;
        display:inline;
        text-align:center;
        overflow:hidden;
        font-weight:bold;
        font-size:14px;
      }                  
      
      .promoframe .promoframeinside .promoframecontent,
      .promoframe .promoframeinside .promoframecontentimg {
        width:295px;
        float:left;
        margin-left:5px;
        margin-top:10px;
        height:175px;
        text-align:center;
        display:inline;

        
        overflow:hidden;
        vertical-align:middle;        
      }

      .promoframe .promoframeinside .promoframecontentimg {      
        display:table;        
        line-height:175px;       
      }  
      
      .promoframe .promoframeinside .promoframecontentimg img {
        vertical-align:middle;
      }
      
      .promoframe .promoframeinside .promoframecontentimg a {
        display: table-cell;
        vertical-align: middle;
      }      


      .promoframe .promoframeinside .promoframecontentimg span { display: inline-block; }
                      
      .optionstable td {
        padding-top:5px;
        padding-bottom:5px;
      }
      
      .stars {
        width:120px;
        text-align:center;   
      }

      .stars .starscontainer {
        margin-top:-25px;        
        float:right;
        position:relative;
        z-index:500;
        width:120px;
        text-align:center;                     
      }

      .stars img {
        margin-left:auto;
        margin-right:auto;
        margin-top:0px;
        width:19px;
        height:19px;
        
      }
      
      .desc ul {
        margin-left:20px;
        margin-top:5px;
      }





			
			.ui-helper-hidden-accessible {
				position: absolute;
				left: -999em;

			}
			/* 
			 * The state classes are a little bit complex, because of the doubble class bug in IE6
			 * The state class looks like this:
			 * 
			 * .ui-radio-state[-checked][-disabled][-hover] or .ui-checkbox-state[-checked][-disabled][-hover]
			 * 
			 * Examples:
			 * 
			 * .ui-radio-state-checked (simply checked) 
			 * .ui-radio-state-checked-hover (checked and hovered/focused)
			 * .ui-radio-state-hover (unchecked and hovered/focused)
			 * 
			 */
			
			#checkradiodiv .ui-radio-state-disabled,
			#checkradiodiv .ui-radio-state-checked-disabled,
			#checkradiodiv .ui-radio-state-disabled-hover,
			#checkradiodiv .ui-radio-state-checked-disabled-hover {
				color: #999;
			}
			#checkradiodiv span.ui-checkbox,
			#checkradiodiv span.ui-radio {
				display: block;
				float: left;
				width: 16px;
				height: 16px;
				background: url(icon_checkbox.png) 0 -40px no-repeat;
			}
			#checkradiodiv span.ui-helper-hidden {
				display: none;
			}
			#checkradiodiv label {
				padding: 3px;
				width:auto;
				float:left;
				margin:0px;
				
			}
			#checkradiodiv span.ui-radio-state-hover,
			#checkradiodiv span.ui-checkbox-state-hover {
				background-position: 0 -114px;
			}
			
			#checkradiodiv span.ui-checkbox-state-checked {
				background-position: 0 -1px;
			}
			
			#checkradiodiv span.ui-checkbox-state-checked-hover {
				background-position: 0 -75px;
			}
			#checkradiodiv span.ui-radio-state-checked-disabled-hover,
			#checkradiodiv span.ui-radio-state-checked-disabled,
			#checkradiodiv span.ui-radio-state-checked {
				background-position: 0 -161px;
			}
			
			
			#checkradiodiv span.ui-radio-state-checked-hover {
				background-position: 0 -200px;
			}
			
			.png {
        behavior: url(iepngfix.htc);
      }
      
/* Tooltip */

#tooltip {
	position:absolute;
	z-index:9999;
	color:#fff;
	font-size:13px;
	width:280px;
	
}

#tooltip .tipHeader {
	height:8px;
	background:url(img/tipHeader.gif) no-repeat;
}


#tooltip .tipBody {
	background-color:#333333;
	padding:5px 5px 5px 15px;
}

#tooltip .tipFooter {
	height:8px;
	background:url(img/tipFooter.gif) no-repeat;
}

.infoicon {
  float:right;
  margin-top:0px;
  margin-right:3px;
  display:inline;
  width:17px;
  height:17px;
  position:relative;
}

     
