/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/forms.css';
@import 'lib/WEPCommon.css';

/* Plugins:
   Additional functionality can be found in the plugins directory.
   See the readme files for each plugin. Example:
   @import 'plugins/buttons/buttons.css'; */
   
/* See the grid:
   Uncomment the line below to see the grid and baseline.
   .container { background: url(lib/grid.png); } */
   
body {margin:0;}
body, div, input {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#666;}

.container { background: url(../images/navbar/menubar.gif) no-repeat 0 91px; }
* html .container {background: url(../images/navbar/menubar.gif) no-repeat 0 91px;}

.flashcontent {height:25px; width:950px;}

h1{font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#006; padding:16px 0 5px 30px; margin:0}
h2{font-family:Arial, Helvetica, sans-serif; font-size:40px; font-weight:normal; color:#fff; padding:60px 0px 10px 10px; margin:0}
*html h2{padding:60px 0px 0 10px;}
h3{font-family:Arial, Helvetica, sans-serif; font-size:40px; font-weight:normal; color:#007bc1; padding:0px 0px 10px 0; margin:0}
/*li{ list-style:none;}*/



a {color:#007ac2}

.loginbox h1, .newsletter h1 {padding:15px 0 5px 10px;}
.about h1, .download h1, .product h1, .demo h1 {padding:10px 0 15px 15px;}

.topBox{ background:url(../images/topnavBG.gif) no-repeat 0px 8px; width:281px; height:84px;}

.buttonarea{ margin:0; padding:0; width:281px;}
.buttonarea li{ list-style:none; float:left; padding: 7px 0px 0 4px;}

.loginrea{  margin:0; float:left; width:281px; height:30px;}
.loginrea li{ list-style:none; float:left; padding: 0px 0px 0 4px; margin:0;}

.homeflash {width:950px; height:260px; clear:both; margin-top:0;}


.logo{margin:5px; float:left; height:81px; width:286px;}
*html .logo{width:280px;}

.space{ background:url(../images/spacer.gif) no-repeat 0 0; height:6px;}
.insideimage{ margin-top:1px; padding:0; height:120px; clear:both; width:950px;}

td {border-bottom:0px solid #fff;}

.inputarea{padding:20px 0 0 8px; float:left; margin:0; width:150px; font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#007ac2;}
.input{border:#bdcbe7 1px solid; background:#fff; font-size:11px; font-weight:normal; color:#000; width:95px;}
.button {background:#87b3d4 url(../images/buttonBg.gif) repeat-x 0 0; border: #5a83a1 1px solid; color:#ffffff; font-weight:normal; height:20px; cursor:pointer;}


.navigationleft, .navigationRight{ height:34px; width:20px;}
.navigationleft{ background: url(../images/nav_left.png) no-repeat 0 0; float:left;}
.navigationRight{ background: url(../images/nav_right.png) no-repeat 0 0; float:right; margin:top;}

.navigation{ background:url(../images/navBg.png) repeat-x 0 0; margin:0 0 1px 0; width:100%;}
.navigation ul{margin:0; padding:0;}
.navigation li{margin:0px; list-style:none; list-style-type:none; font-size:11px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#000; float:left;}
.navigation li, .navigation li a{ font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; float:left; list-style-type:none;}
.navigation a, .navigation a:hover {padding:8px 15px 8px 15px;text-decoration:none;}
.navigation li a{ background:url(../images/nab_normal.png) no-repeat right top; color:#000;}
.navigation li a:hover{ background:url(../images/nab_hover.png) no-repeat right top; color:#fff;}

.feturedBox{ background:url(../images/box.png) no-repeat; float:left; height:155px; margin-top:10px; vertical-align:top}
.feturedBox p{padding:0 13px 0 13px; line-height:13px;}
.feturedBox li{list-style-type:circle; list-style-position:inside}
.feturedBox li a{ text-decoration:none;}
.feturedBox img{padding:0 13px 0 13px;}
.feturedTextrea, .demoTextrea{text-align:justify}

.feturedBoxhome{ background:url(../images/box.png) no-repeat; float:left; height:155px; margin-top:10px; vertical-align:top}
*html .feturedBoxhome{margin-top:-5px;}
.feturedBoxhome p{padding:0 13px 0 13px; line-height:13px;}
.feturedBoxhome li{list-style-type:circle; list-style-position:inside}
.feturedBoxhome li a{ text-decoration:none;}
.feturedBoxhome img{padding:0 13px 0 13px;}
.feturedTextrea, .demoTextrea{text-align:justify}

.readMore, .readMore a, .readMore a:hover{color:#d00; text-align:right}
.TVImage{ background:url(../images/demo_computer.png) no-repeat 0 20px;  width:96px; height:120px; float:left;}

.bottomText{ font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#666; font-size:11px; font-weight:normal;border-top:#dee5f3 1px solid; margin-top:10px; padding: 10px 0 0 0;}
.bottomText a{ color:#666; }
.bottomText a:hover{ color:#333; text-decoration:none;}

.newsletter .loginForm ul{margin:0 0 0 10px; padding:0;}
.loginbox .loginForm ul{margin:0 0 0 5px; padding:0;}

.loginForm form {padding:0; margin:0}

.loginForm li {list-style-type:none; float:left; margin:0 1px 0 0; padding:0;}

.wideColumn {border-top:1px solid #bdcbe7; border-right:1px solid #bdcbe7; border-left:1px solid #bdcbe7; margin-top:2px; padding:10px; clear:both; }
.wideColumnBottom { background:#fff url(../images/wideColumn_Bg.png) no-repeat 0 0; height:22px; width:950px;}

.prepend-0 {padding-left:20px;}
.prepend-010 {padding-left:10px;}

.tabarea{clear:both;}

.blockOpen{ background:url(../images/arrowDown.png) no-repeat 0 2px; padding-left:20px;}
.blockCollapse{ background:url(../images/arrowRight.png) no-repeat 0 2px;padding-left:20px;}
.block .title {
  font-size:12px;
  font-weight:bold;
  color:#fff;
  overflow:hidden;
  background: url(../images/headerBg.gif) no-repeat 0 0;
  padding:10px 0 10px 10px;
  margin:10px 0 0 0;
}
.block .title a{
  color:#fff;
  text-decoration:none
}
.tabContent {border:1px solid #bdcbe7; background:#fff url(../images/tabContentBg.png) repeat-x 0 0; margin-top:1px; width:884px; padding:10px 20px 5px 20px; color:#006}

.indent-1 { padding-left: 1.5em; }
.indent-2 { padding-left: 3em; }

.downloadLink { background:url(../images/icon_download.png) no-repeat 0 0; padding:0 0 0 20px}
.submit {background-color:#999; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; border:3px solid #666;}


/* Pop up menu inside styles*/
.pop_header {padding:10px 0 0 0; height:25px;}
.pop_header h1{font-size:14px; text-align:left; padding:3px 0 10px 5px}
.pop-button {padding-left:20px;}
.pop_body {clear:both; background:url(../images/pop_content.png) no-repeat; margin:0 5px 0 5px; height:345px;}
.pop_scroller {height:345px; text-align:left; overflow:auto}
.pop_content {clear:both;}
.pop_product {margin:15px 10px 10px 10px;clear:both;border-bottom:1px solid #bdcbe7;}
.pop_thumb {padding:5px; background-color:#fff; border:1px solid #ccc; text-align:center; vertical-align:middle}
.pop_product_details h4{font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#013858; padding:0; margin:0; font-weight:bold;} 
.pop_product_details p{color:#000;}
.pop_product_details a, .pop_product_details a:hover {margin-right:3px; padding:5px 30px 7px 25px; font-weight:bold; text-decoration:none; display:block; float:left;}
.pop_product_details a{background:url(../images/pop_button_normal.png) no-repeat 0 0; color:#006;}
.pop_product_details a:hover{background:url(../images/pop_button_hover.png) no-repeat 0 0; color:#fff;}
/* pop style end */

.wep_menuItemCat, .wep_padder {border:1px solid #f00; background-color:#99CC00; width:10px;}

.navbar {background:url(../images/navbar/navbar_normal.png) repeat-x 0 0; height:26px;}
*html .navbar { margin-top:-11px;}
.navbar img{float:left; display:block;}
.navbar a, .navbar a:hover {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding:5px 0 5px 0; float:left; display:block; text-decoration:none} 
.navbar a{background: url(../images/navbar/navbar_normal.png) repeat-x 0 0; color:#006;}
.navbar a:hover{background: url(../images/navbar/navbar_rollover.png) repeat-x 0 0; color:#fff;}
.navbarFirst, .navbarFirst_hover{width:20px; height:26px; float:left}
.navbarFirst {background:url(../images/navbar/navbar_first.png) 0 0;}
.navbarFirst_hover {background:url(../images/navbar/navbar_first_hover.png) 0 0;}
.navbarLast {background:url(../images/navbar/navbar_last.png) 0 0; width:20px; height:26px; float:right}

.searchResult {background:#fff url(../images/tabContentBg.png) repeat-x 0 0; padding:10px 10px 10px 10px; border-bottom:1px dotted #006; margin-bottom:10px;}
.searchResult a{color:#333; text-decoration:none}
.searchResult a:hover{color:#006; text-decoration:underline}

/*High Slide JS styles*/

* {
font-family: Verdana, Helvetica;
font-size: 10pt;
}
.highslide-html {
background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
position: absolute;
display: none;
}
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}
.control {
float: right;
display: block;
/*position: relative;*/
margin: 0 5px;
font-size: 9pt;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
color: #999;
}
.control:hover {
color: black !important;
}
.highslide-move {
cursor: move;
}
.black_overlay{
display: none;
position: absolute;
top: 118px;
left: 0%;
width: 100%;
height: 100%;
background-color: #000;
z-index:1001;
-moz-opacity: 0.3;
opacity:.30;
filter: alpha(opacity=30);
}

*html .black_overlay{
height: 750px;
}

.white_content {
display: none;
position: absolute;
top: 126px;
left: 25%;
width: 50%;
height: 50%;
padding: 16px;
border: 16px solid orange;
background-color: white;
z-index:1002;
overflow: auto;
}