@charset "UTF-8";
/* CSS Document */
a{
cursor: pointer;
cursor: hand;
}
/*<group=ContentDivs>*/
#header {
	width: 960px;
	margin-left: auto;
    margin-right: auto;
    position: relative;
}
#skip {
	height: 10px;
	text-align:right;
}
#skip p {
	font-size: 10px;
    line-height: 10px;
	color: #ccc;
}
#skip a:link {
	color: #ccc;
}
#skip a:visited {
	color: #ccc;
}
#skip a:hover {
	color: #666;
}
#localBadges{
	text-align: right;
	width: 155px;
	position: absolute !IMPORTANT;
	right: 0px;
	top: 20px;
	height: 13px;
}

#localBadges a:first-child{
	padding-left: 0px;
}

#localBadges a{
	padding-left: 1px;
}

#breadtrail {
	height: 25px;
	float: left;
                margin-top:4px;
                margin-bottom:-4px;
}
#breadtrail p {
	font-size: 10px;
	line-height: 25px;
	color: #999;
}
#subnav {
	height: 25px;
	width: auto;
	float: right;
	text-align: right;
                margin-top:4px;
                margin-bottom:-4px;
}
#subnav p {
	font-size: 10px;
	line-height: 25px;
	color: #666;
}
.subnavtext {
	font-size: 11px;
	line-height: 25px;
	font-weight: bold;
	color: #666;
}
#wrapper { 
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
#features {
	width: 475px;
	margin: 20px 0 40px 20px;
	float: left;
}
#featurelist {
	/*height: 310px;
	overflow: auto;
	direction:rtl;
	text-align:left;*/
}
#features ul {
	list-style-type: none;
	padding: 0 5px 0 5px;
	margin: 0;
	color: #666;
}
#features ul li {
	font-size: 11px;
	line-height: 12px;
	padding: 0 0 10px 20px;
	background: url("/en/images/styles/bullet.png") top left no-repeat;
}
#mainphoto {
	width: 425px;
	float: right;
	margin: 20px 20px 0 0;
	position: relative;
}
.productimage {
	display: table-cell;
	vertical-align:middle;
	text-align:center !IMPORTANT; 
	/* for IE6/7 */
	#margin: 50px 0 0 0;
	width: 425px;
	height:425px;
}
.productimage div{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.productimage div reflection{
	text-align:center !IMPORTANT;
}
.productimage div img{
	text-align:center !IMPORTANT;
}
#content { 
	width: 960px;
	clear: both;
}
#sidebar { 
	width:  280px;
	margin: 20px 0 0 20px;
	float: left;
	clear: none;
}
#main {
	width: 600px;
	margin: 20px 10px 0 20px;
	float: right;
	color: #333;
}
#footer {
	padding: 30px 0 20px 0;
	width: 100%;
	clear: both;
	background: url("/en/images/styles/bgfooter.png") top center no-repeat;
	background-color: #efefef;
}
#simplefooter {
	width: 100%;
	clear: both;
	margin-bottom: 40px;
}
/*</group>*/

