* {
margin: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html, body, #outerWrapper {
height: 100%;
}
body > #outerWrapper {
height: auto; min-height: 100%;
}
#outerWrapper {
display: block;
width: 100%;
padding-bottom: 0px;
clear: both;
background-color: transparent;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#wrapper {
position: relative;
background-color: transparent;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-right: 0px;
padding-left: 0px;
width: 100%;
padding-top: 0px;
}
#topwrapper {
padding-bottom: 0px;
position:relative;
width: 100%;
z-index: 1000;
height: auto;
background: rgba(112,112,112,1);
background: -moz-linear-gradient(top, rgba(112,112,112,1) 0%, rgba(0,0,0,1) 42%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(112,112,112,1)), color-stop(42%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(112,112,112,1) 0%, rgba(0,0,0,1) 42%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(112,112,112,1) 0%, rgba(0,0,0,1) 42%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(112,112,112,1) 0%, rgba(0,0,0,1) 42%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(112,112,112,1) 0%, rgba(0,0,0,1) 42%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#000000', GradientType=0 );
}
#banner {
height: auto;
background-color: transparent;
padding: 0px;
max-width: 960px;
width: 100%;
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
z-index: 1000;
}
.gradline {
background: rgba(149,215,89,1);
background: -moz-linear-gradient(top, rgba(0,175,96,1) 0%, rgba(0,137,69,1) 50%, rgba(0,110,54,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,175,96,1)), color-stop(50%, rgba(0,110,54,1)), color-stop(100%, rgba(86,150,38,1)));
background: -webkit-linear-gradient(top, rgba(0,175,96,1) 0%, rgba(0,137,69,1) 50%, rgba(0,110,54,1) 100%);
background: -o-linear-gradient(top, rgba(0,175,96,1) 0%, rgba(0,137,69,1) 50%, rgba(0,110,54,1) 100%);
background: -ms-linear-gradient(top, rgba(0,175,96,1) 0%, rgba(0,137,69,1) 50%, rgba(0,110,54,1) 100%);
background: linear-gradient(to bottom, rgba(0,175,96,1) 0%, rgba(0,137,69,1) 50%, rgba(0,110,54,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00af60', endColorstr='#008945', GradientType=0 );
height: 10px;
}
#wrapper, #topwrapper {
text-align: left;
margin-top: 0;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 100%; 
padding: 0px;
}
body {
text-align: left;
font-family: Arial, Helvetica, sans-serif;
background-color: #f4f4f6;
margin-top: 0px;
margin-bottom: 0px;
background-image: url(//healthsafety.co.uk/wp-content/themes/Quadriga/images/background.jpg);
background-repeat: no-repeat;
background-position: center 140px;
}
#topNavWrapper {
width: auto;
background-color: transparent;
margin-top: 20px;
}
.topNav {
max-width: 960px;
margin-left: auto;
margin-right: auto;
padding-top: 0px;
padding-bottom: 0px;
text-align: center;
}
#logo {
float: left;
padding-top:30px;
padding-bottom: 30px;
padding-left: 0px;
padding-right: 0px;
width: auto;
color: #ffffff;
}
#rightBanner {
float: right;
width: auto;
padding-top:15px;
padding-bottom: 30px;
text-align: right;
}
#rightBanner p {
color: #ffffff;
font-size: 80%;
}
#middleWrapper {
width: 100%;
clear: both;
background-color: transparent;
background-repeat: repeat;
position: relative;
margin-top: 40px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 20px;
padding-bottom: 0px;
z-index: 1;
}
#wrapper.home #middleWrapper {
padding-top: 0px;
}
#slider {
background-color: #e8e8ea;
padding-top: 40px;
padding-bottom: 40px;
text-align: center;
}
#sliderInner {
max-width: 930px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#wrapper.home #mainContent {
float: none;
width: 100%;
padding: 0px;
position:relative;
z-index: 1;
margin-top: 20px;
}
.breadcrumbs {
margin-bottom: 20px;
}
.breadcrumbs p {
font-size: 90%;
}
.breadcrumbs a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px;
background-color: #D2D2D2;
margin-right: 10px;
}
.breadcrumbs a.current-item {
background-color: #00af60;
color: #ffffff;
}
#mainContent {
float: left;
width: 66%;
padding: 0px;
position:relative;
z-index: 1;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
#mainNav {
float: right;
width: 31%;
padding: 0px;
position:relative;
z-index: 1;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
#footerWrapper {
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: transparent;
width: 100%;
padding-top: 20px;
position: relative;
clear:both;
padding-bottom: 0px;
}
#footer, #footerLower {
width: 100%;
max-width: 960px !important;
margin-left: auto;
margin-right: auto;
}
#footer {
padding-top: 0px;
padding-bottom: 35px;
}
#footerLowerWrapper {
background-color: #000000;
background-image: url(//healthsafety.co.uk/wp-content/themes/Quadriga/images/footerBackground.jpg);
background-repeat:repeat-x;
background-position:top center;
padding-top: 25px;
padding-bottom: 25px;
-webkit-box-shadow: 0px 10px 27px -9px rgba(0,0,0,0.48);
-moz-box-shadow: 0px 10px 27px -9px rgba(0,0,0,0.48);
box-shadow: 0px 10px 27px -9px rgba(0,0,0,0.48);
}
#footer1 p, #footer2 p, #footer3 p, #footer4 p {
font-size: 80%;
line-height: 135%;
padding-bottom: 10px;
color: #ffffff;
}
#footerUpper1 p, #footerUpper2 p, #footerUpper3 p {
font-size: 80%;
line-height: 135%;
padding-bottom: 10px;
color: #303030;
}
#footer a {
padding-bottom: 10px;
}
#footer1, #footer2, #footer3 {
width: 21%;
margin-right: 2%;
padding-right: 2%;
float: left;
margin-top: 0px;
border-right: 1px solid #646464;
}
#footer4 {
width: 23%;
margin-right: 0%;
float: left;
margin-top: 0px;
}
#footerUpper1, #footerUpper2{
width: 27%;
margin-right: 3.5%;
float: left;
margin-top: 0px;
background-color: #e7e7e9;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 2%;
padding-right: 2%;
min-height: 400px;
}
#footerUpper3 {
width: 27%;
margin-right: 0%;
float: left;
margin-top: 0px;
background-color: #e7e7e9;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 2%;
padding-right: 2%;
min-height: 400px;
}
#mainNav .widget-container {
padding-bottom: 10px;
}
#footerone .widget-title, #footerone .widgettitle, #footertwo .widget-title, #footertwo .widgettitle, #footerthree .widget-title, #footerthree .widgettitle, #footerfour .widget-title, #footerfour .widgettitle, #signoff .widget-title, #signoff .widgettitle, #testimonials .widget-title, #testimonials .widgettitle #mainNav .widget-title, #mainNav .widgettitle, #mainNav .widget-title, #logo .widget-title, #logo .widgettitle, #homeboxes .widget-title, #homeboxes .widgettitle, #phone .widget-title, #phone .widgettitle, #newsletter .widget-title, #newsletter .widgettitle, #searchtop .widget-title, #searchtop .widgettitle{
display: none;
}
#signoff {
margin-top: 0px;
padding-top: 30px;
padding-bottom: 30px;
background-color: transparent;
}
#signoffInner {
max-width: 960px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
#signoffInner p {
color: #303030;
}
#utility {
float: left;
width: auto;
font-size: 80%;
}
#signoffright {
float: right;
width: auto;
font-size: 80%;
}
a.greenButton:link, a.greenButton:visited  {
background-color: #00af60;
color: #ffffff;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 15px;
}
#footer a.moretag:link, #footer a.moretag:visited {
background-color:#ffffff ;
color: #00af60;
clear: both;
display: block;
width: 100px;
margin-top: 10px;
margin-bottom: 10px;
font-size: 120%;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 15px;
}
a.greenButton:hover, a.greenButton:active, a.moretag:hover, a.moretag:active {
text-decoration: underline;
color: #aaaaaa;
}
div.centerWidth {
max-width: 960px;
width: 98%;
padding-left: 1%;
padding-right: 1%;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
margin-top: 0px;
position: relative;
}
div.centerWidth:after {
content: "."; 
display: block; 
height: 0px; 
clear: both; 
visibility: hidden;
}
div.greyBackground:after {
content: "."; 
display: block; 
height: 0px; 
clear: both; 
visibility: hidden;
}
div.greyBackground {
width: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
background-color: #e7e7e9;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
}
div.blueBackground:after {
content: "."; 
display: block; 
height: 0px; 
clear: both; 
visibility: hidden;
}
div.blueBackground {
width: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 25px;
margin-top: 25px;
background-color: #e4ebf1;
padding-top: 15px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
border-top: 1px solid #303030;
border-bottom: 1px solid #303030;
}
.shadow {
-moz-box-shadow: 1px 1px 5px #00af60;
-webkit-box-shadow: 1px 1px 5px  #00af60;
box-shadow: 1px 1px 5px  #00af60; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=145, Color='#00af60')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=145, Color='#00af60');
}
#mainContent .soliloquy-container ul li {
padding-left: 0px;
margin-left: 0px;
background-image: none;
}
#mainContent .soliloquy-container {
margin-bottom: 30px;
}
#mainContent .soliloquy-caption-inside {
font-family: Arial, Helvetica, sans-serif, arial,sans-serif;
font-weight: 700;
}
a.PDFbutton:link, a.PDFbutton:visited {
padding-left: 60px;
padding-bottom: 15px;
padding-top: 15px;
display: block;
background-image: url(//healthsafety.co.uk/wp-content/themes/Quadriga/images/pdf-icon.png);
background-repeat: no-repeat;
background-position: left center;
font-size: 100%;	
}
a.PDFbutton:after, a.PDFbutton:before {
content: "."; 
display: block; 
height: 0px; 
clear: both; 
visibility: hidden;
}
h1.blogHeading {
padding:20px;
background-color: #000000;
color: #ffffff;
margin-bottom: 20px;
} img.nospace, div.centerWidth img {
vertical-align: middle;
}
.clearme img {
height: 0;
}
br {
color: #1D1D1D;
} .Black {
color: #1D1D1D;
}
.Grey {
color: #4D4D4D;
}
.White {
color: #FFFFFF;
}
.green {
color: #00af60;
} H1, H2, H3, H4, H5, H6 {
font-weight: bold;
text-decoration: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
margin: 0px;
font-family: Arial, Helvetica, sans-serif, arial,sans-serif;
line-height: 120%;
color: #00af60;
}
H1 {
font-size: 160%;
}
H2 {
font-size: 150%;
}
H3 {
font-size: 140%;
}
H4 {
font-size: 130%;
}
H5 {
font-size: 110%;
}
H6 {
font-size: 100%;
}
.largeBodytext {
font-size: 110%;
line-height: 128%;
}
.smallBodytext {
font-size: 90%;
line-height: 128%;
} p {
margin: 0px;
padding: 0px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
#mainContent p, #mainNav p {
padding-bottom: 10px;
font-size: 90%;
line-height: 135%;
color: #303030;
}
#news img {
display: none;
}
.marginright {
margin-right: 15px;
} ul {
margin-top: 0px;
margin-bottom: 0px;
list-style-type: none;
}
#mainContent ul, #mainContent ol, #mainNav ul  {
padding-top: 0px;
padding-bottom: 10px;
}
#mainContent ul li, #mainNav ul li {
background-repeat: no-repeat;
background-position: left 3px;
line-height: 128%;
padding-left: 15px;
color: #303030;
font-size: 90%;
padding-bottom: 5px;
background-image:url(//healthsafety.co.uk/wp-content/themes/Quadriga/images/bullet.png);	
}
#mainNav ul, #mainNav ol  {
padding-top: 0px;
padding-bottom: 10px;
}
#mainNav ul.menu li {
margin-top: 5px;
margin-bottom: 5px;
}
#mainNav ul.menu ul.sub-menu {
font-size: 120%;
}
#mainContent ol li ol, #mainNav ol li ol, #mainContent ol li ul li {
font-size: 100%;
background-image: none;
}
#mainContent ol, #mainNav ol {
margin-top: 0px;
margin-bottom: 0px;
list-style-type: decimal;
margin-right: 0px;
margin-left: 10px;
color:#303030;
font-size: 90%;
} 
#mainContent ol.letter {
margin-top: 0px;
margin-bottom: 0px;
list-style-type: lower-alpha;
margin-right: 0px;
margin-left: 15px;
font-size: 100%;
color: #303030;
font-size: 80%;
} 
#mainContent ol li, #mainNav ol li {
line-height: 1.1em; 
margin-left: 15px;
margin-bottom: 10px;
}
form {
margin:  0px;
padding: 0px;
}
.space {
display: block;
height: 10px;
width: 5px;
}
.space img {
height: 10px;
width: 5px;
}
.padmetop {
padding-top: 10px;
}
.padmebottom {
padding-bottom: 10px;
}
.padmeright {
padding-right: 10px;
}
.padmeleft {
padding-left: 10px;
} .centreme {
text-align: center;
}
.floatright {
float: right;
}
.floatleft {
float: left;
}
.clearme {
clear: both;
margin: 0;
padding: 0;
line-height: 0;
height: 0;
}
.clearleft {
clear: left;
}
.clearright {
clear: right;
} .hideme {
display: none;
}
* {
margin: 0;
padding: 0;
}
hr {
height: 1px;
border-bottom-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-bottom-color: #CCCCCC;
margin-bottom: 10px;
}
.nounderline {
text-decoration: none;
}
em {
font-style: italic;
font-family: Arial, Helvetica, sans-serif;
}
strong {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
strong em, em strong {
font-family: Arial, Helvetica, sans-serif;
}
.hand {
cursor:pointer;
cursor:hand;
}
.capitals {
text-transform: uppercase;
} ul.sf-menu, ul.sf-menu * {
margin:			0;
padding:		0;
list-style:		none;
}
ul.sf-menu {
line-height:	1.0;
}
ul.sf-menu ul {
position:		absolute;
top:			-999em;
width:			180px; }
ul.sf-menu ul li {
width:			100%;
}
ul.sf-menu li:hover {
visibility:		inherit; }
ul.sf-menu li {
float:			left;
position:		relative;
}
ul.sf-menu a {
display:		block;
position:		relative;
}
ul.sf-menu li:hover ul,
ul.sf-menu li.sfHover ul {
left:			0;
top:			52px; z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left:			180px; top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left:			180px; top:			0;
} ul.sf-menu {
list-style:none;
width:auto;
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
padding-left: 10px;
display: inline-block;
background: rgba(112,112,112,1);
background: -moz-linear-gradient(top, rgba(112,112,112,1) 0%, rgba(20,20,20,1) 84%, rgba(20,20,20,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(112,112,112,1)), color-stop(84%, rgba(20,20,20,1)), color-stop(100%, rgba(20,20,20,1)));
background: -webkit-linear-gradient(top, rgba(112,112,112,1) 0%, rgba(20,20,20,1) 84%, rgba(20,20,20,1) 100%);
background: -o-linear-gradient(top, rgba(112,112,112,1) 0%, rgba(20,20,20,1) 84%, rgba(20,20,20,1) 100%);
background: -ms-linear-gradient(top, rgba(112,112,112,1) 0%, rgba(20,20,20,1) 84%, rgba(20,20,20,1) 100%);
background: linear-gradient(to bottom, rgba(112,112,112,1) 0%, rgba(20,20,20,1) 84%, rgba(20,20,20,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#141414', GradientType=0 );
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
ul.sf-menu li .sub {
font-size: 60%;
line-height: 150%;
}
ul.sf-menu li a:link, ul.sf-menu li a:visited {
color: #ffffff;
text-decoration: none;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 12px;
padding-top: 12px;
padding-left: 10px;
padding-right: 10px;
margin-right: 0px;
margin-left: 0px;
font-size: 90%;
width: auto;
height: auto;
font-family: Arial, Helvetica, sans-serif;
z-index: 150;
text-align:center;
border-left: 1px #000000 solid;
}
ul.sf-menu li ul.sub-menu {
background-color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
opacity: .9;
padding: 10px;
}
ul.sf-menu li ul.sub-menu li a:link, ul.sf-menu li ul.sub-menu li a:visited {
color: #303030;
padding-right: 0px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
font-size: 80%;
background-image: none;
height: auto;
text-align: left;
border: none;
background-image: url(//healthsafety.co.uk/wp-content/themes/Quadriga/images/bullet.png);
background-repeat:no-repeat;
background-position:left 8px ;
}
ul.sf-menu li.current_page_item a:link, ul.sf-menu li.current_page_item a:hover {
color: #CCCCCC;
}
ul.sf-menu li.current_page_item {
background: rgba(150,150,150,1);
background: -moz-linear-gradient(top, rgba(150,150,150,1) 0%, rgba(59,59,59,1) 84%, rgba(59,59,59,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(150,150,150,1)), color-stop(84%, rgba(59,59,59,1)), color-stop(100%, rgba(59,59,59,1)));
background: -webkit-linear-gradient(top, rgba(150,150,150,1) 0%, rgba(59,59,59,1) 84%, rgba(59,59,59,1) 100%);
background: -o-linear-gradient(top, rgba(150,150,150,1) 0%, rgba(59,59,59,1) 84%, rgba(59,59,59,1) 100%);
background: -ms-linear-gradient(top, rgba(150,150,150,1) 0%, rgba(59,59,59,1) 84%, rgba(59,59,59,1) 100%);
background: linear-gradient(to bottom, rgba(150,150,150,1) 0%, rgba(59,59,59,1) 84%, rgba(59,59,59,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#3b3b3b', GradientType=0 );
}
ul.sf-menu li:hover {
background: #000000;
}
ul.sf-menu li ul.sub-menu li:hover, ul.sf-menu li ul.sub-menu li.current_page_item{
background: #ffffff;
}
ul.sf-menu li.current_page_item a:link, ul.sf-menu li.current_page_item a:visited, ul.sf-menu li.current_page_parent a:link, ul.sf-menu li.current_page_parent a:visited {
color: #CCCCCC;
}
ul.sf-menu li a:hover, ul.sf-menu li a:active, ul.sf-menu li.current_page_item a:hover, ul.sf-menu li.current_page_item a:active, ul.sf-menu li.current_page_parent a:hover, ul.sf-menu li.current_page_parent a:active {
color: #CCCCCC;
}
ul.sf-menu li ul.sub-menu li a:hover, ul.sf-menu li ul.sub-menu li a:active {
color: #858585;
text-decoration: underline;
} ul.sf-menu a.sf-with-ul {
min-width:		1px; }
.sf-sub-indicator {
position:		absolute;
display:		block;
right:			.75em;
top:			1.05em; 
width:			10px;
height:			10px;
text-indent: 	-999em;
overflow:		hidden;
}
a > .sf-sub-indicator {   
top:			.8em;
background-position: 0 -100px; } a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px;  arrow hovers for modern browsers
} .sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; } .sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; } .sf-shadow ul {
background:	url(//healthsafety.co.uk/wp-content/themes/Quadriga/images/shadow.png) no-repeat bottom right;
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
} ul#menu-utilitynav {
margin: 0px;
padding: 0px;
list-style-type: none;
background-image: none;
}
ul#menu-utilitynav li {
float: none;
background-image: none;
}
ul#menu-utilitynav a:link, ul#menu-utilitynav a:visited {
text-decoration: none;
display: block;
font-weight: normal;
width: auto;
padding-left: 15px;
padding-bottom: 10px;
margin-top: 0px;
margin-bottom: 5px;
background-image: none;
color: #ffffff;
font-size: 80%;
height: auto;
padding-top: 0px;
background-image: url(//healthsafety.co.uk/wp-content/themes/Quadriga/images/bulletBlack.png);
background-repeat:no-repeat;
background-position:left 6px;
border-bottom: 1px dotted #888888;
}
ul#menu-utilitynav a:hover, ul#menu-utilitynav a:active {
text-decoration: underline;
font-weight: 400;
color: #00af60;
}
ul#menu-utilitynav li.current_page_item a:link, ul#menu-utilitynav li.current_page_item a:visited{
color: #00af60;
}
ul#menu-utilitynav li {
display: inline; } ul.vert {
margin: 0px;
padding: 0px;
list-style-type: none;
background-image: none;
}
ul.vert a:link, ul.vert a:visited {
text-decoration: none;
display: block;
width: auto;
padding-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
color: #ffffff;
font-size: 90%;
height: auto;
padding-top: 0px;
}
ul.vert a:hover, ul.vert a:active {
text-decoration: underline;
border-bottom: none;
color: #00af60;
}
ul.vert li.current_page_item a:link, ul.vert li.current_page_item a:visited{
color: #00af60;
}
ul.vert li {
display: inline; } a:link img, a:visited img, a:hover img, a:active img {
border: none;
}
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited  {
text-decoration: none;
font-weight: bold;
color: #00af60;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {
text-decoration: underline;
color: #1D1D1D; 
font-weight: bold;	
}
a:link, a:visited {
text-decoration: none;
font-weight: bold;
color: #00af60;
font-family: Arial, Helvetica, sans-serif;
}
a:hover, a:active {
text-decoration: underline;
color: #000000;
}
a.arrowLink {
background-image:url(//healthsafety.co.uk/wp-content/themes/Quadriga/images/arroow.png);
background-position:left top;
background-repeat: no-repeat;
padding-left: 15px;
}
a.blackLink {
background-color: #000000;
opacity: 0.9;
padding-top: 5px;
padding-right: 5px;
padding-left: 13px;
padding-bottom: 5px;
color: #AAA8A8;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-image: url(//healthsafety.co.uk/wp-content/themes/Quadriga/images/arrowWhite.png);
background-position: 5px 7px;
background-repeat: no-repeat;
}
a.bulletLink {
background-image:url(//healthsafety.co.uk/wp-content/themes/Quadriga/images/bullet.png);
background-position: 5px 7px;
background-repeat: no-repeat;
padding-left: 15px;
border-bottom: 1px dotted #888888;
padding-bottom: 10px;
margin-top: 0px;
margin-bottom: 5px;
display: block;
}
#categoryposts-3 ul li.cat-post-item{
background-image: none;
list-style-type: none;
}
#categoryposts-3 ul li.cat-post-item a {
background-image: none;
list-style-type: none;
}
.rss{
float:right;
width:25px;
} .rssicon
{
position: relative;
display:block;
float:right;
background-image: url(//healthsafety.co.uk/wp-content/themes/Quadriga/images/rss.png);
background-position: center right;
background-repeat: no-repeat;
margin: 5px 5px auto auto;
height: 17px;
width: 17px;
} #nextprev {
clear: both;
display: block;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
} .post {
padding-bottom: 10px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}
.article {
width: auto;
}
.blog .article {
width: 100%;
}
.article  {
padding-right: 0px;
padding-bottom: 0px;
}
blockquote
{
}
.postmeta
{
font-size: 70%;
padding-top:2px;
color: #303030;
padding-bottom:10px;
float:left;
width: 100%;
}
.commentCount
{
text-align:right;
margin-right:10px;
font-size:10px;
}
.small {
font-size: 10px;
}
code {
font: 12px 'Courier New', Courier, Fixed;
} table.em-calendar {
background-color: transparent;
width: 100%;
color: #ffffff;
font-size: 80%;
}
#em-calendar-112 table.em-calendar td.eventful a:link, #em-calendar-112 table.em-calendar td.eventful a:visited {
color: #00af60;
}
#em-calendar-112 table.em-calendar td.eventful-pre a:link, #em-calendar-112 table.em-calendar td.eventful-post a:link, #em-calendar-112 table.em-calendar td.eventful-pre a:visited, #em-calendar-112 table.em-calendar td.eventful-post a:visited {
text-decoration:underline;
background-color: transparent;
}
table.em-calendar td.eventful {
background-color: #00af60;;
}
table.em-calendar td.eventful-pre, table.em-calendar td.eventful-post {
background-color: transparent;
}
table.em-calendar td.eventful a:link, table.em-calendar td.eventful-today a:link, table.em-calendar td.eventful a:visited, table.em-calendar td.eventful-today a:visited { color: #ffffff; }
table.em-calendar td.eventless-today, table.em-calendar td.eventful-today { background-color: #5E3E6C; }
#mainContent table{
width: 100%;
empty-cells: show;
border-top-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: none;
border-top-color: transparent;
border-right-color: transparent;
background-color: transparent;
border-bottom-width: 0px;
border-left-width: 0px;
border-bottom-color: transparent;
border-left-color: transparent;
letter-spacing: normal;
border-spacing:0;
border-collapse:collapse;
text-align: left;
}
#mainContent table.fullcalendar {
width: 100%;
empty-cells: show;
border-top-width: 0px;
border-right-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: transparent;
border-right-color: transparent;
background-color: #ffffff;
border-bottom-width: 0px;
border-left-width: 0px;
border-bottom-color: transparent;
border-left-color: transparent;
letter-spacing: normal;
border-spacing:0;
border-collapse:collapse;
text-align: left;
}
table caption{
font-size: 60%;
}
#mainContent table th {
background-color: #ffffff;
border-left-color: transparent;
border-bottom-color: transparent;
color: #666666;	
letter-spacing: normal;
font-size: 80%;
padding: 3px;
border-collapse: collapse;
border-spacing:0;
border-left-width: 1px;
border-bottom-width: 1px;
border-left-style: solid;
border-bottom-style: solid;	
text-align: left;
}
#mainContent table td {
padding: 3px;
border-collapse: collapse;
border-spacing:0;
border-left-width: 1px;
border-bottom-width: 1px;
border-left-style: solid;
border-bottom-style: solid;	
text-align: left;
color: #ffffff;
}
#mainContent table.fullcalendar td.month_name {
text-align:center;
font-size: 120%;
}
#mainContent table.fullcalendar th, #mainContent table.fullcalendar td {
font-size: 80%;
padding: 3px;
border-collapse: collapse;
border-spacing:0;
border-left-width: 1px;
border-bottom-width: 1px;
border-left-style: solid;
border-bottom-style: solid;
text-align: left;
color: #666666;
border-bottom-color: #FFF;
border-left-color: #FFF;
}
#mainContent table td.greenRow		{ 
background-color:#00af60;
color: #1D1D1D; 
}
#mainContent table td{
border-left-color: transparent;
border-bottom-color: transparent;
}
#mainContent table.shop_attributes td {
color: #000000;
}  #search {
display: inline;
float: right;
text-align: left;
top: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0;
margin-left: 0px;
padding-top: 0px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
input#s{
width: 165px;
float:left;
border: 1px solid #CCCCCC;
color: #000;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
margin-top: 10px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
background-color: #fff;
background-image: url(//healthsafety.co.uk/wp-content/themes/Quadriga/images/magnify.jpg);
background-repeat: no-repeat;
background-position: left center;
}
.ninja-forms-required-items {
font-size: 80%;
padding-bottom: 15px;
} #newletter form {
float: left;
clear: right;
}
select {
color: #222222;
margin: 0px;
padding-right: 0px;
padding-left: 0px;
border: 1px solid #222222;
}
input:focus, textarea:focus, select:focus {
background-color: #DDDDDD;
}
label {
text-align: left;
padding-left: 0px;
padding-right: 0px;
font-family: Arial, Helvetica, sans-serif;
color: #303030;
text-decoration: none;
width: auto;
float: none;
font-size: 100%;
display: block;
}
#mainContent .ninja-forms-all-fields-wrap label {
text-align: left;
padding-left: 0px;
padding-right: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #303030;
text-decoration: none;
width: 35%;
float: left;
font-size: 90%;
font-weight: normal;
}
#ninja_forms_form_1 input, #ninja_forms_form_5 input {
width: 50%;
}
.ninja-forms-all-fields-wrap {
width: 100%;
}
#ninja_forms_form_1 textarea, #ninja_forms_form_5 textarea {
height: 100px;
width: 50%;
margin: 0px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
border: 1px solid #222222;
}
fieldset {
padding: 1em;
padding-top: 1em;
border: 1px solid #00af60;
background-image: url(//healthsafety.co.uk/wp-content/themes/Quadriga/images/tranparentbackground.png);
background-repeat: repeat;
background-position: left top;
}
legend {
font-size: 90%;
background-color: #FFFFFF;
color: #1D1D1D; }
input#searchsubmit, input#submit, .nf-form-content input.submit {
padding: 2px;
font-family: Arial, Helvetica, sans-serif;
background-color: #00af60;
color: #fff;
font-weight: normal;
text-align: center;
border: none;
color: #ffffff;
height: auto;
width: 70px !important;
text-transform: uppercase;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0;
}
input#searchsubmit:hover, input#submit:hover, .nf-form-content input.submit:hover {
padding: 2px;
background-color: #00af60;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
border: none;
color: #1D1D1D;
height: auto;
width: 70px !important;
text-transform: uppercase;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0;
}  img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
padding-bottom: 10px;
border: none;
}
img.alignright {
padding: 0px;
border: none;
display: inline;
background: transparent;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 20px;
}
img.alignleft {
padding: 0px;
border: none;
background: transparent;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 0px;
margin-left: 0px;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
div.alignright {
margin-left: 10px;
} #comments {
width: 100%;
float:left;
margin: 5px 0px 5px 0px;
}
.commentlist {
width: 95%;
float:left;
margin: 5px;
}
.commentlist li ul li {
font-size: 12px;
}
.commentlist li {
font-weight: normal;
color: #666;
font-family: Arial, Helvetica, sans-serif;
}
.commentlist li .avatar { 
background: #FFFFFF;
float: right;
border: 1px solid #EEEEEE;
margin: 0px 5px 0px 10px;
padding: 2px;
}
.commentlist cite, .commentlist cite a {
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
color: #666;
font-style: normal;
font-size: 12px;
}
.commentlist p {
font-weight: normal;
text-transform: none;
}
.commentmetadata {
padding: 5px 0 0 0;
font-weight: normal;
}
#mainContent ol li p {
color: #000000 !important;
}
#mainContent #respond p{
color: #ffffff !important;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0px;
}
#commentform input#submit {
width: auto;
padding: 2px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
#commentform {
margin: 5px 10px 0px 0px;
}
#commentform textarea {
width: 98%;
padding: 10px;
border: 1px solid #666;
}
#respond:after {
content: "."; 
display: block; 
height: 0px; 
clear: both; 
visibility: hidden;
}
#commentform p {
margin: 5px 0px 5px 0px;
color: #000000;
}
#commentform #submit {
margin: 5px 0px 20px 0px;
float: left;
border: 1px solid #1D1D1D;
}
.alt {
margin: 0px;
padding: 10px;
}
.commentlist {
margin: 0px;
padding: 0px;
}
.commentlist ol {
margin: 0px;
padding: 10px;
}
.commentlist li {
margin: 15px 0px 10px;
padding: 10px 5px 10px 10px;
list-style: none;
}
.commentlist li ul li { 
margin-right: -5px;
margin-left: 10px;
}
.commentlist p {
margin: 10px 0px 10px 0px;
padding: 0px;
}
.children { 
margin: 0px;
padding: 0px;
}
.nocomments {
text-align: center;
margin: 0px;
padding: 0px;
}
.commentmetadata {
font-size: 10px;
margin: 0px;
display: block;
}
#author, #email, #url {
background: #FFFFFF;
color: #222222;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 4px;
border: 1px solid #666;
}
.thread-alt {
background: #FFFFFF;
margin: 0px;
padding: 0px;
}
.thread-even {
background: #F2F2F2;
margin: 0px;
padding: 0px;
}
.depth-1 {
border: 1px solid #E6E6E6;
margin: 0px;
padding: 0px;
}
.even, .alt {
border: 1px solid #CCC;
margin: 0px;
padding: 0px;
}
.pinglist {
padding-top: 10px; 
width: 500px; 
float: left; 
margin-left: 20px
}
li.pings {
border-bottom: 1px dotted #CCC;
margin: 0;
padding: 5px 0 5px 5px;
width: 500px;
}
.pings:first-child { border-top: none; }
.pings:last-child { border-bottom: none; padding-bottom: 30px; } .wp-caption {
border: 1px solid #00af60;
text-align: center;
background-color: transparent;
padding-top: 4px;
margin-bottom: 20px;
}
.wp-caption img {
margin: 3px;
padding: 0;
border: 0 none;
}
#mainContent .wp-caption p.wp-caption-text, #mainNav .wp-caption p.wp-caption-text {
padding: 0 4px 5px;
margin: 0;
text-align: center;
} #wp-calendar {
border: 1px solid #900;
empty-cells: show;
font-size: 14px;
margin: 0;
width: 90%;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
text-decoration: none;
}
#wp-calendar a:hover {
background: #e0e6e0;
color: #333;
}
#wp-calendar caption {
color: #630;
font-size: 16px;
text-align: left;
}
#wp-calendar td {
color: #933;
font: normal 12px  Arial, Helvetica, sans-serif;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}
#wp-calendar td.pad:hover {
background: #fff;
}
#wp-calendar td:hover, #wp-calendar #today {
background: #eee;
color: #bbb;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
} img.attachment-snippets {
float: left;
width: auto;
height:auto;
margin-right: 10px;
}
#mainImage img.attachment-page-single {
float: none;
}
body img.attachment-page-single {
display: none;
}
#mainContent img.attachment-page-single {
display: inline-block;
}
img.attachment-page-single {
float: none;
clear: both;
margin-bottom: 10px;
}
img.attachment-index-categories {
float: none;
clear: both;
margin-bottom: 10px;
width: auto;
display: block;
max-width: 550px;
height: auto;
}
.newsBox img.attachment-index-categories {
display: none;
}
#mainContent img {
background-color: transparent;
}
li.menu-item {
background-color: transparent;
}
li.menu-item a:link, li.menu-item a:visited {
background-color: transparent;
} .nav-button { display: none; } @media screen and (min-width: 0px) and (max-width: 800px) { .nav-button {
display: block;
position: absolute;
top: 7px;
right: 30px;
width: 50px;
height: 35px;
background: url(//healthsafety.co.uk/wp-content/themes/Quadriga/images/menu-icon-large.png), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
background: url(//healthsafety.co.uk/wp-content/themes/Quadriga/images/menu-icon-large.png),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
background: url(//healthsafety.co.uk/wp-content/themes/Quadriga/images/menu-icon-large.png),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
background: url(//healthsafety.co.uk/wp-content/themes/Quadriga/images/menu-icon-large.png),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
background-position: center center;
background-repeat: no-repeat;
background-size: 21px, 100%;
cursor: pointer;
border: 0 none;
border-bottom: 1px solid rgba(255,255,255,.1);
box-shadow: 0 0 4px rgba(0,0,0,.7) inset;
border-radius: 5px;
z-index: 4999;
text-indent: -9999px;
}
.nav-button:hover { 
background-color: rgba(0,0,0,.1); 
}
.nav-button.open {
background: url(//healthsafety.co.uk/wp-content/themes/Quadriga/images/close-icon-large.png), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
background: url(//healthsafety.co.uk/wp-content/themes/Quadriga/images/close-icon-large.png),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
background: url(//healthsafety.co.uk/wp-content/themes/Quadriga/images/close-icon-large.png),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
background: url(//healthsafety.co.uk/wp-content/themes/Quadriga/images/close-icon-large.png),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
background-position: center center;
background-repeat: no-repeat;
background-size: 21px, 100%;
} body { padding-top: 0px; } 
#banner {
padding-top: 50px;
padding-left: 10px;
padding-bottom: 20px;
clear: both;
display: block;
background-color: #000000;
height: auto;
}
ul.sf-menu {
width: 100%;
float: none;
background-color: #00af60; display: block;
height: 50px;
margin: 0px;
padding: 0;
overflow: hidden;
position: absolute;
top: 0px;
left: 0px;
z-index: 4000;
clear: both;
}
ul.sf-menu li {
display: none;
width: 100%;
font-family: Arial, Helvetica, sans-serif;	}
ul.sf-menu li a:link, ul.sf-menu li a:visited {
display: block;
width: 90%;
padding: 10px 5%;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
border-top: none; 
margin: 0px;
}
ul.sf-menu li a:hover {
background-color: #CCC;
border-top-color: transparent;
}
ul.sf-menu > li:first-child {
border-top: 1px solid #ffffff;
}
ul.sf-menu ul {
position:		relative;
width:			100%;
display: inline-block;
text-align: center;
}
ul.sf-menu li {
float:			none;
position:		relative;
}
ul.sf-menu ul li {
padding-left: 4%;
}
ul.sf-menu li:hover ul,
ul.sf-menu li.sfHover ul {
left:			0;
top:			0px; 
z-index:		99;
position: relative;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top:			0;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left:			0;
top:			0;
position: relative;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top:			0;
position: relative;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left:			0;
top:			0;
position: relative;
}
ul.sf-menu li.current_page_item a:link, ul.sf-menu li.current_page_item a:hover {
color: #CCCCCC;
}
ul.sf-menu li.current_page_item a:link, ul.sf-menu li.current_page_item a:visited, ul.sf-menu li.current_page_parent a:link, ul.sf-menu li.current_page_parent a:visited {
color: #CCCCCC;
}
ul.sf-menu li a:hover, ul.sf-menu li a:active, ul.sf-menu li.current_page_item a:hover, ul.sf-menu li.current_page_item a:active, ul.sf-menu li.current_page_parent a:hover, ul.sf-menu li.current_page_parent a:active {
text-decoration: underline;
color: #CCCCCC;
}
ul.sf-menu li ul.sub-menu li a:hover, ul.sf-menu li ul.sub-menu li a:active {
color: #838383;
text-decoration: underline;
} ul.sf-menu.open { 
height: auto; 
padding-top: 50px;
}
ul.sf-menu.open li { 
display: block; 
} ul.sf-menu > li:hover > a {
background: rgba(0,0,0,.5);
border-bottom-color: transparent;
}
ul.sf-menu li.parent > a:after {
content: "▼";
color: rgba(255,255,255,.5);
float: right;
}
ul.sf-menu li.parent > a:hover {
background: rgba(0,0,0,.75);
}
ul.sf-menu li ul {
display: none;
border-top: 0 none;
padding: 0;
}
ul.sf-menu li ul a {
border: 0 none;
font-size: 12px;
padding: 10px 5%;
font-weight: normal;
}
ul.sf-menu li:hover ul {
display: block;
border-top: 0 none;
}
img.attachment-snippets {
width: 100%;
}
#banner {
height: auto;
width: 100%;
position: relative;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
z-index: 1000;
display: block;
}
#logo, #rightBanner {
float: none;
width: 96%;
margin-right: 2%;
margin-left: 2%;
text-align: center;
}
#logo img {
width: auto;
}
#wrapper {
padding-top: 10px;
}
.videoshowcase {
float: none;
clear: both;
padding-left: 10px;
padding-bottom: 10px;
}
#mainNav, #mainContent {
float: none;
width: 100%;
}
#phone p {
text-align: left;
}
#signoffInner, #utility, #footer, #signoffright {
float: none;
margin-right: 2%;
margin-left: 2%;
width: 94%;
clear: both;
}
#footerWrapper, #footer {
height: auto;
}
#footer1, #footer2, #footer3, #footer4, #footerUpper1, #footerUpper2, #footerUpper3 {
float: none;
list-style:none;
background-image: none;
margin-right: 2%;
margin-left: 2%;
width: 96%;
background-image: none;
margin-top: 20px;
}
#mainContent .entry-summary, #mainContent .entry-content, #mainContent .woocommerce-tabs{
width: 100%;
float: none;
clear: both;
}
#mainContent .images .thumbnails a {
float: none !important;
clear: both !important;
width: 48%;
}
#mainContent .images img.attachment-shop_single,  #mainContent .images a.woocommerce-main-image {
width: 100%;
}
#mainContent .images {
height: auto;
padding-bottom: 0;
background-color: #ffffff;
width: 96%;
float: none;
clear: both;
}
ul.horiz a:link, ul.horiz a:visited {
padding-right: 10px;
padding-left: 10px;
}
#searchtop{
float: none;
width: 96%;
padding-right: 2%;
padding-left: 2%;
}
#mainContent ul.products li {
display: inline-block; 
vertical-align: top;
background-image: none;
padding-left: 0px;
margin-left: 0px;
}
#mainContent li.product {
width: auto;
margin-right: 0px;
margin-bottom: 15px;
}
#mainContent .woocommerce-tabs ul.tabs li {
padding-left: 0px;
padding-right: 0px;
color: #ffffff;
font-size: 110%;
margin-bottom: 5px;
margin-top: 5px;
float: none;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
margin-right: 0px;
display: block;
}
img.attachment-index-categories {
float: none;
clear: both;
margin-bottom: 10px;
display: block;
max-width: 96%;
height: auto;
}
img.attachment-snippets {
max-width: 60px;
}
#mainContent .imagewrapper img.attachment-shop_catalog {
max-height: 280px;
width: auto;
vertical-align:middle;
}
#mainContent li.product .imagewrapper {
width: 96%;
background-color: #ffffff;
margin-bottom: 15px;
height: auto;
padding-bottom: 0;
display:block;
vertical-align: middle;
text-align:center;
}
} 
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
#mainNav, #mainContent {
float: none;
width: 100%;
}
img.alignright {
padding: 0px;
margin: 0px;
border: none;
display: block;
float: none;
}
img.alignleft {
padding: 0px;
margin: 0px;
border: none;
display: block;
float: none;
}
#mainContent .images img {
max-width:96%;
height: 280px;
}
} img {
max-width:100%;
height: auto;
}