BODY {
	margin: 0px;
	padding: 0px;

	height: 100%;
	width:100%;
	font-family: Helvetica, Arial;
	font-size: 8pt;
	color: #333333;
	background-color: white;
}
FORM
{
	display: inline;
}
.element .videoGallery
{
    
}
.dijitMenuItem
{
	font-family: Helvetica, Arial;
	font-size: 8pt;
}
.default_size
{
    font-size: 12px;
    line-height:1.5em;
}
A
{
	font-family: Helvetica, Arial;
	color: #777777;
	text-decoration: none;
	outline: none;
	-moz-outline-style: none;
}

A:hover
{
	color: #000000;
	text-decoration: underline;
}
.clickable { cursor: hand; cursor: pointer; }
.moveable { cursor: move; }


/* STYLES FOR EDITOR */

.header1
{
	font-family: Helvetica, Arial;
	font-size: 14pt;
	font-weight: bolder;
	color: #333333;
}
.header2
{
	font-family: Helvetica, Arial;
	font-size: 12pt;
	font-weight: bold;
	color: #333333;
}
.normtext
{
	font-family: Helvetica, Arial;
	font-size: 8pt;
	color: #333333;
}
.important
{
	color: red;
	text-decoration: underline;
}
#container {
	width: 886px;
	background-repeat: no-repeat;
	text-align: left;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -443px;
	min-height: 100%;
	background-color: transparent;
    z-index: 0;
}
#header {
	width: 100%;

	height: 90px;
}

#breadcrumb
{
	width: 100%;
	height: 15px;
	font-family: Helvetica, Arial;
	font-size: 9pt;
	color: #c7c7c7;
}
#breadcrumb .current
{
	color: #6792c2;
	font-weight: bold;
}
#breadcrumb A
{
	color: #c7c7c7;
}
.content_bg
{
	background-image: url(/images/content_bg.png);
	background-position: top left !important;
}
#content
{
	width: 700px;
	/*background-image: url(/images/content_bg.png);*/
	background-position: bottom left;
	float: left;
	margin-left: 2px;
}
#content UL
{
list-style-type: none;
}
#contentheader
{
	width: 700px;
	/*background-image: url(/images/content_header.png);*/
	background-position: bottom left;
	color: #a4a4a4;
	font-family: Helvetica, Arial;
	font-size: 10pt;
	font-weight: bold;
	height: 18px;

}
#sidebar
{
	width: 180px;
	float: left;

	position: relative;
	z-index: 0;
}
.logo
{
	position: relative;
	width: 300px;
	margin-top: 25px;
	float: left;
}
#cred
{
	width: 884px;
	float: left;
	text-align: right;
	height: 24px;
	line-height: 24px;
	font-family: Helvetica, Arial;
	padding: 0;
	font-size: 9pt;
        color: rgb(128,128,128);


}
#forgot_pw
{
    margin-left: 130px;
   
    display: block;
    position: relative;
  
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    
    z-index: 450;
    font-family: Helvetica, Arial;
    color: #333333;  
    padding-top: 30px;
}
#forgot_pw .lock
{
    width: 105px;
    float: left;
    height: 250px;
    margin: 0;
    padding:0;
}
#forgot_pw .form .headerline
{
    font-size: 18px;
    font-weight: bold;
    
    padding-top: 4px;
}
#forgot_pw P
{
    padding: 0;
}
#forgot_pw .button
{
    background-image: url(/images/contact/button.png);
    font-family: Helvetica, Arial;
    font-size: 9pt;
    color: #4a4a4a;
    font-weight: bold;
    line-height: 23px;
    height: 23px;
    width: 90px;
 
    
    text-align: center;
    display: block;
}
#forgot_pw .form .registerfield
{
    width: 207px;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    
}
#forgot_pw .form .smallfield
{
    width: 100px;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
}
#lbl_regg_street.error {
    padding-left: 0 !important;
}
#forgot_pw .form .registerfield INPUT,
#forgot_pw .form .registerfield SELECT,
#forgot_pw .form .registerfield TEXTAREA 
{
    font-family: Helvetica, Arial;
    border: 1px solid #89919b;
    width: 200px;
    font-size: 12px;
    font-weight: normal;
    padding: 2px; 
}

#regg_email.aform,
#regg_street.aform,
#regg_phone.aform

{
    width: 310px;
}
#regg_email.error,
#regg_street.error
{
    width: 308px !important;
}
#regg_phone.error
{
    width: 291px !important;
}
#regg_street.error,
#regg_country.error{
    border: 1px solid red;
}
#regg_firstname.aform,
#regg_lastname.aform
{
    width: 150px;
}
#regg_firstname.error,
#regg_lastname.error
{
    width: 131px !important;
}
#regg_zip.aform
{
    width: 100px;
}
#regg_zip.error
{
    width: 81px !important;
}
#regg_city.aform
{
    width: 200px;
}
#regg_city.error
{
    width: 181px !important;
}
#regg_country
{
    width: 315px;
}

#forgot_pw .form .registerfield INPUT.error,
#forgot_pw .form .registerfield SELECT.error,
#forgot_pw .form .registerfield TEXTAREA.error,
#needslogin INPUT.error,
#checkout_content INPUT.error
{
   font-weight: normal;
   border: 1px solid red;
   padding-left: 20px;
   width: 182px;
   background: white url(/images/contact/cross.png) no-repeat left center;
   color: black;
}
#forgot_pw .form .registerfield TEXTAREA
{
    width: 640px;
    height: 220px;
}
#forgot_pw .form .registerfield SELECT
{
    width: 208px;
}
#forgot_pw .form .registerfield INPUT:focus
{
    border: 1px solid #000000;
    
}
#forgot_pw .form .registerfield INPUT.grayed
{
    color: #a2a2a2;
}
#forgot_pw .form .registerfield label.placeholder
{
    color:#808080;
    font-size: 9pt;
    padding-top: 5px;
    padding-left: 5px;
    position:absolute;
    z-index:5;
}
#forgot_pw .form .registerfield label.error,
#needslogin label.error,
#checkout_content label.error
{
    color: #808080;
    padding-left: 22px;
}  
#forgot_pw .form .registerfield label.hidden
{
    visibility: hidden;
}
#forgot_pw .form .registerfield label.focus
{
    color: #e2e2e2;
}
#forgot_pw .form .fullfield
{
    width: 460px;
}
#forgot_pw .form .captcha
{
    height: 30px;
    
}
#forgot_pw .form .registerbutton
{
    margin-left: 346px;
}
#forgot_pw .errors
{
    color: #944545;
    font-weight: bold;
}
#regsuccess
{
    margin-left: 130px;
   
    display: block;
    position: relative;
  
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    z-index: 450;
    font-family: Helvetica, Arial;
    color: #333333;  
    padding-top: 50px;
}
#regsuccess .lock
{
    width: 105px;
    float: left;
    height: 250px;
    margin: 0;
    padding:0;
}
#regsuccess .form .headerline
{
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
    padding-top: 4px;
}
#regsuccess P
{
    padding: 0;
}
#regsuccess .button
{
    background-image: url(/images/contact/button.png);
    font-family: Helvetica, Arial;
    font-size: 9pt;
    color: #4a4a4a;
    font-weight: bold;
    line-height: 23px;
    height: 23px;
    width: 90px;
 
    
    text-align: center;
    display: block;
}
#regsuccess .form .registerfield
{
    width: 230px;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
}
#forgotsuccess
{
    margin-left: 130px;
   
    display: block;
    position: relative;
  
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    z-index: 450;
    font-family: Helvetica, Arial;
    color: #333333;  
    padding-top: 50px;
}
#forgotsuccess .lock
{
    width: 105px;
    float: left;
    height: 250px;
    margin: 0;
    padding:0;
}
#forgotsuccess .form .headerline
{
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
    padding-top: 4px;
}
#forgotsuccess P
{
    padding: 0;
}
#forgotsuccess .button
{
    background-image: url(/images/contact/button.png);
    font-family: Helvetica, Arial;
    font-size: 9pt;
    color: #4a4a4a;
    font-weight: bold;
    line-height: 23px;
    height: 23px;
    width: 90px;
 
    
    text-align: center;
    display: block;
}
#forgotsuccess .form .registerfield
{
    width: 230px;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
}
#registration
{
    margin-left: 130px;
   
    display: block;
    overflow: auto;
  
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    z-index: 450;
        position: relative; 
    font-family: Helvetica, Arial;
    color: #333333;
}
#registration .lock
{
    width: 105px;
    float: left;
    height: 550px;
    margin: 0;
    padding:0;
}
#registration .form
{
    margin:0;
    
    padding:0;
}
#registration .form .headerline
{
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
    padding-top: 4px;
}
#registration .button
{
    background-image: url(/images/contact/button.png);
    font-family: Helvetica, Arial;
    font-size: 9pt;
    color: #4a4a4a;
    font-weight: bold;
    line-height: 23px;
    height: 23px;
    width: 90px;
 
    margin: 10px;
    text-align: center;
    display: block;
}
#registration .form p
{
    padding-top: 14px;
    width:530px;
}
#registration .form .registerfield
{
    width: 230px;
    float: left;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 5px;
    position: relative;
    
}
#registration .form .newsletter
{
    width: 330px;
   	padding-top: 12px;
   	width:405px;
}
#registration .form .registerheader
{
    font-size: 12px;
    font-weight: bold;
    margin-top: 15px;
    width: 460px;
    float: left;
}
#registration .form .registerfield INPUT,
#registration .form .registerfield SELECT,
#registration .form .registerfield TEXTAREA 
{
    font-family: Helvetica, Arial;
    border: 1px solid #89919b;
    width: 200px;
    font-size: 9pt;
    font-weight: normal;
    padding: 2px; 
}
#registration .form .registerfield INPUT.error,
#registration .form .registerfield SELECT.error,
#registration .form .registerfield TEXTAREA.error
{
   font-weight: normal;
   border: 1px solid red;
   padding-left: 20px;
   width: 182px;
   background: white url(/images/contact/cross.png) no-repeat left center;
   color: black;
}
#registration .form .registerfield TEXTAREA
{
    width: 640px;
    height: 220px;
}
#registration .form .registerfield SELECT
{
    width: 208px;
}
#registration .form .registerfield INPUT:focus
{
    border: 1px solid #000000;
    
}
#registration .form .registerfield INPUT.grayed
{
    color: #a2a2a2;
}
#registration .form .registerfield label.placeholder
{
    color:#808080;
    font-size: 9pt;
    padding-top: 5px;
    padding-left: 5px;
    position:absolute;
    z-index:5;
}
#registration .form .registerfield label.error
{
    color: #808080;
    padding-left: 22px;
}  
#registration .form .registerfield label.hidden
{
    visibility: hidden;
}
#registration .form .registerfield label.focus
{
    color: #e2e2e2;
}
#registration .form .fullfield
{
    width: 460px;
}
#registration .form .captcha
{
    height: 30px;
    
}
#registration .form .registerbutton
{
    margin-left: 346px;
}
#registration .errors
{
    color: #944545;
    font-weight: bold;
}




.floaternavi
{
	position: relative;
	width: 250px;
	float: right;

	text-align: right;
}
.navigation
{

	width: 100%;
	position: relative;
	display: block;
	/*background: url(/images/navigation_bg.png);*/
	background-repeat: repeat-x;
	height: 36px;
	vertical-align: middle;
}
.navifirst
{
	background: url(/images/navigation_first.png);
}
#nav li.naviend
{
	background: url(/images/navigation_bg.png);
	width: 286px;
	text-align: right;
}
.naviblock
{
	background: url(/images/navigation_block.png);
}
.naviempty
{
	background: url(/images/navigation_bg.png);
}
.footer
{
	width: 100%;

	text-align: center;
	float: right;
}
.floaternavi
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 8pt;
	color: #555555;
}
#languagepicker
{
	border: 1px solid #333333;
	color: #555555;
	font-family: Helvetica, Arial;
	font-size: 8pt;
}
/* begin subnavigation */
.subnavigation
{

	text-align: right !important;
	width: 100%;
	height: 30px;
	font-size: 10pt;
	font-weight: bolder;
	padding-top: 20px;
	margin-right: 10px;
}
.subnavigation span
{
	padding: 3px;
}
.subnavigation .separator
{
	padding: 3px;
}
.subnavigation A
{
	color: #0a0a0a;
}
.subnavigation A:hover
{
	color: #1B5CA4;
}
.subnavigation .highlight
{
	color: #1B5CA4;
}
.subnavigation .nohighlight
{
	color: #333333;
}
/* Begin DNAV */
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	width: 100%;

}

