/*
Theme Name: Global Valve Center
Theme URI: http://www.globalvalvecenter.com
Description: A theme created for Global Valve Center website.
Version: 1.0
Author: Ahmed Chergaoui
Author URI: http://www.synergie-media.com/
Tags: blue, fixed width, two columns

	Global Valve Center v1.0
	http://www.globalvalvecenter.com

	This theme was designed and built by Ahmed Chergaoui,
	Creative Director at Synergie Media SARL http://www.synergie-media.com/

	

*/



/****************** general layouts ****************/
body {margin-top : 20px;font: 12px/18px Arial, Verdana, sans-serif;color:#555;}
#wrapper {background : #fff url('../images/bg.gif') top left repeat-x;}
#header {height : 49px;background : #fff url('../images/header-bg.gif') top left repeat-x;}
* html #header {padding : 0px;margin: 0px; background : #fff url('../images/header-bg-ie.gif') top left repeat-x;height : 59px;}
#content {margin-bottom : 0px;min-height:550px;}
#footer {background : #fff url('../images/header-bg.gif') top left repeat-x;height : 24px;}
* html #footer {
	position: static;
}
a:link, a:visited{color:#0071b5;}
a:hover, a:active{color:#3f95c8;}
/*************** global styles ***************/
.centre {text-align : center;margin-left : 76px;}
h2 {	color : #0071b5; font-size : 1.6em;}
.notice {background:none;border:none;font-size:0.9em;color:#ff0000;float:right;}
.left{float:left;}
.right{float:right;margin-left:15px;}
.orange{color:#3f95c8;border-bottom:#EFA508 solid 1px;}
.clear{clear:both;}


/******** header elements **************/
h1#logo a{
	display : block;
	height : 49px;
	width : 131px;
	text-indent : -9999px;
	background : transparent url('../images/logo-gvc.gif') top left repeat-x;
}
ul#navigation {
	list-style : none;
	margin : 0;
	padding : 0;
	position : relative;
	top : -67px;
	left : 150px ;
}

* html ul#navigation {
	position : absolute;
	top : 20px;
	left : 350px ;
}

ul#navigation li {
	text-align: center;
	display : block;
	height : 49px;
	width : 97px;
	float : left;
	
}
ul#navigation li a{
	display : block;
	height : 49px;
	width : 97px;
	
	text-indent : -9999px;
}

/*{background : transparent url('../images/products-item.gif') 0 100% no-repeat;}*/


#navigation li a:link, #navigation li a:visited {background : transparent url('../images/products-item.gif') 0 100% no-repeat;}
#navigation li + li a:link, #navigation li + li a:visited{background : transparent url('../images/downloads-item.gif') 0 100% no-repeat;}
#navigation li + li + li a:link, #navigation li + li + li a:visited{background : transparent url('../images/quality-item.gif') 0 100% no-repeat;}
#navigation li + li + li + li a:link, #navigation li + li + li + li a:visited{background : transparent url('../images/contact-item.gif') 0 100% no-repeat;}


#navigation li a:hover, #navigation li a:active {background : transparent url('../images/products-item.gif') 0 0% no-repeat;}
#navigation li + li a:hover, #navigation li + li a:active{background : transparent url('../images/downloads-item.gif') 0 0% no-repeat;}
#navigation li + li + li a:hover, #navigation li + li + li a:active{background : transparent url('../images/quality-item.gif') 0 0% no-repeat;}
#navigation li + li + li + li a:hover, #navigation li + li + li + li a:active{background : transparent url('../images/contact-item.gif') 0 0% no-repeat;}

#navigation li.current_page_item a {background : transparent url('../images/products-item.gif') 0 0% no-repeat;}
#navigation li + li.current_page_item a {background : transparent url('../images/downloads-item.gif') 0 0% no-repeat;}
#navigation li + li + li.current_page_item a {background : transparent url('../images/quality-item.gif') 0 0% no-repeat;}
#navigation li + li + li + li.current_page_item a {background : transparent url('../images/contact-item.gif') 0 0% no-repeat;}


#searchform {
	clear: left;
	position : relative;
	top : -105px;
	left : 655px;
	float: left;
}

*:first-child+html #searchform {
	position : relative;
	top : -123px;
	left : 650px;
}

* html #searchform {
	position : absolute;
	top : 32px;
	left : 850px ;
}

html:first-child #searchform{
	position : relative;
	top : -55px;
	left : 650px;
}

#searchform label {
	display : block;
	float : left;
	height : 26px;
	width : 31px;	
	background : transparent url('../images/search-button.gif') top left no-repeat;
	text-indent : -9999px;
	padding : 0px;
	margin : 0px;
}

