/* ------------------------------------------------------------------ */
/* -------------------------- html, body ---------------------------- */
/* ------------------------------------------------------------------ */
html {
	font-size:100%; /* évite bug IE6-7*/
}
html, body {
	padding:0;
	margin:0;
}
body {
	background:#fff;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}

/* ------------------------------------------------------------------ */
/* ---- div positionnement : container, main, left, centre, right --- */
/* ------------------------------------------------------------------ */
#container { /* conteneur site */
	background:#336bad;
	padding:10px 10px 0;
	width:1004px;
	margin:0 auto;
}
#main { /* conteneur colonnes */
	width: auto;
	display:block;
	background:#fff;
	padding:20px;
}
/* colonnes */
#left {
	width:160px;
	float:left;
	border: 1px solid #d51e29;
}
#centre {
	margin: 0 180px;
	text-align:justify;
}
#centrerech {
	margin: 0 0 0 180px;
	text-align:justify;
}
#right {
	width:160px;
	float:right;
	border: 1px solid #336bad;
	text-align: center;
}
/* ------------------- */
/* blocs right et left */
/* ------------------- */
/* blocnews */
#right .blocnews a {
	display: block;
	padding: 10px 5px 20px 5px;
	font-size: 11px;
	font-weight: 700;
}
#right .blocnews h5.cartouche, #right h5.cartouche, #left h5.cartouche {
	color: #fff;
	line-height: 30px;
	padding: 0 5px;
	margin: 0;
}
#left h5.cartouche {
	text-align: center;
}
#right .blocnews h5.cartouche, #right h5.cartouche, #left h5.cartouche {
	background: #336bad url(images/fd_cartouche.gif) no-repeat;
}
#left h5.cartouche {
	background: #d51e29 url(images/fd_cartouchessmenuleft.gif) no-repeat;
}
#right .blocnews img.imgnews, #right .blocnews img {
	margin: 30px auto 0;
}
#right .blocnews p {
	padding: 0 10px;
	margin: 0;
	font-size: 11px;
}
/* infos pdf */
#left .infopdf {
	font-size: 9px;
	padding: 10px;
	text-align:center;
}
#left .infopdf img {
	margin-bottom: 5px;
}

/* ------------------------------------------------------------------ */
/* ------------------------ HEADER FOOTER --------------------------- */
/* ------------------------------------------------------------------ */
#header {
	height:165px;
}
#footer {
	margin: 0 auto;
	background: #336bad;
	padding: 15px 20px;
	font-size: 11px;
	line-height:30px;
	color: #fff;
}
#footer a {
	color:#fff;
	text-decoration:none;
	font-weight:600;
}
#footer a:hover, #footer a:focus, #footer a:active {
	color: #99e7ff;
}
#footer a.actif {
	color:#fff;
	text-decoration:underline;
}

