/*************************************/
/* GENERAL STYLES*/
/*************************************/
html {
overflow: -moz-scrollbars-vertical;}
body {
font-family:tahoma,verdana,arial,helvetica, sans-serif;
font-size:12px}
body.mainwindow {
margin:0;
padding:0;}
p, div, li, img, form {
margin:0;
padding:0;}
p, div, li {
font-family:tahoma,verdana,arial,helvetica, sans-serif;
font-size:12px;
line-height:18px;
margin:0;}
p, h3 {
padding-bottom:12px;}
h1 {
font-family:trebuchet ms,verdana,arial,sans-serif;
color:#313131;
font-size:16px;
font-weight:bold;
line-height:20px;
margin:0;
padding:5px 0 12px 0;}
h2 {
font-family:trebuchet ms,verdana,arial,sans-serif;
font-size:12px;
line-height:18px;
font-weight:bold;
margin:0;}
h3 {
font-size:12px;
line-height:18px;
margin:0;
font-weight:bold;
}
.brtext, td.brtext, table.brtext, .webfx-tree-item, table.search {
font-family:tahoma,verdana,arial,helvetica, sans-serif;
font-size: 12px;
color: #000000;
font-weight: normal;
line-height: 15px;
text-decoration: none;}
.brtext a, td.brtext a, table.brtext a {
color: #cc0000;
text-decoration: none;}
.brtext a:hover, td.brtext a:hover, table.brtext a:hover {
color: #808080;
text-decoration: underline;}
.picturetext, .picturetext p {
font-size:9px;
font-style:italic;
line-height:14px;
color:#313131;}
.brtext a {
color:#cc0000;
text-decoration:none;}
.brtext a:hover {
text-decoration:underline;}
/*************************************/
/* LINKS */
/*************************************/
a {
color:#cc0000;
text-decoration:none;
border:none;}
a:focus, a:focus img {
outline-style:none;
-moz-outline-style: none; }
a:active {
outline: none; }
a img {
border:none;}
object {
outline:none; }
.link_more {
margin:10px 0 5px 0;
text-align:right;}
.link_more a {
font-size:11px;
color:#000000;}
.link_more a:hover {
color:#cc0000;}
/*************************************/
/*IMAGES*/
/*************************************/
.img_right, .img_right a {
margin:0 0 25px 15px;
float:right;}
/***********************************************************************/
/* HR LINES*/
/***********************************************************************/
.hrline hr {
	display:none;
}
.hrline {
	border-bottom:1px solid #cc0000;
	height:1px;
}
/*************************************/
/*FORMS*/
/*************************************/
input, select {
font-family:tahoma,verdana,arial,helvetica, sans-serif;
font-size:12px;
}
form.contactform {
margin:0;
padding:0;}
form.contactform option, form.contactform select {
margin:0;
padding:0;}
form.contactform input {
height:16px;}
form.contactform input, form.contactform select, form.contactform textarea {
background:#ffffff url(/web/web_aut_se.nsf/shared/bg_forminput.gif/$file/bg_forminput.gif) repeat-x scroll left top;
border-color:#D9D9D9 rgb(242, 242, 242) rgb(242, 242, 242) rgb(224, 224, 224);
border-style:solid;
border-width:1px;
color:#313131;
font-size:12px;
vertical-align:text-top;
voice-family:inherit;}
#contact {
margin:10px;}
/*************************************/
/*BANNERS*/
/*************************************/
div.banner {
border-bottom:1px solid #cccccc;
margin:0;
padding:0;}
div.banner a img {
margin:0 0 12px 13px;}
/***********************************************************************/
/* BOXES ON THE FIRST PRODUCT PAGE  */
/***********************************************************************/
div.productcluster {
border:1px solid #cccccc;
margin-bottom:10px;
padding:5px;}
div.productcluster a {
font-size:11px;
line-height:16px;
color: #000000;}
div.productcluster a:hover {
color: #cc0000;}
div.productcluster a.header {
color:#313131;
font-weight:bold;}
div.productclusterlink {
background:transparent url(/web/web_aut_se.nsf/shared/arrow_red.gif/$file/arrow_red.gif) no-repeat scroll 4px 3px;
margin-top:1px;
padding-left:14px;}
div.imageframe {
float:right;
margin:3px 3px 6px 5px;}
div.productcluster_left {
float:left;
width:49%;
margin-right:10px;}
div.productcluster_right {
float:left;
width:49%;}
/*************************************/
/*PRODUCT BOXES*/
/*************************************/
div.prodboxframe {
font-size:11px;
line-height:16px;
border:1px solid #cccccc;
margin-bottom:10px;
padding:5px;}
div.prodboxframeOver {
font-size:11px;
line-height:16px;
border:1px solid #cc0000;
margin-bottom:10px;
padding:5px;
cursor:pointer;}
div.prodboxframe div.prodboxheader,div.prodboxframeOver div.prodboxheader {
font-size:11px;
line-height:16px;
color:#313131;
font-weight:bold;}
div.prodboxtext  {
font-size:11px;
line-height:16px;}
div.imageframe {
float:right;
margin:3px 3px 6px 5px;}
div.prodbox_left {
float:left;
width:49%;
margin-right:10px;}
div.prodbox_right {
float:left;
width:49%;}
/*************************************/
/* PageNavChildren and PageNavCluster boxes*/
/*************************************/
.PageNavFrame, .PageNavFrameOver {
border:1px solid #cccccc;
margin-bottom:10px;}
.PageNavFrameOver {
border:1px solid #cc0000;
cursor: pointer;}
a.PageNavFrameLink {
width:96%;
display:inline-block;
margin:5px;
color: #000000;}
.imageframe, .imageframe a {
display:block;
cursor:pointer;
float:right;
margin:3px 3px 3px 3px;}
.PageNavFrameText, .PageNavFrameText a {
color:#000000;
display:block;
font-size:11px;
line-height:16px;}
.PageNavBox_left {
float:left;
width:49%;
margin-right:10px;}
.PageNavBox_right {
float:left;
width:49%;}
/*************************************/
/*NEWS AND EVENT*/
/*************************************/
div.newseventcontainer {
margin:5px 0;
border-bottom:1px solid #cccccc;}
div.newseventframe div.newseventdate, div.newseventframeOver div.newseventdate {
line-height:10px;
font-size:11px;
color:#aaaaaa;}
div.newseventframe div.newseventheader, div.newseventframeOver div.newseventheader{
line-height:16px;
font-size:11px;}
div.newseventframe {
margin:0 10px;
padding:2px 0;
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;}
div.newseventframeOver {
margin:0 10px;
padding:2px 0;
border-top:1px solid #cc0000;
border-bottom:1px solid #cc0000;
cursor:pointer;}
div.newseventimage {
float:right;
margin:3px 0 3px 3px;
padding:1px;
border:1px solid #cccccc;
background-color: #ffffff;}
/*************************************/
/*FILELINKS*/
/*************************************/
div.filelinkscontainer {
margin-top:8px;
border-bottom:1px solid #cccccc;}
div.filelinksframe {
margin:0 10px 0 10px;}
div.filelinksframe div.filelinksheader {
font-size:11px;
line-height:16px;
color:#313131;
font-weight:bold;}
div.filelinkslink {
background:transparent url(/web/web_aut_se.nsf/shared/arrow_red.gif/$file/arrow_red.gif) no-repeat scroll 4px 3px;
margin-top:1px;
padding-left:14px;
font-size:11px;
line-height:14px;
color:#000000;}
div.filelinkslink a {
color:#000000;}
div.filelinkslink a:hover {
color:#cc0000;}
div.filelinksimage {
float:right;
margin:3px 0 3px 3px;
padding:1px;
border:1px solid #cccccc;
background-color: #ffffff;}
/*************************************/
/*COLUMN LIST BOXES*/
/*************************************/
div.campcontainer {
width:100%;}
div.campframecontainer {
margin-bottom:10px;
display:block;}
div.campframe {
font-size:11px;
line-height:16px;
display:block;
height:auto !important;
height:80px;
min-height:80px;
border:1px solid #cccccc;
margin-left:180px;}
div.campframeOver {
font-size:11px;
line-height:16px;
display:block;
height:auto !important;
height:80px;
min-height:80px;
border:1px solid #cc0000;
margin-left:180px;
cursor:pointer;}
div.camptextcontainer {
display:block;
height:100%;
float:left;
width:348px;}
div.campheader {
font-size:11px;
color:#313131;
font-weight:bold;
margin:5px;}
div.camptext {
font-size:11px;
line-height:16px;
margin:0 5px 5px 5px;}
div.campcomment {
display:block;
float:right;
font-weight:bold;
color:#ffffff;
text-align: center;
background-color:#cc0000;
width:100px;
padding:2px;}
/***********************************************************************/
/* TABLES FOR CAMPAIGN*/
/***********************************************************************/
.tablecamp {
border:0;
font-size:11px;
background-color:#bbbbbb;}
.tablecamp a {
color:#cc0000;
text-decoration:none;}
.tablecamp a:hover {
text-decoration:underline;}
.tablecamp_right { 
background-color:#ffffff;}
.tablecamp_left {
border-bottom:1px solid #bbbbbb;
border-right:1px solid #bbbbbb;
background-color:#ffffff;}
.tablecamp_top {
background-color:#191919;
color:#ffffff;}
/***********************************************************************/
/* TABLES*/
/***********************************************************************/
.tabletext {
font-size:12px;
background-color:#cccccc;}
.tabletext a {
color:#cc0000;
text-decoration:none;}
.tabletext a:hover {
text-decoration:underline;}
.tabletext_right { 
background-color:#ffffff;}
.tabletext_left {
background-color:#ffffff;}
.tabletext_top {
background-color:#222222;
color:#ffffff;}
/***********************************************************************/
/* DHTML WINDOWS AND MODAL*/
/***********************************************************************/
.dhtmlwindow {
position:absolute;
border:1px solid #000000;
visibility:hidden;
background-color:#ffffff;}
.drag-handle { /*CSS for Drag Handle*/
padding:2px;
text-indent:3px;
background-color: #cc0000;
color:#ffffff;
font-weight:bold;
cursor:move;
overflow:hidden;
width:auto;}
.drag-handle .drag-controls { /*CSS for controls (min, close etc) within Drag Handle*/
position:absolute;
right:2px;
top:3px;
cursor:pointer;}
.drag-contentarea { /*CSS for Content Display Area div*/
border-top:1px solid #aaaaaa;
background-color:#ffffff;
color:#000000;
height:150px;
padding:2px 4px 2px 2px;
overflow:auto;}
div.drag-contentarea iframe {
border:1px solid #000000;}
.drag-statusarea { /*CSS for Status Bar div (includes resizearea)*/
border-top:1px solid #cccccc;
background-color:#F8F8F8;
height:13px; /*height of resize image*/}
.drag-resizearea { /*CSS for Resize Area itself*/
float:right;
width:13px; /*width of resize image*/
height:13px; /*height of resize image*/
cursor:nw-resize;
font-size:0;}
#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: #000000 url(/web/web_aut_se.nsf/shared/blackdot.gif/$file/blackdot.gif);
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
opacity: 0.8;
}
/***********************************************************************/
/* POPUP IMAGE VIEWER */
/*Credits: Dynamic Drive CSS Library */
/***********************************************************************/
.thumbnail {
position:relative;
z-index:0;}
.thumbnail:hover {
background-color:transparent;
z-index:100;}
.thumbnail span { /*CSS for enlarged image*/
position:absolute;
background-color:#ffffff;
padding:10px;
right:-1000px;
border:1px solid #cccccc;
visibility:hidden;
color:#000000;
text-decoration:none;}
.thumbnail span img { /*CSS for enlarged image*/
border-width:0;
padding:2px;}
.thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility:visible;
top:0;
right:60px; /*position where enlarged image should offset horizontally */}
/***********************************************************************/
/* TOOLTIP */
/***********************************************************************/
#dhtmltooltip {
position:absolute;
left:-300px;
width:200px;
border:1px solid #000000;
padding:2px;
background-color:#ffffe0;
visibility:hidden;
z-index:100;}
#dhtmlpointer {
position:absolute;
left:-300px;
z-index:101;
visibility:hidden;}
/***********************************************************************/
/* SORTABLE Table with Alternating Row Colors */
/***********************************************************************/
tr.selectRow {
text-decoration:underline;}
table.sortable {
text-decoration:none;
border-collapse:collapse;
text-align:left;}
table.sortable th, table.sortable td {
padding:3px;
border-style:solid;
border-color:#444444;}
table.sortable th, table.sortable th a {
font-weight:bold;
color:#ffffff;
background-color:#222222;
border-width:0 0 1px 0;}
table.sortable td {
border-width:0;}
table.sortable tr.odd td {
background-color:#dddddd;}
table.sortable tr.even td {
background-color:#ffffff;}
table.sortable tr.sortbottom td {
border-top:1px solid #444444;
background-color:#cccccc;
font-weight: bold;}
/***********************************************************************/
/* Product Data Properties */
/***********************************************************************/
.odd{}
.even{
background: #eeeeee;} 
.CategoryTable {
width: 100%;} 
.CategoryTable TD {
font-family: tahoma,verdana,arial,helvetica, sans-serif;
font-size: 11px;}
.CategoryLabel, .CategoryLabelExp {
font-family: trebuchet ms,arial,verdana,sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
background: #EEEEEE url(/web/web_aut_se.nsf/shared/arrow_right_file.gif/$file/arrow_right_file.gif) no-repeat scroll 0 4px;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
padding: 4px 22px;
width: auto !important;
cursor: pointer;}
.CategoryLabelExp {
background: #EEEEEE url(/web/web_aut_se.nsf/shared/arrow_down.gif/$file/arrow_down.gif) no-repeat scroll 0 4px;}
.RowTable {
border-collapse: separate;
border-spacing: 1px;
width: 100%;}
.RowTable TD {
font-weight: normal;
padding-left: 5px;} 
.RowTable TD.PropertyLabel {
width: 200px;} 
.RowTable TD.PropertyValue {}
/*************************************/
/*STYLING OF FLOWPLAYER*/
/*************************************/
div.myFlowPlayer {
	display: block;
	width: 530px;
	height: 328px;
	text-align: center;
	margin: 0;
}
 
div.myFlowPlayer img {
	margin-top: 110px;
	border: 0;
}
/* info area */
div.myFlowPlayer div.info {
	height:40px;
	background:#000 url(/web/beijer_electronics.nsf/shared/bg_playerinfo.png/$file/bg_playerinfo.png) repeat-x;
	opacity:0.7;
	color:#fff;
	margin-top:45px;
	text-align:left;
	padding:5px 15px;	
	font-family:"bitstream vera sans","trebuchet ms";
	font-size:12px;
	border-top:1px solid #ccc;
	margin-top:40px;
}
/* duration data inside info area */
div.myFlowPlayer div.info span {
	color:#99FF99;
	display:block;
	font-weight:bold;
}