body {
	font-family: Arial, Helvetica, Verdana, Geneva;
	font-size: 13px;
	color: #202020;
	margin: 0px;
	padding: 0px;
	background-color:#ffffff; 
	background: url('/gaswinkel_dwt/images/bgseasons.png');
	background-position: center top; 
	background-repeat: no-repeat;	
 	overflow-y: scroll;
}
h1 {
	font-family: Arial, Helvetica, Verdana, Geneva;
	font-size: 24px;
	line-height: 28px;
	color: #262729;
	font-weight: normal;
	margin: 0px!important;
	padding: 0px;
}
h2 {
	font-family: Arial, Helvetica, Verdana, Geneva;
	font-size: 16px!important;
	color: #262729;
	font-weight: normal;
	margin: 0px!important;
	padding: 0px;
}
p {
	margin: 0px!important;
	padding: 0px;
}
iframe {
	margin: 0px;
	padding: 0px;
	background-color:#fff;
}
iframe image {
	top: 0px;
	padding: 0px;
	background-color:#fff;
}
/*
td,div,span {
	line-height: 120%;
	font-size: 13px;
}
*/
fieldset {
	padding: 0px;
	margin: 0px;
	border: 2px solid #444;
}
a,a:visited{
	color: #015b86;
	text-decoration:none;
}
a:hover{
	color: #029feb;
	text-decoration: underline;
}
hr {
	clear:both;  
}
#wrapper {
	max-width: 1119px;
	margin: 0 auto;
	padding-top:30px;
}
.toolbar {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9990;
    background: #6d6064; /* Old browsers */
    background: -moz-linear-gradient(top, #606060 0%, #202020 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606060), color-stop(100%,#202020)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #606060 0%,#202020 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #606060 0%,#202020 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #606060 0%,#202020 100%); /* IE10+ */
    background: linear-gradient(to bottom, #606060 0%,#202020 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#606060', endColorstr='#202020'); /* IE */
}
.toolbar-content {
    max-width: 1120px;
    height:30px;
    margin: 0 auto;
    text-align:right;
    padding-top: 2px;
}
.slogan {
	float:left; 
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	color:#fff;
	/* border: 2px solid red;*/
}
.contacttop {
	float:left; 
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 5px;
	color:#fff;
	font-size:14px; 
	font-weight:bold;
}
/*.price,.shopping-cart {	
	float:left;
}*/
.toolbar .shopping-cart {
    color: #fff;
    text-decoration: none;
    position: relative;
    padding-right: 5px;
    vertical-align: middle;
    display: inline-block;
}
.toolbar .shopping-cart .quantity 
{
    background: red;
    color: #fff;
    display: inline-block;
    width: 30px;
    height: 20px;
    border-radius: 20px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    top: 2px;
    /*
    border: 2px solid #fff;
    right: -11px;
*/
    font-weight: bold;
}

.toolbar .price {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 0 14px;
    height: 25px;
}
.price {
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#topbar {
	height: 128px;
	vertical-align: bottom;
  display: table-cell;
  width:1110px;
}
#logo {
	padding-bottom:4px;
}
#panlogo {
	width:50%;
	float:left;
}
#pansearch {
	float:right;
	height:93px;
	width:50%;
}
#topbar2 {
	background-image: url(images/bar1.gif);
	background-repeat: no-repeat;
	height: 43px;
}
#topbar3 {
	background-image: url(images/bar_top.gif);
	background-repeat: no-repeat;
	height: 7px;
}
#socialmedia {
	padding-right:50px;
	padding-top:5px; 
	float:right; 
}
#content {
	background-image: url(images/cbg.gif);
	background-repeat: repeat-y;
	padding: 0 18px 0 14px;
	overflow: hidden;
}
#bottom {
	background-image: url(images/bar2.gif);
	background-repeat: no-repeat;
	height: 15px;
	clear: both;
}
#footer {
	height: 40px;
	color: #444;
	padding: 0 30px 0 20px;
}
#nav {
	background-image: url(images/navbar.gif);
	background-repeat: no-repeat;
	height: 38px;
}
.padbox {
	padding: 5px 5px 5px 5px;
	overflow: hidden;
}
#sidebar {
	float: left;
	width: 185px;
	margin-left:5px;
	/*background:#fcc;*/
}
#maincontent {
	float: right;
	width: 875px;
	border: 1 solid red;
	margin-right:10px;
	/*background:#fcc;*/
}
#mainContent {
	padding-top:10px; 
}
.paddingrightbox {
	padding: 5px 5px 5px 5px;
}
#listing {
	margin: 10px 0 10px 0;
	padding: 0px;
}
#listing #select {
	margin: 4px 0 4px 0;
	padding: 3px;
	width: 160px;
}
#listing #textfield {
	margin: 3px 0 3px 0;
	padding: 3px;
}
.browntext {
	font-weight: bold;
	color: #d9930b;
}
#gallery {
	display:table-cell;
	background-color: #EEE;
	padding: 2px 2px 8px 2px;
}
#gallery ul {
	list-style: none;
	margin: 0px;
	padding:2px 2px 8px 2px;
}
#gallery ul li {
	display: inline;
	margin-right:2px;
}
#gallery ul img {
		border: 1px solid #fff;
		border-width: 1px 1px 1px;
}
#gallery ul a:hover div.prodphototiny {
	border: 1px solid #f00;
	border-width: 1px 1px 1px;
	color: #fff;
}
#gallery ul a:hover { color: #666666; }