/* ------------------------------------------------------------------ */
/* ------------------------------ MENU ------------------------------ */
/* ------------------------------------------------------------------ */
/* menu général déroulant */
#menu {
	height:30px;
	font-size:11px;
	font-weight:600;
	background:#336bad;
	border: 1px solid #fff;
}
#nav1 {
	width:100%;
}
/* niveau 1 */
#nav1 li {
	float:left;
	position:relative;
	width:133px;
	line-height:30px;
	border-left:9px solid #336bad;
	text-align:center;
	color:#fff;
	background: #336bad url(images/fd_menu.gif) no-repeat;
}
#nav1 li a {
	color:#fff;
	background: #336bad url(images/fd_menu.gif) no-repeat;
	width: 100%; /* IE */
}
#nav1 li a:link, #nav1 li a:visited, #nav1 li span, #nav1 li:hover a, #nav1 li:hover span, #nav1 li.sfhover a, #nav1 li.sfhover span, #nav li a:hover, #nav li a:active {
	display:block;
	width:133px;
	height:30px;
}
/* niveau 2 */
#nav1 li ul.nav2, #nav1 li ul.nav2prod {
	display:none;
	position: absolute;
	top:30px;
	left:-9px;
	font-weight:400;
}
#nav1 li:hover ul.nav2, #nav1 li.sfhover ul.nav2, #nav1 li:hover ul.nav2prod, #nav1 li.sfhover ul.nav2prod {
	display:block;
	background-image: none;
}
#nav1 li ul.nav2 li, #nav1 li ul.nav2prod li {
	clear:left;
	border-left:none;
	text-align:left;
	padding-left:9px;
	background-image:none;
}
#nav1 li ul.nav2 li a:link, #nav1 li ul.nav2 li a:visited, #nav1 li ul.nav2 li span, #nav1 li ul.nav2 li a:link, #nav1 li ul.nav2 li a:visited, #nav1 li ul.nav2 li span {
	clear:left;
	background:#336bad;
	color:#fff;
	border:1px solid #336bad;
	background-image: none;
}
#nav1 li ul.nav2 li:hover a, #nav1 li ul.nav2 li:hover span, #nav1 li ul.nav2 li.sfhover a, #nav1 li ul.nav2 li.sfhover span, #nav1 li ul.nav2 li a:hover,  #nav1 li ul.nav2 li a:active, #nav1 li ul.nav2 li:hover a, #nav1 li ul.nav2 li:hover span, #nav1 li ul.nav2 li.sfhover a, #nav1 li ul.nav2 li.sfhover span, #nav1 li ul.nav2 li a:hover,  #nav1 li ul.nav2 li a:active {
	clear:left;
	background:#fff;
	color:#336bad;
	border:1px solid #336bad;
	background-image: none;
}
#nav1 li ul.nav2prod li a:link, #nav1 li ul.nav2prod li a:visited, #nav1 li ul.nav2prod li span, #nav1 li ul.nav2prod li a:link, #nav1 li ul.nav2prod li a:visited, #nav1 li ul.nav2prod li span {
	clear:left;
	background:#336bad;
	color:#fff;
	border:1px solid #336bad;
	background-image: none;
}
#nav1 li ul.nav2prod li:hover a, #nav1 li ul.nav2prod li:hover span, #nav1 li ul.nav2prod li.sfhover a, #nav1 li ul.nav2prod li.sfhover span, #nav1 li ul.nav2prod li a:hover,  #nav1 li ul.nav2prod li a:active, #nav1 li ul.nav2prod li:hover a, #nav1 li ul.nav2prod li:hover span, #nav1 li ul.nav2prod li.sfhover a, #nav1 li ul.nav2prod li.sfhover span, #nav1 li ul.nav2prod li a:hover,  #nav1 li ul.nav2prod li a:active {
	clear:left;
	background:#fff;
	color:#336bad;
	border:1px solid #336bad;
	background-image: none;
}
#nav1 li ul.nav2 li a:link, #nav1 li ul.nav2 li a:visited, #nav1 li ul.nav2 li span {
	width:149px;
}
#nav1 li ul.nav2 li:hover a, #nav1 li ul.nav2 li:hover span, #nav1 li ul.nav2 li.sfhover a, #nav1 li ul.nav2 li.sfhover span, #nav1 li ul.nav2 li a:hover,  #nav1 li ul.nav2 li a:active {
	width:149px;
}
#nav1 li ul.nav2prod li a:link, #nav1 li ul.nav2prod li a:visited, #nav1 li ul.nav2prod li span {
	width:298px;
}
#nav1 li ul.nav2prod li:hover a, #nav1 li ul.nav2prod li:hover span, #nav1 li ul.nav2prod li.sfhover a, #nav1 li ul.nav2prod li.sfhover span, #nav1 li ul.nav2prod li a:hover,  #nav1 li ul.nav2prod li a:active {
	width:298px;
}
/* ssmenu*/
#ssmenu {
	padding:2px;
}
#ssmenu li {
	font-size: 11px;
	width: 100%;
	border-bottom: 1px solid #d51e29;
}
#ssmenu li.last {
	border-bottom: none;
}
#ssmenu li a {
	color: #d51e29;
	display: block;
	margin: 10px 0 10px 2px;
}

