/* CSS Document */

html, body {
	margin: 0;
	background-color: #DCDCDE;
	color:#000;
	font-family: Myriad Pro, arial, verdana, sans-serif; 
	font-size: 10pt;
	}
#bar {
height:35px; 
background: url(../images/pro_line_0.gif) repeat-x; 
position:relative; 
font-family: Myriad Pro Light, arial, verdana, sans-serif; 
font-size:10pt; 
width:873px; 
line-height: 35px;
padding-left: 27px;
}
#bar2 {
height:35px; 
background: url(../images/pro_line_0.gif) repeat-x; 
position:relative; 
font-family: Myriad Pro Light, arial, verdana, sans-serif; 
font-size:10pt; 
width:873px; 
line-height: 35px;
padding-left: 27px;
}
#news {
/*position:relative; */
font-family: Myriad Pro, arial, verdana, sans-serif; 
font-size:10pt; 
width:900px; 
/*padding-left: 27px;*/
text-align: center;
}
.dlnews{vertical-align: top;}
.contactform {
border: solid 1px #666666;
background-color: #FFFFFF;
font-family: Myriad Pro, arial, verdana, sans-serif; 
}
.validationSummary
{
width: 58%;
border-width: 1px;
border-style: solid;
border-color: #666666;
background-color: #DCDCDE;
padding-top: 8px;
padding-left:45px;
padding-bottom: 0px;
font: 11px Myriad Pro, arial, verdana, sans-serif;
color: #000000;
background-image: url(../images/error.jpg);
background-position: 10px 16px;
background-repeat: no-repeat;
margin: 3px;
overflow:hidden;
height: 65px;
}
#container {
	width: 900px;
	margin: 0 auto;
	}
#header {
	width: 100%;
	height: 70px;
	background:url(../images/oxxlogo.jpg) 0 0 no-repeat;
	margin: 20px 0px 0px 0px;
	}
	#header2 {
	width: 100%;
	height: 70px;
	/*background:url(../images/dkoxxlogo.jpg) 0 0 no-repeat;*/
	margin: 20px 0px 0px 0px;
	}
#footer {
	width: 100%;
	clear: both;
	background:url(../images/foot.jpg) 0 0 no-repeat;
	text-align: center;
	line-height: 35px;
	font-size: 10px;
	}
p {
	padding: 10px;
	margin: 0;
	}
img {
	border: 0;
	}
h1 {
	display: none;
	}
.nav {
height:35px; 
background: url(../images/pro_line_0.gif) repeat-x; 
position:relative; 
font-family: Myriad Pro, arial, verdana, sans-serif; 
font-size:10pt; 
width:900px; 
z-index:500;
}

.nav .table {
display:table; 
margin:0 auto;
}

.nav .select,
.nav .current {
margin:0; 
padding:0; 
list-style:none; 
display:table-cell; 
white-space:nowrap;
}

.nav li {
margin:0; 
padding:0; 
height:auto; 
float:left;
}

.nav .select a {
display:block; 
height:35px; 
float:left; 
background: url(../images/pro_line_0.gif); 
padding:0 30px 0 30px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
color:#fff;
}

.nav .current a {
display:block; 
height:35px; 
float:left; 
background: url(../images/pro_line_2.gif); 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
color:#BBBBBF;
}


.nav .current a b {
display:block; 
padding:0 30px 0 15px; 
background:url(../images/pro_line_2.gif) right top;
}

.nav .select a:hover, 
.nav .select li:hover a {
background: url(../images/pro_line_1.gif); 
padding:0 0 0 15px; 
cursor:pointer; 
color:#fff;
}

.nav .select a:hover b, 
.nav .select li:hover a b {
display:block; 
float:left; 
padding:0 30px 0 15px; 
background:url(../images/pro_line_1.gif) right top; 
cursor:pointer;
}

.nav .select_sub {
display:none;
}