div.prodphototiny {
 	display: table-cell; 
 	vertical-align:middle;
    text-align:center;
}

#gallery ul li div.prodphototiny {
    height:64px;
    width:62px;
    max-width:62px; 
    position:relative;
    background-color: #fff; 
    margin: auto auto;
    border:1px solid gray;      
    z-index:99;
    float:left;
    margin-right:4px;
}
#contact {
	color: #696969;
	padding: 5px;
}
#contact input {
	font-family: Arial, Helvetica, Verdana, Geneva;
	font-size: 13px;
	padding: 6px;
	border: 1px solid #E7E9EB;
	width: 230px;
	margin: 5px 0 5px 0;
	background-color: #E7E9EB;
	color: #333333;
}
#contact label {
	float: left;
	width: 90px;
	display: block;
	padding: 3px;
	margin: 3px 0 3px 0;
	clear: both;
	color: #999;
}
#contact textarea {
	border: 1px solid #E7E9EB;
	font-family: Arial, Helvetica, Verdana, Geneva;
	font-size: 13px;
	padding: 6px;
	width: 230px;
	margin: 5px 0 5px;
	background-color: #E7E9EB;
	color: #333333;
}

/* SEARCH */
.small_details {
	line-height: 14px;
	font-size: 11px;
}
.corners {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
#pansearch fieldset {
	width: 459px;
	height: 35px;
	position:relative;
	top:52px;
	left:78px; 
}
select#product_select
{
	padding: 0px;
	margin:0px;
}
.search_bar select#product_select
{
	width: 115px;
	height: 30px;
	right: 76px;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	font-family: Arial, Helvetica, Verdana, Geneva;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-color: #7f9db9;
	border-width: 1px;
	border-style: solid;
	background-color: #fff;
}
.search_bar #searchfor
{	max-width: 232px;
	height: 24px;
	font-family: Arial, Helvetica, Verdana, Geneva;
	border-color: #7f9db9;
	border-width: 1px;
	border-style: solid;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	background-color: #fff;
}

#btnSearch 
{
	width: 90px;
	height: 24px;
	border-color: #FF3333;
	border-width: 1px;
	border-style: solid;
	background-color: #F73;
    font-weight: bold;
	font-size: 14px;
	color: #fff;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
#btnSearch,select#product_select {
	cursor:pointer;
}

#divResult {
	display:block;
	position:absolute;
	text-align: left;
	background-color: #fff;
	max-height: 500px;
	max-width:100%;
	border-color: #8896BC;
	border-width: 2px;
	border-style: solid;
	padding: 2px;
	z-index: 9999; 
  overflow-y:auto; 
	right:0px;
}

#divResult ul {
	list-style: none;
	margin: 0px;
	padding: 2px;
}

#divResult ul li {
	padding: 8px 10px;
}

#divResult ul li a {
	color: #696969;
}

#divResult ul li a:hover {
	color: #FF2020;
}
#divResult ul li:hover {
	background-color:#ddd;
}
ul.icon2
{
    list-style-image:  url(/gaswinkel_dwt/images/arrow_px.gif);
	list-style-position: outside;
	margin:0px;
	padding-left:20px
}

ul.icon2 li a
{
	display: block;
	text-decoration: none;
	color: #696969;

}
ul.icon2 li a:hover
{
	background: #FF6633;
	color: #f9f9f9;
    /*list-style-image:  url(/gaswinkel_dwt/images/arrow_pxd.gif);*/
	text-decoration: underline;
}
/* Icon 3 */
ul.icon3
{
    list-style-image:  url(/gaswinkel_dwt/images/arrow_px.gif);
	list-style-position: outside;
	margin:0px;
	padding-left:15px;
	width: 140px;
}