/* ------------------------------------------------------------------ */
/* ------------------------- Balises générales ---------------------- */
/* ------------------------------------------------------------------ */
img {border:0;}
#menu ul, #ssmenu ul {
	margin:0;
	padding:0;
	list-style:none;
}
#menu li, #ssmenu li {list-style:none;}
h1 {
	font-size:1.2em;
	margin-bottom:5px;
}
h2 {
	font-size:1.05em;
}
h3 {font-size:1em;}
hr {
	color:#336bad;
	background-color:#336bad;
	border: none;
	height:1px;
}
.cl {
	clear: left;
	height: 1px;
}
.cr {
	clear: right;
	height: 1px;
}
.spacer {
	clear: both;
	height: 1px;
}
.gras {
	font-weight: bold;
}
/* liens */
a, #centreprod a.liennav {
	color:#336bad;
	text-decoration:none;
}
a:hover, a:focus, a:active {
	color:#99e7ff;
	text-decoration:none;
}
#centreacc a {
	display: block;
	color: #d51e29;
	padding: 5px 0;
	text-decoration: underline;
}
#centreacc .blocacc a:hover, #centreacc .blocacc a:focus, #centreacc .blocacc a:active {
	text-decoration: none;
}
.lien img {
	float: left;
	padding-right: 10px;
	margin-top: 5px;
}
#centreacc .blocacc a.lienli {
	display:inline;
}
#centreprod td.pdf a {
	font-size: 10px;
}
#centreprod a.liennav {
	font-size: 12px;
	font-weight: bold;
}
#centreprod a:hover, #centreprod a:focus, #centreprod a:active {
	text-decoration: underline;
}

/* ------------------------------------------------------------------ */
/* ------------------------- page accueil --------------------------- */
/* ------------------------------------------------------------------ */
#centreacc {
	margin: 0 180px 0 0;
}
#centreacc .blocacc {
	padding-bottom: 20px;
}
#centreacc .blocacc .txtbig, #centreacc .blocacc .txtbig a {
	font-size: 24px;
	color: #d51e29;
	font-weight: 900;
}
#centreacc .blocacc .txtbig a {
	display: inline;
}
#centreacc h1, #centreacc h2 {
	line-height: 30px;
	background: url(images/fd_titreacc.gif) no-repeat right top;
	color: #fff;
	margin: 0 5px 0 20px;
	font-variant: small-caps;
}
#centreacc h2.decal {
	margin-left: 320px;
}
#centreacc img.image {
	width:300px;
	float: left;
	padding: 0 20px 20px 0;
}
#centreacc #imgaccprod {
	width:700px;
	padding: 20px 0;
}
#centreacc #imgaccprod img {
	padding-bottom: 20px;
}
#centreacc p.txtacc {
	margin: 10px 30px 10px 320px;
}
#centreacc ul.habillage li {
	margin: 0 30px 5px 320px;
}
#centreacc ul.habillage li ul li {
	margin-left: 15px;
}

/* ------------------------------------------------------------------ */
/* ------------------- pages : société, applications ---------------- */
/* ------------------------------------------------------------------ */
#centre img.image {
	float: left;
	margin: 10px 20px 20px 0;
	border: 2px solid #336bad;
}
#centre .image {
	float: left;
	width: 200px;
	margin: 0;
}
#centre h1, #centre h2 {
	line-height: 30px;
	margin: 0;
	background: url(images/fd_h2centre.gif) no-repeat right top;
	color: #fff;
	font-variant: small-caps;
}
#centre h1 a {
	color: #fff;
}
#centre .retrait {
	margin: 10px 10px 10px 220px;
}
#centre h3 {
	color: #336bad;
}
#centre .retrait address {
	font-style: normal;
	font-weight: 600;
}
#centre .retrait address span.rf {
	color: #336bad;
	font-size: 13px;
}
#centre ul.retrait {
	margin: 10px 10px 10px 240px;
}
#centre ul.retrait li {
	margin: 0 0 10px;
}

/* ------------------------------------------------------------------ */
/* ------------------------- pages  PRODUITS ------------------------ */
/* ------------------------------------------------------------------ */