#nav a {
	display: block;
	vertical-align: middle;
	color: #555555;
	text-decoration: none;
	height: 25px;
	padding-top: 9px;

}
#nav a:hover
{
}
#nav li { /* all list items */
	float: left;
	font-family: Helvetica, Arial;
	font-size: 14px;
	font-weight: bolder;
	height: 36px;
    line-height: normal;
	z-index:300 !important;
	position: relative;

	text-align: center;
	text-transform: uppercase;
	width: 100px;

}
#nav .search
{
	background-image: url(/images/navigation_search.png);
	width: 231px;
	text-align: left;
	
}
#nav .split
{
	background-image: url(/images/navigation_split.png);
	width: 2px;
}
#nav .empty
{
	background-image: url(/images/navigation_bg.png);
	float: left;
}
#nav ul li a {
	margin: 0;
	padding:5px;
	height: auto;
	z-index: 301 !important;

}
#nav li a:hover
{

	background-image: url(/images/navigation_block_hover.png);
	background-position: top center;
	outline: 0;
	color: #eeeeee;
}
#nav li a:focus, #nav li.highlight
{

	background-image: url(/images/navigation_block_down.png);
	background-position: top center;
	outline: 0;
	color: #eeeeee !important;

}
#nav li.highlightfirst
{
	background-image: url(/images/navigation_left_down.png) !important;
	background-position: top center;
	outline: 0;
	color: #eeeeee !important;
}
#nav li.highlightfirst A
{
	color: #eeeeee !important;
}
#nav li.highlight A
{
	color: #eeeeee !important;
}

#nav li.navifirst a:hover
{

	background-image: url(/images/navigation_left_hover.png);
	background-position: top center;
	outline: 0;

}
#nav li.navifirst a:focus
{

	background-image: url(/images/navigation_left_down.png);
	background-position: top center;
	outline: 0;

}
#nav li ul {
	position: absolute;
	background-image:url(/images/dropdown_bg.png);
	_background-image:url(/images/dropdown_bg_8.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 5px;
	padding-top: 0;
	padding-bottom: 15px;
	display: none;
	z-index:255 !important;
	width: 160px;
	opacity: 0.9;
	margin-left: -70px;
	_margin-left: -68px;
	margin-top:2px;
	white-space: nowrap;
    _white-space: nowrap;
	left: auto;

	display: none;
}