ul.icon3 li a
{
	display: block;
	text-decoration: none;
	color: #696969;

}
ul.icon3 li a:hover
{
	background: #FF6633;
	color: #f9f9f9;
    /*list-style-image:  url(/gaswinkel_dwt/images/arrow_pxd.gif);*/
	text-decoration: underline;
}
   
div.toptbl_lang
{
	display:block;float:left;overflow:auto;margin:0px;padding:0px;
}
#footer a  
{
	text-decoration: none;
	color: #696969;
}
#footer a:hover  
{
	text-decoration: underline;
	color: #696969;
}


.col_1 a.lang {padding-bottom:5px;}      

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
div.topbarleft ul {
	list-style: none;
	margin:8px 0 0 0;
	padding:0px;
}
.topbarleft {
	float:left;
	/* border: 2px solid red;*/
}

li.lnkGroup {
	list-style:none;
	display:inline;
	margin:0px;
	padding:0px;
}	
li.lnkGroup a {
    background: url(images/icon_sprite.gif) 0px 0px no-repeat;
    display: block;
    float: Left;
    width: 13px;
    height: 11px;
    margin-left: 10px;
}

li.lnkGroup a.lnkHome {
    background-position: 0px 0px;
}
li.lnkGroup a.lnkContactUs {
    background-position: -26px 0px;
}
li.lnkGroup a.lnkSitemap {
    background-position: -12px 0px;
}
li.lnkGroup a.lnkReduce {
    background-position: -56px 0px;
}
li.lnkGroup a.lnkIncrease {
    background-position: -67px 0px;
}

.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.clearfix{display:block;zoom:1;}

ul#thumblist{display:block;width:315px;margin:0;padding:0;/*border:1px solid #fcc;*/}
ul#thumblist li{float:left;margin-right:1px;list-style:none;}
ul#thumblist li a{display:block;border:1px solid #CCC;}
ul#thumblist li a img {max-width:60px;border: none;}
ul#thumblist li a.zoomThumbActive{border:1px solid red;}

.jqzoom{
    text-decoration:none;
	float:left;
}

div.srchslide {
    float:left;
    padding:5px;
    height:175px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    border: 1px solid #ccc;
}
.srchintro, .srchdescr {
    /*float:left;*/
    position:relative;
    overflow:hidden;
}
.srchintro
{
    height:0px;
    display:none; 
}
.srchdescr{
    /*height:75px;*/
    padding-left:10px;
    margin:auto;
    text-align:left;              
}

div.srchphoto {
    height:160px;
    width:150px;
    max-width:150px; 
    position:relative;
    background-color: #fff; 
    margin: auto auto;
    text-align:center;
    display:table-cell; 
    vertical-align:middle;
    border:1px solid #ddd;      
    z-index:99;
}
div.srchphotonew {
    height:160px;
    width:150px;
    max-width:150px; 
    position:relative;
    background: #fff url(../images/new.png) no-repeat bottom center;
    z-index:99;
    margin: 0px auto;
    text-align:center;
    display:table-cell; 
    vertical-align:middle;
    border:1px solid gray;      
}
div.srchphotosale {
    height:160px;
    width:150px;
    max-width:150px; 
    position:relative;
    background: #fff url(../images/onsale.png) no-repeat bottom center;
    z-index:99;
    margin: 0px auto;
    text-align:center;
    display:table-cell; 
    vertical-align:middle;
    border:1px solid gray;      
}
div.srchphotonostock {
    height:160px;
    width:150px;
    max-width:150px; 
    position:relative;
    background: #fff url(../images/nostock.png) no-repeat bottom center;
    z-index:99;
    margin: 0px auto;
    text-align:center;
    display:table-cell; 
    vertical-align:middle;
    border:1px solid gray;      
}

del.special {
    color: #FF2020;
}

/* New Styles to make page responsive*/