/* général à toutes les pages */
#centreprod {
	margin: 0 0 0 180px;
}
#centreprod h1, #centreprod h2 {
	color: #fff;
}
#centreprod h1 {
	line-height: 40px;
	margin: 0 0 0 40px;
	padding: 0 0 10px 0;
	font-variant: small-caps;
	background: url(images/produits/fd_h2rf.gif) no-repeat right top;
}
#centreprod h2 {
	line-height: 20px;
	margin: 30px 0;
	padding: 8px;
	background-color: #006bb1;
}
#centreprod h3 {
	padding: 8px;
	border: 1px solid #336bad; 
}
#centreprod img#picto {
	float: left;
	margin: 0 20px 0 0;
}
/* sschap (float) et sschap2 */
#centreprod ul.sschap li.lienPage {
	float: left;
	list-style: none;
	margin: 10px;
	width: 340px;
	height: 150px;
	padding-right:10px;
}
#centreprod ul.sschap li a {
	font-size: 0.95em;
}
#centreprod ul.sschap li img {
	float: left;
	margin-right: 10px;
}
/*#centreprod p {
	clear: left;
}*/
#centreprod span.important { /* à supprimer après */
	color: #fff;
	font-weight: 600;
	padding : 5px 10px;
}
#centreprod p.important {
	color: #fff;
	font-weight: 600;
	padding : 5px 10px;
	margin: 20px 0 10px;
}
#centreprod span.imp2 { /* ?? */
	font-weight: 600;
}
/* tableau */
#centreprod table {
	width: 780px;
	margin: 0;
	padding: 20px 0 0;
	border-collapse: collapse;
	font-size: 11px;
}
#centreprod th {
	padding: 20px 10px 10px;
	text-align: left;
}
#centreprod td {
	padding: 10px 5px;
}
#centreprod table td.imgp {
	width: 110px;
}
#centreprod table td.imgp img {
	margin: 5px;
}
#centreprod td.ref, #centreprod td.reflongue {
	width: 150px;
	font-weight: 600;
	padding: 0 10px 0 0;
}
#centreprod td.ref {
	width: 150px;
}
#centreprod td.reflongue {
	width: 200px;
}
#centreprod td.des {
	width: auto;
}
#centreprod td.pdf {
	width: 190px;
}
#centreprod td.pdf img {
	margin: 0 5px 0 0;
}
/* -------- automates, gtb -------- */
#centreprod .blocauto h1 {
	background: url(images/produits/fd_h2supervision.gif) no-repeat right top;
}
#centreprod .blocauto h2 {
	background-color: #aa4c12;
}
#centreprod .blocauto td {
	border-top: 2px solid #aa4c12;
}
.blocauto a {
	color: #aa4c12;
}
/* -------- régulateurs process -------- */
#centreprod .blocregulprocess h1 {
	background: url(images/produits/fd_h2process.gif) no-repeat right top;
}
#centreprod .blocregulprocess h2 {
	background-color: #ba004b;
}
#centreprod .blocregulprocess td {
	border-top: 2px solid #ba004b;
}
.blocregulprocess a {
	color: #ba004b;
}
/* -------- régulateurs froid -------- */
#centreprod .blocregulfroid h1 {
	background: url(images/produits/fd_h2regulfroid.gif) no-repeat right top;
}
#centreprod .blocregulfroid h2 {
	background-color: #007ec5;
}
#centreprod .blocregulfroid td {
	border-top: 2px solid #007ec5;
}
.blocregulfroid a {
	color: #007ec5;
}
/* -------- indicateurs -------- */
#centreprod .blocindic h1 {
	background: url(images/produits/fd_h2indic.gif) no-repeat right top;
}
#centreprod .blocindic h2 {
	background-color: #803589;
}
#centreprod .blocindic td {
	border-top: 2px solid #803589;
}
.blocindic a {
	color: #803589;
}
/* -------- vannes thermiques, à boisseau sphérique... -------- */
#centreprod .blocvannesC h1 {
	background: url(images/produits/fd_h2vannesBS.gif) no-repeat right top;
}
#centreprod .blocvannesC h2 {
	background-color: #1a9f2d;
}
#centreprod .blocvannesC h3 {
	border-color: #1a9f2d;
}
#centreprod .blocvannesC td {
	border-top: 2px solid #1a9f2d;
}
.blocvannesC a {
	color: #1a9f2d;
}
#centreprod .blocvannesC img#matiere, .blocvannesS img#matiere { /* et vannes à soupape */
	float: right;
	margin: 25px 0 0 10px;
}
/* -------- vannes à soupape -------- */
#centreprod .blocvannesS h1 {
	background: url(images/produits/fd_h2vannesSoupape.gif) no-repeat right top;
}
#centreprod .blocvannesS h2 {
	background-color: #005794;
}
#centreprod .blocvannesS h3 {
	border-color: #005794; 
}
#centreprod .blocvannesS td {
	border-top: 2px solid #005794;
}
.blocvannesS a {
	color: #005794;
}
/* -------- thermostats -------- */
#centreprod .blocthermo h2 {
	background: url(images/produits/fd_h2thermo.gif) no-repeat right top;
}
#centreprod .blocthermo span.important {
	background-color: #b50057;
}
#centreprod .blocthermo span.imp2 {
	color: #b50057;
}
#centreprod .blocthermo td {
	border-top: 2px solid #b50057;
}
.blocthermo a {
	color: #b50057;
}
/* -------- pressostats / pression -------- */
#centreprod .blocpress h1 {
	background: url(images/produits/fd_h2press.gif) no-repeat right top;
}
#centreprod .blocpress h2, #centreprod h2.blocpress {
	background-color: #209dc1;
}
#centreprod .blocpress td {
	border-top: 2px solid #209dc1;
}
.blocpress a {
	color: #209dc1;
}
/* -------- instru mesure température -------- */
#centreprod .blocmesurestempe h1 {
	background: url(images/produits/fd_h2tempe.gif) no-repeat right top;
}
#centreprod .blocmesurestempe h2, #centreprod h2.blocmesurestempe {
	background-color: #e2003c;
}
#centreprod .blocmesurestempe h3 {
	border-color: #e2003c; 
}
#centreprod .blocmesurestempe td {
	border-top: 2px solid #e2003c;
}
.blocmesurestempe a {
	color: #e2003c;
}
/* -------- instru mesure hygro -------- */
#centreprod .blocmesureshygro h1 {
	background: url(images/produits/fd_h2hygro.gif) no-repeat right top;
}
#centreprod .blocmesureshygro h2, #centreprod h2.blocmesureshygro {
	background-color: #ae4643;
}
#centreprod .blocmesureshygro h3 {
	border-color: #ae4643; 
}
#centreprod .blocmesureshygro td {
	border-top: 2px solid #ae4643;
}
.blocmesureshygro a {
	color: #ae4643;
}
/* -------- instru mesure qualité d'air -------- */
#centreprod .blocqualiteair h1 {
	background: url(images/produits/fd_h2qualiteAir.gif) no-repeat right top;
}
#centreprod .blocqualiteair h2, #centreprod h2.blocqualiteair {
	background-color: #ea670b;
}
#centreprod .blocqualiteair h3 {
	border-color: #ea670b; 
}
#centreprod .blocqualiteair td {
	border-top: 2px solid #ea670b;
}
.blocqualiteair a {
	color: #ea670b;
}