*:first-child+html #searchform label {
	margin-top : 1px;
}

#searchtext {
	background: #0071b5 url('../images/right-search.gif') top right no-repeat;;
	border : none;
	height : 22px;
	padding : 4px 0 0 0;
	margin : 0px;
	color: #fff;
}

* html #searchtext {
	position : absolute;
	top : 0px;
	left : 31px ;
}

div#lang {
	position : relative;
	top : -100px;
	left : 858px;
	clear:left;
	float: left;
}


*:first-child+html #lang {
	position : relative;
	top : -118px;
	left : 850px;
}

* html div#lang{
	position : absolute;
	top : 22px;
	left : 1050px ;
}

html:first-child div#lang{
	position : relative;
	top : -50px;
	left : 850px;
}

/***** sidebar elements ****************************/
#sidebar {padding : 14px;}
#product-wrap {overflow:hidden;height : 510px;width: 253px;}
*:first-child+html #product-wrap {position:absolute;}
* html #product-wrap {position:absolute;}
img#show{position : relative;}
#product-wrap ul {position : relative;top : -80px;list-style:none;}
* html #product-wrap ul {position:absolute;left:0px;top : 440px;}
#product-wrap ul li{padding:0px;margin:0px;display : block; height : 70px; width : 70px; float: left;}

