#main h1 { font-family:Helvetica, Arial, Sans-Serif; font-size:24px; color:#376098; text-transform:uppercase; font-weight:bold; line-height:1.2em; }
#main h2 { font-family:Helvetica, Arial, Sans-Serif; font-size:18px; color:#376098; text-transform:uppercase; border-bottom:1px dotted #ccc; padding:0 0 8px 0; margin:10px 0; clear:both; font-weight:bold; line-height:1.2em; }
#main h3 { font-family:Helvetica, Arial, Sans-Serif; font-size:14px; font-weight:bold; border-bottom:1px dotted #ccc; padding:0 0 5px 0; margin:5px 0; line-height:1.2em; }
#main h4 { font-family:Helvetica, Arial, Sans-Serif; font-size:14px; font-weight:bold; color:#376098; text-transform:uppercase; padding:0 0 5px 0; margin:8px 0; clear:both; line-height:1.2em; }
#main .imgframe { background:url("../images/conval/imgbg.jpg") no-repeat top left; padding:4px 12px 12px 12px; margin:0 30px 15px 0; float:left; }
#main .learnmore { text-transform:uppercase; font-weight:bold; font-size:10px; color:#f8981e; text-decoration:none; }
#main .learnmore:hover { text-transform:uppercase; font-weight:bold; font-size:10px; color:#3a70b7; text-decoration:none; }
#main li { padding-left:30px; text-indent:0; margin-left:30px; }
#main ul { margin-left:25px; padding:0 30px 10px 0; list-style-type:square; list-style-position:inside; line-height:1.2em; }

#convalall { 
	background:url("../images/conval/mainbg.jpg") repeat-x top left; 
	display:block; 
	width:100%; 
	height:1617px; 
}

#master { 
	width:1182px; 
	height:1617px;
}

#topbar { 
	width:1182px; 
	background:#262626; 
	height:31px; 
	font-size:11px;
}
#topbar a, #topbar a:visited, #topbar a:link, #topbar a:active { color:#949494; text-decoration:none; font-size:10px;  }
#topbar a:hover { color:#fff; text-decoration:none; }

#hnav { 
	width:1182px; 
	height:49px; 
	background:#000;
	z-index:10;
}
#hnav #hleft { width:85px; height:49px; background:url("../images/conval/hnav-begin.jpg") no-repeat top left; float:left; }
#hnav #hright { width:125px; height:49px; background:url("../images/conval/hnav-end.jpg") repeat-x top left; float:left; }
#hnav #hmain { width:972px; height:49px; float:left;  }
#hnav #hmain img { float:left; }

#cheader { 
	width:1182px; 
	height:118px; 
	clear:both;
	z-index:10;
	position:relative;
	overflow:hidden;
	margin:0;
	padding:0;
}
#cheader #cleft { width:85px; height:118px; background:url("../images/conval/hdr-begin.jpg") no-repeat top left; float:left; }
#cheader #cright { width:125px; height:118px; background:url("../images/conval/hdr-end.jpg") no-repeat top left; float:left; }
#cheader #cmain { width:972px; height:118px; float:left; }
#cheader #cmain img { float:left; }

/* search */
#hdrsearch { width:355px; height:118px; float:left; background:url("../images/conval/hdr-search.jpg") no-repeat top left; }
#hdrsearch form,
#hdrsearch form .search,
#hdrsearch form .finder {
	/*display:inline;
	padding-right:1px ;*/
	margin:78px 0px 0px 92px;
}
#hdrsearch form .inputbox {
	background:url("../images/header-bg.gif") repeat-x;
	border:solid 1px #ccc;
	border-bottom:solid 1px #ececec;
	border-right:solid 1px #ececec;
	padding:8px 10px;
	width:240px;
	color:#555;
	font-size:12px;
}
#hdrsearch form .inputbox:focus {
	border:solid 1px #555;
}
#hdrsearch form .button {
	border:solid 0px #ddd;
	background:#ccc url("../images/personal/button.png");
	color:#555;
	padding:4px !important
}