/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
  margin-bottom: 0!important;
  min-height:35px!important
  /*border-radius: 0;*/
}
.navbar-nav > li > a {padding-top:6px !important; padding-bottom:5px !important; color:#eee!important;}
.navbar-inverse {	color:#eee!important; }
.mnuheader {
	font-size:18px;
	font-weight:500;
	padding-bottom:3px;
}
.w250 {  width: 250px!important;}
.w300 {  width: 300px!important;}
.w350 {  width: 350px!important;}

.mnuInfo {
	font-size:smaller;
	padding-left:25px;
}
/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content { height: 450px; }

/* Set gray background color and 100% height */
.sidenav {
  padding: 20px 5px 5px 5px!important;
  background-color: #f1f1f1;
  height: 100%;
  /*min-width:190px;*/
}

.content   {background-color: #fff;}
#srcBox{padding-top:60px;}
#myCarousel {margin-top:5px;}
.panshopping {max-width: 100%;float:right;}
.nowrap {white-space: nowrap;}

footer a, footer a.visited {color:#fff!important;padding: 0px 6px;}
footer {
  background-color: #555;
  color: white;
  padding: 5px;
}
.photo {
	margin-top:1px!important;
}
.prodslide {
	display:inline-block!important;
	float:none!important;
	border:10px solid #fff;
	width:225px!important;
	max-width:225px!important;
	height:300px!important;
	background: -webkit-radial-gradient(center, circle farthest-corner, rgba(255,255,255,0) 50%, rgba(200,200,200,1)), -webkit-radial-gradient(center, circle, rgba(255,255,255,.35), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 21%), -webkit-radial-gradient(center, circle, rgba(0,0,0,.2), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 21%), -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0)!important;
	background: -moz-radial-gradient(center, circle farthest-corner, rgba(255,255,255,0) 50%, rgba(200,200,200,1)), -webkit-radial-gradient(center, circle, rgba(255,255,255,.35), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 21%), -webkit-radial-gradient(center, circle, rgba(0,0,0,.2), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 21%), -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0)!important;
	background: -ms-radial-gradient(center, circle farthest-corner, rgba(255,255,255,0) 50%, rgba(200,200,200,1)), -webkit-radial-gradient(center, circle, rgba(255,255,255,.35), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 21%), -webkit-radial-gradient(center, circle, rgba(0,0,0,.2), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 21%), -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0)!important;
	background: -o-radial-gradient(center, circle farthest-corner, rgba(255,255,255,0) 50%, rgba(200,200,200,1)), -webkit-radial-gradient(center, circle, rgba(255,255,255,.35), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 21%), -webkit-radial-gradient(center, circle, rgba(0,0,0,.2), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 21%), -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0)!important;
	background: radial-gradient(center, circle farthest-corner, rgba(255,255,255,0) 50%, rgba(200,200,200,1)), -webkit-radial-gradient(center, circle, rgba(255,255,255,.35), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 21%), -webkit-radial-gradient(center, circle, rgba(0,0,0,.2), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 21%), -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0)!important;
	background-size: 100% 100%, 10px 10px, 10px 10px, 100% 100%;
	background-position: top center, 1px 1px, 0px 0px, top center;
	
	bottom: 0;
}
.prodphoto,.prodphotonew,.prodphotosale,.prodphotonostock,.prodphotoalmostgone,.prodintro, .proddescr,.prodbackorder,.prodreserve {
	width:194px!important;
	max-width:194px!important;
}
.center 
{
	width:100%;
	text-align:center;
}
.PriceBox legend  {
	font-size:14px!important;
}
.PriceBox {
	padding:0px 2px 0px 2px!important;
}
#panProduct h1 {
	font-size:20px!important;
}
html ul.tabs li.active {
	height:32px!important;
}
.shoppingcart {
	background-color:#c0c0c0;
	border-spacing:1px!important;
	border-collapse: separate;
}
.dropdown-menu h2 {
	padding-top: 10px;
	border-bottom: 1px solid #ccc;
}
.mnuHR { margin:0px!important;} 
/* On small screens, set height to 'auto' for sidenav and grid */

@media screen and (max-width: 767px) {
  .sidenav {
    height: auto;
    padding: 15px;
  }

  .row.content {
    height: auto;
  }

}

@media (min-width: 0px) and (max-width : 768px) {
  .sidenav {display:none; visibility:hidden}
  .contacttop{font-size:11px; padding-top:6px;}
  footer {display:block;margin-top:40px;}
  #srcBox{padding-top:0px;}
  #wrapper { padding-top:0px; }
  .toolbar { position: inherit;}
  .toolbar .shopping-cart .quantity,.toolbar .price {font-size: 11px;}
	#panProduct h1 { padding-top:10px!important; font-size:18px!important;}
	.tabtitle {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 90px!important;font-size: 12px;}
	ul.tabs li a {padding: 0 1px!important; }
	
}

@media (min-width: 768px) {
	.navbar-nav > li.dropdown:hover,
	.navbar-nav > li.dropdown:hover > a, 
	.navbar-nav > li.dropdown:hover > a:hover {
			background-color: #eee;
			color: #222!important;
			border-bottom: 1px solid #eee;
	}
	
	li.dropdown:hover > .dropdown-menu {
			display: block;
	}  
	ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}
.dropdown-menu > .subitem  
{
	text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 230px!important;
	margin:0px;
	padding-left:10px;
	  /*list-style-image:  url(/gaswinkel_dwt/images/arrow_px.gif);*/
	/*list-style-position: outside;*/

}