﻿*{font-size: 100.01%;}
html{font-size: 62.5%;}
h1, h2, h3, h4, h5, h6, p, ul{margin: 0;}
ul{
	padding: 0;
	list-style: none;
}
img{
	border: none;
}
a{
	color: #0069ab;
	text-decoration: none;
}
a:hover{text-decoration: underline;}
input[type=text]:focus{outline: none;}
input, select{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #646464;
}
input.text{
	padding: 1px 5px 2px;
	width: 123px;
	height: 15px;
}
form, body{
	margin: 0;
	padding: 0;
}
body{
	color: #000;
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/body-bg.gif) repeat-x;
}
h2{
	font-size: 1.5em;
	font-weight: normal;
	color: #35b4fd;
}
h2.type-1{color: #97bdd2;}
h2.type-2{color: #0069ab;}
h2.type-3{color: #3795c9;}
h3{
	font-size: 1em;
}
.wrapp{
	width: 100%;
	overflow: hidden;
}
#container{
	width: 1000px;
	margin: 0 auto;
}
#header{
	width: 100%;
	overflow: hidden;
}
.logo{
	float: left;
	width: 348px;
	height: 60px;
	padding: 16px 0 0;
}
.logo a{
	display: block;
	width: 348px;
	height: 60px;
	overflow: hidden;
}
.search-block{
	width: 262px;
	background: url(../images/search-block.png) no-repeat;
	float: right;
	margin: 0 1px 0 0;
	height: 68px;
	padding: 7px 0 0 7px;
	font-size: 12px;
	color: #004f76;
	text-align: center;
}
.search-block p{
	width: 100%;
	text-align: center;
	margin: 5px;
}

.action{
	width: 188px;
	float: right;
	padding: 0 13px 0 0;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
.action li{
	width: 100%;
	float: left;
	margin: 0 0 1px;
	background-repeat: no-repeat !important;
}
.action li.item-1{
	height: 34px;
	background: url(../images/action-item-1.gif);
	line-height: 30px;
}
.action li.item-2{
	height: 39px;
	background: url(../images/action-item-2.gif);
	line-height: 36px;
}
.action a{color: #004f76;}
.main-nav{
	padding: 9px 0 0 18px;
	float: left;
	clear: both;
	height: 48px;
	background: url(../images/main-nav-bg.png) no-repeat 0 100%;
	width: 520px;
	font-size: 12px;
	position: relative;
}
.main-nav li{
	background: url(../images/main-nav-separate.gif) no-repeat 0 2px;
	padding: 0 6px 0 7px;
	float: left;
	margin: 15px 0 0;
}
.main-nav li.first{background: none;}
.main-nav a{color: #fff;}
.main-nav .active{font-weight: bold;}
#content{
	overflow: hidden;
	width: 960px;
	padding: 0 0 0 40px;
	line-height: 1.75em;
}
.special-nav{
	width: 100%;
	overflow: hidden;
	font-size: 1.6em;
	letter-spacing: 2px;
}
.special-nav li{
	float: right;
}
.home-nav li.first{padding: 0;}
.sub-nav{
	width: 970px;
	padding: 0;
}
.sub-nav li{
	display: inline;
	color: #004f76;
}
.sub-nav a{
	color: #004f76;
	margin: 0 4px 0 0;
}
.special-nav a{
	display: block;
	width: 305px;
	height: 40px;
	background: url(../images/special-nav.png) no-repeat;
	text-align: center;
	line-height: 36px;
	color: #004f76;
}
.special-nav a:hover{
	background-position: 0 100%;
	color: #fff;
	text-decoration: none;
}
.primary-block{
	width: 660px;
	float: left;
	padding: 0 0 4px;
}
.secondary-block{
	width: 302px;
	float: right;
	padding: 0 0 4px;
}
.secondary-block p, .primary-block p{
	text-align: justify;
}
em.author{
	display: block;
	text-align: right;
	color: #1176b3;
}
.seo-block{
	width: 690px;
	float: left;
}
.seo-block h2{padding: 0 0 9px;}
#main_content
{
    margin-top: 14px;
    margin-bottom: 14px;
    width: 680px;
}
#main_content ul
{
    margin-left:18px;
    line-height:20px;
}
#main_content ul li
{
    margin-left:8px;
    line-height:24px;
    list-style:disc;
    list-style-position:outside;
}
#main_content p
{
    margin-bottom:15px;
}
.home
{
    margin-top: 14px;
    margin-left: 44px;
}
.title-page{
	width: 730px;
	margin: 0 0 0 -40px;
	position: relative;
}
.title-page h2{
	position: absolute;
	bottom: 0;
	left: 41px;
	font-size: 2.5em;
	color: #fff;
	font-weight: bold;
	line-height: 1.5em;
	padding: 0;
}
.breadcrumbs{
	float: left;
	padding: 10px 0 9px;
	overflow: hidden;
	margin: 0 0 0 -5px;
}
.breadcrumbs li{
	float: left;
	color: #0069ab;
	font-weight: bold;
	padding: 0 0 0 5px;
}
.breadcrumbs a{
	font-weight: normal;
	background: url(../images/breadcrumbs-bg.gif) no-repeat 100% 5px;
	padding: 0 10px 0 0;
	text-decoration: underline;
}
.breadcrumbs a:hover{text-decoration: none;}
.breadcrumbs .last a{background: none;}
.text-block{
	padding: 0 55px 0 0;
	text-align: justify;
}
.category{
	width: 100%;
	overflow: hidden;
}
.category .box{
	width: 176px;
	margin: 12px 51px 0 2px;
	float: left;
	display: inline;
	background: #80b9d9 url(../images/category-top.gif) no-repeat;
}
.category .last{margin-right: 0;}
.category .inner{
	background: url(../images/category-bot.gif) no-repeat 0 100%;
	padding: 5px 14px 9px 13px;
}
.category img{
	border: 5px solid #fff;
	margin: 2px 0 0;
}
.category a{
	display: block;
	width: 67px;
	height: 18px;
	background: url(../images/product-link.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	margin: 7px 0 0 42px;
}
.sidebar{
	width: 270px;
	float: right;
}
.search-lines{background: #006cae url(../images/search-lines.gif) repeat-x;}
.search-lines .inner{
	background: url(../images/search-lines-bot.gif) no-repeat 0 100%;
	min-height: 180px;
	padding-bottom: 45px;
	position: relative;
}
* html .search-lines .inner{height: 180px;}
.search-lines h3{font-size: 1.2em;}
.search-lines ul{
	width: 100%;
	overflow: hidden;
}
.product-lines{
	width: 240px;
	padding: 14px 0 0 12px;
}
.product-lines h2{color: White; margin: 0 0 0 1px; text-indent: 8px;}
.product-lines a{color: #EEEEEE;}
.product-lines ul{
	width: 100%;
	overflow: hidden;
	padding: 9px 0 0;
}
.product-lines ul li{
	width: 100%;
	float: left;
	margin-bottom: 1px;
}
.product-lines ul li a{
	display: block;
	padding: 0 0 0 14px;
	width: 226px;
	background: url(../images/product-lines-arrow.gif) no-repeat 4px 50%;
}
.product-lines ul li span{
	display: block;
	padding: 4px 4px 5px;
	border-left: 1px solid #fff;
}
.product-lines ul li.last span{background: none;}
.product-lines ul li a:hover{
	color: #fff;
	text-decoration: none;
	background: #3795c9 url(../images/product-lines-arrow-hover.gif) no-repeat 4px 50%;
}
.product-lines ul li a:hover span{background: #004f76;}
#footer{
	padding: 12px 0 10px;
	font-size: 0.8em;
	width: 100%;
}
#footer .inner{
	background: #0c76ab url(../images/footer-corner.png) no-repeat 0 100%;
	margin: 0 0 0 40px;
	position: relative;
	text-align: right;
	color: #fff;
	padding: 10px 15px 13px;
	width: 930px;
}
#footer a{color: #b3e3ff;}
#footer .inner ul{
	float: right;
	overflow: hidden;
	margin: 2px -7px 0 0;
}
#footer .inner ul li{
	float: left;
	background: url(../images/footer-separate.gif) no-repeat left;
	margin: 0 0 0 -1px;
	padding: 0 7px;
}
#footer p{margin: 2px 0 0;}
#footer .nav{
	height: 34px;
	position: absolute;
	top: -14px;
	left: -40px;
}
#footer .nav .left, #footer .nav .right{
	width: 16px;
	height: 34px;
	background-repeat: no-repeat !important;
	overflow: hidden;
	float: left;
}
#footer .nav .left{background: url(../images/footer-nav-l.png);}
#footer .nav .right{background: url(../images/footer-nav-r.png);}
#footer .nav ul{
	height: 34px;
	background: #004f76;
	float: left;
	overflow: visible;
	line-height: 30px;
	padding: 0;
	margin: 0;
}
#footer .nav ul li{
	margin: 0;
	padding: 0 6px;
}
#footer .nav ul li.first{
	padding-left: 0;
	background: none;
}
#footer .nav ul li.last{padding-right: 0;}
#footer .nav ul a{color: #7bcfff;}
.produced{
	overflow: hidden;
	line-height: 17px;
	color: #004f76;
	padding: 8px 75px 0;
	width: 850px;
}
.produced li{
	float: left;
	padding: 0 0 0 5px;
}