#inav { 
	width:1182px; 
	height:49px; 
	clear:both;
	z-index:100;
	position:relative;
	display:block;
}
#inav .ileft { width:85px; height:49px; background:url("../images/conval/inav-begin.jpg") no-repeat top left; float:left; }
#inav .iright { width:125px; height:49px; background:url("../images/conval/inav-end.jpg") no-repeat top left; float:left; }
#inav .imain { width:972px; height:49px; float:left; background:#000; }
#inav .imain img { float:left; height:49px; }

/* index */
#cgallery { 
	width:1182px; 
	height:292px;
	overflow:hidden;
	z-index:10;
}
#cgallerymain { margin:0; padding:0; }
#cgallery .cleft { width:85px; height:292px; background:url("../images/conval/gallery-begin.jpg") no-repeat top left; float:left; }
#cgallery .cright { width:125px; height:292px; background:url("../images/conval/gallery-end.jpg") no-repeat top left; float:left; }
#cgallery .cmain { width:972px; height:292px; float:left; }

#bodytop { 
	width:1182px; 
	height:39px; 
	overflow:hidden;
}
#bodytop .btleft { width:85px; height:39px; background:url("../images/conval/bt-begin.jpg") no-repeat top left; float:left; }
#bodytop .btright { width:125px; height:39px; background:url("../images/conval/bt-end.jpg") no-repeat top left; float:left; }
#bodytop .btmain { width:972px; height:39px; background:url("../images/conval/bt-main.jpg") no-repeat top left; float:left; }

#promos { 
	width:1182px; 
	height:161px; 
}
#promos .pleft { width:85px; height:161px; background:url("../images/conval/promos-begin.jpg") no-repeat top left; float:left; }
#promos .pright { width:125px; height:161px; background:url("../images/conval/promos-end.jpg") no-repeat top left; float:left; }
#promos .pmain { width:972px; height:161px; background:#fff; float:left; }
#promos .pmain img { float:left; }
#productbox { width:482px; height:161px; background:url("../images/conval/productbg.jpg") no-repeat top left; float:left; }
#productbox .padding { padding:50px 20px 15px 40px; color:#fff; text-align:left; font-size:11px; }
#productbox h3, #applicationbox h3 { color:#fff; font-size:11px; padding:0 0 2px 0; margin:0; }
#applicationbox { width:490px; height:161px; background:url("../images/conval/newsbg.jpg") no-repeat top left; float:left; }
#applicationbox .padding { padding:50px 40px 15px 30px; color:#fff; text-align:left; font-size:11px; }

#promos a, #promos a:visited, #promos a:link, #promos a:active { text-transform:uppercase; font-weight:bold; font-size:10px; color:#f8981e; text-decoration:none;  }
#promos a:hover { color:#3a70b7; text-transform:uppercase; font-weight:bold; font-size:10px; text-decoration:none; }
/* end index */

/* sub pages */
#subhead { 
	width:1182px; 
	height:197px;
	overflow:hidden;
	z-index:10;
}
#subheadmain { margin:0; padding:0; }
#subhead .shleft { width:85px; height:197px; background:url("../images/conval/subhead-begin.jpg") no-repeat top left; float:left; }
#subhead .shright { width:125px; height:197px; background:url("../images/conval/subhead-end.jpg") no-repeat top left; float:left; }
#subhead .shmain { width:972px; height:197px; float:left; }

#subtop { 
	width:1182px; 
	height:37px; 
	overflow:hidden;
}
#subtop .stleft { width:85px; height:37px; background:url("../images/conval/subtop-begin.jpg") no-repeat top left; float:left; }
#subtop .stright { width:125px; height:37px; background:url("../images/conval/subtop-end.jpg") no-repeat top left; float:left; }
#subtop .stmain { width:972px; height:37px; background:url("../images/conval/subtop-main.jpg") no-repeat top left; float:left; }
#subtop .stmain-wide { width:972px; height:37px; background:url("../images/conval/subtop-main-wide.jpg") no-repeat top left; float:left; }