/*<group=topnav>*/
#navigation{
	position: relative;
	width: 960px;
	height: 80px;
	margin-top: -25px;
}
#navigation div{
	position: relative;
}
a.textNav div{
	color: #666666;
}
a.textNav:hover div{
	color: #666666;
	text-decoration: none;
}
a.textNav:active div{
	color: #666666;
	text-decoration: none;
}
.navactive { 
	background-position: 0 -68px !important;
}
#search {
  display: block;
  margin-top: 34px;
  /* margin-left: 40px; */
  background: url("/EN/images/topnav/search_box.gif") no-repeat 0 0;
  width: 145px;
  float:right;
}
#navhome {
  display: block;
  margin-left: 20px;
  width: 106px;
  height: 72px;
  float: left;
}
#navhome span {
  display: none;
}
.blindNav {
	height: 56px;
}
.navi {
	margin-left:28px;
}
#navproducts {
  display: block;
  /* margin-left: 27px; */
  width: 56px;
  height: 68px;
  float:left;
}
#navproducts div{
	vertical-align: bottom;
	
}
#navproducts span {
  display: none;
}
#navproducts .blindNav div {
	position: absolute;
	bottom: 0px;
	height: 56px;
	width: 55px;
	background: url("/EN/images/topnav/topnav_products_blindup.png") no-repeat 0 0;
}
#navsupport {
  display: block;
  /* margin-left: 15px; */
  width: 48px;
  height: 68px;
  float:left;
}
#navsupport span {
  display: none;
}
#navsupport .blindNav div {
	position: absolute;
	bottom: 0px;
	height: 56px;
	width: 53px;
	background: url("/EN/images/topnav/topnav_support_blindup.png") no-repeat 0 0;
}
#navourstory {
  display: block;
  /* margin-left: 15px; */
  width: 56px;
  height: 68px;
  float:left;
}
#navourstory span {
  display: none;
}
#navourstory .blindNav div {
	position: absolute;
	bottom: 0px;
	height: 53px;
	width: 53px;
	background: url("/EN/images/topnav/topnav_ourstory_blindup.png") no-repeat 0 0;
}
#navjoinus {
  display: block;
  /* margin-left: 15px; */
  width: 47px;
  height: 68px;
  float:left;
}
#navjoinus span {
  display: none;
}
#navjoinus .blindNav div {
	position: absolute;
	bottom: 0px;
	height: 56px;
	width: 41px;
	background: url("/EN/images/topnav/topnav_joinus_blindup.png") no-repeat 0 0;
}

#navartists {
  display: block;
  /* margin-left: 15px; */
  width: 66px;
  height: 68px;
  float:left;
}
#navartists span {
  display: none;
}
#navartists .blindNav div {
	position: absolute;
	bottom: 0px;
	height: 66px;
	width: 66px;
	background: url("/EN/images/topnav/topnav_artists_blindup.png") no-repeat 0 0;
}

#navcommunity {
  display: block;
  /* margin-left: 15px; */
  width: 66px;
  height: 66px;
  float:left;
}
#navcommunity span {
  display: none;
}
#navcommunity .blindNav div {
	position: absolute;
	bottom: 0px;
	height: 66px;
	width: 66px;
	background: url("/EN/images/topnav/topnav_community_blindup.png") no-repeat 0 0;
}

#navnews {
  display: block;
  /* margin-left: 15px; */
  width: 58px;
  height: 68px;
  float:left;
}
.navText {
  text-align: center;
  /* white-space:nowrap; */
}
#navnews span {
  display: none;
}
#navnews .blindNav div {
	position: absolute;
	bottom: 0px;
	height: 56px;
	width: 52px;
	background: url("/EN/images/topnav/topnav_news_blindup.png") no-repeat 0 0;
}
#navbuynow {
  display: block;
  /* margin-left: 15px; */
  width: 52px;
  height: 68px;
  float:left;
}
#navbuynow span {
  display: none;
}
#navbuynow .blindNav div {
	position: absolute;
	bottom: 0px;
	height: 56px;
	width: 50px;
	background: url("/EN/images/topnav/topnav_buynow_blindup.png") no-repeat 0 0;
}
#cse-search-box {
  display: inline;
  width: 206px;
  height: 38px;
}
#searchfield {
  margin-left: 22px;
  background-color: #ffffff;
  color: #999;
  width: 115px;
  height: 11px;
  font-size: 11px;
  line-height: 11px;
  border: none;
}
/*</group>*/

/*<group=document download>*/
.documentdownload {
	width:270px;
    background-color: #efefef;
    border: 1px solid #ccc;
    margin: 0px 0px 10px 0px;
    color: #666;
}
/*</group>*/

