/* Smart Devices */	
@media (max-width: 959px) {

html {background:#000000;
position:relative;}
html, body, p, table, form, hr, dl, dt, dd, div, label, blockquote, dl, fieldset, address{margin: 0; padding: 0;}
fieldset {border:none;}

/* Slightly textured background */

body.home {padding-bottom:0px;}

body {
font-family: Tahoma,Arial,Helvetica,sans-serif;
font-size: 13px;
background-image:none;
background:transparent;
color: #fff;
padding-top:55px;
padding-bottom:55px;
}

a:link{color:#e30000;text-decoration:none;}
a:hover{color:#ffffff;}
a:visited{color:#e30000;}
a:active{color:#e30000;}

/* Generic uses on the site */
.enditem{margin-right:0px;}
.floatleft {float:left;}

input.inputbox {color:#a0a0a0; padding:5px;}
/* default refers to a style of button */
.default {margin-right:5px; border:none; background:none;}
#main #content .cart-view .billto-shipto {border:none;}
.button, .default {padding:5px; color:#919191; background: none repeat scroll 0 0 #0a0a0a; border:none; font-weight:bold; font-size:14px;}
.button:hover, .default:hover {color:#ffffff; outline:#a70808 solid 2px; }


#wrapper {width: 98%; background:transparent;margin:0 auto;}
#header{width: 100%;background:#000000;}
#header-elements{height:auto;}
#site_logo {background:transparent; float:none; text-align:center; width:100%;}	
#site_logo .moduletable .custom img {width:80%;}

#headerSearch {display:none;}
#header-elements .custom.phoneNo{	display:none}

#slider {width:100%;margin:0 auto;clear:both;display:block;}
.nivo-slider-wrapper.theme-default #nivo_slider_140.nivoSlider { box-shadow: none;background:transparent;}
.theme-default .nivoSlider {margin-bottom:0px; margin-top:5px; border:1px solid rgba(255, 255, 255, 0.15); box-sizing:border-box; border:none;}

#navigation {z-index:999; width: 100%; clear:both; overflow:hidden; margin-bottom:.5em; padding: 0; margin: 0;  list-style: none; border:none;background: #000;}
#navigation .moduletable ul.menu {display:none;}

#navigation .moduletable ul.menu-mobile, #navigation button.nav-button {display:block;}

	/* Navigation Button
	-------------------------------------------------------- */

	.nav-button {
		display: block;
		position: absolute;
		top: 7px;
		left: 7px;
		width: 50px;
		height: 35px;
		background: url('../images/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/menu-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/menu-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../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: 999;
		text-indent: -9999px;
	}
	.nav-button:hover { 
		background-color: rgba(0,0,0,.1); 
	}
	.nav-button.open {
		background: url('../images/close-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/close-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/close-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../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%;
	}

	/* Navigation Bar
	-------------------------------------------------------- */


	.menu-mobile {
		width: 100%;
		float: none;
		background-color: #b00000; /* change the menu color */
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		display: block;
		height: 50px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		box-shadow: 0 1px 2px rgba(0,0,0,.6);
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 998;
		clear: both;
	}
	.menu-mobile li {
		display: none;
		width: 100%;
		font-family: Arial;
	}
	.menu-mobile li a, .menu-mobile li span {
		display: block;
		width: 90%;
		padding: 10px 5%;
		font-size: 14px;
		font-weight: bold;
		text-shadow: -1px -1px 0 rgba(0,0,0,.15);
		color: white;
		text-decoration: none;
		border-bottom: 1px solid rgba(0,0,0,.2);
		border-top: 1px solid rgba(255,255,255,.1); 
	}
	.menu-mobile li a:hover	{
		background-color: rgba(0,0,0,.5);
		border-top-color: transparent;
	}
	.menu-mobile > li:first-child {
		border-top: 1px solid rgba(0,0,0,.2);
	}

	/* Toggle the navigation bar open  */

	.menu-mobile.open { 
		height: auto; 
		padding-top: 50px;
	}
	#navigation .moduletable ul.menu-mobile.open,
	#navigation .moduletable .menu-mobile.open li	{ 
		display: block!important; 
	}

	/* Submenus – optional .parent class indicates dropdowns */

	.menu-mobile > li:hover > a {
		background: rgba(0,0,0,.5);
		border-bottom-color: transparent;
	}
	.menu-mobile li.parent > a:after,
	.menu-mobile li.parent > span:after {
		content: "▼";
		color: rgba(255,255,255,.5);
		float: right;
	}
	.menu-mobile li.parent > a:hover {
		background: rgba(0,0,0,.75);
	}
	.menu-mobile li ul {
		display: none;
		background: rgba(0,0,0,.5);
		border-top: 0 none;
		padding: 0;
	}
	.menu-mobile li ul a,
	.menu-mobile li ul li span {
		border: 0 none;
		font-size: 12px;
		padding: 10px 5%;
		font-weight: normal;
	}
	
	#navigation ul span {
    padding-left: 5%;
    text-align: left;
    text-decoration: none;
    text-transform: initial;	
	}
	
	.menu-mobile li:hover ul {
		display: block;
		border-top: 0 none;
	}

/* End Mobile Styles */

#main {background:#000000;clear:both;}

/* all modules */
.moduletable._submenu,
.moduletable._35,
#content,
#center-top,
.moduletable_newsletter,
.moduletable.testimonials, 
.moduletable_know,
.moduletable_different{background:transparent; border:none}

.moduletable.testimonials.tmargin .newsflashtestimonials {display:none; text-align:left; padding:10px;}
.moduletable.testimonials.tmargin .newsflashtestimonials p{margin: 8px 0;}

#main #left-col,
#main #right-col {display:none;}



/* HOMEPAGE: FEATURES */
/* centre top */
body.home #center-top{margin-top:0px; margin-left:0px; display:inline-block;}
body.home #center-top ul.menu {width:100%; position: relative; margin:0; padding:0; background:#000000; bottom:0; display:block;}
body.home #center-top ul.menu li {float:left; list-style:none; margin:0; padding:0; width:50%; border:none; height:auto; height:auto}			
/*body.home #center-top ul.menu li:last-child {border-right:none; width:25%;}*/
body.home #center-top ul.menu li:hover{background-image:none;background:none; text-align:center;}
body.home #center-top ul.menu li a {color:#fff; display:block;font-size:21px; font-weight:bold; border:none; height:auto;width:100%; margin:0%; border-radius:10px; padding:0px;}
body.home #center-top ul.menu li a img{display:block; padding-top:5%;}
body.home #center-top ul.menu li a span{display:none;}
body #center-top ul.menu li a span{display:block; width:100%; clear:both; padding:2% 1%; font-size:1.1em}

/* active link background */
body.home #center-top ul.menu li.active, 
body.home #center-top ul.menu li.active.deeper.parent span.separator 
{background: #c30000; /* border: solid 1px #000;*/ }	


body.home #center-top ul.menu li a,
#main .custom_mobile {border:2px solid #000000;}

/* ALL PAGES: FEATURES */
/* centre top */

#center-top{margin-top:0px; margin-left:0px;}

body.home #center-top ul.menu {z-index:initial;}
#center-top ul.menu {width:98%; position:fixed; margin:0; padding:0; background:transparent; bottom:0; display:block; z-index:99999;}

#center-top ul.menu li {float:left; list-style:none; margin:0; padding:0; width:25%; overflow:hidden; height:auto; border:none; height:43px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#383838+0,141414+100 */
background: #383838; /* Old browsers */
background: -moz-linear-gradient(top,  #383838 0%, #141414 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383838), color-stop(100%,#141414)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #383838 0%,#141414 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #383838 0%,#141414 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #383838 0%,#141414 100%); /* IE10+ */
background: linear-gradient(to bottom,  #383838 0%,#141414 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#141414',GradientType=0 ); /* IE6-9 */ border-top-right-radius:5px; border-top-left-radius:5px; padding-top:4px;}			
#center-top ul.menu li:last-child {border-right:none;}
#center-top ul.menu li.active a {color:#ffffff;}
#center-top ul.menu li a {color:#dedede;/*color:#fff; display:block;font-size:21px; font-weight:bold; text-align:center; padding:21px;*/
	margin:0 auto;
	background: transparent;
    border-top: none;
    display: block;
    font-size: 13px;
    height: 30px;
    width: auto;
	text-align:center;
	padding-top:1%;
	padding-bottom:1%;
 }
 
#center-top ul.menu li a img{width:100%; display:none;}
#center-top ul.menu li a span{width:100%; clear:both; }

/* active link background */
#center-top ul.menu li:hover,
#center-top ul.menu li.active, 
#center-top ul.menu li.active.deeper.parent span.separator 
{
background: #b00000; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #e30000 0%, #b00000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e30000), color-stop(100%,#b00000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e30000 0%,#b00000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e30000 0%,#b00000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e30000 0%,#b00000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e30000 0%,#b00000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30000', endColorstr='#b00000',GradientType=0 ); /* IE6-8 */;}	

/* Mobile contact info */
#main .custom_mobile {display:block; width:100%; clear:both; background:transparent; margin:0% auto;}
#main .custom_mobile #mobile_contact {width:100%; text-align:center; display:block; font-size:1.9em; font-weight:bold; padding-top:2%; padding-bottom:2%; border-radius:5px;}
#main .custom_mobile #mobile_toolkit {padding:2%; border-radius:5px; text-align:center; display:inline-block;}
#main .custom_mobile #mobile_toolkit table{}
#main .custom_mobile #mobile_toolkit table tbody{}
#main .custom_mobile #mobile_toolkit table tbody tr{}
#main .custom_mobile #mobile_toolkit table tbody tr td a{color:#ffffff!important;}
#main .custom_mobile #mobile_toolkit table tbody tr td.image{width:20%;}
#main .custom_mobile #mobile_toolkit table tbody tr td.text{width:80%;}
#main .custom_mobile #mobile_toolkit table tbody tr td h3{background: transparent;margin-top:0; margin-bottom:0; font-size:1.6em;padding:0;}
#main .custom_mobile #mobile_toolkit table tbody tr td p{font-size:1.2em;}
#main .custom_mobile #mobile_toolkit table tbody tr td img{width:100%}

/* Red Gradient background */
#main .custom_mobile #mobile_contact, 
#main .custom_mobile #mobile_toolkit, 
body.home #center-top ul.menu li a {
background: #b00000; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #e30000 0%, #b00000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e30000), color-stop(100%,#b00000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e30000 0%,#b00000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e30000 0%,#b00000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e30000 0%,#b00000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e30000 0%,#b00000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30000', endColorstr='#b00000',GradientType=0 ); /* IE6-8 */;
}

/* content */
#content,body.home #content{width:100%; clear:both; float:none; margin-left:0;  margin-top:0px; padding:0px;}
#content p{margin: 8px 0;}


#content .item-page .module {
color: #ffffff; 
float: none; 
margin-left:0;
border-radius:10px;
margin:0 auto;
clear:both;
padding:1%;
background: #383838; /* Old browsers */
background: -moz-linear-gradient(top,  #383838 0%, #141414 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383838), color-stop(100%,#141414)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #383838 0%,#141414 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #383838 0%,#141414 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #383838 0%,#141414 100%); /* IE10+ */
background: linear-gradient(to bottom,  #383838 0%,#141414 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#141414',GradientType=0 ); /* IE6-9 */
}

#main #content .item-page .module ul li {background: url('/templates/openglobal/images/mainlev.png') no-repeat 0 9px; padding: 4px 0px 4px 20px}



/* client login */
#main #content .login form fieldset {display:block; border:none;}
#main #content .login form fieldset div.login-fields {padding:4px}
#main #content .login form fieldset button.button {margin-top:15px;}
#main #content ul li {list-style:none; padding:0px; margin:0px;}		

/* shop elements */
#main #content .order-view form #com-form-order-submit {margin-top:18px;}
fieldset.userdata {border:none;}

/* Contact Form */
#content .chronoform {display:none;}
#contact-form fieldset dl dt {margin-top:8px;}
.contact-address address span {display: block;}



/* social module on the bottom of pages */
#og_socialwrap {clear:both; width:auto; margin-top:0%; text-align:center; padding-top:4%; padding-bottom:4%;}
#og_socialwrap .custom-og_social {padding-bottom:4%;}
#og_socialwrap img {opacity:1.0;}
#og_socialwrap img:hover {opacity:0.6;}

/* footer */
#footer {display:block; color:#e3e3e3; width:100%; margin: 5px auto; padding-top:2%; padding-bottom:4px; text-align:left; background:transparent; clear:both;}
#copyright {text-align:center; margin: 0 auto; background: transparent; font-size: 10px;}
#copyright a {color: #ee2525; text-decoration: none;}


.homeblock_left, .homeblock_right {float: none; margin: 40px auto 0; padding: 10px; height: auto;}



}
