/*
HTML 5 Template Name: Basic 86
File: Layout CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

html{overflow-y:scroll;} /* Forces a scrollbar when the viewport is larger than the websites content - CSS3 */

body{margin:0; padding:0; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; color:#919191; }

.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}
.clear{display:block; clear:both;}
html[xmlns] .clear{display:block;}
* html .clear{height:1%;}

a{outline:none; text-decoration:none;}

code{font-weight:normal; font-style:normal; font-family:Georgia, "Times New Roman", Times, serif;}

.fl_left{float:left;}
.fl_right{float:right;}

img{margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}
.imgholder, .imgl, .imgr{padding:4px; border:1px solid #D6D6D6; text-align:center;}
.imgl{float:left; margin:0 15px 15px 0; clear:left;}
.imgr{float:right; margin:0 0 15px 15px; clear:right;}

/*----------------------------------------------HTML 5 Overrides-------------------------------------*/

address, article, aside, figcaption, figure, footer, header, nav, section{display:block; margin:0; padding:0;}

q{display:block; padding:0 10px 8px 10px; color:#000000; background-color:#ECECEC; font-style:italic; line-height:normal;}
q:before{content:'“ '; font-size:26px;}
q:after{content:' „'; font-size:26px; line-height:0;}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{display:block; width:100%; margin:0; padding:0; text-align:left;}

.row0{color:#b5000; background-color:#000;}
.row1, .row1 a{color:#000;}
.row2{color:#000000; background-color:#FFFFFF;}
.row2 a{color:#c00; background-color:#FFFFFF;}
.row3, .row3 a{color:#b50000; background-color:#000;}

/*----------------------------------------------Generalise-------------------------------------*/

#header, #container, #footer{display:block; width:960px; margin:0 auto; }
#header, #footer {background-color:#000;}
nav ul{margin:0; padding:0; list-style:none;}

h1, h2, h4, h5, h6{margin:0; padding:0; font-size:16px; font-weight:bold; font-style:normal; line-height:normal; text-transform:uppercase;}

address{font-style:normal;}

blockquote, q{display:block; padding:8px 10px; color:#000000; background-color:#ECECEC; font-style:italic; line-height:normal;}
blockquote:before, q:before{content:'“ '; font-size:26px;}
blockquote:after, q:after{content:' „'; font-size:26px; line-height:0;}

form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}
input, textarea, select{font-size:12px; font-family:Georgia,"Times New Roman",Times,serif;}

.one_quarter, .two_quarter, .three_quarter, .four_quarter{display:block; float:left; margin:0 20px 0 0;}
.one_quarter{width:225px;}
.one_quarter2{width:225px;  display:block; float:left; margin:0; height:auto;}
.two_quarter{width:470px;}
.three_quarter{width:715px;}
.three_quarter2{width:630px; float:right; display:block;margin:0; margin-left:10px;}
.three_quarter2 h3{margin-left:20px;}
.three_quarter2 p {margin-left:20px;}
.three_quarter2 table {width:auto%; margin-top:15px; margin-left:auto; margin-right:auto;}
.three_quarter2 td {padding-right: 15px; text-align:center;}

.four_quarter{width:960px; float:none; margin-right:0; clear:both;}

.one_third, .two_third, .three_third{display:block; float:left; margin:0 30px 0 0;}
.one_third{width:300px;}
.two_third{width:630px;}
.three_third{width:960px; float:none; margin-right:0; clear:both;}

.lastbox{margin-right:0;}

/*----------------------------------------------Header-------------------------------------*/

#header{padding:0px 0; }

#header #hgroup{float:left; margin:0 0 10px 20px;}
#header #hgroup h1, #header #hgroup h2{font-weight:normal; text-transform:none;}
#header #hgroup h1{font-size:36px; color:#c00;}
#header #hgroup h1 a{font-size:36px; color:#c00;}
#header #hgroup h2{font-size:13px;}

#header nav{display:block; float:right; padding:0px 0; color:#b50000; margin-bottom:10px;}
#header nav ul{padding:0 20px;}
#header nav li{display:inline; margin-right:25px; text-transform:uppercase;}
#header nav li.last{margin-right:0;}
#header nav li a{color:#b50000; background-color:#fff;}
#header nav li a:hover{color:#b50000; background-color:#232323; text-shadow: 1px 1px 1px #0E0E0E;}

/*----------------------------------------------Content Area-------------------------------------*/

#container{padding:0px 0; font-family: Arial, Helvetica, sans-serif; font-size:14px; margin-top: 20px;}
#container section{display:block; width:100%; margin:0 0 25px 0; padding:0;}
#container .last{margin:0;}
#container .more{text-align:right;}

/* ------Slider-----*/

#container #slider{}
#container #slider figure{}
#container #slider figure img{float:right; width:630px; height:300px;}
#container #slider figure figcaption {display:block; float:left; width:280px; height:260px; padding:20px; overflow:hidden; color:#000; background-color:#DEDEDE; line-height:1.6em;}
#container #slider figure figcaption a{color:#c00; background-color:#DEDEDE;}
#container #slider figure figcaption a:hover{color:#000; background-color:#DEDEDE;}

#container #slider figure footer{}

.one_quarter2 {display:block; float:left; width:320px; height:auto; padding:0px; overflow:hidden; color:#000; line-height:1.6em;}
.one_quarter2 a{color:#c00; background-color:#DEDEDE;}
.one_quarter2 a:hover{color:#000; background-color:#DEDEDE;}
.three_quarter2 a{padding-left:15px;}

.desctxt {background-color: #DEDEDE; margin-bottom:10px; padding:20px; padding-bottom:10px; height: auto; padding-top:10px;}
.desctxt td {font-size:16px;}

.desctxt p {font-size:17px; font-weight:bold;  line-height: 1.3em;}
.advt { margin:0px; padding:0px; height: auto;  margin-top:20px; margin-bottom:20px; }

/* ------Main Content-----*/

#container #homepage{display:block; width:100%; line-height:1.6em;}

#container #homepage #services{}
#container #homepage #services article{}
#container #homepage #services article h2{font-size:14px; margin-bottom:15px;}
#container #homepage #services article p{margin:0; padding:0; min-height: 180px;}
#container #homepage #services article img{float:left; width:80px; height:80px; margin:0 10px 10px 0; padding:4px; border:1px solid #DEDEDE;}
#container #homepage #services article footer{margin:10px 0 0 0;}

#container #homepage #latest{}
#container #homepage #latest article{}
#container #homepage #latest article figure{}
#container #homepage #latest article figure img{margin:0 0 10px 0; padding:4px; border:1px solid #D6D6D6;}
#container #homepage #latest article figure figcaption{}
#container #homepage #latest article figure h2{font-size:14px;}
#container #homepage #latest article figure footer{}

/*----------------------------------------------Footer-------------------------------------*/

#footer{padding:20px 0;}
#footer p{margin:0; padding:0;}

a:hover {color:#000;}

#ui-datepicker-div {  z-index: 2000;}

input {width: 100px; border: 1px solid; padding-left: 10px;}

	

#customlinks {margin-top:10px; padding-left: 5px; line-height: 1.8em; font-size:14px;}
    
	
	
	

#mainmenutop { 
  
  font-family: helvetica, arial, serif;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
}
 
#mainmenutop .wrap {
  display: inline-block;
  margin-top: 0px;
  width:100%
  margin: 0 auto;
}


#mainmenutop a {
  text-decoration: none;
  color: #fff;
  display: block;
}

#mainmenutop ul {
  list-style: none;
  position: relative;
  text-align: left;
}

#mainmenutop li {
  float: left;
}

/* clear'n floats */
#mainmenutop ul:after {
  clear: both;
}

#mainmenutop ul:before,
#mainmenutop ul:after {
    content: " ";
    display: table;
}

#mainmenutop nav {
  position: relative;
  background: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-shadow: 1px 1px 1px #0E0E0E;
 
}

#mainmenutop nav li{ margin-right: 0px;
	
}

#mainmenutop nav ul{ padding: 0px;
}

/* prime */
#mainmenutop ul.primary li a {
  display: block;
  padding: 20px 30px;
  border: 1px solid #b50000;
  border-right: 3px solid #b50000;
}

#mainmenutop ul.primary li:last-child a {
	 border-right: 1px solid #b50000;
}