/*<group=text>*/
p {
	margin: 0 0 10px 0;
}
br {
	margin: 0 0 10px 0;
}
h1 {
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	color: #000;
	margin: 0 0 0 0;
}
h2 {
	font-size: 18px;
	line-height: 20px;
	font-weight: normal !important;
	color: #666;
	margin: 0 0 5px 0 !important;
}
h2 a:link {
	color: #003366;
	text-decoration: none;
}
h2 a:visited {
	color: #003366;
	text-decoration: none;
}
h2 a:hover {
	color: #003366;
	text-decoration: none;
}
.features h2 {
	font-size: 22px;
	line-height: 22px;
	font-weight: normal !important;
	color: #666;
	margin: 0 0 10px 0 !important;
}
h3 {
	font-size: 12px;
	line-height: 12px;
	font-weight: bold !important;
	color: #000;
	margin: 0px 0 5px 0;
}
h4 {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold !important;
	color: #333;
	margin: 0 0 0 0;
}
h5 {
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #000;
	margin: 3px 0 0 0;
}
h6 {
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	color: #6F0000;
	margin: 0 0 0 0;
}
.review p {
	font-size: 11px;
	line-height: 14px;
	font-style: normal;
	color: #777;
	margin: 0 0 0 0;
}
#main ul[xmlns] {
	list-style-type: none;
	/*padding: 0 5px 0 5px;*/
	color: #666;
}
#main ul[xmlns] li {
	font-size: 11px;
	line-height: 12px;
	padding: 0 0 10px 20px;
	background: url(/en/images/styles/bullet.png) top left no-repeat;
}
.tinytext {
	font-size: 10px;
	line-height: 10px;
	font-weight: normal;
	color: #666;
}
.tinyitalics {
	font-size: 10px;
	line-height: 10px;
	font-style: italic;
	color: #666;
}
.smalltext {
	font-size: 12px !important;
	line-height: 12px !important;
	margin: -10px 0 0 0 !important;
	font-weight: normal;
	color: #666;
}
.smalldivide {
	font-size: 10px;
	line-height: 15px;
	color: #666;
	border-bottom: thin dotted #666;
}
/*</group>*/

/*<group=copyblock>*/
.copyblock {
	width: 100%;
	display: block;
	clear: both;
}
.iconleft {
	float: left;
}
.iconright {
	float: right;
}
.copyright {
	float: right;
	width: 475px;
	padding: 0 0 25px 0;
}
.copyleft {
	float: left;
	width: 475px;
	padding: 0 0 25px 0;
}
.copydefault {
	width: 100%;
	padding: 0 0 25px 0;
	clear: both;
}
.copyleft h2, .copyright h2, .copydefault h2 {
	color: #000;
}
.introduction {
	font-size: 16px;
	line-height: 20px;
	color: #888;
	width: 100%;
	padding: 0 0 25px 0;
}
.introduction h2 {
	font-size: 24px;
	line-height: 24px;
	color: #000;
}
.space {
	margin: 0 0 50px 0;
}
.space p {
	margin: 0 0 0 0 !important;
}
/*</group>*/

/*<group=SideNavigation>*/
#sidenav {
	margin: 0 0 0 0 !important;
}
#sidenav h2 {
	font-size: 16px;
	line-height: 20px;
	font-weight: normal !important;
	color: #666;
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0;
}
#sidenav h2 a:link {
    color: #666666;
}
#sidenav h2 a:visited {
	color: #666666;
}
#sidenav h2 a:hover {
	color: #003366;
}
#sidenav h2 a:active {
	color: #003366;
}
#sidenav br {
	margin: 0 0 0 0;
}
#sidenav ul {
	list-style-type: none;
	padding: 0 0 0 0 !important;
	margin: 0;
}
#sidenav li {
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	padding: 0 16px 15px 0;
}
#sidenav ul li {
	margin-bottom: 0;
}
#sidenav li a:link {
    color: #666;
}
#sidenav li a:visited {
	color: #666;
}
#sidenav ul li a:hover {
	color: #003366;
	text-decoration: none;
}
#sidenav ul li a:active {
	color: #666;
}
.navdescriptor {
	display: inline;
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
	color: #999;
}
/*</group>*/

