/* CSS Document */

html { height:100%}
body {
  height:100%;  
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#333333;
}	

div {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

table {
  border-collapse:collapse;
}

table td { 
  margin:0; 
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

a:link {  
  text-decoration:underline; 
  color:#3399CC;
}
a:hover { 
  text-decoration:none;
}

a:visited { 
  text-decoration:underline;
  color:#993399;
}	

/* - Layout*/
table.body { 
  width: 1000px;  
  height:100%; 
}
	
  table.body td.main,
	table.body td.footerMain { 
    width: 635px;
  }
	
  table.body td.side,
	table.body td.footerSide { 
    width: 365px;
    overflow:hidden; 
    background: url(../images/elements/content_separator_v.gif) left top repeat-y;
  }  
		
  table.body td.main,
  table.body td.side,
	table.body td.headerMain,
	table.body td.headerSide { vertical-align: top;}
	
	table.body td.headerMain,
  table.body td.headerSide { }
	
  table.body td.footerMain,
  table.body td.footerSide { vertical-align:bottom;}
	

/* - Header*/
  
  /*Menu*/
  div.menu { 
    width: 635px;
    height:71px;
		margin-bottom:-1px;
		background:url(../images/elements/content_separator_h.gif) left bottom repeat-x; 
  }
	
    div.menu ul {
      list-style:none;
      margin:0;
      padding:0;
    }
	
    div.menu ul li {
      margin-left:1px;
      padding-left:20px;
      padding-right:20px;
      border-top-width:8px;
      border-top-style:solid;
      float: left;
    }
	
    div.menu ul li.blue,
    div.menu ul li.sky,
    div.menu ul li.green,
    div.menu ul li.yellow,
    div.menu ul li.orange { 
      padding-top:15px;
      background:url(../images/elements/menu_separator.gif) left 25px no-repeat;
    }
		
    div.menu ul li.logo { margin-left:0px; padding-right:19px;}
		
    div.menu ul li.logo { border-top-color: #ECECEB; }
    div.menu ul li.blue { border-top-color: #5AABD3; }
    div.menu ul li.sky { border-top-color: #50D5FD; }
    div.menu ul li.green { border-top-color: #ACD65A; }
    div.menu ul li.yellow { border-top-color: #FFFF71; }
    div.menu ul li.orange { border-top-color: #FF7D52; }
		
      div.menu ul li a.menu { 
        font-size:11px;  
        text-decoration:underline; 
        line-height:22px;
        padding-bottom:4px; 
        color:#666666;
      }
      div.menu ul li a.menu:hover { 
        text-decoration:none;
        background:url(../images/elements/menu_arr.gif) center bottom no-repeat; 
      }
		
      div.menu ul li a.selected {
			  color:#000000;  
        text-decoration:none;
        background:url(../images/elements/menu_arr.gif) center bottom no-repeat; 
      }
      div.menu ul li a.selected:hover {
			  color:#000000; 
        text-decoration:none;
        background:url(../images/elements/menu_arr.gif) center bottom no-repeat; 
      }	
	
  /*Extra Menu*/		
  div.extraMenu { 
    width: 365px;
    height:71px;
		margin-bottom:-1px; 
    background: url(../images/extra_menu_bg.gif) left top repeat-x;
  }
	
    div.extraMenu ul {
      list-style:none;
      margin:0;
      padding:0;
    }
	
    div.extraMenu ul li {
      padding-left:15px;
      padding-right:15px;
      padding-top:26px;
      background:url(../images/elements/menu_separator.gif) left 33px no-repeat;
      float: right;
    }
		
      div.extraMenu  ul li a{ 
        font-size:11px;  
        text-decoration:underline; 
        color:#3399CC;
      }	
      div.extraMenu ul li a:visited { 
        text-decoration:underline; 
        color:#3399CC;
      }
      div.extraMenu ul li a:hover { 
        text-decoration:none;
      }	
      
			div.extraMenu ul li a.selected:link,
      div.extraMenu ul li a.selected:hover,
      div.extraMenu ul li a.selected:visited  {  
        text-decoration:none; 
        color: #666666;
      }	
  
/* - Main content*/	
div.mainBaner {
  height:463px;
  background:url(../images/baners/main_baner.jpg) left top no-repeat;  
}

div.content { padding-right:20px;}
div.content h2 { padding-top:10px;}
div.content h1 { padding-left:0; }

div.separatorH {}
div.content  div.separatorH { margin:0;}

/* - Side Content*/

  /*Baners*/	
  div.banerList {
    background: #ECECEB url(../images/baners/baner_list_bg.gif) left bottom repeat-x;
  }
	
		
    div.banerList div.separatorH { 
      height:15px;  
      background:url(../images/elements/content_separator_h.gif)  left top repeat-x;
      margin:0;
    }
		  
    div.banerList div.baner {
      width:100%;
      min-height:81px;
      -height:81px;
      background:url(../images/baners/baner_bg.png) left top no-repeat;
			padding-bottom:16px;
      -background : none;
      -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/baners/baner_bg.png,sizingMethod=crop); 
    }
		
      div.banerList div.baner h2 { padding-left:40px;}
      div.banerList div.baner h2 img { margin-right:7px;}
      div.banerList div.baner div.descript { 
        font-size:11px;
        color:#666666;
        padding-left:100px;
        padding-right:20px;
      }
      
			div.banerList a.baner:link { text-decoration:none; cursor:hand; display:block;}
			div.banerList a.baner:visited { text-decoration:none; cursor:hand; display:block;}
			div.banerList a.baner:hover { text-decoration:none; cursor:hand; background-color:#F1F1F1;display:block;}
		
        /*Side content*/
				
        div.sideBox {
          padding-top:20px;
          padding-left:60px;
          padding-right:20px;
          padding-bottom:20px;
        }
		
          div.sideBox ul.sideList {
            list-style: disc;
            color:#CCCCCC;
            margin-top:10px;
            margin-bottom:0;
          }
          div.sideBox ul.sideList li { padding-bottom:5px;}	
				 
/* - Footer*/

  /*Menu*/
  div.footerMenu { 
    width: 635px;
    height:88px; 
    background:url(../images/elements/content_separator_h.gif) left top repeat-x; 
  }
	
    div.footerMenu ul {
      list-style:none;
      margin:0;
      padding:0;
    }
	
    div.footerMenu ul li {
      margin-left:1px;
      padding-left:20px;
      padding-right:20px;
      border-bottom-width:8px;
      border-bottom-style:solid;
      float: left;
    }
	
    div.footerMenu ul li.blue,
    div.footerMenu ul li.sky,
    div.footerMenu ul li.green,
    div.footerMenu ul li.yellow,
    div.footerMenu ul li.orange {
      padding-bottom:30px;
      margin-top:28px;   
      background:url(../images/elements/menu_separator.gif) left 10px no-repeat;
    }
		
    div.footerMenu ul li.logo { margin-left:0px; padding-right:19px;}
    *html div.footerMenu ul li.logo { padding-bottom:3px;}
		
    div.footerMenu ul li.logo { border-bottom-color: #ECECEB; }
    div.footerMenu ul li.blue { border-bottom-color: #5AABD3; }
    div.footerMenu ul li.sky { border-bottom-color: #50D5FD; }
    div.footerMenu ul li.green { border-bottom-color: #ACD65A; }
    div.footerMenu ul li.yellow { border-bottom-color: #FFFF71; }
    div.footerMenu ul li.orange { border-bottom-color: #FF7D52; }
		
      div.footerMenu ul li a.menu { 
        font-size:11px;  
        text-decoration:underline; 
        line-height:22px;
        padding-top:4px; 
        color:#666666;
      }
      div.footerMenu ul li a.menu:hover { 
        text-decoration:none;
        background:url(../images/elements/footer_menu_arr.gif) center top no-repeat; 
      }
		
      div.footerMenu ul li a.selected {
			  color:#000000; 
        text-decoration:none;
        background:url(../images/elements/footer_menu_arr.gif) center top no-repeat; 
      }
      div.footerMenu ul li a.selected:hover {
			  color:#000000; 
        text-decoration:none;
        background:url(../images/elements/footer_menu_arr.gif) center top no-repeat; 
      }
	
  /*Copyright*/	
  div.copyright { 
    height:88px;  
    background:url(../images/elements/content_separator_h.gif) left top repeat-x; 
    text-align: right;
    color: #666666;
  }
	
    div.copyright div {
      height:80px;
      font-size: 11px;
      border-bottom:8px solid #ECECEB;
    }

    div.copyright div p{ padding-top:30px; padding-right:20px; margin:0;}	

/*Elements*/

input.button {
  height:29px;
  padding-left:20px;
  padding-right:20px;
  cursor:pointer;
}

input[type=radio] {
margin: 4px 3px 4px 3px; 
}

*html input.button {
  padding-left:12px;
  padding-right:12px;
}

img { border:0;}

p { margin-top:15px; margin-bottom:15px;}

h1 {
  font-weight:normal;
  font-size:24px;
  color:#666666;
  margin:0;
  padding:20px;
}

h2 { 
  font-weight:normal;
  font-size:18px;
  color:#666666;
  margin:0;
  padding-bottom:5px;
}

h3 {
  font-size:12px;
  color:#333333;
  margin:0;
  padding-bottom:5px;
}	

div.separatorH{
  background:url(../images/elements/content_separator_h.gif)  left center repeat-x;
  height:20px;
  clear:both;
}
	
.white { color:#FFFFFF; }
.important { color:#CC0000;}

.infoBlock {
  background:#F4F3D9 url(../images/elements/war.gif) no-repeat 10px 12px;
  color:#666666;
  font-size:11px;
  padding:10px 10px 10px 25px;
  margin:0;
}

.video {
  height:127px;
  width:126px;
  background: url(../images/video.png) 0 0 no-repeat;
}

a:hover .video {
  background-position: 0 -126px;
}

.buy a {
  position:relative;
  padding-right:55px;
  height:1%;
} 

.buy a img {
  position:absolute;
  right:0;
  top:-15px;
}