/* CSS Document */

/* 
	Author: Ady
	Version: 1.0
*/
html { background-color:#FFF; }
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
#wrapper {margin:0 auto;width:985px;text-align:left;}
#content { width: 985px; margin: 0 auto; position: relative; }
body { font-size: 10px; font-family: Arial, Verdana, sans-serif; color: #333; }
a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin-bottom: 18px; }
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }

#l_sidebar {
	float: left;	width: 190px;	margin: 0px 0px 0px 0px;	padding: 0px 0px 20px 0px;	line-height: 20px;
	}

#mid_content {
	float: left; width: 520px; margin: 0px 0px 0px 0px;	padding: 0px 0px 20px 0px;	}
		
#r_sidebar {
	float: right;  width: 180px; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; line-height: 20px;	}


.subtitle{	font: bold 150%/40% "Lucida Grande", Arial, sans-serif;	margin: 15px 5px 10px;
	color: #262626; letter-spacing: 0px; text-align:LEFT;}
	
/* HEADER */
#header { width: 985px; height: 41px; margin: 15px auto; position: relative; z-index: 9998; }
#header #headernav { margin: 0; padding: 0; }
#header #headernav li { display: inline; }
#header #headernav li a { float: left; width: 80px; height: 0; padding-top: 41px; overflow: hidden; }
#header #headernav li a,
#header #search { background-image: url(../images/header/globalnavbg.png); _background-image: url(../images/header/globalnavbg.gif); background-repeat: no-repeat; }

/* NAV */
#header #headernav li#nav-home a { background-position: 0 0; }
#header #headernav li#nav-buy a { background-position: -80px 0; }
#header #headernav li#nav-news a { background-position: -160px 0; }
#header #headernav li#nav-dealers a { background-position: -240px 0; }
#header #headernav li#nav-tourism a { background-position: -320px 0; }
#header #headernav li#nav-support a { background-position: -400px 0; }
#header #headernav li#nav-downloads a { background-position: -480px 0; }
#header #headernav li#nav-about-us a { background-position: -560px 0; }
#header #headernav li#nav-blank  a{ background-position: -640px 0; }

/* MOUSE OVER */
#header #headernav li#nav-home a:hover { background-position: 0 -41px; }
#header #headernav li#nav-buy a:hover { background-position: -80px -41px; }
#header #headernav li#nav-news a:hover { background-position: -160px -41px; }
#header #headernav li#nav-dealers a:hover { background-position: -240px -41px; }
#header #headernav li#nav-tourism a:hover { background-position: -320px -41px; }
#header #headernav li#nav-support a:hover { background-position: -400px -41px; }
#header #headernav li#nav-downloads a:hover { background-position: -480px -41px; }
#header #headernav li#nav-about-us a:hover  { background-position: -560px -41px; }

/* PRESSED
#header #headernav li#nav-home a:active { background-position: 0 -82px; }
#header #headernav li#nav-buy a:active { background-position: -80px -82px; }
#header #headernav li#nav-news a:active { background-position: -160px -82px; }
#header #headernav li#nav-dealers a:active { background-position: -240px -82px; }
#header #headernav li#nav-tourism a:active { background-position: -320px -82px; }
#header #headernav li#nav-support a:active { background-position: -400px -82px; }
#header #headernav li#nav-downloads a:active { background-position: -480px -82px; }
#header #headernav li#nav-about-us a:active { background-position: -560px -82; } 
*/

/* SELECTED 
#header.home #headernav li#nav-home a:hover { background-position: 0 0; cursor: default; }
#header.buy #headernav li#nav-buy a { background-position: -80px -123px !important; }
#header.news #headernav li#nav-news a { background-position: -160px -123px !important; }
#header.dealers #headernav li#nav-dealers a { background-position: -240px -123px !important; }
#header.tourism #headernav li#nav-tourism a { background-position: -320px -123px !important; }
#header.support #headernav li#nav-support a { background-position: -400px -123px !important; }
#header.downloads #headernav li#nav-downloads a:active { background-position: -480px -123px !important; }
#header.about-us #headernav li#nav-about-us a { background-position: -560px -123px  !important; ; }
*/
.highlight1 {
	COLOR:#009900;
}
.highlight2 {
	COLOR:#FF3300;
}
.highlight3 {
	COLOR:#0000FF;
}
/* GLOBAL SEARCH */
#search { width: 304px; height: 41px; position: absolute; top: 5; right: 0; background-position: 100% 0; background-repeat: no-repeat; }
#search.active { background-position: 100% -38px; }
#search input.g-prettysearch, #search .search-wrapper input.g-prettysearch { background-color:#FFFFFF ; }
#search input.g-prettysearch { width:140px; height: 16px; margin-top: 9px; margin-left: 11px; }
#search .search-wrapper { position: relative; width: 140px; margin-top: 9px; margin-left: 11px; }
#search .search-wrapper input.g-prettysearch { width: 110px; margin-left: 20px; *margin-top:-1px; *margin-right:-2px; *margin-left:10px; }
#search .search-wrapper .left, 
#search .search-wrapper .left { display: block; position: absolute; left: 0; top: 0; width: 20px; height: 19px; background: url(images/searchfield_leftcap.png) left top no-repeat; }
#search .search-wrapper .right { display: block; position: absolute; right: 0; top: 0; width: 10px; height: 19px; background: url(images/searchfield_rightcap.png) right top no-repeat; }
#search .search-wrapper.empty.blurred input { color: #7E7E7E; }
#search .search-wrapper .reset { position: absolute; width: 11px; height: 11px; overflow:hidden; z-index: 1; right: 4px; top: 4px;  display: block; cursor: pointer; _cursor:hand; }
#search .search-wrapper.empty .reset { display: none; }
#search .search-wrapper input.g-prettysearch { position: absolute; width: 110px; top: 0; right: 10px; border: 0px; margin: 0; padding: 3px 0 0 0; font: 11px "Lucida Grande", Arial, sans-serif; }
#search label .prettyplaceholder { display: block; overflow: hidden; text-indent: -9999px; height: 0; width: 0;}

ul { margin-bottom: 18px; list-style: none outside; }
.spacer{margin:15px;}

#topnav {  float:right; width: 400px; height: 15px; margin: 0px auto;   position: relative; z-index: 9999; }
#topnav li { display: inline;  font: 10px Verdana, sans-serif; }
#topnav { margin: 0; padding: 0px; }
#topnav li a { float:left; padding-right: 5px; background:transparent url("../images/arrow.gif") no-repeat  1% 50%; color:#333; padding:0 0 0 10px; margin:0 0px 0 10px; font: 10px Verdana, sans-serif; }
/*#topnav li a { float:left;text-decoration:underline; background:transparent url("../images/arrow.gif") no-repeat 1px 4px; color:#333; padding:0 0 0 10px; margin:0 0px 0 10px;}*//*#topnav li a { float:left;text-decoration:underline; background:transparent url("../images/arrow.gif") no-repeat 1px 4px; color:#333; padding:0 0 0 10px; margin:0 0px 0 10px;}*/


/*END HEADER*/

/*#content .box { position:relative; width:181px; padding:0 20px 1px; overflow:hidden; background:#fff url(../images/wow_videoke/images/box_nav_mid.gif) repeat-y 0 0; zoom:1;   }*/
#content .box { position:relative; width:181px; padding:0 20px 1px; overflow:hidden; background:#fff url(../images/wow_videoke/box_nav_mid.gif) repeat-y 0 0; zoom:1;   }
#content .box .cap { position:absolute; width:180px; height:6px; margin:0 -20px; font-size:10px; /*behavior:url(/global/scripts/lib/iepngfix.htc);*/ }
#content .box .cap.top { top:0; background:url(../images/wow_videoke/box_nav_top.gif) no-repeat 0 0; *margin-left:-2px; }
#content .box .cap.bottom { bottom:0; background:url(../images/wow_videoke/box_nav_bottom.gif) no-repeat 0 100%; }
#content .box .gradient { width:0px; margin:0 0px; padding:0 0px; overflow:hidden; background:#fff url(../images/wow_videoke/box_nav_cap.gif) repeat-x 0 100%; }

#content .box { width:165px; padding:15px 10px 15px; background-image:url(../images/wow_videoke/box_nav_mid.gif); }
#content .box .cap { width:181px; margin:0 -12px; left:12px; }
#content .box .cap.top {  height:10px; background-image:url(../images/wow_videoke/box_nav_top.gif); }
#content  .box .cap.bottom {height:6px;  background-image:url(../images/wow_videoke/box_nav_bottom.gif); }
#content .box ul { _width:100%; _position:relative; margin:0 -10px; padding:0 10px; _padding:0 0 0 20px; overflow:hidden; }
#content .box ul li { margin:0 0 -1px; padding:1.1em 0; border-bottom:1px solid #d9d9d9; }

#content .box p { margin-top:.3em; margin-bottom:0;   }
#content .box img { display:block; }
#content .box img.flush { margin:0 -10px; }

/* promo header */
#wrapper #featured_prod { position:relative; height:350px; margin-bottom:5px; }
#wrapper #featured_prod .promo { position:absolute; }
#wrapper #featured_prod .promo a { position:absolute; top:0; left:0; width:236px; height:100px; }
#wrapper #featured_prod #promotitleimg{ margin-left:40px; margin-top:5px; margin-bottom:5px; }
#wrapper #featured_prod #promo1 { left:0px; }
#wrapper #featured_prod #promo2 { left:495px; }
#wrapper #featured_prod #promo32 { left:495px; }
#wrapper #featured_prod .promo a.default { z-index:1; display:block; }
#wrapper #featured_prod .promo a.guidedlink h4 { position:absolute; top:162pt; left:316pt; font-weight:normal; color:#808080; font-size:13px; z-index:1; width:170px; }
#wrapper #featured_prod .promo a.guidedlink #arrow { position:absolute; top:163pt; left:425pt; z-index:1; }
#wrapper #featured_prod .promo a:hover { color:#808080; }
/* footer
------------------------*/
	
.advert{
	background: url(../images/arrow_menu.gif) no-repeat center left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:normal;
	color:#333;
	margin:5px;
	line-height:22px;
	padding: 0px 0 0px 10px;

	}
	
/* homepage slider */
div#slider { float: left; margin: 2px 0 2px 0px;}
img#move_left { display: inline; clear: none; float:left; margin: 0; }
img#move_right { display: inline; clear: none; float:right; margin: 0; }
.slideWindow { float:left; position:relative; visibility: hidden;}
.slideWindow li img, .slideWindow li p { background-color:#FFFFFF; margin:0 0px 0 0px; }

/* homepage slider */
div#slider2 { float: left; margin: 5px 0 5px 0px;}
img#move_left2 { display: inline; clear: none; float:left; margin: 0; }
img#move_right2 { display: inline; clear: none; float:right; margin: 0; }
.slideWindow2 { float:left; position:relative; visibility: hidden;}
.slideWindow2 li img, .slideWindow li p { background-color:#FFFFFF; margin:0 0px 0 0px; }


/* after content, forces any divs above to continue down the page, should not be an issue but just in case */
div.spacer { clear: both; height: 0; line-height: 0px; }
div.spacer_full { clear: both; height: 0; line-height: 0px; }

/************************************************
*	Footer  									*
************************************************/
/*INHALT FOOTER*/
#footer ul {margin:0 0 5px 0;}
#footer ul li {display:inline;font-size:10px;padding:0 2px 0 2px;}
#footer ul li.first {border:none;}
#footer ul li a {color:#8C8C8C;text-decoration:underline;}
#footer img {
	border: 1px solid #666666; 	padding: 5px 5px;	background-color:#FFF;	}
#footer .dot img  {
	border: 0px; padding: 0;}
#footer ul li a:hover {color: #FFFFFF;	text-decoration: none;	margin: 0px;	padding: 5px 0px 5px 0px;	border-bottom: 1px solid #666666;}
#footer p {color:8C8C8C;font-size:10px;}
#footer {width:850px;margin:0 auto;padding:0 0 50px 0; background-color:#FFFFFF;}  
/*

#footer {
	width: 880px;	mmargin:0 auto;padding:0 0 50px 0; 
	line-height: 20px;	}
	
#footer p {
	color: #FFFFFF;	padding: 3px 0px 0px 0px;	list-style-type: none;	margin: 0px;	}
	
#footer h2 {
	font-size: 12px;	font-family: Arial, Helvetica, Sans-Serif;	font-weight: bold;
	padding: 0px 0px 2px 0px;	margin: 15px 0px 0px 0px;	text-transform: uppercase;	}

#footer a {
	color: #AAAAAA;	text-decoration: none;	}

#footer a:hover {
	color: #2255AA;	text-decoration: none;
	}
	
#footer ul {
	list-style: none;	margin: 0px 0px 0px 0px;	padding: 0px;	}

#footer ul li {
	display: inline;	padding: 0px;	margin: 0px;}
	
#footer ul li a {
	color: #FFFFFF;	text-decoration: none;	margin: 0px;	padding: 5px 0px 5px 0px;	border-bottom: 1px solid #666666;
	}
#footer img {
	border: 1px solid #666666;
	padding: 5px 5px;
	background-color:#FFF;
	}

#footer ul li a:hover {
	background: #2A2A2A;	color: #FFFFFF;	}