/*<group=images>*/
img {
	border: none;
	font-size: 12px;
	line-height: 22px;
	color: #ccc;
}
.picleft {
	float: left;
	max-width: 250px;
	margin: 0px 50px 0 0;
}
.picright {
	float: right;
	max-width: 250px;
	margin: 5px 0 0 50px;
}
.picrightedge {
	float: right;
	max-width: 250px;
	margin: 5px -10px 0 60px;
}
div.photocap {
	margin: 10px 0 0 0;
	padding: 0;
}
div.photocap p, .caption {
	font-size: 10px !important;
	line-height: 12px !important;
	text-align: center !important;
	color: #003366 !important;
	/*margin: 5px 50px 10px 50px !important;*/
	width: 240px;
	margin: 0 auto 10px auto;
}
div.productimage {
	text-align: center !important;
}
div.commonfeature p {
  font-size: 11px !important;
  line-height: 13px !important;
  color: #666 !important;
}
div.commonfeature img {
  	margin-right: 10px;
}
/*</group>*/

/*<group=copycontainers multicolumn layout>*/
.lightboxcontainer {
    float: left;
    width: 130px;
    height: 150px;
    margin: 0 5px 0 0;
    position: relative;
}
.productcontainer {
    float: left;
    width: 177px;
    height: 270px;
    margin: 10px 0px 0px 10px;
}
.thumbcontainer {
    display: table-cell;
    vertical-align:middle;
    text-align:center; 
    /* for IE6/7 */
    #display: block;
    #font-size: 90px;/*  400*0.905=362  */
    #font-family:"Times New Roman";  /*With Times New Roman, you can set the font-size to height*0.905*/
    width: 130px;
    height:110px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #efefef;
}
.copycontainerwide {
    width: 177px;
    padding: 0 0 0 0;
    word-wrap: break-word;
}
.copycontainerwide br {
    margin: 0 0 0 0;
}
/*</group>*/

/*<group=Footer>*/
#innerfooter { 
    width: 960px;
    margin: 0 auto 0 auto;
    color: #666;
	padding: 10px 0 10px 0;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #dedede;
}
#innerfooter ul {
	list-style: none;
	margin: 0 0 5px 20px;
	padding: 0 0 0 0;
	font-size: 10px;
	line-height: 16px;
}
#innerfooter p {
	margin: 5px 0 0 20px;
	font-size: 11px;
	line-height: 16px;
}
#innerfooter a:link {
	color: #666;
	text-decoration: none;
}
#innerfooter a:visited {
	color: #666;
	text-decoration: none;
}
#innerfooter a:hover {
	color: #000;
	text-decoration: underline;
}
.footermapleft {
	width: 300px;
	margin: 0 0 0 0;
	float: left;
}

#xmlOutput .prodmapleft ul {
	font-size: 11px;
	line-height: 15px;
	list-style-type: none;
	margin:0;
	padding:0;
}

.floatleftcat{
	width: 280px;
	margin: 0 0 0 10px;
	float: left;
}

.floatmiddlecat{
	width: 280px;
	margin: 0 0 0 10px;
	float: right;
}

.floatrightcat{
	width: 280px;
	margin: 0 0 0 10px;
	float: right;
}


.catbox ul li a{
	color: #003366 !IMPORTANT;
	font-weight: normal !IMPORTANT;
}

.prodmapleft {
	width: 280px;
	margin: 30px 0 0 30px;
	float: left;
}
.prodmapleft ul li a{
	color: #003366 !IMPORTANT;
	font-weight: normal !IMPORTANT;
}
#innersimplefooter { 
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    color: #333;
	padding: 10px 0 5px 40px;
}
/*</group>*/

/*<group=Links>*/
a:link {
	color: #003366;
	text-decoration: none;
}
a:visited {
	color: #003366;
	text-decoration: none;
}
a:hover {
	color: #003366;
	text-decoration: underline;
}
/*</group>*/

/*<group=MSRP>*/
#msrpHolder {
    background-color:#fff !IMPORTANT;
    width: 280px !IMPORTANT;
 }
.ddCountryList {
    width:270px;
    background-color: #efefef;
    border: 1px solid #ccc;
    margin: 0px 0px 10px 0px;
    color: #666;
    }
.UpdateProgress{
    width: 5px;
    float: right;
    margin: 0px -10px 0px 0px;
    }
#UpdatePanel2 h5 {
    font-size: 16px; 
    line-height: 18px;  
    padding: 5px 0px 10px 0px;    
    color: #003366;
    }