#mainmenutop ul.primary li a:hover {
  
  color: #b50000;
}

/* subs */
#mainmenutop ul.sub {
  position: absolute;
  z-index: 200;
  width: 35%;
  display:none;
}

#mainmenutop ul.sub li {
  float: none;
  margin: 0;
   text-shadow: 1px 1px 1px #0E0E0E;
}

#mainmenutop ul.sub li a {
  border-bottom: 1px dotted #ccc;
  border-right: none;
  color: #000;
  padding: 15px 30px;  
  text-shadow: 1px 1px 1px #0E0E0E;
}

#mainmenutop ul.sub li:last-child a {
  border-bottom: none;
}

#mainmenutop ul.sub li a:hover {
  color: #b50000;
  background: #fff;
}

/* sub display*/
#mainmenutop ul.primary li:hover ul {
  display: block;
  background: #fff;
}

/* keeps the tab background white */
#mainmenutop ul.primary li:hover a {
  background: #fff;
  color: #b50000;
  text-shadow: none;
}

#mainmenutop ul.primary a{
   text-shadow: none;
} 

#mainmenutop ul.primary li:hover > a{
   text-shadow: 1px 1px 1px #0E0E0E;
} 



 #customlinks .btn {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 500;
  font-style: normal;
  font-size: 0.625rem;
  letter-spacing: 0.3em;
  color: rgba(223,190,106,0.7);
  border-radius: 0;
  padding: 5px;
  transition: all 0.7s ease-out;
  background: linear-gradient(270deg, rgba(223,190,106,0.8), rgba(146,111,52,0.8), rgba(34,34,34,0), rgba(34,34,34,0));
  background-position: 1% 50%;
  background-size: 300% 300%;
  text-decoration: none;
  border: none;
  border: 3px solid rgba(223,190,106,0.3);
  margin: 2px;
  margin-left:none;
}

 #customlinks .btn a:{background-color: #ccc !important;}

  #customlinks .btn:hover {
  color: #fff;
  border: 1px solid rgba(223,190,106,0);
  color: $white;
  background-position: 99% 50%;
  background-color: #ccc !important;
}

  #customlinks .btn a:hover {background-color: transparent !important;}
  #customlinks .btn a {background-color: transparent !important;}
  
  #Navmenu {
	width: 300px;
	margin-top: 10px;
	margin-bottom:10px;
}
	