#nav li ul ul {
	margin-left: 145px;
	margin-top: -28px;

}
#nav li ul li a {
		width: 150px;
}
#nav li ul li {
	width: 170px;
	text-align: left;
	height: auto;
	margin-top: 5px;
	font-size: 8pt;
	padding-left:0px;
	z-index: 305;
}
#nav li ul li a:hover{
		background-image: none !important;
		background-position: left bottom;
		background-color: gray;
		background-image: none;
		color: white;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	display: none;

}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
	display: inline;
	text-align: left;
}
.widget
{
	width: 180px;
	z-index: 0 !important;
	position: relative;
  margin-bottom: 8px;

}
.widget .header
{
	background-image: url(/images/widget_header.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	color: #ffffff;
    position: relative;
    text-shadow: #202020 0px 0px 2px;
	font-weight: bolder;
	font-family: Helvetica, Arial;
	font-size: 8pt;
	/*height: 24px;*/
	/*height: 10px;*/
	vertical-align: middle;
	line-height: 18px;
	
	padding-left: 9px;
	
	z-index: 0;
}
.widget .content
{
	background-image: url(/images/widget_bg.png);
	background-position: bottom left;
	min-height: 30px;
	font-family: Helvetica, Arial;
	font-size: 7pt;
	min-height: 19px;
	color: #555555;
	position: relative;
    /*padding-left: 6px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;*/
	z-index: 0;
}
.widget .foot
{
    background: url(/images/shop/widget_footer.png) no-repeat bottom center;
    width: 178px;
    height: 24px;
    
    margin-left: -9px;
    margin-bottom: -9px;
}
.widget INPUT
{
	border: 1px solid gray;
}
.error
{
	font-size: 9pt;
	color: red;
}
.element
{
	clear: both;
}
.element, .element TD, .mceContentBody, .mceContentBody TD
{
	font-family: Helvetica, Arial;
	font-size: 8pt;
	color: #575555;

	vertical-align: top;
}
.element .header, .mceContentBody .header
{
	font-weight: bold;
}
.element A
{
	color: #1b5ca4;
	font-weight: bold;
}

.contenttext
{
	font-family: Helvetica, Arial;
	font-size: 10pt;
	color: #444444;
}
.contenttext .description
{
	font-size: 9pt;
	padding-left: 20px;
	padding-top: 5px;
	height: 50px;
	background-image: url(/images/admin/note.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #eeeeee;
	margin-right: 5px;
}
.contenttext .header
{
	color: #8c3941;
	font-weight: bold;
}
.contenttext .formdesc
{
	color: #555555;
	font-size: 8pt;
}
.contenttext .tooltip
{
	color: blue;
	font-weight: bolder;
	font-size: 9pt;
	cursor: default;
	cursor: hand;
}
.languagechooser
{
	color: #F24F00;
}
.groupfield
{
	list-style-type: none;
	width: 95%;
	display: block;
	float: right;
}
.groupfield LI
{
	width: 33%;
	display: block;
	float: left;
	background-color: #eeeeee;
	height: 20px;
    line-height: normal;
}
.systemgroup
{
	color: #ff3333;
}
.tip {
	color: #fff;
	width: 200px;
	z-index: 13000;

}

.tip-title {
	font-weight: bold;
	font-size: 10px;
	margin: 0;
	font-family: Helvetica, Arial;
	color: #FFFF00;
	padding: 8px 8px 4px;
	background: url(/images/admin/bubble.png) top left;


}

.tip-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	font-family: Helvetica, Arial;
	color: #FFFFFF;
	background: url(/images/admin/bubble.png) bottom right;

}
UL {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
UL .sortable
{

}
li.sortme {

	list-style: none;

	margin: 0px;


	background-color: #cccccc;
}
.buttonline
{
	background-color: #cccccc;
	border-bottom: 1px solid #888888;
	border-right: 1px solid #888888;
	vertical-align: middle;
}
.widgetheader
{
color: green;
font-family: Helvetica, Arial;
font-weight: bold;
font-size: 10pt;
}

.news
{
	font-family: Helvetica, Arial;
}
.news .header
{
	color: #6792c2;
	font-weight: bold;
	font-size: 10pt;
}
.news .date
{
	color: #666666;
	font-size: 9pt;
}
.news .content
{
	color: #222222;
	font-size: 8pt;
}
.twocols TD
{
	font-family: Helvetica, Arial;
	font-size: 9pt;
}
#searchtable
{
	font-family: Helvetica, Arial;

}
#searchtable TH
{
	height: 30px;
}
#searchtable .content
{
	font-family: Helvetica, Arial;
	font-size: 9pt;
	padding: 4px;
}
#searchtable .content A
{
	font-size: 11pt;
}
#searchtable .url
{
	font-size: 8pt;
	color: green;
}

.new_download
{
	color: red;
	font-size:7pt;
}
#download_details
{
	background-color: #eeeeee;

}
#download_details .tdhead
{
padding: 0px;
padding-left: 1px;
}

#download_details LI
{
	float: left;

    line-height: normal;
	font-weight: bolder;
	list-style-type: none;


	text-align: center;
	background-image: url('/images/dl_button.png');
	background-position: bottom right;
	padding: 2px;
	padding-right: 10px;
	padding-top: 3px;
	vertical-align: absmiddle;
	outline: 0;
	border-bottom: 1px solid white;
	margin-top: 1px;
	background-color: #eeeeee;
}
#download_details A:active
{
	color: red;
}
#download_details .header
{

	background-color: #eeeeee;
	height: 20px;
}
#download_details .button
{
	font-size: 8pt;
	display: block;
}
#download_details #downloadcontent
{
	background-color: #ffffff;
	border: 1px solid #eeeeee;
}
#download_details .filename
{
	font-weight: bold;
}
#download_details .description
{
	color: #666666;
}
#download_details .size
{
	vertical-align: absmiddle;
	color: #666666;
}
#download_details .col1
{
	border-bottom: 1px solid #dddddd;
	padding: 5px;
}
#download_details .col2
{
	background-color: #eeeeee;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid white;
	padding: 5px;
}
#download_details .col3
{
	background-color: #eeeeee;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid white;
	padding: 5px;
}
.top
{
	font-family: Verdana;
	font-size: 7pt;
	color: orange;
}
.shop {
	font-family: Helvetica, Arial;
	font-size: 8pt;
}

.indexbox
{
	/*border: 1px solid #999999;*/
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	font-family: Helvetica, Arial;
	font-size: 8pt;
	width: 300px;
	height: 140px;
	background-color: #dddddd;
}
.indexbox TH
{
	background-color: #eeeeee;
	border-bottom: 1px solid #cccccc;
	padding: 4px;
	font-size: 10pt;
	color: #666666;
	height: 16px;
}
.indexbox .value
{
	font-weight: bold;
	font-size: 8pt;
}

.navibox
{
	/*border: 1px solid #999999;*/
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	font-family: Helvetica, Arial;
	font-size: 8pt;
	width: 300px;
	height: 180px;

}
.navibox TH
{
	background-color: #eeeeee;
	border-bottom: 1px solid #cccccc;
	padding: 4px;
	font-size: 10pt;
	color: #666666;
	height: 16px;
	line-height: 16px;
}
.navibox TD
{
	text-align: center;
}
.navibox TD IMG
{
	padding: 2px;
}
.currency
{
	font-size: 12pt;
	font-family: Helvetica, Arial;
	font-weight: bolder;
}
.indicator
{
	font-size: 8pt;
	font-weight: bold;
	color: blue;
}
.flag
{
	padding: 3px;

	margin: 2px;
}
#layer
{
	position:absolute;
	top:50%;
	left:50%;
	 width:300px;
	 height:150px;
	 border:1px solid red;
	 margin-top:-75px;
	 margin-left:-150px;
	 border: 1px solid gray;
	 background-color: white;

}
#back
{
	filter: alpha(opacity=90);
	-moz-opacity: 0.8;
	position: absolute;
	background-color: black;
	opacity: 0.8;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
#layer UL
{
	list-style: none;
}
#layer UL LI
{
	float: left;
	text-align: center;

}
#layer UL LI A
{
	text-decoration: none;
	display: block;
	width: 150px;
	height: 100%;
	vertical-align: middle;
	font-size: 8pt;
	padding-top: 60px;
	padding-bottom: 60px;
	font-weight: bold;
}
#layer UL LI A:hover
{
	text-decoration: none;
	background-color: #cccccc;
}
.dualbox
{
	font-family: Helvetica, Arial;
	font-size: 8pt;
	Border-Collapse: Collapse;
	table-layout: fixed;
	width: 700px;
}
.dualbox TD
{
	background-image: url(/images/dualbox_bg.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 0;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 10px;
	width: 350px;

}
.dualbox TH
{
	background-image: url(/images/dualbox_header.png);
	font-weight: bold;
	background-repeat: no-repeat;
	height: 20px;
	margin-bottom: 1px;
	line-height: 10px;
	padding-left: 15px;
	padding-top: 4px;
	padding-bottom: 0px;
	vertical-align: top;
}
.dualbox TH.noheader
{
	background-image: url(/images/dualbox_noheader.png);
}

.singlebox
{
	font-family: Arial;
	font-size: 8pt;
	Border-Collapse: Collapse;
	width: 700px;

	max-width: 700px;
	_width: 690px;
}
.singlebox TD
{
	background-image: url(/images/singlebox_bg.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 0;

	padding-left: 5px;
	padding-right: 18px;
	width: 700px;

}
.singlebox TH
{
	background-image: url(/images/singlebox_header.png);
	font-weight: bold;
	background-repeat: no-repeat;
	height: 20px;
	margin-bottom: 1px;
	line-height: 10px;
	padding-left: 15px;
	padding-top: 4px;
	padding-bottom: 0px;
	vertical-align: top;
	width: 700px;
}
.singlebox TH.noheader
{
	background-image: url(/images/singlebox_noheader.png);
}
.singlebox TD TABLE TD, .singlebox TD TABLE TH
{
		background-image: none;
}
.singlebox TD TABLE TR
{
	background-image: none;
}
.singlebox .inner
{
	width: 100%;
}
.singlebox .inner TD
{
	width: 50%;
}
.header_singlebox
{
	font-family: Arial;
	font-size: 8pt;
	Border-Collapse: Collapse;
	width: 886px;

}
.header_singlebox TD
{
	background-image: url(/images/cheader_singlebox_bg.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 18px;

}
.header_singlebox TH
{
	background-image: url(/images/cheader_singlebox_header.png);
	font-weight: bold;
	background-repeat: no-repeat;
	line-height: 10px;
	padding-left: 15px;
	padding-top: 4px;
	padding-bottom: 0px;
	margin: 0;
	vertical-align: top;
	height: 22px;

}
.header_singlebox TH.noheader
{
	background-image: url(/images/cheader_singlebox_noheader.png);
}
.header_singlebox TD TABLE TD, .header_singlebox TD TABLE TH
{
		background-image: none;
}
.header_singlebox TD TABLE TR
{
	background-image: none;
}
.isheader
{
	background-color: green !important;
}
.inner TD
{

}

.steps
{
	height: 25px;


	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
}
.steps .step
{
	line-height: 25px;
	vertical-align: middle;
	float: left;
	width: 200px;
	height: 25px;
	border: 1px solid gray;
	text-align: center;
	color: #444444;
	margin-right: 10px;
}
.steps .current
{
	color: green;
}
.steps .coming
{
	color: #dddddd;
}
.navsearch
{
border:0;
color:#222222;
font-family:Arial;
font-size:8pt;
font-weight:bold;
height:14px;
margin-left:10px;
margin-top:9px;
width:178px;;

}
hr
{
	border: 0;
	border-bottom: 1px solid black;
}
#login
{
	width: 100%;
	position: fixed;
	height: 350px;
	margin-top: -175px;
    top: 50%;
	z-index: 5000;
	background-color: #ffffff;
	opacity:0.9;
  	filter: alpha(opacity=90);  
}
#loginbox
{
	width: 100%;
	position: fixed;
    height: 350px;
    margin-top: -175px;
    top: 50%;
	z-index: 5001;	
	display: table-cell;
	vertical-align: middle;
}
#registerBox
{
    width: 100%;
    position: fixed;
    height: 675px;
    margin-top: -325px;
    top: 50%;
    z-index: 5002;
    vertical-align: middle;
}

#login DIV
{
	position: relative;
	opacity: 1;
}
#lighten
{
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 299;
	background-color: white;
	opacity:0.8;
  	filter: alpha(opacity=90);
}
#darken
{
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 299;
	background-color: #000;
	opacity:0.8;
  	filter: alpha(opacity=90);
}
.middle
{
	display: block;
	position: relative;
	top: 90px;

	height: 150px;
	width: 600px;
	margin-left: auto;
	margin-right: auto;

	z-index: 450;
	font-family: Arial;
	color: #333333;
}
.middle .head
{
	font-size: 14pt;
	font-weight: bold;
}
.middle IMG
{
	
	padding: 5px;
}
.middle INPUT
{
	border: 1px solid gray;
}
.middle .beforeleft
{
	float: left;
	width: 20px;

	height: 20px;
	line-height: 20px;
}
.middle .left
{
	float: left;
	width: 220px;

	height: 20px;
	line-height: 20px;
}
.middle .right
{
	float: left;
	width: 140px;
	text-align: right;
	height: 20px;
	line-height: 20px;
}
.middle .signup
{
	padding-left: 120px;
	clear: left;
}
#loginline
{
	vertical-align: text-bottom;
	margin-bottom: 10px;
    width: 100%;
    
	
}
.generic_form #loginline INPUT.error
{ 
 
}
.generic_form #loginline label.placeholder {
	
}
.noborder
{
	border: 0;
}
.clear
{
	clear: both;
	font-size: 1px;
	height: 1px;
}
.middle A
{
	color: #629AF5;
    font-size: 12px;
}
#login-error
{
	text-align: left;
	color: red;
	font-weight: bold;
	margin-bottom: 6px;
}


.newsactive
{
	background-color: #f7f7f7;
}

.news_top
{
	position: relative;
	bottom: 30px;
	right: 10px;
	width: 100%;
	text-align: right;
	font-size: 10pt;
}
.pager
{
	text-align: center;
	width: 100%;
	background-image: url(/images/box_bottom_head.png);
	background-position: right bottom;
	color: black;
	height: 30px;
	line-height:30px;
}
.pager .current
{
	font-weight: bold;
	color: red;
}
.breaking_news
{
}
.breaking_news_entry
{

	margin-left: 1px;
	margin-right: 1px;
	background-color: #eeeeee;
}
.breaking_news_entry:hover
{
 background-color: rgb(204,224,255);

}
.breaking_news div
{
	background-image: none;
  line-height: 14px;
}
.breaking_news .head
{
	font-size: 8pt;
	border-bottom: 1px dotted #D3D3D3;
	line-height: 1,3em;
  padding: 8px 20px 8px 9px;

}
.breaking_news .head:last-child
{
    font-size: 8pt;
    border-bottom: 0;
    padding: 6px;
    padding-right: 20px;
    padding-left: 8px;

}
.suppress_border
{
    border-bottom: 0 !important;
}
.breaking_news .head_active
{
	font-size: 8pt;
	font-weight: bold;
	border-bottom: 0;
	padding: 6px;
	padding-right: 20px;
    padding-left: 8px;         
}
.breaking_news .news_content
{
	font-size: 8pt;
	padding: 5px;
	border-bottom: 1px dotted black;
    padding-left: 8px;
}
.breaking_news .news_bottom
{
    margin-left: 1px;
    padding-bottom: 1px;
}

.breaking_news .link_btn
{
	background-image: url(/images/play_small_dark.png);
	height: 17px;
    width: 163px;
	
	position: absolute;
	background-position: center right;
	background-repeat: no-repeat;
    
/* added tk */
color: rgb(51, 51, 51);
display: block;
font-family: Helvetica;
font-size: 8px;

}
.tabberlive .tabbertabhide {
 display:none;
}
.tabber {

}
.tabberlive {
 
 background-position: bottom left;
 width: 96%;
 margin:0;
 position: relative;
}
.tabberlive .corner
{
    position: absolute;
    top: 00px;
    left: 0px;
    height: 10px;
    width: 10px;
    background-image: url(/images/tabs_corner.png);
    background-position: top left;
    background-repeat: no-repeat;
    
}
.tabberend .btrcorner
{
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 26px;
    width: 26px;
    background-image: url(/images/tabs_bottom_right.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    
}
ul.tabbernav li a{
 
}

ul.tabbernav li.tabberactive a
{
 color: white !important;
 background-image: url(/images/tabs_selected.png);
}
ul.tabbernav
{
 margin:0;
 background-image: url(/images/tabs_top.png);
 background-position: top right;

 padding: 0 !important;
 text-indent: 0 !important;
 height: 28px;
 border-left:1px solid #8C8C8C;
}
ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: block;
 line-height: normal;
 background-position: top right;
 padding: 0px;
 height: 20px;
 float: left;
 padding-top: 1px;
}
ul.tabbernav li a
{
 
 border-right: 1px solid #8e8e8e;
 border-bottom: none;
 
 font-size: 9pt;
 font-family: Arial;
 font-weight: bolder;
 color: #7c7c7c !important;
 display: block;
 height: 17px;
 background-position: top left;
 text-decoration: none;
 padding-left: 15px;
 padding-right: 15px;
}
ul.tabbernav li .end
{
	background-color: red;
	display: inline;
	
 	background-position: top right;

 	padding-left: 0;
 	width: 3px;
    margin-right: 1px;

}
ul.tabbernav li a:link {  }
ul.tabbernav li a:visited {  }
ul.tabbernav li a:hover
{

}
ul.tabbernav li.tabberactive a
{

}
ul.tabbernav li.tabberactive a:hover
{

}
ul.tabbernav li.tabberactive .arrow
{
    
    width: 100%;
    height: 7px;
    
    background-image: url(/images/tabs_arrow.png);
    background-position: top center;
    background-repeat: no-repeat;
}
.tabberlive .tabbertab {
    clear: both;
    /*background-image: url(/images/tabs_bg.png);*/
    padding:5px;
    /*padding-left: 14px;*/
    border-top:0;
    margin: 0;
    border-left: 1px solid #8c8c8c;
    border-right: 1px solid #8c8c8c;
 /*height*/
}
.tabberlive .tabbertab P
{
    clear: both;
}
.tabberlive .tabbertab > h2, .tabberlive .tabbertab > h1, .tabberlive .tabbertab > h3 {
 display:none;
}
 .tabberend
 {
      position: relative;
      background-image: url(/images/tabs_bottom.png);
      height: 26px;
      background-repeat: no-repeat;
      width:96%;
 }
.videoplayer
{
	position: fixed;
	width: 370px;
	height: 383px;
	z-index: 800;
	left: 50%;
	top: 50%;
	margin-left: -185px;
	margin-top: -191px;
}
#videoView
{
	position: absolute;
	width: 290px;
	height: 120px; 
	z-index: 4000;
	border: 1px solid red;
	top: 30px;
}
.cinemaView
{
    position: fixed;
    left: 50%;
    margin-left: -455px;
    width: 910px;
    height: 613px;
    top: 50%;
    margin-top: -306px;
    z-index: 9000;
    text-align: center;
    background-color: white;  
}
/*.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}*/
.clicker_overlay
{
    position: absolute;
    width: 14px;
    height: 14px;
    background-color: #D0F1DB;
}
.clicker_bg
{
    background-color: #dddddd;
    font-weight: bold;
}
#imagedialog UL
{
    list-style-type: none;
}
#imagedialog .entry
{
    border: 1px solid #aaaaaa;
    padding: 5px;
    margin: 2px;
}
#downloads .header
{
    background-image: url('/images/downloads_head.png');
    background-position: top left;
    background-repeat: no-repeat;
    
    
    height: 94px;
    font-size: 9pt;
    font-family: Arial;
    font-weight: bold;
    color: black;
}
#downloads .footer
{
    background-image: url('/images/downloads_bottom.png');
    background-position: top left;
    background-repeat: no-repeat;
    
    height: 26px;
    margin: 0;
}
#downloads .boxes
{
    padding: 5px;
    padding-top: 50px;
    padding-left: 17px;
    word-spacing: 10px;    
    
}
#downloads .boxes SELECT
{
    word-spacing: 1px;
}
#downloads .boxes .product_table
{
    width: 250px;
    float: left;
}
#downloads .boxes .cat_table
{
    float: left;
}
#downloads .entries .entry
{
    background-image: url('/images/download_entry_bg.png');     
    background-repeat: repeat-y;
    clear: both;
}
#downloads .entries .entry .head
{
    background-image: url('/images/download_entry_head.png');
    background-repeat: no-repeat;
    height: 34px;
    padding: 0;
    
    clear: both;
    
}
#downloads .entries .entry .head .title
{
    font-family: Arial;
    font-weight: bold;
    font-size: 11pt;
    padding-left: 17px;
    width: 480px;
    float: left;
    color: #323232;
    height: 34px;
    line-height: 34px;
}
#downloads .entries .entry .head .download
{
    padding-top: 5px;
    width: 160px;
    float: left;
    
    height: 25px;
    line-height: 30px;
    text-align: right;
}
#downloads .entries .entry .mid
{

}
#downloads .entries .entry .content
{
           
    
    
    width: 463px;
    font-family: Arial;
    font-size: 9pt;
    color: #a5a5a5;
    padding-left: 17px;
    float: left;
    padding-top: 7px;
    padding-right: 17px;
    padding-bottom: 7px;
    
}  
#downloads .entries .entry .infos
{
    padding-top: 7px;
    width: 150px;
    font-family: Arial;
    font-size: 8pt;
    color: #121212;
    padding-left: 17px;
    float: left;
    padding-bottom: 7px;
    
}
#downloads .entries .entry .infos .cell
{
    width: 75px;
    float: left;
}
#downloads .entries .entry .infos .changelog
{
    clear: both;
    padding-top: 10px;
}
#downloads .entries .entry .infos .changelog A
{
    font-weight: normal;
    font-family: Arial;
    font-size: 8pt;
    color: #121212;
}
#downloads .footer .pagination
{      
         line-height: 25px;
         text-align: center;
         width: 658px;
}
#downloads .footer .pagination .page 
{
    padding: 5px;
}
#downloads .footer .pagination .page A
{
    color: rgb(51,51,51);
}
#downloads .footer .pagination .page A .current
{
    color: #000000;
}
.ajax-loading
{
    min-height: 50px;
    height: 50px;
    background-image: url(/images/ajax-loader.gif) !important;
    background-position: center center;
    background-repeat: no-repeat !important;
}
.ajax-loading-small
{
	 background-image: url(/images/ajax-loader.gif);
	 background-position: right center;
	 background-repeat: no-repeat;
}
.element_id
{
    color: #787878;
    font-size: 8pt; 
    font-weight: bolder;
    padding-right: 25px;
}
.element_typ
{
    color: #9a9a9a;
    font-size: 8pt;
    font-weight: bolder;
}

/* news */
#news .header
{
    background-image: url('/images/news_head.png');
    background-position: top left;
    background-repeat: no-repeat;
    
    width: 672px;
    height: 34px;
    font-size: 9pt;
    font-family: Helvetica, Arial;
    font-weight: normal;
    color: black;
}
#news .header .title
{
    color: rgb(51,51,51);
    width: 200px;
    float: left;
    line-height: 34px;
    font-size: 11pt;
    font-weight: normal;
    padding-left: 11px;
}
#news .header .topnavi
{
    line-height: 34px;
    text-align: right;
    font-family: Arial;
    font-size: 9pt;
    width: 450px;
    padding-right: 11px;
    float: left;
    color: rgb(121,121,121);
}
#news .header .topnavi A
{
    color: rgb(51,51,51);;
}

#news .footer
{
    background-image: url('/images/news_bottom.png');
    background-position: top left;
    background-repeat: no-repeat;
    float: none;
    clear: both;
    width: 672px;
    height: 34px;
    margin: 0;
}
#news .entries
{
    clear: both;
    background-image: url('/images/news_entry_bg.png');       
    background-repeat: repeat-y; 
    width: 672px;
}
#news .entries .newsentry
{
    border-bottom: 1px dotted #D3D3D3;
    border-left: 1px solid #8c8c8c;
    border-right: 1px solid #8c8c8c;   
    padding-top: 5px;
    padding-bottom: 5px;       
    padding-left: 11px;
    padding-right: 11px;
    position: relative;
}
#news .entries .newsentry  .date
{
           
    font-size: 12px;
    color: rgb(192,192,192);
    width: 200px;
    font-weight: normal;
    
    z-index: 1;
}
#news .entries .newsentry  .text
{
  
  font-size: 12px;
  line-height: 1.5em;
  margin-top: 10px;
}
#news .entries .newsentry .text p
{
  margin-bottom: 0.5em;
  margin: 0px 0.5em
    line-height: 1.5em;
  margin-right: 50px;
}
#news .entries h1
{
    margin: 0px;
    padding: 0px;
}
#news .entries h1 a
{
    font-size: 9pt;
    font-weight: normal;
    color: rgb(51,51,51);
   
}
#news .entries h1 a:hover
{
	color: #629AF5;
	
}
#news .alternating_row1
{
background-color: rgb(236,239,243);
}
#news .alternating_row0
{
background-color: rgb(245,247,249);
}
#news .entries div.newsactive 
{
    
}
#news .entries .newsactive h1 a
{
    font-weight: bold;
    font-size: 11pt;
    color: rgb(51,51,51);
}
#news .footer .pagination
{      
     line-height: 34px;
     text-align: right;
     
     padding-right: 5px;
}
#news .footer .pagination .page 
{
       padding: 5px;
}
#news .footer .pagination .page A
{
    color: rgb(51,51,51); /* !important; why? */
}
#news .footer .pagination .page A.current
{
    color: #000000 !important;
}
#downloadwidget
{
    
}
#downloadwidget .dlwentry:hover
{
   	background-color: rgb(204,224,255);
    border-left: 1px solid #8c8c8c;
    border-right: 1px solid #8c8c8c;   
}




#downloadwidget A:hover
{
    text-decoration: none !important;
     
}
#downloadwidget .dlwentry
{
   position: relative;
   font-family: Helvetica, Arial;
   font-size: 8px;
   padding: 8px;
   border-bottom: 1px dotted #d3d3d3;
   border-left: 1px solid #8c8c8c;
   border-right: 1px solid #8c8c8c;
   padding-right: 20px;
   padding-left: 9px;
   line-height: 18px;
}
#downloadwidget .hot
{
    
    border-left: 1px solid #8c8c8c;
    border-right: 1px solid #8c8c8c;
    font-weight: bold; 
}
#downloadwidget .dlwentry:last-child
{
    border-bottom: 0;
    
}

#downloadwidget .dlwentry .icon
{
    position: absolute;
    top: 12px;
    left: 160px;
}
#downloadwidget .dlwentry .triangle
{
    position: absolute;
    bottom: 0px;
    right: 0px;
}
#downloadwidget .dlwentry A
{
    font-family: Helvetica, Arial;
    font-size: 8pt;
    color: #3b3834 !important;
    width: 100%;
    height: 100%;
    display: block; 
}
#downloadwidget .dlwentry .title
{
 color: rgb(80,80,80);
 line-height: 1.3em;  
}
#downloadwidget .dlwentry .description
{
    
    background-color: #fef1e2; 
    position: absolute;
    font-size: 8pt;
    font-weight: normal;
    line-height: auto;
    border-left: 1px solid #8c8c8c;
    border-right: 1px solid #8c8c8c;
    padding: 0;
    padding-left: 9px;
    width: 169px;
    left: -1px;
    z-index: 1230;
    margin-top: 8px;
    border-bottom: 1px solid #8c8c8c;
}
.lcbutton
{
    margin-left: 10px;
    padding: 2px;
    border: 1px solid gray;
    background-color: #eeeeee;   
    text-decoration: none;
}
.lcbutton:active
{
    background-color: #cccccc;   
}
.lcbutton:hover
{
    background-color: #dddddd;
    text-decoration: none;
    
}
.dlwidget_bottomlink
{
    margin-left: 1px;
    padding-bottom: 1px;
}
/* CONTACT FORM */

#cc_content
{
    position: relative;
    width: 672px;
    height: 409px;
    background:url(/images/contact/background.png) no-repeat;
    
}
#cc_content .cc_page .header
{
    font-family: Helvetica, Arial;
    font-size: 12pt;
    font-weight: normal;
    color: white;
    line-height: 48px;
    padding-left: 12px;
    width: 270px;
    float: left;
    
}
#cc_content .cc_page .content
{
    font-family: Helvetica, Arial;
    font-size: 12pt;
   
    color: white;
   
    padding-left: 12px;
    
}
#cc_content .cc_page .content .topquestion
{
    margin-top: 20%;
    text-align: center; 
    line-height: 1.5em;   
}
#cc_content .cc_page .content .position
{
    margin: auto auto auto auto;
    width: 600px;
    text-align: center;
    vertical-align: middle;
    margin-top: 70px;  
}
#cc_content .cc_page .content .mid
{
    width: 220px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    
}
#cc_content .cc_page .content .button
{
    background-image: url(/images/contact/button.png);
    font-family: Arial;
    font-size: 9pt;
    color: #4a4a4a;
    font-weight: bold;
    line-height: 23px;
    height: 23px;
    width: 90px;
   
    
    margin: 10px;
    text-align: center;
    display: block;
}
#cc_content .cc_page .content .table
{
    width: 480px;
    
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#cc_content .cc_page .content .table3
{
    width: 680px;
    height: 74px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#cc_content .cc_page .content .table .column
{
    width: 200px;
    float: left;
    padding: 20px;
    text-align: left;
    font-size: 8pt;
    
}
#cc_content .cc_page .content .table3 .column3
{
    width: 220px;
    float: left;
    
    text-align: left;
    font-size: 8pt;
    
}
#cc_content .cc_page .content .ccheader
{
	font-weight: normal;
	font-size: 14px;
	height: 106px;
	margin-top: 30px;
}
#cc_content .cc_page .content .table .bigcolumn
{
    width: 400px;
    float: left;
    padding: 20px;
    text-align: left;
    font-size: 8pt;
    text-align: center;
}
#cc_content .cc_page .content .line
{
    position: absolute;
    background: url(/images/contact/line.png) no-repeat center center;
    margin-top: 20px;
    height: 6px;
    top: 200px;
    width: 664px;
    left: 4px;
}
#cc_content .cc_page .content INPUT,
#cc_content .cc_page .content SELECT,
#cc_content .cc_page .content TEXTAREA 
{
    font-family: Helvetica, Arial;
    border: 1px solid #89919b;
    width: 200px;
    font-size: 9pt;
    font-weight: normal;
    padding: 2px;
    
    
    
}
#cc_content .cc_page .content TEXTAREA
{
    width: 640px;
    height: 220px;
}
#cc_content .cc_page .content SELECT
{
    width: 208px;
}
#cc_content .cc_page .content INPUT:focus
{
    border: 1px solid #000000;
    
}
#cc_content .cc_page .content INPUT.grayed
{
    color: #a2a2a2;
}
#cc_content .cc_page .content INPUT.error
{
   width: 188px; 
}
#cc_content .cc_page .content INPUT.error,
#cc_content .cc_page .content SELECT.error,
#cc_content .cc_page .content TEXTAREA.error
{
   font-weight: normal;
   border: 1px solid red;
   padding-left: 20px;
   background: white url(/images/contact/cross.png) no-repeat left center;
   color: black;
}
#cc_content .cc_page .content TEXTAREA.error
{
    background-position: left top;
    width: 630px;
}
#cc_content .cc_page .content .formdesc
{
    font-family: Helvetica, Arial;
    font-size: 9pt;
    color: white;
}
#cc_content .cc_page .content .hint
{
    font-family: Helvetica, Arial;
    line-height: 12px;
    font-size: 11px;
    margin-top: 10px;
    width: 208px;
    padding-left: 1px;
    color: RGB(224,224,224);
}
#cc_content .cc_page .content .error
{

}
#cc_content .cc_page .breadcrumb
{
    
    width: 383px;
    float: left;
    
    text-align: right;
}                  
#cc_content label.placeholder
{
    color:#808080;
    font-size: 9pt;
    padding-top: 5px;
    padding-left: 5px;
    position:absolute;
    z-index:5;
    
}
#cc_content label.error
{
    color: #808080;
    padding-left: 22px;
}  
#cc_content .cc_page .content label.hidden
{
    visibility: hidden;
}
#cc_content .cc_page .content label.focus
{
    color: #e2e2e2 !important;
}
#cc_content .cc_page .breadcrumb .crumb
{
    width: 118px;
    
    float:left;
    text-align: center;
    margin: 5px;
    height: 35px;
    line-height: 40px; 
    color: #626262;
    font-size: 10pt;
    font-weight: normal;
    margin-right: 0;
    
}
#cc_content .cc_page .breadcrumb .splitter
{
    width: 1px;
    background-image: url(/images/contact/dots.png);
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0;
    margin:0;
    height: 30px;
    float: left;
    margin-top: 10px;
}

#cc_content .cc_page .breadcrumb .current
{
    color: #ffffff;
}
#cc_content .cc_page .breadcrumb .ok
{
    background: url(/images/contact/ok.png) left center no-repeat;
    padding-left: 4px;
}

.alternating_row1
{
background-color: rgb(236,239,243);
}
.alternating_row0
{
background-color: rgb(245,247,249);
}
.footertable A
{
	color:#629AF5;
	text-decoration: none;
}
.footertable A:hover
{
	text-decoration: underline;
}
.VR_RoundBox .OneColumnElement P
{
	width: 639px;	
}
.generic_form
{
    margin-left: 130px;
   
    display: block;
    position: relative;
  
    /*width: 600px;*/
    margin-left: auto;
    margin-right: auto;
    z-index: 450;
    font-family: Helvetica, Arial;
    color: #333333;
}
.generic_form .lock
{
    width: 105px;
    float: left;
    height: 550px;
    margin: 0;
    padding:0;
}

.generic_form .button
{
    background-image: url(/images/contact/button.png);
    font-family: Helvetica, Arial;
    font-size: 9pt;
    color: #4a4a4a;
    font-weight: bold;
    line-height: 23px;
    height: 23px;
    width: 90px;
 
    margin: 10px;
    text-align: center;
    display: block;
}
.generic_form INPUT[type=text],
.generic_form INPUT[type=password],
.generic_form SELECT,
.generic_form TEXTAREA 
{
    font-family: Helvetica, Arial;
    border: 1px solid #89919b;
    width: 200px;
    font-size: 9pt;
    font-weight: normal;
    padding: 2px; 
    height: 17px;
}
.generic_form INPUT.error,
.generic_form SELECT.error,
.generic_form TEXTAREA.error
{
   font-weight: normal;
   border: 1px solid red;
   padding-left: 20px;
   width: 182px;
   background: white url(/images/contact/cross.png) no-repeat left center;
   color: black;
}
.generic_form TEXTAREA
{
    width: 640px;
    height: 220px;
}
.generic_form  SELECT
{
    width: 208px;
}
.generic_form INPUT:focus
{
    border: 1px solid #000000;
    
}
.generic_form INPUT.grayed
{
    color: #a2a2a2;
}
.generic_form label.placeholder
{
    color:#808080;
    font-size: 9pt;
    padding-top: 5px;
    padding-left: 5px;
    position:absolute;
    z-index:5;
}
.generic_form label.error
{
    color: #808080;
    padding-left: 22px;
}  
.generic_form label.hidden
{
    visibility: hidden;
}
.generic_form label.focus
{
    color: #e2e2e2;
}
.aform_label
{
	position: absolute !important;
	margin-left: 4px;
	margin-top: 5px;
	padding:0;
	top:0;
	padding-right:5px;
	font: 12px Helvetica,Arial;
	width:100%;
    color: #575555;
}
.aform_container
{
	position: relative;
    display: inline-block;
	
}
.aform
{
		font-family: Helvetica, Arial;
    border: 1px solid #89919b;
    width: 200px;
    font-size: 9pt;
    font-weight: normal;
    padding: 2px;
}
#nav li #a_search_results {
  
  font-family: Helvetica;
  font-weight: bold;
  font-size: 10pt;
  background: none;
  position:absolute;
  width:384px;
  
  border-top: 0;
  text-transform: none;
  margin:0;
  margin-left: -153px;
  margin-top: 2px;

}
#nav li #a_search_results .top
{
	background: url(/images/search/top.png) top center no-repeat;
	width: 384px;
	height: 18px;
}
#nav li #a_search_results .bottom
{
	background: url(/images/search/bottom.png) bottom center no-repeat;
	width: 384px;
	height: 8px;
}
#nav li #a_search_results A,
#nav li #a_search_results A:hover,
{
	background: none;
}
#nav li #a_search_results .entries
{
	/*background: url(/images/search/background.png) no-repeat;*/
}
#a_search_results .notfound
{
	padding: 10px;
	text-transform: none;
	background-color: white;
	border-left: 1px solid #8c8c8c;
	border-right: 1px solid #8c8c8c;
}
#a_search_results .selected
{
    background-color: #d0d0d0 !important;
}
#a_search_results .search_entry
{
	
	border-left: 1px solid #8c8c8c;
	border-right: 1px solid #8c8c8c;
	border-bottom: 1px dotted #8c8c8c;
	background-color: #ffffff;
	opacity: 0.9;
	height: 65px;
	overlay: hidden;
	padding:5px;
	text-align: left;
}
#a_search_results .search_entry .icon
{
	float: left;
	width: 11px;
	margin-top:2px;
	margin-right: 7px;
}
#a_search_results .search_entry .title
{
	
	overflow: hidden;
}
#a_search_results .search_entry .title img
{

}
#a_search_results .search_entry .title A
{
	display: inline;
	padding: 0;
	margin: 0;
	height: auto;
	color:#629AF5;
	text-decoration:none;
	font-weight: normal;
	width: 150px;
}
#a_search_results .search_entry .title A:hover
{
	background-image: none;
	text-decoration: underline;
}
#a_search_results .search_entry .highlight
{
	font-weight: normal;
	margin-top: 5px;
	margin-left: 19px;
	font-size: 8pt;
}
.generic_linklist
{
}
.generic_linklist_entry
{

    margin-left: 1px;
    margin-right: 1px;
}
.generic_linklist_entry:hover
{
 background-color: rgb(204,224,255);

}
.generic_linklist div
{
    background-image: none;
  line-height: 14px;
}
.generic_linklist .head
{
    font-size: 8pt;
    border-bottom: 1px dotted #D3D3D3;
    line-height: 1,3em;
    padding: 8px 20px 8px 9px;

}

.generic_linklist .link_btn
{
    background-image: url(/images/play_small_dark.png);
    height: 17px;
    width: 163px;
    
    position: absolute;
    background-position: center right;
    background-repeat: no-repeat;
    
/* added tk */
color: rgb(51, 51, 51);
display: block;
font-family: Helvetica;
font-size: 8px;

}
.registerbubble
{
    width: 374px;
    height: 140px;
    position: absolute;
    background: url(/images/bubble.png) no-repeat;
    bottom: 30px;
    left: -90px;
    padding: 5px;
}
.registerbubble div.text
{
      width: 335px;
      font-size: 10px;
      padding:0;
      padding-top: 5px;
      padding-left: 18px;
      padding-bottom: 8px;
}
#browserwarning
{
    background-color: #ffc1c1;
    width: 100%;
    color: #a14545;
    border-top: 1px solid #a14545;
    border-bottom: 1px solid #a14545;
    text-align: center;
    padding: 5px 0 5px 0;
}
#productregistration .registerheader,
#userprofile .registerheader
{
    font-size: 12px;
    font-weight: bold;
    margin-top: 15px;
    width: 640px;
    
}
#productregistration .registerfield,
#userprofile .registerfield
{
    width: 320px;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
}
#productregistration .registerfield INPUT.error
{
   font-weight: normal;
   border: 1px solid red;
   padding-left: 20px;
   width: 182px;
   background: white url(/images/contact/cross.png) no-repeat left center;
   color: black;
}
#productregistration .registerfield label.error,
#userprofile .registerfield  label.error
{
    color: #808080;
    padding-left: 22px;
}  

#userprofile INPUT[type=text].error
{
   font-weight: normal;
   border: 1px solid red;
   padding-left: 20px;
   width: 133px;
   background: white url(/images/contact/cross.png) no-repeat left center;
   color: black; 
}
#userprofile INPUT[type=text],
#userprofile INPUT[type=password]
{
    width: 150px;
}
#userprofile .rw1
{
    width: 100px;
    float: left;
    line-height: 22px;
}
#userprofile .rw2
{
    width: 150px;
    float: left;
}
#userprofile .rw3
{
    width: 220px;
    float: left;
    padding-right: 10px;
    line-height: 22px; 
    text-align: right;
}
#userprofile .rw4
{
    width: 160px;
    float: left;
    text-align: right;
}
#userprofile .rw234
{
    width: 535px;
    float: left;
    text-align: right;
    
}
#userprofile .rwcity
{
    width: 300px;
    float: left;
}
#userprofile .rwzipstate
{
    width: 120px;
    float: left;
    text-align: right;
    padding-right: 10px;
    line-height: 22px; 
}
#userprofile .rwzipfield
{
    width: 100px;
    float: left;
    text-align: right;
}
#userprofile .rwcountry
{
    width: 235px;
    float: left;
    line-height: 22px;
    text-align: right;    
}
#userprofile .rwtel 
{
    width: 135px;
    float: left;
    line-height: 22px;
    text-align: right;
    padding-right: 10px;
}
#userprofile .rwtelfield
{
    width: 150px;
    float: left;
    text-align: right;
}
#shop .gradient
{
    background: url(/images/shop/gradient.png);
    height: 155px;
    overflow: hidden;
    

}
#shop .ph
{height: 155px;}
#shop .items
{
    width:20000em;
    position: absolute;
    height: 155px;
}
#shop a.browse{
    position: absolute;
    height: 45px;
    width: 15px;
    z-index: 50000;
    padding-top: 30px;
    color: black;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    opacity: 0.5;
    background-color: white;
    -moz-border-radius:5px;
   -webkit-border-radius:5px;
   margin-top: 35px;
   text-decoration: none;
   cursor: pointer;
   filter: alpha(opacity = 50);

}
#shop A.next
{
    right: 0;
}
#shop a.browse:hover{
    color: black;
    text-decoration: none;
}
#shop .gradient .items div {
	float:left;
}
#shop .gradient H2
{
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}
#shop .gradient h3
{
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    margin: 0;
    line-height: auto;
}
#shop .gradient .categorybox
{
    width: 177px;
    height: 140px;
    vertical-align: bottom;
    float: left;
    position: relative;
    padding-top: 10px;
}
#shop .gradient .categorybox A
{
    color: #fff;
    font-weight: bold;
    
    text-decoration: none;
}
#shop .gradient .arrow
{
    position: absolute;
    
    background: url(/images/shop/arrow.png) no-repeat bottom center;
    height: 14px;
    width: 177px;
    bottom: -19px;
}
#shop .box,
#shop .smallbox 
{
    margin-top: 35px;
    
}

#shop .box .header
{
    height: 34px;
    width: 870px;
    font-weight: bold;
    font-size: 14px;
    line-height: 34px;
    padding-left: 16px;
    background: url(/images/shop/box_header.png) no-repeat bottom center;
}
#shop .box .content
{
    height: auto; 
    width: 884px;
    background: url(/images/shop/gradient_background.png) repeat-x;
    border-left: 1px solid #6a6a6a;
    border-right: 1px solid #6a6a6a;
}
#shop .box .content,
#shop .nogradient .content
{

    padding-left: 10px;
}
#shop .box .content .co_column
{
    width: 400px;
    padding: 15px;
    float: left;
}
#shipping0, #shipping1
{
    margin-top: 20px;
}
#shop .box .content .co_column .free
{
    color: #f00;
    font-size: 10px;
}
#shop .box .content .co_column label
{
    position: relative;
    
}
#shop .box .content h3
{
    font-size: 12px;
    font-weight: bold;
}
#shop .box .footer
{
    height: 34px;
    width: 886px;
    
    background: url(/images/shop/configuration_footer.png) no-repeat top center;   
}

#shop .smallbox 
{
    width: 672px;
    float: left;
}
#shop .smallbox .header
{
    width: 672px;
    background: url(/images/shop/small_box_header.png) no-repeat left center;
    height: 34px;
    font-weight: bold;
    font-size: 14px;
    line-height: 34px;
    padding-left: 16px;
    
}
#shop .smallbox .content
{
    width: 670px;
    background: none;
    
    border-left: 1px solid #6a6a6a;
    border-right: 1px solid #6a6a6a;
}
#shop .smallbox .content h1
{
    margin-bottom: 10px;
}
#shop .smallbox .footer
{
    width: 672px;
    background: url(/images/shop/small_box_footer.png) no-repeat top left;
    height: 34px;
}
#shop .productbox
{
 
}
#shop .alternate0
{
    background-color: #e5e5e5;
}
#shop .alternate1
{
    background-color: #fafafa;
}
#shop .smallbox .content .top
{
    background: url(/images/shop/gradient_background.png) repeat-x center bottom;
    color: #fff;
}
#shop .smallbox .content .top A,
#shop .smallbox .content .top H1
{
    color: #fff;
}
#shop .productbox .image
{
    width: 200px; 
    float: left;  
    height: 180px;
    text-align: center;
    vertical-align: center;
}
#shop .productbox .description
{
    padding-top: 10px;
    width: 465px;
    float: left;
    
    padding-left: 5px;
}
#shop .productbox LABEL
{
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
}
#shop .slider 
{
    position: fixed;
    top: 0;
}
#summary_content
{
    font-size: 11px;
    padding: 10px;
    background: url(/images/shop/shopping_cart_bg.png) no-repeat top center transparent;
    height: 162px;
}
#summary_content H3
{
    font-size: 14px;
    font-weight: bold;
}
#summary_content P
{
    font-size: 10px;
}
#summary_content LI
{
    font-size: 11px; 
    font-weight: bold;
}


#shop .cartentry .image
{
    width: 175px;
    float: left;  
    height: 180px;
    text-align: center;
    vertical-align: center;
}
#shop .cartentry .headentry
{
    width: 340px;
    float: left;
    height: 34px;
    padding-top: 5px;
    border-bottom: 1px dotted #aaaaaa;
}
#shop .cartentry .headentry h1
{
    font-size: 14px;
    font-weight: bold;
}
#shop .cartentry .count
{
    padding-top: 5px;
    float: left;
    width: 70px;
    height: 34px;
    border-bottom: 1px dotted #aaaaaa;
}
#shop .cartentry .price
{
    float: left;
    width: 80px;
    height: 34px;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    border-bottom: 1px dotted #aaaaaa;
    padding-top: 5px;
}
#shop .cartentry .description
{
    width: 370px;
    float: left;
}
#shop .cartentry .remove
{
    width: 100px;
    float: left;
}
#shop .cartentry .remove A
{
    color: #629AF5;
}
#shop .cartentry 
{
    border-bottom: 1px solid black;
}
#needslogin .column
{
    width: 360px;
    float: left;
    padding-left: 60px;
    padding-top: 5px;
    padding-right: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 245px;
}
#needslogin h1
{
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 5px;
}
#needslogin p
{
    font-size: 10px;   
}
#needslogin .cont
{ }
#needslogin .btn
{
    padding-top: 20px;
}
LI.trans
{
    opacity: 0.6;
}
#shop .box .content .element .TwoColumnsElement,
#shop .box .content .element .OneColumnElement
{
    
    width: 884px;
	height: auto;
}
#shop .box .content .element .TwoColumnsElement .RightColumn
{
	width: 500px;	
}
#shop .box .content #iframetarget.co_column
{
    padding:0;
    margin:0;
    height: 330px;
    
    float: left;

}

#shop .column50
{
    width: 50%;
    float: left;
}
#shop .column33
{
    width: 33%;
    float: left;
}
#shop .column67
{
    width: 67%;
    float: left;
}
#shop .column20
{
    width: 20%;
    float: left
}
#show .column80
{
    width: 80%;
    float: left;
}
#shop_summary .header
{
    background-image: url(/images/shop/shopping_cart_head.png);
    height: 19px;
}
#shop .toll_warning
{
    padding-right: 10px;
    color: #888;
}
#shop .nobullet
{
    list-style-type:  circle !important;
}
.overlay .p_trigger
{
    cursor: pointer;
}
.overlay .header
{
    background:none repeat scroll 0 0 transparent;
    color:white;
    font:bold 17px/17px "HelveticaNeue",Helvetica,sans-serif;
    margin-bottom: 5px;
    padding-left: 5px;
    text-align:left;
    text-shadow:none;
    padding-top: 7px;
}
.overlay .p_content
{
    display: none;
    position: absolute;
   -moz-border-radius:7px 7px 7px 7px;
   -webkit-border-radius:7px 7px 7px 7px;
   background-color: #000;
   background:none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    border:1px solid black;
    color:white;
    font:14px Helvetica,sans-serif;
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.5);
    
    left: -50%;
    top: -120px;
    padding-bottom: 12px;
    text-align:left !important;
    min-width: 150px;
    z-index: 3200;
    
}
.overlay .p_content P
{
    padding-left: 5px;
    padding-right: 5px;
    margin: 0;
}
.overlay .marked
{
    background-color: green;
    
}
.overlay .arrow
{
    background: url(/images/tooltip_arrow.png) no-repeat top center;
    width: 27px;
    height: 13px;
    position: absolute;
    bottom: -13px;
    left: 0;
}
.product_overlay {

	display:none;


	background: url(http://static.flowplayer.org/tools/img/overlay/transparent.png) no-repeat center center;

        width:640px;
	padding:35px;

	font-size:11px;
}

/* default close button positioned on upper right corner */
.product_overlay .close {
	background-image:url(http://static.flowplayer.org/tools/img/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
.videoGallery
{
 vertical-align: top;  
    
}
.videoGallery .collapsed
{
    position: relative;
    height: 200px;
    background: url(/images/videogallery/gallery_bg.png) repeat-x top left;
}
.videoGallery .expanded
{
    position: relative;
    height: 170px;
    background: url(/images/videogallery/gallery_bg.png) repeat-x top left;
    padding-top: 30px;
    padding-left: 5px;
}
.videoGallery .header_bg1 .collapsed,
.videoGallery .header_bg1 .expanded 
{
    background: url(/images/videogallery/header_bg1.png) repeat-x top left;
}
.videoGallery .header_bg2 .collapsed,
.videoGallery .header_bg2 .expanded 
{
    background: url(/images/videogallery/header_bg2.png) repeat-x top left;
}
.videoGallery .header_bg3 .collapsed,
.videoGallery .header_bg3 .expanded 
{
    background: url(/images/videogallery/header_bg3.png) repeat-x top left;
}
.videoGallery .collapsed .wrapper
{
    width: 845px;
    overflow: hidden;
    position: relative;
    margin-left: 21px;
    
   
}
.videoGallery .collapsed .entries{
    width: 10000px;
    vertical-align: top;
    left: 0;
    top: 0;
    position: relative;
    z-index: 300;
}
.videoGallery .collapsed .entries .entry
{
    display: inline-block;
    width: 210px;
    padding-top: 23px;
    height: 170px;
    vertical-align: top;
}
.videoGallery .collapsed .buttonLeft
{
    position: absolute;
    background: url(/images/videogallery/btn_previous.png) no-repeat center center;
    height: 15px;
    width: 24px;
    left: 0;
    margin-top: 3px;
    margin-left: 0px;
    z-index: 300;
    cursor: pointer;
}
.videoGallery .collapsed .buttonRight
{
    position: absolute;
    background: url(/images/videogallery/btn_next.png) no-repeat center center;
    height: 15px;
    width: 24px;
    right: 0;
    margin-top: 3px;
    margin-right: 0px;
    z-index: 300;
    cursor: pointer;
}
.videoGallery .collapsed .entry img
{
    width: 204px;    
    height: 103px;
    cursor: pointer;
}
.videoGallery .collapsed .entry .name
{
    color: #1c1d1d;
    font-size: 12px;
    font-weight: bold;
    margin-top: 4px;
    padding-right: 10px;
}
.videoGallery .collapsed .entry .description
{
    color: #4d4e4f;
    font-size: 12px;
    padding-right: 5px;
    margin-top: 1px;
}
.videoGallery .collapsed .expandButton
{
    background: url(/images/videogallery/btn_expand.png) no-repeat center center;
    position: absolute;
    left: 406px;
    top: 196px;
    width: 75px;
    height: 15px;
    z-index: 600;
}
.videoGallery .collapsed .thumbnail_small
{
    display: none;
}
.videoGallery .expanded .thumbnail_big,
.videoGallery .expanded .buttonLeft,
.videoGallery .expanded .buttonRight,
.videoGallery .expanded .expandButton
{
    display: none;
}
.videoGallery .expanded .entry
{
    width: 285px;
    height: 80px;
    display: inline-block;
    overflow: hidden;
}
.videoGallery .expanded .entry .thumbnail_small
{
    display: inline-block;
    background: url(/images/videogallery/bg_thumb_small.png) no-repeat center center;
    width: 108px;
    height: 63px;
    
    text-align: center;
    cursor: pointer;
}
.videoGallery .expanded .entry .textEntry
{
    width: 160px;
    display: inline-block;
    vertical-align: top;
}
.videoGallery .expanded .entry .name
{
    color: #1c1d1d;
    font-size: 12px;
    font-weight: bold;
    vertical-align: top;  
}
.videoGallery .expanded .entry .description
{
     color: #4d4e4f;
    font-size: 12px;
}
.videoGallery .expanded .collapseButton
{
    background: url(/images/videogallery/btn_collapse.png) no-repeat center center;
    position: absolute;
    left: 406px;
    top: 196px;
    width: 75px;
    height: 15px;
    z-index: 600;
}
.videoGallery .expanded .entries
{
    height: 160px;
    overflow: auto;
    padding-top: 2px;
}
.videoGallery .title{
    width: 500px;
    position: absolute;
    text-align: center;
    margin-top: 3px;
    z-index: 305;
    font-weight: bold;
    font-size: 12px;
    margin-left: 195px;
}
.rotator
{
    position: relative;
}
.rotatorHidden
{
    display: none;
}
.rotatorItem
{
    position: absolute;
}

.iframegooglemaps
{
  width:100%;
  height:150px;
}

#gcaptcha
{
    display: relative;
    left: auto;
}* no cxc underline below a link on the whole page */
a, a *, a:hover, a *:hover, a:link, a *:link, a:visited, a *:visited
{
 text-decoration: none;
}

/* defines a class to apply the width of the basic layout */
.FullWidth             { width: 886px; }
.ContentWidth          { width: 686px; }
.ContentWidthDistance  { width: 672px; } /* .ContentWidth - 14 */
.AutoWidth             { width: 100%;  }
.NewBlock { float: left; clear: left; }

.element div span  hr
{
  align: left;
  width: 80%;
}

/* teaser elements ----------------------------------------------------------------------------- */

/* general teaser types */
.TeaserShort {  height: 430px;   background-position: left top; background-repeat: no-repeat; clear: left; }
.TeaserLong  {  height: 512px;   background-position: left top; background-repeat: no-repeat; clear: left; }

/* some backgrounds that can be applied */
.TeaserDesktop        {  background-image: url(/_media/headlines/VTI2_headline_desktop.jpg); }
.TeaserPolar          {  background-image: url(/_media/headlines/VTI2_headline_polar.jpg);  }
.TeaserKeyboard       {  background-image: url(/_media/headlines/VTI2_headline_keyboard.jpg); }
.TeaserPolarWithBlock {  background-image: url(_media/headlines/VTI2-headline-polar-886x512.jpg); }

/* the long teaser is divided in two blocks */
div.TeaserLong div.UpperBlock {   width: 100%; height: 350px; }
div.TeaserLong div.LowerBlock {   width: 100%; height: 162px; }

.NewsBox4TeaserBlock
{
 padding: 4px;
 padding-top: 30px;
 width: 195px;  /* the box model says width + padding is visible  */
 height: 134px;
 text-align: center;
 display: table-cell;
 vertical-align: top;
}

.LowerBlock .Box1of4 {  margin: 0;  margin-left: 9px; margin-right: 9px;  float: left; }
.LowerBlock .Box2of4 {  margin: 0;  margin-left: 9px; margin-right: 9px;  float: left; }
.LowerBlock .Box3of4 {  margin: 0;  margin-left: 9px; margin-right: 9px;  float: left; }
.LowerBlock .Box4of4 {  margin: 0;  margin-left: 9px; margin-right: 9px;  float: left; }

.LinkBoxType1:hover {   
    background-image: url(/_media/icons/Icon-Newsbox_Selector_1.png);
    background-position: top center;
   background-repeat: no-repeat;
   cursor: pointer;
}

.LinkBoxType2:hover
{   
    background-image: url(/_media/icons/Icon-Newsbox_Selector_2.png);
    background-position: top center;
   background-repeat: no-repeat;
   cursor: pointer;
}

.LinkBoxType3:hover
{   
    background-image: url(/_media/icons/Icon-Newsbox_Selector_3.png);
    background-position: top center;
   background-repeat: no-repeat;
   cursor: pointer;
}

.LinkBoxType4:hover
{   
    background-image: url(/_media/icons/Icon-Newsbox_Selector_1.png);
    background-position: top center;
   background-repeat: no-repeat;
   cursor: pointer;
}


/* news boxes ---------------------------------------------------------------------------------- */

.NewsBox3Container {  clear: left;   height: 190px; }

.NewsBox3
{
 width: 285px;  /* the box model says width + padding is visible  */
 height: 155px;
 background-image: url(/_media/images/News-block-285x155.png);
 background-repeat: no-repeat;
 background-position: top center ;
 display: table-cell;
}

.NewsBox3InnerDiv
{ /* used when a link-div is enabled, note, that it must be within a NewsBox3 class*/
 padding: 4px;
 width: 277px;  /* the box model says width + padding is visible  */
 height: 147px;
}

.NewsBox3Container .Box1of3 {  margin: 0;  margin-right: 14px;  float: left; }
.NewsBox3Container .Box2of3 {  margin: 0;  margin-right: 14px;  float: left; }
.NewsBox3Container .Box3of3 {  margin: 0;  float: left; }










/* news boxes */

/* the container size for 4 News boxes  - transparent */
.NewsBox4Container  {  clear: left;  height: 190px;  margin: 0;  padding: 0;  }

.NewsBox4
{
 padding: 4px;
 width: 198px;  /* the box model says width + padding is visible  */
 height: 147px;
 background-image: url(/_media/images/News-block-206x155.png);
 background-repeat: no-repeat;
 background-position: left top;
 display: table-cell;
 vertical-align: top;  
}

.Box1of4 {  margin: 0;  margin-right: 20px;  float: left; }
.Box2of4 {  margin: 0;  margin-right: 20px;  float: left; }
.Box3of4 {  margin: 0;  margin-right: 20px;  float: left; }
.Box4of4 {  margin: 0;  float: left; }


/* news box with background --------------- */

/* add this to create a gray background, use NewsBox4Transparent for inner boxes */
.NewsBox4ContainergrayBg
{
 height: 204px;
 background-image: url(/_media/images/Navigation-Info-blocks-4-886x204.png);
 background-position: top left;
 background-repeat: no-repeat;
}


.NewsBox4ContainerPolarHeadline
{
 height: 161px;
 background-image: url(/_media/headlines/VTI2-headline-polar-lower-886x161.jpg);
 background-position: top left;
 background-repeat: no-repeat;
}

.NewsBox4Transparent
{
 padding: 4px;
 padding-top: 10px;
 width: 195px;  /* the box model says width + padding is visible  */
 height: 186px;
 text-align: center;
 display: table-cell;
 vertical-align: top;  
}

.Box1of4gray {  margin: 0;  margin-left: 9px; margin-right: 9px;  float: left; }
.Box2of4gray {  margin: 0;  margin-left: 9px; margin-right: 9px;  float: left; }
.Box3of4gray {  margin: 0;  margin-left: 9px; margin-right: 9px;  float: left; }
.Box4of4gray {  margin: 0;  margin-left: 9px; margin-right: 9px;  float: left; }

/* single and multi column texts ------- */

/* 1 columns including widgets */

.SingleColumnText
{ 
 clear: left; 
 margin: 0; margin-right: 33px;
}

/* 2 columns including widgets */
.TwoColumnText { visible: hidden; clear: both; display: inline-block;}

.TwoColumnText .LeftColumn
{
 width: 310px;
 vertical-align: top;
 margin: 0;   
 margin-right: 33px;
 float: left;
 padding-left: 5px;
}
.TwoColumnText .RightColumn
{
	width: 310px;
	float: left;

}

.TwoColumnText:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}


/*  override for two columns within a frame box */

.RoundBox .TwoColumnText
{
 width: 678px;  /* ContentWidth (686) - ( 2* 4px border of framebox ) */
}

.RoundBox .LeftColumn, .RoundBox .RightColumn
{
  width: 306px;  /* reduce the width -4px each */
}


/* image handling --------------------------- */

.ImageLeftTopFlow
{
 border: 0;
 border-collapse: collapse;
 margin: 0;
 margin-right: 5px;
 margin-bottom: 5px;
 text-align: left;
 vertical-align: text-top;
}

.ImageRightTopFlow
{
 border: 0;
 border-collapse: collapse;
 margin: 0;
 margin-left: 5px;
 margin-bottom: 5px;
 float: right;
 vertical-align: text-top;
}

.ImageLeftFlow
{
 border: 0;
 border-collapse: collapse;
 margin: 0;
 margin-top: 4px;
 margin-right: 8px;
 margin-bottom: 4px;
 float: left;
}

.ImageRightFlow
{
 border: 0;
 border-collapse: collapse;
 margin: 0;
 margin-top: 4px;
 margin-left: 4px;
 margin-bottom: 4px;
 float: right;
}



/* Obsolete fonts which need to be marked in red */

.header1
{
color: red;
}
.header2
{
color: red;
}
.header3 {}
{
color: red;
}
.normtext
{
color: red;
}
.important
{
color: red;
}
.noheader
{
color: red;
}



/* News Box */

.news_3
{
 background-repeat: no-repeat;
}
.news_3 TD
{
 width: 285px;
 height: 155px;
 background-image: url(/_media/images/News-block-285x155.png);
 background-repeat: no-repeat;
}
.news_3 .left
{
 background-position: left top;
}
.news_3 .middle
{
 background-position: center top;
}
.news_3 .right
{
 background-position: right top;
}

/* Button Elements */

/* Link Button from Text to Audio Player */

.audioplaylinkbutton
{
 background-image:  url(/_media/images/Button-PlaySong.png);
 background-color: white;
 background-repeat: no-repeat;
 background-position: left top;
 width: 205px;
 height: 29px;
 // but a spare distance at top at bottom
 margin-top: 2ex;
 margin-bottom: 2ex;
 text-align: left;
/*  text-decoration: none;  shouldn't be necessary anymore */
}

.audioplaylinkbutton:hover
{
 background-image: url(/_media/images/Button-PlaySong-Hovered.png);;
/*   text-decoration: none; */
}

div.audioplaylinkbutton span, span.audioplaylinkbutton span, div.audioplaylinkbutton span:hover, div.audioplaylinkbutton span:visited, div.audioplaylinkbutton span:link
{
position: relative; top: 6px; left: 36px;
 text-align: left;
 color: white;
 text-decoration: none;
}


/* Link Button from Text to Contact Us By Email */

.emailuslinkbutton
{
 background-image:  url(/_media/images/Button-EmailUs.png);
 background-color: white;
 background-repeat: no-repeat;
 background-position: left top;
 width: 148px;
 height: 40px;
 // but a spare distance at top at bottom
 margin-top: 2ex;
 margin-bottom: 2ex;
 text-align: left;
 text-decoration: none;
}

.emailuslinkbutton:hover
{
 background-image: url(/_media/images/Button-EmailUs-Hovered.png.png);;
 text-decoration: none;
}

div.emailuslinkbutton span, span.emailuslinkbutton span, div.emailuslinkbutton span:hover, div.emailuslinkbutton span:visited, div.emailuslinkbutton span:link
{
position: relative; top: 6px; left: 36px;
 text-align: left;
 color: black;
 text-decoration: none;
}


/* footer and link box--------------------------- */

#linkBox 
{
	width: 884px;
	background-color: rgb(248,248,248);
	border-top: 1px solid rgb(192,192,192);
        border-left: 1px solid rgb(192,192,192);
        border-right: 1px solid rgb(192,192,192);
	border-bottom: 1px solid rgb(192,192,192);
	overflow: hidden;
	height: 20px;
}
#linkBox:hover
{
	height: 100px;
        background-color: rgb(245,245,245);
}
#linkBox:hover .column
{
	border-left: 1px dotted rgb(192,192,192);
	height: 100%;
	
}
#linkBox:hover .column H1
{
	font-weight: bold;
	/*background-image: url(/images/Icon-LinkBarArrow.png);*/
}

#linkBox:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
#linkBox .column
{
	width: 19%;
	float: left;
	text-align: left;
	padding: 2px;
	padding-left: 4px;
	border-left: 1px solid transparent;
}
#linkBox .column A:hover
{
        //selected link
	color: #1B5CA4 !important;
}
#linkBox .column H1
{
        color: rgb(102,102,102);
	height: 18px;
	line-height: 18px;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	margin-bottom: 5px;
	
}

#linkBox .column ul li A
{
        font-size: 11px;
padding-left: 13px;        
//color: rgb(192,192,192);
color: rgb(98, 154, 245);
        background-repeat: no-repeat;
	background-image: url(/images/Icon-LinkBarArrow.png);
	background-position: middle right;}

#linkBox .column ul li A:hover

{
	color: rgb(98, 154, 245);
}



#linkBox .column:first-child
{
        border-left: 0;	 
}


.footertextdark
{

	font-size: 11px;
//color: rgb(98, 154, 245);
}


.footertextlink
{
	font-size: 11px;
	line-height: 18px;
	color:red;
}

.footertable
{

 border-bottom: 1px solid #C0C0C0;
 padding: 4px;
}
.distributor
{

}
.distributor .name
{
font-weight: bold;
}
.distributor .address{
}
.dealer
{
width: 200px;
float:left;
height: 150px;

}
.dealer .name
{
font-weight: bold;
}
/* 
    tha buttons

    a button persists always of a surrounding <a> tag and is always like this:

   ( a class=LinkButton ) (div) (span) link text (/span)(/div)(/a)

   the div holds the button dimensions etc, the span clears the symbol
   on the left and defines the colors.

*/


a.LinkButton>div,
a.LinkButton>div:link,
a.LinkButton>div:visited,
a.LinkButton>div:active,
a.LinkButton>div:hover
{
  background: transparent url(/_media/images/Button-PlaySong.png) no-repeat top right;
  display: table-cell;
  vertical-align: middle;
  font-color: white;
  min-height: 29px;
  height: 29px;
  width: 205px;
  margin: 2px;
  margin-left: 10px;
  line-height: 29px;
  text-decoration: none;
}

/* mouse over is different */
a.LinkButton>div:hover,
a.LinkButton>div:focus
{
  background: url(/_media/images/Button-PlaySong-Hovered.png);
}

/* all link texts within the LinkButton shall be 10px and white */
a.LinkButton *
{
   color: white;
   font-size: 10px;
   line-height: 20px;
}

/* move the span away from the image */
a.LinkButton>div>span
{
   min-height: 29px;
   height: 29px;
   margin: 0;
   margin-left: 32px;
}
a.LinkButton:hover
{
  text-decoration: none;
}

/* general text sizes zrdz-------------------------------- */

BODY  { font-family: Helvetica; }

h1 { font-size: 22px;  line-height: 1.5em; margin: 0; color: rgb(26,26,26); font-weight: 500;  margin-bottom: 1.5em; }
h2 { font-size: 18px; line-height: 1.5em; margin: 0;  color: rgb(26,26,26); font-weight: 500;  margin-bottom: 0.5em; }
h3 { font-size: 16px; line-height: 1.5em; margin: 0; color: rgb(26,26,26); font-weight: 500;  margin-bottom: 0.5em; }
p { font-size: 12px; line-height: 1.5em; margin: 0;  margin-bottom: 0.5em;  }
li { font-size: 12px; line-height: 1.5em; margin: 0; /*margin-bottom: 0.5em; */ }
.element ul { list-style-type: disc; list-style-position: inside; padding-left: 1em; text-indent: -1em; }

/* the link stuff follows here */

.element a, .element a:visited  { color: rgb(98,154,245); font-weight: normal; }
.element a:hover, .element a:active { color: rgb(98,154,245); }

/* links for dealers/distributors, modifies the a tag above */

.distributor .name a,
.dealer .name a
{
  font-weight: bold;
}

/* textblocks have an additional margin-bottom */
.TextBlock { margin-bottom: 36px; }

.subnavigation .highlight { color: rgb(26,26,26) ; }
.subnavigation .nohighlight { color: rgb(128,128,128); }
.subnavigation a:hover, .subnavigation a:active { color: rgb(98,154,245); }
.subnavigation .separator { font-weight: 100; color: rgb(192,192,192); font-size: 16px;  }

.element hr { border-color: rgb(128,128,128); }

/* teaser do have a larger font scale  ---------------------------------  */
div.TeaserShort h1, div.TeaserLong div.UpperBlock h1 {  font-size: 32px; line-height: 40px; color: #333333; font-weight: 400; color: #333333;}
div.TeaserShort h2, div.TeaserLong div.UpperBlock h2 {  font-size: 24px; line-height: 28px; color: #333333; font-weight: 400; color: #333333;}
div.TeaserShort p  , div.TeaserLong div.UpperBlock p  {  font-size: 16px; font-weight: 400; line-height: 1.5em; color: gray;}

/* use this to override the LowerBlock in the long teaser version  -------------- */

div.LowerBlock h1 
{    /* font-size: 18px;   line-height: 1.0em;   font-weight: 600; color: rgb(51,51,51); margin: 0; margin-bottom: 1em;   */ }
div.LowerBlock h2 
{   font-size: 16px;   line-height: 1.0em;   font-weight: 600; color: rgb(51,51,51); margin: 0; margin-bottom: 1em;   }
div.LowerBlock p   
{   font-size: 11px;   line-height: 1.2em;    margin: 0; margin-bottom: 1em;  color: rgb(128,128,128); }

/* the font definition for the "3 News Boxes" ----------------------------*/
div.NewsBox3 h1   
{     font-size: 16px;  margin-top: 12px; margin-left: 12px; line-height: 1.5em;  font-weight: bold;  color: rgb(52,52,52);   }
div.NewsBox3 h2   
{    font-size: 14px;  margin-top: 12px; margin-left: 12px; line-height: 1.5em;  font-weight: bold;  color: rgb(52,52,52);  }
div.NewsBox3 p,div.NewsBox3 span     
{    font-size: 11px;  margin-left: 12px; margin-right: 12px; line-height: 1.2em;  color: rgb(52,52,52);  margin-bottom: 1.0em;  }

/* the font definition for the "4 News Boxes" ----------------------------*/
div.NewsBox4 h1   
{ /*   font-size: 16px;  line-height: 1.0em;  font-weight: bold;  color: rgb(52,52,52);  */ }
div.NewsBox4 h2   
{ /*   font-size: 12px;  line-height: 1.0em;  font-weight: bold;  color: rgb(52,52,52);  */ }
div.NewsBox4 p     
{  font-size: 11px;  line-height: 1.2em;  color: rgb(52,52,52);  margin-bottom: 1.0em;  }

/* font definitions for the column texts */

.ThreeColumnsElement h1, .TwoColumnsElement h1, .OneColumnElement h1
   {   }

.ThreeColumnsElement h2, .TwoColumnsElement h2, .OneColumnElement h2
   {   }

.ThreeColumnsElement h3, .TwoColumnsElement h3, .OneColumnElement h3
   {   }


/* paragraph and list element for the multi columns elements */
.ThreeColumnsElement p , .TwoColumnsElement p, .OneColumnElement p,
.ThreeColumnsElement li, .TwoColumnsElement li, .OneColumnElement li
{

  /* padding: 5px; */
}

/* the SmallerFont modifier class modify the text sizes only */
.SmallerFont p, .SmallerFont li {  font-size: 11px;  }
.SmallerFont h3 {  font-size: 16px; }
.SmallerFont h2 {  font-size: 18px; }
.SmallerFont h1 {  font-size: 22px; }

/* ---------------------------------- */

.RoundBox h1, .SmallHeader h1
{
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;

 font-size: 24px;  line-height: 1.5em;
  /* don't add any margins!! */
  font-weight: 400;  color: rgb(52,52,52);  
}

.RoundBox h2, .SmallHeader h2
{
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
  font-size: 18px;  line-height: 1,5em;
  font-weight: 400;  color: rgb(52,52,52);  
  /* don't add any margins!! */
}

/* mod the header parts */
.BigHeader h1,
.BigHeader h2
{
  padding: 0;
  line-height: 28px;
}

.SmallHeader h1,
.SmallHeader h2
{
  font-size: 11px;  line-height: 2.0em;
  font-weight: 600;
  padding: 0px 0px 0px 0px;
  color: #666666;
}


.RoundBox p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
  font-family: Helvetica;
  font-size: 12px;
  line-height: 18px;
  /* don't add any margins!! */
}

.RoundBox h1, .RoundBox h2, .SmallHeader h1, .SmallHeader h2 {
 padding-bottom:0px;
}

/* VR */
.VR_RoundBox .Header
{
	font-size: 18px;
	font-weight: 400;
	padding-left: 6px;
}
.VR_RoundBox .SmallHeader
{
	font-size: 10pt;
	font-weight: bold;
	padding-left: 6px;
}
.VR_RoundBox .NoHeader {
	font-size: 18px;
	font-weight: 400;
	padding-left: 16px;
}
.VR_RoundBox .Content {
	
	line-height: 18px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 6px;

}/* the tables, frames, etc. */

.clearColumns
{
 
  clear: both;
  width: 1px;
}

/* gradients for the boxes */
.Gradient1, .Gradient2, .Gradient3, .Gradient4
{
  background-color: transparent;
  background-image: url(/images/box_gradient_1.png);
  background-position: bottom right;
  background-repeat: repeat-x;
}

.Gradient2 {  background-image: url(/images/box_gradient_2.png); }
.Gradient3 {  background-image: url(/images/box_gradient_3.png); }
.Gradient4 {  background-image: url(/images/box_gradient_4.png); }

.RoundBox {
 position:relative;
 margin:0px auto;
 min-width:16px;
 max-width:886px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:16px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.RoundBox .Content,
.RoundBox .Header,
.RoundBox .Footer,
.RoundBox .Footer div {
 background:transparent url(/images/elements/Elements-Frame-900x1600.png) no-repeat top right;
 _background-image:url(/images/elements/Elements-Frame-900x1600.gif);
}

.BigHeader .Content,
.BigHeader .Header,
.BigHeader .Footer,
.BigHeader .Footer div {
 background:transparent url(/images/elements/Elements-Frame-900x1600-Header-Big.png) no-repeat top right;
 _background-image:url(/images/elements/Elements-Frame-900x1600-Header-Big.gif);
}

.SmallHeader .Content,
.SmallHeader .Header,
.SmallHeader .Footer,
.SmallHeader .Footer div {
 background:transparent url(/images/elements/Elements-Frame-900x1600-Header-Small.png) no-repeat top right;
 _background-image:url(/images/elements/Elements-Frame-900x1600-Header-Small.gif);
}


.RoundBox .Content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 16px 0px 0px;
}

.RoundBox .Header {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:4px; /* top slice width */
 margin-left:-16px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.RoundBox .Footer {
 /* bottom */
 position:relative;
 width:100%;
}

.RoundBox .Footer,
.RoundBox .Footer div {
 height:50px; /* height of bottom cap/shade */
 font-size:1px;
}

.RoundBox .Footer {
 background-position:bottom right;
}

.RoundBox .Footer div {
 position:relative;
 width:16px; /* bottom corner width */
 margin-left:-16px;
 background-position:bottom left;
}

.RoundBox .hd,
.RoundBox .bd,
.RoundBox .ft {
 position:relative;
}

.RoundBox .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

/* VR */

.VR_RoundBox
{
	position: relative;
	background-repeat: no-repeat;
	max-width: 886px;
	background-image: url(/images/box_bottom.png);
	background-position: bottom right;
	height: 100%;
}
.VR_RoundBox .Header
{
	background-image: url(/images/box_top.png);
	background-position: top right;
	height: 30px;
	line-height: 30px;
	min-width: 150px;
	padding-left: 16px;  /* added */
}
.VR_RoundBox .SmallHeader
{
	background-image: url(/images/box_top.png);
	background-position: top right;
	height: 20px;
	line-height: 20px;
	min-width: 150px;
	padding-left: 16px;
       
}
.VR_RoundBox .NoHeader
{
	background-image: url(/images/box_top_noheader.png);
	background-position: top right;
	height: 30px;
	line-height: 30px;
	min-width: 150px;
}
.VR_RoundBox .NoHeader_Dual
{
	background-image: url(/images/box_top_noheader.png);
	background-position: top right;
	height: 6px;
	line-height: 30px;
	min-width: 150px;
}
.VR_RoundBox .Content
{
	min-height: 30px;
	
	position: relative;
	padding: 16px; /* added */
}
.VR_RoundBox .ltc /* Left top corner */
{
	width: 15px; /* was 5 */
	background-image: url(/images/box_top.png);
	background-position: top left;
	top: 0;
	position: absolute;
	font-size: 1px;
	height: 30px;
	z-index: 3;
}
.VR_RoundBox .ltc_noheader /* Left top corner no header*/
{
	width: 15px; /* was 5 */
	background-image: url(/images/box_top_noheader.png);
	background-position: top left;
	top: 0;
	position: absolute;
	font-size: 1px;
	height: 16px; /* was 6 */
	z-index: 3;
}
.VR_RoundBox .ltc_smallheader /* Left top corner small header*/
{
	width: 15px; /* was 5 */
	background-image: url(/images/box_top.png);
	background-position: top left;
	top: 0;
	position: absolute;
	font-size: 1px;
	height: 16px; /* was 6 */
	z-index: 3;
}
.VR_RoundBox .lbc /* Left bottom corner */
{
	width: 15px; /* was 5 */
	background-image: url(/images/box_bottom.png);
	background-position: bottom left;
	font-size: 1px;
	position: absolute;
	top: 0px;
	height: 100%;
	z-index: 2;
}

/* VR small edges */

.VR_RoundBoxSmall
{
	position: relative;
	background-repeat: no-repeat;
	max-width: 886px;
	background-image: url(/images/box_bottom.png);
	background-position: bottom right;
	height: 100%;
}
.VR_RoundBoxSmall .Header
{
	background-image: url(/images/box_top.png);
	background-position: top right;
	height: 30px;
	line-height: 30px;
	min-width: 150px;
	padding-left: 6px;  /* added */
}
.VR_RoundBoxSmall .SmallHeader
{
	background-image: url(/images/box_top.png);
	background-position: top right;
	height: 20px;
	line-height: 20px;
	min-width: 150px;
	padding-left: 6px;
        font-weight: bold;
}
.VR_RoundBoxSmall .NoHeader
{
	background-image: url(/images/box_top_noheader.png);
	background-position: top right;
	height: 30px;
	line-height: 30px;
	min-width: 150px;
}
.VR_RoundBoxSmall .NoHeader_Dual
{
	background-image: url(/images/box_top_noheader.png);
	background-position: top right;
	height: 6px;
	line-height: 30px;
	min-width: 150px;
}
.VR_RoundBoxSmall .Content
{
	min-height: 30px;
	
	position: relative;
	padding: 6px;
}
.VR_RoundBoxSmall .ltc /* Left top corner */
{
	width: 5px;
	background-image: url(/images/box_top.png);
	background-position: top left;
	top: 0;
	position: absolute;
	font-size: 1px;
	height: 30px;
	z-index: 3;
}
.VR_RoundBoxSmall .ltc_noheader /* Left top corner no header*/
{
	width: 5px;
	background-image: url(/images/box_top_noheader.png);
	background-position: top left;
	top: 0;
	position: absolute;
	font-size: 1px;
	height: 6px;
	z-index: 3;
}
.VR_RoundBoxSmall .ltc_smallheader /* Left top corner small header*/
{
	width: 5px;
	background-image: url(/images/box_top.png);
	background-position: top left;
	top: 0;
	position: absolute;
	font-size: 1px;
	height: 6px;
	z-index: 3;
}
.VR_RoundBoxSmall .lbc /* Left bottom corner */
{
	width: 5px; 
	background-image: url(/images/box_bottom.png);
	background-position: bottom left;
	font-size: 1px;
	position: absolute;
	top: 0px;
	height: 100%;
	z-index: 2;
}

/* the column elements */

.OneColumnElement, .TwoColumnsElement, .TwoColumnsElementBroadLeft, .ThreeColumnsElement
{
  clear: left;
  display: block;
  margin: 0;
}


/* overwrite the widths of the elements, depending on the parent div style */

.headercontent .element .OneColumnElement,
.headercontent .element .TwoColumnsElement,
.headercontent .element .TwoColumnsElementBroadLeft,
.headercontent .element .ThreeColumnsElement,
.headercontent .element .clearColumns
{
  width: 886px;
}

.content .element .OneColumnElement,
.content .element .TwoColumnsElement,
.content .element .TwoColumnsElementBroadLeft,
.content .element .ThreeColumnsElement,
.content .element .clearColumns
{
  width: 672px;
}

.VR_RoundBox .Content .OneColumnElement,
.VR_RoundBox .Content .TwoColumnsElement,
.VR_RoundBox .Content .TwoColumnsElementBroadLeft,
.VR_RoundBox .Content .ThreeColumnsElement,
.VR_RoundBox .Content .clearColumns,
.tabbertab .element .OneColumnElement,
.tabbertab .element .TwoColumnsElement,
.tabbertab .element .TwoColumnsElementBroadLeft,
.tabbertab .element .ThreeColumnsElement,
.tabbertab .element .clearColumns
{
  width: 662px;
}

/* ThreeColumnsElement:  -----------------------------------------------------------------------
	the three column element when used in full width, 
		sizes are: 276, margin is 29 (276*3+29*2 = 886)
 */

.headercontent .element .ThreeColumnsElement .LeftColumn,
.headercontent .element .ThreeColumnsElement .MiddleColumn,
.headercontent .element .ThreeColumnsElement .RightColumn
{
  width: 276px; 
  display: block;  
  margin: 0;   
  margin-right: 29px;  
  float: left;
}

.content .element .ThreeColumnsElement .LeftColumn,
.content .element .ThreeColumnsElement .MiddleColumn,
.content .element .ThreeColumnsElement .RightColumn
{
  width: 200px; 
  display: block;  
  margin: 0;   
  margin-right: 33px;  
  float: left;
}

.VR_RoundBox .Content .ThreeColumnsElement .LeftColumn,
.VR_RoundBox .Content .ThreeColumnsElement .MiddleColumn,
.VR_RoundBox .Content .ThreeColumnsElement .RightColumn,
.tabbertab .element .ThreeColumnsElement .LeftColumn,
.tabbertab .element .ThreeColumnsElement .MiddleColumn,
.tabbertab .element .ThreeColumnsElement .RightColumn
{
  width: 194px; 
  display: block;  
  margin: 0;   
  margin-right: 33px;  
  float: left;
}

/* TwoColumnsElement:  -----------------------------------------------------------------------
	the two column element when used in full width, 
		sizes are: 428, margin is 30 
 */

.headercontent .element .TwoColumnsElement .LeftColumn,
.headercontent .element .TwoColumnsElement .RightColumn
{
  width:500px; 
  display: block;  
  margin: 0;   
  margin-right: 29px;  
  float: left;
}

.content .element .tabbertab .TwoColumnsElement,
.content .element .tabbertab .TwoColumnsElementBroadLeft
{
  width: 662px;
}

.VR_RoundBox .Content .TwoColumnsElement
{
  width: 662px;
}

.VR_RoundBox .Content .TwoColumnsElement .LeftColumn,
.VR_RoundBox .Content .TwoColumnsElement .RightColumn
{
  float: left;
  width: 300px !important;
  margin: 0 32px 0 0;		/* top, right, bottom, left */
  float: left;
}
.VR_RoundBox .Content .TwoColumnsElement .RightColumn
{
  margin: 0;
}
.content .element .TwoColumnsElement .LeftColumn,
.content .element .TwoColumnsElement .RightColumn
{
  width: 319px; 
  display: block;  
  margin: 0;   
  margin-right: 33px;  /* right column will be overridden below */
  float: left;
}

.content .element .VR_Roundbox .TwoColumnsElement .LeftColumn,
.content .element .VR_Roundbox .TwoColumnsElement .MiddleColumn,
.content .element .tabbertab .TwoColumnsElement .LeftColumn,
.content .element .tabbertab .TwoColumnsElement .MiddleColumn
{
  width: 300px; 
  display: block;  
  margin: 0;   
  margin-right: 30px;  
  float: left;
}

/* TwoColumnsElementBroadLeft:  -----------------------------------------------------------------------
	the two column element when used in full width, 
		sizes are: 276+29+276=581, margin is 29 and 276
 */

.headercontent .element .TwoColumnsElementBroadLeft .LeftColumn,
.headercontent .element .TwoColumnsElementBroadLeft .RightColumn
{
  width:581x; 
  display: block;  
  margin: 0;   
  margin-right: 29px;  
  float: left;
}

.headercontent .element .TwoColumnsElementBroadLeft .RightColumn
{
	width: 276px;
}

.content .element .tabbertab .TwoColumnsElementBroadLeft
{
  width: 662px;
}

.VR_RoundBox .Content .TwoColumnsElementBroadLeft
{
  width: 662px;
}

.VR_RoundBox .Content .TwoColumnsElementBroadLeft .LeftColumn,
.VR_RoundBox .Content .TwoColumnsElementBroadLeft .RightColumn
{
  float: left;
  width: 400px ; /* !important; */
  margin: 0 33px 0 0;		/* top, right, bottom, left */
  float: left;
}

.VR_RoundBox .Content .TwoColumnsElementBroadLeft .RightColumn
{
  width: 210px;
}

.VR_RoundBox .Content .TwoColumnsElementBroadLeft .RightColumn
{
  margin: 0;
}
.content .element .TwoColumnsElementBroadLeft .LeftColumn,
.content .element .TwoColumnsElementBroadLeft .RightColumn
{
  width: 400px; 
  display: block;  
  margin: 0;   
  margin-right: 33px;  /* right column will be overridden below */
  float: left;
}

.content .element .TwoColumnsElementBroadLeft .RightColumn
{
  width: 211px;
}

.content .element .VR_Roundbox .TwoColumnsElementBroadLeft .LeftColumn,
.content .element .tabbertab .TwoColumnsElementBroadLeft .LeftColumn
{
  width: 450px; 
  display: block;  
  margin: 0;   
  margin-right: 30px;  
  float: left;
}

.content .element .VR_Roundbox .TwoColumnsElementBroadLeft .RightColumn,
.content .element .tabbertab .TwoColumnsElementBroadLeft .RightColumn
{
	width: 210px;
}

/* right columns always have zero margin */
.headercontent .element .ThreeColumnsElement .RightColumn,
.headercontent .element .TwoColumnsElement .RightColumn,
.headercontent .element .TwoColumnsElementBroadLeft .RightColumn,
.content .element .TwoColumnsElement .RightColumn,
.content .element .TwoColumnsElementBroadLeft .RightColumn,
.content .element .ThreeColumnsElement .RightColumn,
.content .element .VR_Roundbox .RightColumn,
.content .element .tabbertab .TwoColumnsElement .RightColumn
{
  margin: 0;
}
/* Misc CSS */#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #ffffff; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }
	#lbOverlay.white { background-color: #ffffff; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: transparent; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 0; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	display: none;font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(images/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(images/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(images/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(images/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(images/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(images/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(images/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(images/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(images/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(images/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(images/close_grey.png) no-repeat; }
	#lbClose.red { background: url(images/close_red.png) no-repeat; }
	#lbClose.green { background: url(images/close_green.png) no-repeat; }
	#lbClose.blue { background: url(images/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(images/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(images/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(images/play_red.png) no-repeat; }
	#lbPlay.green { background: url(images/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(images/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(images/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(images/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(images/pause_red.png) no-repeat; }
	#lbPause.green { background: url(images/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(images/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(images/pause_gold.png) no-repeat; }