#contentsub { 
	width:1182px; 
	/*min-height:800px; */ 
}
#contentsub .csleft { width:85px; /*min-height:800px;*/ background:url("../images/conval/footer-begin.jpg") repeat-y top left; float:left; }
#contentsub .csright { width:125px; /*min-height:800px;*/ background:url("../images/conval/footer-end.jpg") repeat-y top left; float:left; }
#contentsub .csmain { width:972px; /*min-height:800px;*/ float:left; background:#fff url("../images/conval/subbg.jpg") repeat-y top left; }

.boxtitle { background:url("../images/conval/boxtitle.jpg") repeat-x top left; width:300px; height:29px; padding:7px 0 0 15px; color:#fff; font-style:italic; font-weight:bold; overflow:hidden; }
.boxborder { border:1px solid #ccc; width:280px; height:270px; padding:0; float:left; overflow:hidden; margin:0 5px 5px 0; line-height:14px; }
.bbpadding { padding:0 20px 0 0; }
.iapadding { padding:0 20px; }
.iaboxborder { border:1px solid #ccc; width:280px; height:250px; padding:0; float:left; overflow:hidden; margin:0 5px 5px 0; line-height:14px; }
/* end sub pages */


#ccontent { 
	width:1182px; 
	/*min-height:800px;*/
}
#ccontent .ccleft { width:85px; background:url("../images/conval/footer-begin.jpg") repeat-y top left; float:left; }
#ccontent .ccright { width:125px; background:url("../images/conval/footer-end.jpg") repeat-y top left; float:left; }
#ccontent .ccmain { width:972px; float:left; background:#fff; }
#bodytext { background:#fff; float:left; text-align:left; width:642px; line-height:16px; }
#bodytext img { background:url("../images/conval/imgbg.jpg") no-repeat top left; padding:4px 12px 12px 12px; margin:0 30px 15px 0; float:left; }
#bodytext .padding { padding:10px 0 40px 25px; }
#bodytext li { padding-left:10px;  }
#bodytext ul { margin-left:30px; padding:0; list-style-type:square; list-style-position: inside; }

.btimg { background:url("../images/conval/imgbg.jpg") no-repeat top left; padding:4px 12px 12px 12px; margin:0 30px 15px 0; float:left; }

#breadcrumbs { margin:0 0 20px 0; font-size:12px; }
#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited { color:#3b70b7; text-decoration:underline; }
#breadcrumbs a:hover:visited, #breadcrumbs a:hover, #breadcrumbs a:active { color:#f8981e; text-decoration:none; }

#quicklinks { width:312px; background:#e7e7e6; min-height:750px; float:left; margin:0; padding:0; }
#quicklinks .padding { padding:10px 0 0 10px; }
#quicklinks ul { margin:0; padding:0; }

#quicklinkssub { width:312px; background:#e7e7e6; min-height:1150px; float:left; margin:0; padding:0; }
#quicklinkssub .padding { padding:0 0 0 10px; bottom:0; }

.learnmore { text-transform:uppercase; font-weight:bold; font-size:10px; color:#f8981e; text-decoration:none; }
.learnmore:hover { text-transform:uppercase; font-weight:bold; font-size:10px; color:#3a70b7; text-decoration:none; }

#cfooter { 
	width:1182px; 
	min-height:368px; 
	/*background:#333;*/
	clear:both;
	font-family:Verdana;
	font-size:11px;
	line-height:14px;
	color:#ddd;
}
#cfooter .cfleft { width:85px; min-height:368px; background:url("../images/conval/footer-begin.jpg") no-repeat top left; float:left; }
#cfooter .cfright { width:125px; min-height:368px; background:url("../images/conval/footer-end.jpg") no-repeat top left; float:left; }
#cfooter .cfmain { width:972px; min-height:368px; background:url("../images/conval/footbg.jpg") repeat-x top left; float:left; color:#a7a7a7; text-align:left; }
#cfooter .cfmainpadding { padding:30px 0 0 50px; }
#cfooter a, #cfooter a:visited, #cfooter a:active, #cfooter a:link { color:#a7a7a7; text-decoration:none;  }
#cfooter a:hover { color:#fff; text-decoration:none; }
#cfooter .fcolumn { width:210px; float:left; text-align:left; }
.fcolumn h3 { color:#fff; font-size:11px; }

.linkbutton { padding:5px 15px;float:left;margin:10px 5px 10px 0; background:#ececec; border:1px solid #ccc; }
.linkbutton:hover { background:#f8f8f8; color:#555; }
.linkbutton a, linkbutton a:visited, linkbutton a:active { text-decoration:none; color:#555; font-weight:bold; }
.linkbutton a:hover { text-decoration:none; color:#555; font-weight:bold; }

.imgleft { border:1px solid #ccc; padding:3px; margin:10px 20px 10px 0; }
.imgright { border:1px solid #ccc; padding:3px; margin:10px 0 10px 20px; }


/* ********************** add 20140331 ΣοΡΤΡ‘Τρ  ********************/
#languagesdd {
	font-size:11px;
	float:left;
	width:190px;
	height:35px;
	position:relative;
	top:80px;
	left:0px;
	background:url('../images/worldicon2.jpg') no-repeat top left;
	padding:0 0 0 6px;
}

.lgdropdown {
  display: inline-block;
  position: relative;
  overflow: hidden;
  height: 28px;
  width: 150px;
  background: #f2f2f2;
  border: 1px solid;
  border-color: white #f7f7f7 #f5f5f5;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.06));
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}
.lgdropdown:before, .lgdropdown:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 9px;
  right: 10px;
  width: 0;
  height: 0;
  border: 4px dashed;
  border-color: #888 transparent;
  pointer-events: none;
}
.lgdropdown:before {
  border-bottom-style: solid;
  border-top: none;
}
.lgdropdown:after {
  margin-top: 7px;
  border-top-style: solid;
  border-bottom: none;
}

.lgdropdown-select {
  position: relative;
  width: 130%;
  margin: 0;
  padding: 6px 8px 6px 10px;
  height: 28px;
  line-height: 14px;
  font-size: 11px;
  color: #62717a;
  text-shadow: 0 1px white;
  /* Fallback for IE 8 */
  background: #f2f2f2;
  /* "transparent" doesn't work with Opera */
  background: rgba(0, 0, 0, 0) !important;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
}
.lgdropdown-select:focus {
  z-index: 3;
  width: 100%;
  color: #394349;
  outline: 0px solid #49aff2;
  outline: 0px solid -webkit-focus-ring-color;
  outline-offset: 0px;
}
.lgdropdown-select > option {
  margin: 3px;
  padding: 6px 8px;
  text-shadow: none;
  background: #f2f2f2;
  border-radius: 3px;
  cursor: pointer;
}

/* Fix for IE 8 putting the arrows behind the select element. */
.lt-ie9 .lgdropdown {
  z-index: 1;
}
.lt-ie9 .lgdropdown-select {
  z-index: -1;
}
.lt-ie9 .lgdropdown-select:focus {
  z-index: 3;
}

/* Dirty fix for Firefox adding padding where it shouldn't. */
@-moz-document url-prefix() {
  .lgdropdown-select {
    padding-left: 6px;
  }
}

.lgdropdown-dark {
  background: #444;
  border-color: #111 #0a0a0a black;
  /*background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4));
  background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4));
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4));
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2);*/
}
.lgdropdown-dark:before {
  border-bottom-color: #aaa;
}
.lgdropdown-dark:after {
  border-top-color: #aaa;
}
.lgdropdown-dark .lgdropdown-select {
  color: #aaa;
  text-shadow: 0 1px black;
  /* Fallback for IE 8 */
  background: #444;
}
.lgdropdown-dark .lgdropdown-select:focus {
  color: #ccc;
}
.lgdropdown-dark .lgdropdown-select > option {
  background: #444;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}