img
{
    border:none;
}

img.bordered, .bordered img
{
    border: solid 1px #C0C1B5 !important;
}

.clear
{
    clear: both;
}

.browse_all img { margin-bottom: 4px; 
    }

.browse { }
 

.alert {
    color:#CC0000;
    font-weight: bold;
}

.alert_bar
{       
    position:relative;
    background-color: Red;
    border: solid 1px White;
    margin-top: -6px;
    margin-bottom: 6px;
    color: #FFFFFF;
    text-align: center;
    padding: 4px;
    font-weight: bold;
    font-size: 13px;
    min-height: 16px;
}
.alert_bar a, .alert_bar a:hover
{
    color: #FFFFFF;
    text-decoration: underline;
    font-style: italic;
}


.j_lock {
    background-image: url('../images/icons/lock.png');
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
    margin-bottom: -3px;
    margin-left: 1px;
}

.j_locked {

}

.j_check {

}

.hidden 
{
    display: none;
}

.textbox_std
{
    width: 130px;
    border:1px solid #ABABAB; 
    margin-bottom: -1px;
    padding: 2px;
    
}

.textbox_thin
{
    width: 60px;
    border:1px solid #ABABAB; 
    margin-bottom: -1px;
    padding: 2px;
    
}

.textbox_thinnest {
    width: 36px;
    border:1px solid #ABABAB; 
    margin-bottom: -1px;
    padding: 2px;
}