/* ------------------------------------------------------------------ */
/* ----------------------------- page recherche --------------------- */
/* ------------------------------------------------------------------ */
#centrerech h1 {
	line-height: 30px;
	margin: 0;
	background: url(images/fd_h2centrerech.gif) no-repeat left top;
	color: #fff;
	font-variant: small-caps;
}

/* ------------------------------------------------------------------ */
/* ------------------------ page plan du site ----------------------- */
/* ------------------------------------------------------------------ */
h1.plan {
	margin-bottom: 20px;
	font-size: 12px;
}
#col1 {
	float: left;
	width: 470px;
	margin-right: 10px;
}
#col2 {
	margin-left: 490px;
	padding-top: 1px;
}
#col1 h3 a {
	display: block;
}
#col2 h2, #col1 h2, #col1 h3 a, #col1 h4 , #col1 h5 {
	color: #fff;
	margin: 20px 10px 10px;
	padding: 10px;
}
#col1 h2, #col2 h2 {
	background-color: #336bad;
	font-size: 15px;

}
#col1 h3 a, #col1 h4 , #col1 h5 {
	font-size: 12px;
}
#col1 h2, #col2 h2, #col1 h4 {
	background-color: #336bad;
}
#col1 h3 a , #col1 h5 {
	background-color: #528acc;
}
#col1 ul {
	list-style: none;
}
#col1 ul.disc {
	list-style: disc;
}
#col2 h2 a, #col1 h3 a {color: #fff;}
#col2 h2 a:hover, #col2 h2 a:focus, #col2 h2 a:active, #col1 h3 a:hover, #col1 h3 a:focus, #col1 h3 a:active {
	color:#99e7ff;
}
/* ------------------------------------------------------------------ */
/* ---------------------------- page mention ------------------------ */
/* ------------------------------------------------------------------ */
#centrementions {
	width: 900px;
}
#centrementions h1 {
	line-height: 30px;
	color: #336bad;
	font-size: 20px;
	padding-bottom: 20px;
}
#centrementions h2 {
	line-height: 30px;
	color: #336bad;
	font-size: 15px;
	margin: 20px 0 10px 0;
}

