﻿        /**************************************************************************************************************************************************************************Basic 3 Column Fixed Layout*************************************************/* * *
        *{
            margin: 0px;
            padding: 0px;
            font-size: small;
            font: 12px Verdana,Arial,Helvetica;
        }
        html
        {
            scrollbar-face-color: #6a87a9;
            scrollbar-base-color: #28323e;
            scrollbar-arrow-color: #28323e;
            scrollbar-track-color: #28323e;
            scrollbar-shadow-color: #28323e;
            scrollbar-highlight-color: #28323e;
            scrollbar-3dlight-color: #6a87a9;
            scrollbar-darkshadow-color: #28323e;
        }
        body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
        {
            margin: 0;
            padding: 0;
        }
        body
        {
            font: 12px Verdana,Arial,Helvetica;
            background: #28323e;
            color: #000;
        }
        table
        {
            border-collapse: collapse;
            border-spacing: 0;
        }
		
		A:link {text-decoration: none}
		A:visited {text-decoration: none}
		A:active {text-decoration: none}
		A:hover {text-decoration: underline; color: #526782;}

		
		
        form, fieldset, img 
        {
        	border:0;
			margin: 0;
			padding: 0;
		}
		select, textarea {
			background: #fff;
			color: #000;
			border: 1px outset #999;
		}
		input {
			color: #000;
			border: 1px outset #999;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
		}
		input:hover, input:focus ,input:active {
			color: #000;
			border: 1px solid #526782;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
		}

		.button,input.submit {
			color: #fff;
			background: url(Images/buttons/menu_b_off.gif) repeat-x;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
		}
		.button:hover, .button:focus input.submit:focus {
			color: #efe;
			background:url(Images/buttons/menu_b_on.gif) repeat-x;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			cursor: pointer;
		}
		
        address, caption, cite, code, dfn, em, strong, th, var
        {
            font-style: normal;
            font-weight: normal;
        }
        ol, ul
        {
            list-style: none;
        }
        caption, th
        {
            text-align: left;
        }
        h1, h2, h3, h4, h5, h6
        {
            font-size: 100%;
        }
        q:before, q:after
        {
            content: '';
        }

#header
{
	/*
    width: 100%;
    background-color: #00f;
    height: 100px;
   */
   padding: 0px;
   margin: 0px;
   width: 960px;
   height: 140px;
   background: transparent url(images/header_d.jpg) no-repeat;
}

#headermenu
{
	color:White;
	float:right;
	position:relative;
	top:0px;
	right:10px;
}
#subnav {padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px; width: 960px! important; height: 31px;}
#breadcrumb { border-bottom:solid 2px #281F17; margin:0 0 0 0; padding: 0 0 0 0;width: 100%! important; height: 31px;}
#breadcrumb a
{
   color: White;
}
         #subheader
        {
            width: 960px;
            float:right;
            background-color: #A97E87;
            height: 31px;
            text-align:right;
            overflow-x: hidden;
            margin-right:0px;
            vertical-align:middle;
        }
        
        #subheader .l
        {
            width: 615px;
            float:left;
            text-align:left;
            overflow-x: hidden;
            margin-left:5px;
            vertical-align:middle;
        }
        #subheader .r
        {
            width: 180px;
            float:right;
            text-align:right;
            overflow-x: hidden;
            margin-right:5px;
            vertical-align:middle;
        }
        /*#leftcolumn
        {*/
            /*Min-Height Fast Hack ie6*/ 
			/*min-height:665px;
			height:auto !important;
			height:665px;
            width: 240px;
            float: left;
            margin: 0;
            padding: 0;
            overflow-x: hidden;
            background:#c3d590 url(images/visionPlus_newBack_18.jpg) no-repeat 0 0 ;
        }
        */
        #centercolumn
        {
            width: 770px;
            /*Min-Height Fast Hack ie6*/ 
			min-height:665px;
			height:auto !important;
			height:665px;
            overflow-x: hidden;
            padding-left:5px;
            background:#fff;
        }
        #rightcolumn
        {
            /*Min-Height Fast Hack ie6*/ 
			min-height:665px;
			height:auto !important;
			height:665px;
            float: right;
            width: 179px; /* 180px with 1px border-right*/
            overflow-x: hidden;
            border-left: 1px dashed #ddd;
            background:#fff;
        }
        #footer
        {
            /*background:#fff url(images/logos.jpg) no-repeat;*/
            width: 100%;
            height: 140px;
            text-align:left;
            clear: both;
            text-decoration: none;
            overflow: hidden;
        }
        #footer hr
        {
			 width:100%;
			 border: dashed 1px #ddd;
        }
        
        #footer a
        {
			text-decoration:none;
            font-weight:bold; 
            font-family:Verdana; 
            font-size: 10px; 
            color:#333;			  
        }
                
        /*
        #subfooter
        {
            background-color: #222;
            width: 778px;
            height: 100px;
            text-align: center;
            clear: both;
            overflow-x: hidden;
            border: 1px dashed #333;
        }*/
        #wrap
        {
            width: 960px;
            margin: auto;
            background-color: #fff;
        }
        #subwrap
        {
            background-color: #fff;
            /*Min-Height Fast Hack ie6*/ 
			min-height:665px;
			height:auto !important;
			height:665px;
            width: 960px;
            float: left;
            margin: 0;
            padding: 0;
        }
        
        
        
        
.caption  
{
	background: #333 url(images/bg-indexproduct-title3.gif) repeat-x;
	padding: 2px 2px 2px 2px; 
	height: 31px; 
	color: #fff;  
}
.box  
{
	background: #333;
	padding: 0px 0px 0px 0px;
	border: solid 1px #666;
}
.box li  
{
	list-style: none; 
	border-bottom: 1px dotted #ccc; 
	line-height: 26px; 
}
.box li a  
{
	padding: 0px; 
}













#hpMainBox{margin-top:3px;margin-left:3px}
.ie6 #hpMainBox {margin-left:0px}
#hpMainBox .h{width:760px;height:5px;font-size:0px;background:#b9c5cd url(Images/hp_sprite.gif) no-repeat;}
#hpMainBox .f{width:760px;height:5px;font-size:0px;background:#b9c5cd url(Images/hp_sprite.gif) no-repeat 0 -7px;}
#hpMainBoxContent {width:760px;background:#bac6ce;position:relative}


#MainBox240{margin-top:3px;margin-left:3px;background:transparent;}
.ie6 #MainBox240 {margin-left:0px}
#MainBox240 .h{width:240px;height:14px;font-size:0px;background:transparent url(images/box240.gif) no-repeat;}
#MainBox240 .sh{width:240px;height:25px;font-size:10px;background:transparent url(images/box240_sh_bg.gif) repeat-x;}
#MainBox240 .f{width:240px;height:14px;font-size:0px;background:transparent url(images/box240.gif) no-repeat 0 -19px;}
#MainBox240Content {width:230px;padding:5px;background:#0c77ad url(images/box240_bg.gif) repeat-y;position:relative;}




		.buttonGr 
		{
			background:transparent url(img/flag_gr.gif) no-repeat;
			border: 0px outset #999;
			font-family: Verdana, Helvetica, sans-serif;
			font-size: 14px;
		}
		.buttonGr:hover, .buttonGr:focus  {
			background:transparent url(img/flag_gr.gif) no-repeat;
			/*border: 1px outset #fff;*/
			font-family: Verdana, Helvetica, sans-serif;
			font-size: 14px;
			cursor: pointer;
		}
		
		.buttonEn {
			background:transparent url(img/flag_en.gif) no-repeat;
			border: 0px outset #999;
			font-family: Verdana, Helvetica, sans-serif;
			font-size: 14px;
		}
		.buttonEn:hover, .buttonEn:focus  {
			background:transparent url(img/flag_en.gif) no-repeat;
			/*border: 1px outset #fff;*/
			font-family: Verdana, Helvetica, sans-serif;
			font-size: 14px;
			cursor: pointer;
		}
		
		
		
		.accordionHeader
		{
			background-color:#C8D1DA;
			margin-top:2px;
			padding:2px;
			font-weight:bold;
			font-size:medium;
		}
		
		.accordionHeader a
		{
			font-weight:bold;
			font-size:medium;
		}