.textbox_wide
{
    width: 190px;
    border:1px solid #ABABAB;  
    margin-bottom: -1px; 
    padding: 2px;
}

.textbox_wider
{
    width: 240px;
    border:1px solid #ABABAB; 
    margin-bottom: -1px;
    padding: 2px;
    
}


.normal
{
    font-weight: normal;
}

.right {
    float: right;
}

.left
{
    float: left;
}

.half {
    width: 49%;
}


.cycle { }



/* buttons and tabs */

.btn, .btn_alt
{
	background-image: url(../images/button.gif);
	background-position: right top;
	background-color: #DDDBD7;
	background-repeat: repeat-x;
	border: solid 1px #A8A8A8; 
	padding-top: 0px;
	padding-bottom: 0px;
	cursor:pointer; 
	color: #333333;
	margin-bottom: 1px;
}

.btn:hover, .btn_alt:hover
{
	background-image: none;
	background-color: #A8A8A8;
	border: solid 1px #666666; 
	color: Black;
}

a.btn, a.btn:hover , a.btn_alt, a.btn_alt:hover
{
	padding-top: 1px;
	text-decoration: none;
	bottom: 1px;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
}


#contact
{
float:right;
}

#vai_logo
{
    background: transparent url('../images/vai_logo_small.png') no-repeat scroll right -2px;
    padding-right: 146px;
    color: #666666 !important;
}
#vai_logo:hover
{
    text-decoration: none;
}



/* Grid view styles */

.table_gv 
{
	background-color: #A4A29E;
	border: none 1px #404040;
	font-size: 11px !important;
}

.table_gv_print 
{
	background-color: #A4A29E;
	border-bottom: solid 1px #A4A29E;
	border-left: solid 1px #A4A29E;
	border-top: none 1px #A4A29E;
	border-right: none 1px #A4A29E;
}

.table_gv_print td, .table_gv_print th
{
	border-top: solid 1px #A4A29E;
	border-right: solid 1px #A4A29E;
}

.table_gv_print td td
{
	border-top: none 1px #A4A29E;
	border-right: none 1px #A4A29E;
}

.table_gv_print a
{
	text-decoration: none;
}


.table_header_gv td, .table_header_gv a, .table_header_gv th
{
	font-weight: bold;
	color: White;
	text-decoration: none;	
}

.table_header_gv a:hover, .table_header_gv th a:hover
{
	text-decoration: underline;	
}


.table_pager_gv 
{
	font-weight: bold;
	text-align: center;
}
.table_footer_gv 
{
	background-color: #CCCCCC;
	font-weight: bold;
}
.table_row_gv 
{
	background-color: #EEEEEE;	
}
.table_row_gv:hover, .table_alt_row_gv:hover
{
	background-color:#A4A29E;
}
.table_alt_row_gv 
{
	background-color: #DCDCDC;
}
.table_sel_row_gv 
{
	background-color:#FFFF66;
	background-position:left
}
.table_order_cell {
	padding: 0px;
	vertical-align:top;
}

.table_paddless_cell, .nopadding 
{
	padding: 0px;
}


.table_header_gv {
	background-color: #236FBD;
}


#product_image_area
{
    float: left;
    margin-right: 10px;
    font-size: 11px;
    display: block;
    min-height: 300px;
}

.title {
    font-style: italic;
}

.vcard, .fn, .org, .adr, .street-address, .locality, .region, .postal-code, .tel, .email
{
    display:inline !important;
    margin:0;
    padding:0;
}

.bold
{
    font-weight:bold;
}

.seo_h1
{
    display:inline;
	font-size: 1.5em;
	font-weight: normal;
	color: #35b4fd;
}

h1
{
    font-weight:normal;
    display:inline;
    margin:0;
    padding:0;
}

em
{
    font-style:normal;
}

strong
{
    font-weight:normal;
}