/* ------------------------------------------------------------------ */
/* ----------------------------- autres pages ----------------------- */
/* ------------------------------------------------------------------ */
/* ecatalogue */
#ecatalogue {
	background: #336bad;
}
#ecatalogue #altern {
	padding: 10px;
	color: #fff;
}
#ecatalogue #altern img {
	float: left;
	margin: 2px 10px 0 0;
}
#ecatalogue #altern a {
	color: #fff;
	text-decoration: underline;
}
#ecatalogue #altern a:hover, #ecatalogue #altern a:focus, #ecatalogue #altern a:active {
	text-decoration: none;
}
/* news */
#centre h2 a {
	color: #fff;
}
/* communiqués */
#centre h3.comm {
	margin-top: 0px;
}
#centre p.comm {
	font-size: 11px;
	font-style: italic;
}
#centre ul.comm li {
	list-style-type: disc;
	list-style-position: inside;
	font-size: 11px;
	margin-top: 4px;
}
#centre ul.comm li a {
	text-decoration: underline;
}
#centre ul.comm li a:hover, #centre ul.comm li a:focus, #centre ul.comm li a:active {
	text-decoration: none;
}
#centre ul.comm li ul {
	margin-left: 20px;
}
#centre ul.comm span {
	font-style: italic;
}
/* ------------------------------------------------------------------ */
/* ------------------------- pages d'erreur ------------------------- */
/* ------------------------------------------------------------------ */
.title, .titleErreur {
	font-size: 20px;
	font-weight: bold;
	color: #336bad;
}
.titleErreur {
	text-align: center;
	border: 1px dashed #336bad;
	padding: 10px 0;
}

/* ------------------------------------------------------------------ */
/* ---------------------------- LIGHTBOX ---------------------------- */
/* ------------------------------------------------------------------ */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #336bad; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif); display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #336bad; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #fff; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 100%; background-color: #000; }

/* ------------------------------------------------------------------ */
/* --------------------------- RECHERCHE ---------------------------- */
/* ------------------------------------------------------------------ */
.gsc-control-cse {
	font-family: Verdana, sans-serif; !important
    border-color: #fff; !important
    background-color: #fff; !important
}
input.gsc-input {
	border-color: #336bad; !important
}
input.gsc-search-button {
    border-color: #336bad; !important
    background-color: #336bad; !important
}
.gsc-tabHeader.gsc-tabhInactive, .gsc-tabHeader.gsc-tabhActive {
    border-color: #000; !important
    background-color: #000; !important
}
.gsc-tabsArea {
    border-color: #000000; !important
}
.gsc-webResult.gsc-result {
    border-color: #fff; !important
    background-color: #fff; !important
}
.gsc-webResult.gsc-result:hover {
    border-color: #336bad; !important
    background-color: #fff; !important
}
.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b {
    color: #336bad; !important
}
.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b {
    color: #99e7ff; !important
}
.gsc-cursor-page, a.gsc-trailing-more-results:link {
    color: #336bad; !important
}
.gs-webResult.gs-result .gs-snippet {
    color: #000; !important
}
.gs-webResult.gs-result .gs-visibleUrl, .gs-webResult.gs-result .gs-visibleUrl-short {
    color: #336bad; !important
}
.gs-webResult.gs-result .gs-visibleUrl-short {
    display: none; !important
}
.gs-webResult.gs-result .gs-visibleUrl-long {
    display: block; !important
}
.gsc-cursor-box {
    border-color: #fff; !important
}
.gsc-results .gsc-cursor-page {
    border-color: #000; !important
    background-color: #fff; !important
}
.gsc-results .gsc-cursor-page.gsc-cursor-current-page {
    border-color: #000; !important
    background-color: #000; !important
}
.gs-promotion.gs-result {
    border-color: #ccc; !important
    background-color: #E6E6E6; !important
}
.gs-promotion.gs-result a.gs-title:link, .gs-promotion.gs-result a.gs-title:visited , .gs-promotion.gs-result a.gs-title:hover, .gs-promotion.gs-result a.gs-title:active {
    color: #333; !important
  }
.gs-promotion.gs-result .gs-snippet {
    color: #666; !important
}
.gs-promotion.gs-result .gs-visibleUrl, .gs-promotion.gs-result .gs-visibleUrl-short {
    color: #333; !important
}