/* IE6 only */
.nav table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.nav .sub {
display:table; 
margin:0 auto; 
padding:0; 
list-style:none;
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
background:transparent; 
color:#f00;
}

.nav .select :hover .select_sub, 
.nav .current .show {
display:block; 
position:absolute; 
width:900px; 
top:35px; 
background:url(../images/back_0.gif); 
padding: 0; 
z-index:100; 
left:0; 
text-align:center;
}

.nav .current .show {
z-index:10;
}

.nav .select :hover .sub li a, 
.nav .current .show .sub li a {
display:block; 
float:left; 
background:transparent; 
padding:0 10px 0 10px; 
margin:0; 
white-space:nowrap; 
border:0; 
color:#444;
}

.nav .current .sub li.sub_show a {
color:#088; 
cursor:default; 
background:url(menus/back_1.gif);
}

.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
visibility:visible; 
color:#088; 
background:url(menus/back_1.gif);
}
/* menu end */
.clasp {
text-align:left;
}
.lunchbox {
display:none;
}
.black11 {font-size: 11px;}

.svw {width: 300px; height: 300px; background: #DCDCDE;} 
.svw ul {position: relative; left: -999em;}  /*core classes*/ 
.stripViewer {  position: relative; overflow: hidden; width: 500px; height: 375px;   } 
.stripViewer ul { margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%;list-style-type: none; } 
.stripViewer ul li {  float:right; } 
.stripTransmitter { overflow: auto; width: 1%; } 
.stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; } 
.stripTransmitter ul li{ width: 20px; float:left; margin: 0 1px 1px 0; } 
.stripTransmitter a{ font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #666666; color: #EEEEEE;  text-decoration: none; display: block; } 
.stripTransmitter a:hover, a.current{ background: #EEEEEE; color: #666666; }  /*tooltips formatting*/ 

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #DCDCDE;
    /*border: 1px solid #346F97;*/
    
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 500px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  500px;
    height: 375px;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 500px;
    height: 375px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 183px;
    right: 1px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 183px;
    left: 1px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;

}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;
height: 35px;
line-height: 30px;
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
width: 116px; /*Width of top level menu link items*/
padding:  0px 5px;
border: 1px solid #DCDCDE;
border-left-width: 0;
text-decoration: none;
background: url(../images/pro_line_0.gif) repeat-x; 
color: black;
font-family: Myriad Pro, arial, verdana, sans-serif; 
font-size: 10pt;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #DCDCDE;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;

}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
padding-left: 0px;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 122px; /*width of sub menu levels*/
font-weight: normal;
padding:  0px 0px 0px 3px;
background: #EEEEEE;
border-width: 0 1px 1px 1px;
}

.horizontalcssmenu ul li a:hover{
/*background: url(menubgover.gif) center center repeat-x;*/
background-color: #DCDCDE;
}

.horizontalcssmenu ul li ul li a:hover{
background: #BBBBBF;
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
background: transparent url(../images/menuarrow.gif) no-repeat top left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */

/* menu start */
.menu {width:900px; height:32px; position:relative; font-size: 12px; z-index:100;border-right:1px solid #DCDCDE; font-family:Myriad Pro, arial, verdana, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:901px; width:900px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; background-color: #DCDCDE;}
.menu ul ul {width:127px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:127px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px; text-decoration:none; color:#fff; width:116px; height:30px; border:1px solid #DCDCDE; border-width:1px 0 1px 1px; background:#BBBBBF; padding-left:10px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:127px; width:116px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#EEEEEE;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#EEEEEE;}
.menu ul ul :hover > a.drop {background:#BBBBBF;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#BBBBBF;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#BBBBBF;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:127px;border-top:1px solid #DCDCDE;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;top:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:127px; top:-1px; width:127px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-127px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#DCDCDE; color:#000; height:auto; line-height:1em; padding:5px 10px; width:106px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:130px;width:108px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#BBBBBF; text-decoration: none;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#BBBBBF;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}