#UpdatePanel2 fieldset {
    padding: 0 0 0 0;
}
#UpdatePanel2 fieldset p {
	font-size: 10px;
    line-height: 10px;
}
#UpdatePanel2 {
      width: 290px; 
}
/*</group>*/










/*<group=ACRESULTS>*/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}
.catDiv{
	float: left;
	width: 32%;
	height: 200px;
}

.subcatDiv{
	
}
/*</group>*/

/*<group=sIFR>*/
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active .features h1, .sIFR-active .features h2, .sIFR-active .introduction h2, .sIFR-active #main h1, .sIFR-active #wide h1, .sIFR-active #sidenav h2 {
    font-family: Myriad Pro, Myriad, Tahoma, Helvetica, sans-serif;
    visibility: hidden;
  }
}
/*</group>*/

/* global look for language bar */ 
.desc
{
	color: #6b6b6b;
}
.desc a
{
	color: #000666;
}
.dropdown dd, .dropdown dt, .dropdown ul
{
	margin: 0px;
	padding: 0px;
}	
#LangChange dt{
	background:url("/en/images/langbar/left-white.png") no-repeat scroll left 0 transparent;
	height:21px;
	position:relative;
	z-index:99999;
}
.dropdown dd
{
	position: relative;
	top:-2px;
	z-index: 99999;
}
.dropdown dd ul li.first
{
	padding-top: 3px;
}

.dropdown dd ul li.last
{
	background:url("/en/images/langbar/left-bottom-white.png") no-repeat scroll left 0 transparent;
	border: 0;
}
.dropdown dd ul li.last a
{
	background:url("/en/images/langbar/right-bottom-white.png") no-repeat scroll right 0px transparent;
	border-width:0;
	border:0;
	width: 69px;
}
.dropdown dd ul li.last:hover
{
	background:url("/en/images/langbar/left-bottom-hover.png") no-repeat scroll left 0 transparent;
}
.dropdown dd ul li.last a:hover
{
	background:url("/en/images/langbar/right-bottom-hover.png") no-repeat scroll right 0px transparent;
}
.dropdown dd ul li.last-second a{
	border-bottom: 1px solid #CCC;
}
.dropdown a, .dropdown a:visited
{
	color: #816c5b;
	text-decoration: none;
	outline: none;
}
.dropdown li:hover
{
	color: #5d4617;
}
.dropdown dt li:hover
{
	color: #5d4617;
}
.dropdown dt a
{
	display: block;
	padding-right: 15px;
	width: 71px;
	height: 21px;
	background:url("/en/images/langbar/right-white.png") no-repeat scroll right 0px transparent;
	border-width:0;
	margin-left: 10px;
}
.dropdown dt a span
{
	cursor: pointer;
	display: block;
	height: 15px;
	position:relative;
}	
.dropdown dd ul
{
	color: #C5C0B0;
	display: none;
	position: absolute;
	width: 96px;
	list-style: none;
}
.dropdown dd ul li{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding:0 4px;
	background-color: #FFFFFF;	
}
.dropdown span.value
{
	display: none;
}
.dropdown dd ul li a
{
	padding: 5px;
	display: block;
	padding: 2px 0px 3px 23px;
	border-top: 1px solid #CCCCCC;
}
#LangChange #sample #Lang img{
	position: relative;
	top: 3px;
}
.dropdown dd ul li:hover
{
	background-color: #d0c9af;
}
.dropdown img.flag
{
	border: none;
	vertical-align: middle;
	margin-left: 10px;
}
.flagvisibility
{
	display: none;
}
#LangChange
{
	height: 15px;
}
.dropdown
{
	float: right;
}
#leftbox
{
	text-align: right;
	padding-right:100px;
}
#outer
{
	height: 50px;
}
/* End language bar look */

/* language disclaimer box  */
#disclaimer_box 
{ 
            position: fixed; 
            left: 0px; 
            z-index: 1000; 
            background:#feff99;
            padding:6px;
            border:1px solid #feff99;       
            width:99%;
            color:#000000;
            display:none;
            font-size: 10px;
}
/* language disclaimer box  */

#behringerLike {
width:400px;
margin-top:15px;
}

#buyNow2 {
width:280px;
height:50px;
}