/***** main content elements ****************************/
#main {
	padding : 14px;
}
#main.pdf {
	box-sizing: border-box;
}
#main p{
	
}
#main p img{
	margin-right:0px;
}
#main p img.border{
	padding:5px;
	background: #ccc;
}
#cols{clear:both;margin-top:25px;margin-left:0px;width:100%;}
#cols li{list-style:none;display:block;width : 44%;margin-right:30px;float:left;}
h3,h4{color :#0eb4f0;font-weight:bold;font-size:1.2em;}
h3 {text-transform:uppercase;}
h4 {margin-top:25px;}

div.block{clear:both;width:200px;float:left;margin-right:30px;margin-left:30px;font-size:0.95em;}
.block h4{margin-top:3px;}
.block {height : auto; position : relative; background : #fff url(../images/top-left.gif) no-repeat;padding : 0px 40px 0px 20px;}
	.tr, .bl, .br {position : absolute;	width : 6px;height : 6px;  /* corner images are 40x40 */display : block;margin-bottom : -1px;  /* this is for IE */}
	.tr{background : transparent url(../images/top-right.gif) no-repeat; top : 0px; right : 0px;}
	.bl {  background : transparent url(../images/bottom-left.gif) no-repeat; bottom : 1px;left : 0px;}
	.br { background : transparent url(../images/bottom-right.gif) no-repeat; right : 0px; bottom : 1px;	}

/*********** Products Slider *********************/
.sliderGallery {
	background: url(../images/productbrowser_background_20070622.jpg) no-repeat;
	overflow: hidden;
	position: relative;
	padding: 10px;
	height: 160px;
	width: 580px;
	margin-bottom: 20px;
	text-align: center;
	float:left;
}

.sliderGallery ul {
	list-style: none;
	overflow: hidden;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	position:relative;
	left:-25px;
	top:5px;
}

.sliderGallery ul li {
	display: inline;
	margin-left:25px;
	text-align : center;
}

.sliderGallery ul li span{position:relative;left:60px;top:-25px;float:left;font-size:1em;}
.sliderGallery ul li + li  span{position:relative;left:87px;top:-25px;float:left;}
.sliderGallery ul li + li + li span{position:relative;left:98px;top:-25px;float:left;}
.sliderGallery ul li + li  + li + li span{position:relative;left:126px;top:-25px;float:left;}
.sliderGallery ul li + li  + li + li + li span{position:relative;left:159px;top:-25px;float:left;}

* html .sliderGallery ul li span{margin-right:25px;}
* html .sliderGallery ul li + li + li span{left:90px;}
* html .sliderGallery ul li + li  + li + li span{left:112px;}


/********** NL slideshow *******************/

.sliderGallerynl {
	background: url(../images/productbrowser_background_20070622.jpg) no-repeat;
	overflow: hidden;
	position: relative;
	padding: 10px;
	height: 160px;
	width: 580px;
	margin-bottom: 20px;
	text-align: center;
	float:left;
}

.sliderGallerynl ul {
	list-style: none;
	overflow: none;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	position:relative;
	left:-25px;
	top:5px;
}

.sliderGallerynl ul li {
	display: inline;
	margin-left:25px;
	text-align : center;
}

.sliderGallerynl ul li span{position:relative;left:60px;top:-25px;float:left;font-size:1em;}
.sliderGallerynl ul li + li  span{position:relative;left:87px;top:-25px;float:left;}
.sliderGallerynl ul li + li + li span{position:relative;left:115px;top:-25px;float:left;}
.sliderGallerynl ul li + li  + li + li span{position:relative;left:156px;top:-25px;float:left;}
.sliderGallerynl ul li + li  + li + li + li span{position:relative;left:195px;top:-25px;float:left;}

* html .sliderGallerynl ul li span{margin-right:25px;}
* html .sliderGallerynl ul li + li + li span{left:90px;}
* html .sliderGallerynl ul li + li  + li + li span{left:112px;}

/************************************/

.slider {
	width: 402px;
	height: 17px;
	margin-top: 140px;
	margin-left: 0px;
	padding: 1px;
	position: relative;
	
}


.slider span {
	color: #bbb;
	font-size: 80%;
	cursor: pointer;
	position: absolute;
	z-index: 110;
	top: 3px;
}

.slider .slider-lbl1 {
	left: 50px;
}

.slider .slider-lbl2 {
	left: 107px;
}

.slider .slider-lbl3 {
	left: 156px;
}

.slider .slider-lbl4 {
	left: 280px;
}

.slider .slider-lbl5 {
	left: 455px;
}

.vignettes{margin:0px;margin-left:80px;}
.vignettes li{list-style:none;float:left;margin-right:5px;margin-bottom:15px;}


.markets{margin:0px;margin-left:50px;}
.markets li{list-style:none;float:left;margin-right:10px;margin-bottom:20px;}

.products{margin:0px;width:845px;}
.products li{cursor:pointer;padding-top:20px;list-style:none;float:left;margin-right:10px;margin-bottom:10px;width : 190px; height:58px; }
.products li + li + li + li  {margin-right:0px;}
.products li + li + li + li + li   {margin-right:10px;}
.products li + li + li + li + li + li + li + li {margin-right:0px;}
	.products li a{display:block;width:120px;margin-left:68px;color:#294258;font-size:0.9em;font-weight:bold;text-decoration:none;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}
	.products li span{display:block;margin-left:68px;color:#888;}
	
	
/* products thumbnails + hover effects */
#pbutterfly li {height:75px;}
#pbutterfly li {background:#fff url('../images/butterfly-100.gif') no-repeat;}
#pbutterfly li + li  {background:#fff url('../images/butterfly-200.gif') no-repeat;}
#pbutterfly li + li + li {background:#fff url('../images/butterfly-300.gif') no-repeat;}
#pbutterfly li + li + li + li {background:#fff url('../images/butterfly-400.gif') no-repeat;}
#pbutterfly li + li + li + li + li {background:#fff url('../images/butterfly-500.gif') no-repeat;}
#pbutterfly li + li + li + li + li + li {background:#fff url('../images/butterfly-600.gif') no-repeat;}
#pbutterfly li + li + li + li + li + li + li {background:#fff url('../images/butterfly-700.gif') no-repeat;}
#pbutterfly li + li + li + li + li + li + li + li {background:#fff url('../images/butterfly-800.gif') 0px -95px no-repeat;}
#pbutterfly li + li + li + li + li + li + li + li + li {background:#fff url('../images/butterfly-900.gif') 0px -95px no-repeat;}

/*#pbutterfly li:hover {background: #ebebec url('../images/butterfly-100.gif') 0px 0px no-repeat;}
#pbutterfly li + li:hover {background: #ebebec url('../images/butterfly-200.gif') 0px 0px no-repeat;}
#pbutterfly li + li + li:hover {background: #ebebec url('../images/butterfly-300.gif') 0px 0px no-repeat;}
#pbutterfly li + li + li + li:hover {background: #ebebec url('../images/butterfly-400.gif') 0px 0px no-repeat;}
#pbutterfly li + li + li + li + li:hover {background: #ebebec url('../images/butterfly-500.gif') 0px 0px no-repeat;}
#pbutterfly li + li + li + li + li + li:hover {background: #ebebec url('../images/butterfly-600.gif') 0px 0px no-repeat;}
#pbutterfly li + li + li + li + li + li + li:hover {background:#ebebec url('../images/butterfly-700.gif') 0px 0px no-repeat;}
#pbutterfly li + li + li + li + li + li + li + li:hover {background:#ebebec url('../images/butterfly-800.gif') 0px 0px no-repeat;}
#pbutterfly li + li + li + li + li + li + li + li + li:hover {background:#ebebec url('../images/butterfly-900.gif') 0px 0px no-repeat;}*/

#pline li {background:#fff url('../images/s1-light1.gif') 0px -79px no-repeat;}
#pline li +li{background:#fff url('../images/s1-light2.gif') 0px -79px no-repeat;}
#pline li +li +li{background:#fff url('../images/s1-heavy.gif') 0px -79px no-repeat;}
/*#pline li +li +li +li{background:#fff url('../images/r5.gif') 0px -78px no-repeat;}
#pline li +li +li +li +li{background:#fff url('../images/r8.gif') 0px -78px no-repeat;}*/

/*#pline li:hover {background: #ebebec url('../images/s1-light1.gif') 0px 0px no-repeat;}
#pline li + li:hover {background: #ebebec url('../images/s1-light2.gif') 0px 0px no-repeat;}
#pline li  + li  + li:hover  {background: #ebebec url('../images/s1-heavy.gif') 0px 0px no-repeat;}*/
/*#pline li + li  + li   + li:hover {background: #ebebec url('../images/r5.gif') 0px 0px no-repeat;}
#pline li + li  + li   + li   + li:hover {background: #ebebec url('../images/r8.gif') 0px 0px no-repeat;}*/

#pball li {background:#fff url('../images/threaded-valves.gif') 0px -78px no-repeat;}
#pball li +li{background:#fff url('../images/3piece-valves.gif') 0px -78px no-repeat;}
#pball li +li +li{background:#fff url('../images/flanged-valves.gif') 0px -78px no-repeat;}
#pball li +li +li +li{background:#fff url('../images/wafer-valves.gif') 0px -78px no-repeat;}

/*#pball li:hover {background: #ebebec url('../images/threaded-valves.gif') 0px 0px no-repeat;}
#pball li + li:hover {background: #ebebec url('../images/3piece-valves.gif') 0px 0px no-repeat;}
#pball li  + li  + li:hover  {background: #ebebec url('../images/flanged-valves.gif') 0px 0px no-repeat;}
#pball li + li  + li   + li:hover {background: #ebebec url('../images/wafer-valves.gif') 0px 0px no-repeat;}*/

#pgate li {background:#fff url('../images/ansi.gif') 0px -78px no-repeat;}
#pgate li +li {background:#fff url('../images/din.gif') 0px -78px no-repeat;}
#pgate li +li +li{background:#fff url('../images/jis.gif') 0px -78px no-repeat;}

/*#pgate li:hover {background: #ebebec url('../images/ansi.gif') 0px 0px no-repeat;}
#pgate li +li:hover {background: #ebebec url('../images/din.gif') 0px 0px no-repeat;}
#pgate li +li +li:hover{background: #ebebec url('../images/jis.gif') 0px 0px no-repeat;}*/

#pactuator li {background:#fff url('../images/pneumatic-actuator.gif') no-repeat;}
#pactuator li +li{background:#fff url('../images/hydraulic-actuator.gif') no-repeat;}
#pactuator li +li +li{background:#fff url('../images/electric-actuator.gif') no-repeat;}
#pactuator li +li +li+li{background: #fff url('../images/gearbox-actuator.gif') no-repeat;}

/*#pactuator li:hover {background: #ebebec url('../images/pneumatic-actuator.gif') 0px 0px no-repeat;}
#pactuator li +li:hover {background: #ebebec url('../images/hydraulic-actuator.gif') 0px 0px no-repeat;}
#pactuator li +li +li:hover{background: #ebebec url('../images/electric-actuator.gif') 0px 0px no-repeat;}
#pactuator li +li +li+li:hover{background:  #ebebec url('../images/gearbox-actuator.gif') 0px 0px no-repeat;}*/


/****************************/

.specs {position:relative;top:-65px;text-indent:-9999px;float:right; margin-left:25px; display:block;width:269px;height:131px;background:#1d90c6 url('../images/product-specs.jpg') top left no-repeat;}

.clear {clear:both;}

input.texte {border:1px solid #DDD;}
input.texte:focus {border:1px solid #111;}

#services {display: block; width:270px; color:#fff; background:#0071b5; float:right;margin-left : 25px;}
#services ul{list-style:none;}
#services ul li{background : url('../images/sbullet.gif') top left no-repeat; padding-left:22px;}
#services h3 {color: #fff; font-size:1.1em;margin:10px 0 10px 10px;}

table tr{background-color:#fff;}
table tr.alt{background-color:#e7e7e9;}
table td, table th {padding:5px;background:transparent;}
table th{text-transform : uppercase; font-weight:bold; color : #333;width:170px;}

.columns {list-style:none;margin:0;padding:0; width:100%;float:left;margin-left : 29px;}
.columns .col {display:block;width:400px;float:left;margin:0 15px 10px 0;padding:15px;}
.columns .col div{color:#fff;padding-top:0px;padding-bottom:60px;margin-bottom:15px;}
div.butterfly{background : #0071b5 url('../images/bg-butterfly.png') bottom right no-repeat;height:280px;}
div.ball{background : #0071b5 url('../images/bg-ball.png') bottom right no-repeat;height:150px;}
div.gate{background : #0071b5 url('../images/bg-gate.png') bottom right no-repeat;height:280px;}
div.actuators{background : #0071b5 url('../images/bg-actuators.png') bottom right no-repeat;height:150px;}
.columns .col h3{font-family: "Trebuchet MS", Helvetica, sans-serif;color:#3f95c8;background-color:#fff;display:block;width:400px;height:25px;text-indent:-9999px;}
div.butterfly h3{background : url('../images/butterfly-title.png') top left no-repeat;}
div.ball h3{background : url('../images/ball-title.png') top left no-repeat;}
div.gate h3{background : url('../images/gate-title.png') top left no-repeat;}
div.actuators h3{background : url('../images/actuators-title.png') top left no-repeat;}
.columns .col ul {list-style:none;}
.columns .col ul li {background : url('../images/sbullet.gif') top left no-repeat; padding-left:22px;}



/*********** Products Slider *********************/
.available {
	
	
	position: relative;
	
	
	
	margin-bottom: 20px;
	text-align: center;
	float:left;
}

.available ul{
	list-style: none;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	position:relative;
	
	top:5px;
}

.available ul li {
	display: block;
		
	margin-right : 15px;
	text-align : center;
	float: left;
}


.available ul li img {text-align : center;}
.available ul li span {clear: both; display:block;text-align : center;position:relative;top:-5px;}

/*

.available ul li span{position:relative;left:60px;top:-25px;float:left;font-size:1em;}
.available ul li + li  span{position:relative;left:87px;top:-25px;float:left;}
.available ul li + li + li span{position:relative;left:98px;top:-25px;float:left;}
.available ul li + li  + li + li span{position:relative;left:126px;top:-25px;float:left;}
.available ul li + li  + li + li + li span{position:relative;left:159px;top:-25px;float:left;}

* html .available ul li span{margin-right:25px;}
* html .available ul li + li + li span{left:90px;}
* html .available ul li + li  + li + li span{left:112px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.available ul {left:-275px;}
	.available ul li span {visibility:hidden;}
	
}
*/
.pdf {width:100%;}
.pdf h3 {clear:both;margin-top:35px;margin-bottom:35px;}
.pdf h2 {clear:both;margin-top:30,px;}
.pdf ul {list-style:none;margin-left:0px;}
.pdf li{
	list-style:none; 
	width: 149px;
	margin-right: 5px;
	min-height: 273px;
}
.pdf li a {
	text-decoration: none !important;
}
.pdf li span {
	width: 150px;
	color: #000000;
	font-weight: bold;
    height: 40px;
    display: block;
}
.pdf li img {
	width: 150px;
	border-radius: 1px solid #000000;
}

/***** carousel stock elements ****************************/
.stepcarousel{
margin-left: 100px;
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 95px; /*Width of Carousel Viewer itself*/
height: 220px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
padding: 5px;
width: 85px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background:#fff;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}

.stepcarousel .panel span {display:block;text-align:center;padding:5px;background:#0071CC;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#fff;}
.aboutus {float:left;width:610px;}
.stock-wrapper {float:left;width:270px;margin:0 0 0px 20px;}
.stock-wrapper h2 {margin:0px 0 5px 5px;}

/***** footer elements ****************************/
#footer {
	text-align : left;
	font-size : 0.9em;
	color : #fff;
	padding-top : 5px;
	padding-right : 10px;
	width : 940px;
}
* html #footer{clear:both;margin-top:50px;}
*:first-child+html #footer{clear:both;margin-top:50px;}

* html #sidebar{min-height:580px;height:580px;}
*:first-child+html #sidebar{min-height:580px;height:580px;}

#footer p{
	float : right;
	margin-left : 10px;
}

#footer ul {
	list-style : none;
	margin : 0;
	padding : 0;
}
#footer ul li {
	display : inline;
	margin-left : 10px;
}
#footer a:link, #footer a:visited {
	color : #0071b5;
	text-decoration : none;
}
#footer a:hover, #footer a:active {
	color : #3f95c8;
	text-decoration : underline;
}
hr.clearfix {clear:both; margin: 25px 0; visibility:hidden;}

h2.tkherbik {
	display: block;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: 8px 0 6px 0;
}

ul.tkherbika li span {
	height:60px;
	text-align: center;
}