#Navmenu li a {
	text-decoration: none;
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
}
	
#Navmenu li a:link, #Navmenu li a:visited {
	color: #000;
	display: block;
	background: url(/css/images/ui-menu.png)repeat-y;
	padding: 7px 0 0 20px;
}
	
#Navmenu li a:hover {
	color: #000;
	background: url(/css/images/ui-menu.png)repeat-y 0 -32px;
	padding: 7px 0 0 25px;
}
	
#Navmenu li a:active {
	color: #000;
	background: url(/css/images/ui-menu.png)repeat-y 0 -64px;
	padding: 7px 0 0 25px;
}

#Navmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

  
  
  #updatesbanner {background-color:#232323; display:block; width:960px; margin: 0 auto;}
  #updatesbannertext {padding: 10px; color: C0BAB6;}
   #updatesbannertext a{color: yellow;}
   
   #dronelist td {min-width:100px;}
   
   #shippinglist{border-color : #b50000;
	border: 1px solid;}		
   
   #shippinglist {width: 960px; display:block; float:left; padding:20px; overflow:hidden; color:#000; background-color:#DEDEDE; line-height:1.6em; margin-bottom: 50px;}
#shippinglist a{color:#c00; background-color:#DEDEDE;}
#shippinglist td {padding-left:10px;}

#shippinglist table{
    table-layout: fixed;
    width: 900px;
}
    #shippinglist table td {
        width: 75px;
    }
	
nav table {margin:10px; margin-left:0px;}	

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  background: #fff;
  background-image: none;
}
/* Custom Select */
.select {
  position: relative;
  display: block;
  height: auto;
  line-height: 4;
  background: #fff;
  overflow: hidden;
  border-radius: .25em;
}
select {

  height: 150%;
  margin: 0;
  padding:5px;
  padding-left:10px;
  padding-right:10px; 
  color: #b50000;
  cursor: pointer;
  		border: 1px solid;
		border-color: #b50000;
}
select::-ms-expand {
  display: none;
}
/* Arrow */
.select::after {
  content: '\b50000';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 1em;
  background: #fff;
  pointer-events: none;
}
/* Transition */
.select:hover::after {
  color: #c00;
}
.select::after {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}

input {background: #fff; 
       color:#b50000;
	   padding:5px;
       padding-left:10px;
        padding-right:10px;
		border: 1px solid;
		border-color: #b50000;
	   
	   }
	  
	  
.desctxt, figcaption {
	height: auto;
	border-color : #b50000;
	border: 1px solid;
          }
		  
h3 {font-size:16px; font-family: Arial, Helvetica, sans-serif; margin-top: 15px; margin-bottom:15px;}
figcaption h2 {font-size:24px; font-family: Arial, Helvetica, sans-serif;}
		  
		  
img, {border-color : #b50000;
	border: 1px solid;}		

#services img, .juxtapose img, td img {border:none;}		 	


#topbanner {margin-top:20px; margin-bottom:20px; width:728px; height:90px; margin-left: auto;
    margin-right: auto; display: block;}
	
#menubanner {width:728px; height:90px; float:left; margin-left:25px; margin-top:40px; }

#btlogo {margin:none; padding:none; float:left; width:150px;}

#hgroup h2{margin-top:5px;}

.pdfobject-container { height: 800px; margin-left:10px;}
.pdfobject { border: 1px solid #666; }

#main > div > div > b > b > b > div.shippingdata > center > a {    color: #ce1b28; }