/* global reset */
/*html{height: 100%;}*/
* { margin: 0; padding: 0; color:#3c4646; }

p { padding: 5px 5px 2px 5px; }
img { border:0px; }
fieldset { border:0px; clear:none;}
li {list-style-type: disc; list-style-image: none; margin-left: 5px;}
ul {margin-left: 2em;}

/* header layouts */
h1 { font-size: 170%; }
h2 { font-size: 160%; }
h3 { font-size: 150%; }
h4 { font-size: 140%; }
h5 { font-size: 130%; }
h1,h2,h3,h4,h5 { padding: 5px 5px 2px 5px; }
        
body 
{ 
  background: #efefef;
  font-size: 14px;
  font-family: arial;
}

#page_border
{ 
  background: #FFFFFF url(../res/page/page_border.gif) repeat-y;
  width: 964px;       /* with of main_border.gif */
  margin:0px;
  padding:0px;
  margin-left: auto;  /* allign center */
  margin-right: auto; /* allign center */
}


/***********************************************************
* misc
************************************************************/
.dbg-border { border: 1px solid red; margin: 0; padding: 0; }

.f-right { float:right; display: inline;}
.r-col-200 { float:right; width: 200px; display: inline;}
.r-col-250 { float:right; width: 250px; display: inline;}
.l-col-755 { float:left; width: 755px; display: inline;}
.l-col-735 { float:left; width: 735px; display: inline;}
.l-col-705 { float:left; width: 705px; display: inline;}
.l-col-220 { float:left; width: 220px; display: inline;}
.l-col-175 { float:left; width: 175px; display: inline;}
.l-col-760 { float:left; width: 760px; display: inline;}
.r-col-195 { float:right; width: 195px; display: inline;}

div.clear { clear: both; }

.a-bold { font-weight: bold; }
.a-left { text-align: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }
.ident-20 { padding-left:20px; }
.hr 
{
  padding-top:-10px; 
  margin:0px 0 4px 0; 
  height:10px; 
  width:100%; 
  border-bottom: solid 1px gray;
  clear:both; 
}

.bar-blue-20 { height:20px;  background-color:#9dbdce; overflow: hidden; clear:both;}
.bar-blue-8 { height:8px; background-color:#9dbdce; overflow: hidden; clear:both;}
.bar-blue-4 { height:4px; background-color:#9dbdce; overflow: hidden; clear:both;}
.bar-silver-4 { height:4px; background-color:#eeeeee; overflow: hidden; clear:both;}
.bar-white-1 { height:1px; font-size:1px; background-color:white; overflow: hidden; clear:both;}

/* 2 cols with same height */
.container-760-195:after {content:'';clear:both;display:block;}
.container-760-195 {background-color:#fff;border-right:#eeeeee 195px solid; height:100%; width:760px}
.container-760-195 .col1 {float:left;position:relative;overflow:hidden;margin-right:-100%;width:100%;}
.container-760-195 .col2 {float:right;position:relative;overflow:hidden;margin-right:-195px;width:195px;}

/***********************************************************
* Header
************************************************************/
#page_logo
{ 
  background: #71a0b8 url(../res/page/page_logo.gif);
  width: 955px;       
  height: 88px;
  position:relative; /* needed for absolute child positioning */
  color: white;
  font-size: 75%;
}

#page_logo a
{
  text-decoration: none; 
  font-weight: bold;
  color: white;
}

#page_logo a:hover
{
  text-decoration: underline; 
}

#page_logo_mobile_link
{
  position:absolute;
  top:50px;
  left:390px;
  font-weight:bold;       
}

#page_logo_menu
{
  float:right;
  display: inline;
  padding: 9px 10px 0px 0px;
  color: White;
  margin-right:20px;
}

#page_logo_lang
{
  position:absolute; 
  bottom:0; 
  right: 0;
  padding-bottom: 48px;
  padding-right: 25px;
  clear:both;
  width: 250px;
  margin-right:0px;
}

#page_logo_lang ul
{
  margin: 0px auto;
} 

#page_logo_lang li
{ 
  float: right;
  display: inline;
  margin: 0px 5px 0px 0px;
  padding: 0px;
  list-style: none;
  color:#A3CBDF;
} 

#page_logo_lang a
{ 
  color:#eaeaea;
} 


#page_logo_buttons
{
  position:absolute; 
  bottom:0; 
  right: 0;
  padding-bottom: 20px;
  padding-right: 25px;
  clear:both;
  width: 250px;
  margin-right:0px;
}


#page_logo_buttons ul
{
  margin: 0px auto;
} 

#page_logo_buttons li
{ 
  float: right;
  display: inline;
  margin: 0px 5px 0px 0px;
  padding: 0px;
  list-style: none;
  color:#A3CBDF;
} 

#page_logo_buttons a
{ 
  color:#eaeaea;
}


/***********************************************************
* Title
************************************************************/

#page_title
{ 
  background: #e2e9ee url(../res/page/page_title.gif);
  width: 955px;       
  height: 50px;
  /*position:relative;*/ /* needed for absolute child positioning */
  color: #606060;
}

#page_title h1
{
  float:left;display: inline;
  padding-top: 17px;
  padding-left: 93px;
  font-size: 120%;
  font-weight: normal;
  clear:none;
}

#page_title_change_button
{
  float:left;display: inline;
  position:relative;
  padding-top: 13px;
  padding-left: 5px;
}


#page_title_right
{
  float:right;display: inline;
  background: url(../res/page/page_title_right_panel.gif) no-repeat;              
  width:191px;
  height:39px;
  margin:5px 8px 0px 0px;
  #margin-right: 0px; /* Fix IE < 6 layout bug */ 
  #right: 8px;
  display: table; 
  #position: relative; 
}

#page_title_right_middle
{
  #position: absolute; 
  #top: 50%;
  display: table-cell; 
  vertical-align: middle;
  width: 100%;
}

#page_title_right_inner
{
  #position: relative; 
  #top: -50%; /* for explorer only */
  padding:0px 12px 0px 12px;
  margin-left: auto; margin-right: auto;
}

#page_title_right p
{
  text-align:center;
  padding: 0px;
  margin: 0px;
  font-size:88%;  
  font-weight:bold;
}


/***********************************************************
* Title menu
************************************************************/

#page_title_menu_bar
{ 
        background: white;
        width: 955px;       
        height: 49px;
        position:relative;
        color: white;
        font-size: 13px;
        text-align: center;
}

#page_title_menu_bar ul
{
        margin: 0px auto;
} 

#page_title_menu_bar li
{ 
        float: left;display: inline;
        margin: 0px 0px 0px 2px;
        padding-top: 5px;

        list-style: none;
        width: 171px;
        height: 23px;
        background: #9b9b9b url(../res/page/page_title_menu_button.gif) repeat-x;
} 

#page_title_menu_bar a
{
        text-decoration: none; 
        font-weight: bold;
        color: white;
}

/***********************************************************
* Title:Device
************************************************************/

#page_title_device
{
        float: left;display: inline;
        width: 90px;
        height: 28px;
        background: #9b9b9b url(../res/page/page_title_menu_button.gif) repeat-x;
        position:relative;
} 

#page_title_device img
{
        position:absolute;
        top: -40px;
        left: 5px;
} 

/***********************************************************
* Footer
************************************************************/
#page_footer_line
{ 
  background: #a3a3a3 url(../res/page/page_footer.gif) no-repeat;
  width: 964px;       
  height: 9px;
  overflow: hidden;
}

/***********************************************************
* content
************************************************************/
#page_content
{
  position:relative; 
  width: 955px;    
  font-size: 75%;
  padding:0px;
  margin:0px;
}


/***********************************************************
* white_block
************************************************************/
.white_block
{
  background-color: white;
  padding: 2px 0px 2px 0px;
  color: black;
  width: 955px;
  margin:0px;
  overflow: hidden;
  position:relative;
  float:left;display: inline;
}

.white_block_ix
{
  background-color: #eeeeee;
  width:477px;  
  height:200px;  
  float:left;display: inline;
  margin: 0px 0px 0px 0px;    
  padding:0px;
  display: inline;
}

.white_block_ix h3
{
  margin-top:5px;
  margin-left:20px;
}

.white_block_ix p
{
  margin-top:5px;
  margin-left:30px;
}

.white_block_ix1
{
  background-color: #e9e9e9;
  width:477px;  
  height:200px;  
  float:left;display: inline;
  margin: 0px 0px 0px 0px;    
  padding:0px;
  display: inline;
}

.white_block_ix1 h3
{
  margin-top:5px;
  margin-left:20px;
}

.white_block_ix1 p
{
  margin-top:5px;
  margin-top:30px;
  font-size: 110%;
  margin-left:20px;
}


/***********************************************************
* darkgray_block
************************************************************/

.darkgray_block
{
  background-color: #a3a3a3;
  padding: 2px 0px 2px 0px;
  color: white;
  width: 955px;
  overflow: hidden;
  position:relative;
  display:block;
}

.darkgray_block a
{
  text-decoration: none; 
  font-weight: bold;
}

.darkgray_block a:hover
{
  text-decoration: underline; 
}

.darkgray_block a 
{ 
  color: white;
}

/***********************************************************
* blue_block
************************************************************/

.blue_block
{
  position:relative; 
  background: #9ebecf;
  padding: 2px 0px 2px 0px;
  width: 955px;
  color: white;
  overflow: hidden;
}

.blue_block a
{
  text-decoration: none; 
  font-weight: bold;
}

.blue_block a:hover
{
  text-decoration: underline; 
}

.blue_block a 
{ 
  color: white;
}

/***********************************************************
* gray_block
************************************************************/
.gray_block
{
  background: #e1e2e1;
  padding: 2px 0px 2px 0px;
  color: #888888;
  overflow: hidden;
  clear:both;
}

.gray_block a
{
  text-decoration: none; 
  font-weight: bold;
}

.gray_block a:hover
{
  text-decoration: underline; 
}

.gray_block a 
{ 
  color: #888888;
}

/***********************************************************
* button 1 (dark gray)
************************************************************/
a.button-1 
{
  float: left; display: inline;
  clear:none;
  font-weight: bold;
  font-size: 12px; /*reset font size*/
  color: white;
  text-decoration: none;
  background:url(../res/page/button1_left.gif) 0 0 no-repeat;
  outline: none;
  height:16px;
  padding: 4px 0px 5px 25px;
  margin-right:20px;
  margin-bottom:2px;
  position: relative;
}

a.button-1 span 
{
  position:absolute;
  top:0;
  right:-25px;
  height:25px;
  background:url(../res/page/button1_right.gif) no-repeat;
  width:25px;
  height:25px;
}

a.button-1:hover 
{
  background-position: 0% -25px;
}

a.button-1:hover span 
{
  background-position: 0% -25px;
  color: #545454;
}

/***********************************************************
* box-corner
************************************************************/
.box-corner
{
  margin-left:10px;
  margin-right:15px;
  margin-top:10px;
  padding: 7px 10px 10px 10px;
}

.box-corner h2 
{
  margin-left:0px;
  margin-top:3px;
  margin-bottom:10px;
}

.box-corner li
{
  margin-right:5px;
}

/***********************************************************
* product/index: spotlight/see also
************************************************************/
.product_spotlight
{
  float: left;
  height:100px;
  width:100px;
  margin:5px 12px 5px 15px;
  padding:0px;
  margin-bottom:10px;
}


/***********************************************************
* product/index: highlight
************************************************************/

.highlight_img
{
  float: left;
  height:100px;
  width:36px;
  margin:5px 0px 5px 0px;
  padding:0px;
  margin-bottom:10px;
}

.highlight_descr
{
  float:left;
  width:700px;
}

a.highlight_descr_comp_dev
{
  font-size:10px;line-height:10px;position: relative; top: -5px;
}

.highlight_descr_price
{
  float:right;
  font-size:14px;font-weight: bold;display:inline;
  line-height:20px;
}

.highlight_descr_text
{
  height:55px;
}

a.highlight_descr_text
{
  color:#3c4646;
}

.highlight_close
{
  float:right;padding-right:0px;display:inline;
}

.highlight_close_link
{
  float:right;display:inline;
  text-align: center;
  padding-right:20px;
}

a.highlight_close_link span
{
/*  text-align: center;*/
  margin:0 auto;
  height:20px;
  width:20px;
  background: transparent url(../res/page/recent_device_close.gif) 0 0 no-repeat;
  display:block;
  z-index:100;
  outline: none;
}

a.highlight_close_link:hover span
{
  background-position: 0% -20px;
}


a.highlight_addtocart
{ 
  float:left;display: inline;
  background: url(../res/page/product_buttons.gif) 0px 0px no-repeat;
  color: Black;
  text-decoration:none;
  padding: 4px 8px 0px 10px;      
  margin: 4px 0px 0px 0px;
  height:18px;
  position:relative;
  outline:none;
  font-weight: normal;
}

a.highlight_addtocart span 
{
  position:absolute;
  top:0;
  right:0;        
  background: url(../res/page/product_buttons.gif) -95px 0px no-repeat;
  width:5px;
  height:22px;
}

a.highlight_addtocart:hover 
{
  text-decoration:none;
  background-position: 0% -22px;
}

a.highlight_addtocart:hover span 
{
  background-position: -95px -22px;
}


a.highlight_download
{ 
  float:left;display: inline;
  background: url(../res/page/product_buttons.gif) -100px 0px no-repeat;
  color: Black;
  text-decoration:none;
  padding: 4px 13px 0px 10px;     
  margin: 4px 10px 0px 3px;
  height:18px;
  position:relative;
  outline:none;
  font-weight: normal;
}


a.highlight_download span 
{
  position:absolute;
  top:0;
  right:0;        
  background: url(../res/page/product_buttons.gif) -190px 0px no-repeat;
  width:10px;
  height:22px;
}

a.highlight_download:hover 
{
  text-decoration:none;
  background-position: -100px -22px;
}

a.highlight_download:hover span 
{
  background-position: -190px -22px;
}


/***********************************************************
* Search
************************************************************/
#search 
{
  position:absolute;
  right: 0;
  padding-right: 0px;
  padding-top:3px;
}

#search form 
{
  border: none;
  background: url(../res/page/page_search_text.gif) no-repeat top left;
  width: 183px; /*138 + 33*/
  height: 20px;   
}

#search fieldset 
{
  margin: 0px;
  padding: 0px;
  border: none;
}

#search input.text 
{
  float: left;display: inline;
  width: 102px;
  border: none;
  background: none;
  color: black;
  margin: 2px 15px 0px 26px;
}
  

/***********************************************************
*  header
************************************************************/

.header_block
{ 
  height:29px;  
  background:#9dbdce url(../res/page/header_block.gif) repeat-x;
  overflow: hidden; 
  clear:both;
  padding-left: 20px;
  color: White;
  font-size:100%;
}

.header_block h2
{
  color: white;
  font-size:120%;
}


/* change device menu */
#page_title_change_menu
{
  position:absolute;
  left:0px;
  top:38px;
  background-color:#777777;
  color:white;
  font-size:12px;
  border-top:2px solid #AAAAAA;
  border-left:2px solid #AAAAAA;
  border-right:2px solid #999999;
  border-bottom:2px solid #999999;
  margin: 0px;
  padding:2px;
  display:none;
}


#page_title_change_menu ul
{
  margin: 0px auto;
  padding: 0px;
  background-color:#777777;
} 

#page_title_change_menu li
{ 
  margin:0px 0px;
  padding: 0px 2px;
  list-style: none;
  width:165px;
  display:block;
} 

#page_title_change_menu a
{
  display:block;
  text-decoration: none; 
  font-weight: bold;
  color: white;
  width:162px;
  padding: 4px 2px;
  margin: 0px;
}

#page_title_change_menu a:hover
{
  display:block;        
/*  width:154px;*/
  color: #EEEEEE;
  background-color:#AAAAAA;
}