@charset "utf-8";
body  {
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #fff;
	height:100%;
	margin:0px auto;
	padding:0;
	height:100%;
	background:#555;
	font-family: 'raleway', sans serif;
}

.jdf3Col #container{ 
	width: 960px;  
	margin: 0 auto;
	text-align: left; 
	padding:0;
}

.jdf3Col #header {
	z-index:2;
	position:relative;
	background: url(../assets/images/header.png) no-repeat top;
	margin: 0px 0px;
	padding: 156px 10px 35px 10px;
}

.jdf3Col #header2 {
	z-index:2;
	position:relative;
	background: url(../assets/images/header_light.png) no-repeat top;
	margin: 0px 0px;
	padding: 156px 10px 35px 10px;
}

.jdf3Col #mainContent {
	z-index:1;
	margin: -24px 0px;
	padding: 10px 20px;
	border-right:solid #000 2px;
	border-left:solid #000 2px;
	/* Fallback for web browsers that doesn't support RGBa */
	/*background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"
	font-family: 'raleway', sans serif;
	clear:both;
}

.jdf3Col #footer {
	font-family: 'raleway', sans serif;
	font-size:14px;
	margin:0px;
	padding: 30px 60px;
	background:#000;
	text-align:center;
	font-stretch:semi-condensed;
	letter-spacing:1px;
	line-height:20px;
}

.jdf3Col #sidebar1 {
	float: left; 
	width: 150px; 
	background: #EBEBEB; 
	padding: 15px 10px 15px 20px;
}
.jdf3Col #sidebar2 {
	float: right; 
	width: 160px; 
	background: #EBEBEB; 
	padding: 15px 10px 15px 20px; 
}

/* ---------- Cols --------- */

.onetwentycol {
  width: 120px;
  margin: 0 10px;
  float: left;
  padding: 0;
}

.jdf3Col #icons {
	margin: 5px -28px 160px -28px;
	width:960px;
	text-align:center;
	clear:both;

}

.jdf3Col #shopbackground {
	margin: auto 0px;
	height:auto;
	width:960px;
	text-align:center;
	clear:both;
	overflow: auto;

}

.col2 {
	width:310px;
	text-align:center;
	font-size:24px;
	color:#FF9;
	float:left;
	
}

.col2 #imgb {
	width:300px;
	height:60px;
	background:#000;
	margin:2px 25px;
	padding: 2px 2px;
}

.imgb2 {
	float:right;
	display:inline;
	width:300px;
	height:60px;
	background:#000;
	margin:18px 20px;
	padding: 2px 2px;
	z-index:50;
}

.col3 {
	display:inline;
	width:410px;
	padding:10px 30px;
	text-align:center;
	font-size:24px;
	color:#FF9;
	float:left;
	
}

.menuicon a img {border:none}
.menuicon a {display:block; width:300px; height:60px; overflow:hidden;}
.menuicon a:hover img {margin-left:-300px;}
.menuicon a:hover {zoom:1;}

.paypalicon a img {border:none;}
.paypalicon a {display:block; width:200px; height:150px; overflow:hidden;}
.paypalicon a:hover img {margin-left:-200px;}
.paypalicon a:hover {zoom:1;}

.buynowicon input img {border:none;}
.buynowicon input {display:block; width:200px; height:50px; overflow:hidden;}
.buynowicon input:hover img {margin-left:-200px;}
.buynowicon input:hover {zoom:1;}

.jdf3Col #mainText {
	margin: 0px 10px 30px 10px;
	padding: 10px 20px;
	width:550px;
	font-family: 'raleway', sans serif;
	color:#FFF;
	font-size:14px;
	text-align:justify;
	line-height:24px;
		background: rgba(0, 0, 0, 0.8);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb000000, endColorstr=#bb000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb000000, endColorstr=#bb000000)"
}

.jdf3Col #mainText2 {
	margin: 0px 10px 30px 10px;
	padding: 10px 20px;
	width:860px;
	font-family: 'raleway', sans serif;
	color:#FFF;
	font-size:14px;
	text-align:justify;
	line-height:24px;
		background: rgba(0, 0, 0, 0.8);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb000000, endColorstr=#bb000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb000000, endColorstr=#bb000000)"
}

.jdf3Col #mainText3 {
	margin: 0px -10px 30px 10px;
	padding: 10px 20px;
	width:520px;
	font-family: 'raleway', sans serif;
	color:#FFF;
	font-size:14px;
	text-align:justify;
	line-height:24px;
		background: rgba(0, 0, 0, 0.8);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb000000, endColorstr=#bb000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb000000, endColorstr=#bb000000)"
}

.jdf3Col #mainAboutText {
	margin: 0px 10px;
	padding: 10px 20px;
	width:860px;
	font-family: 'raleway', sans serif;
	color:#FFF;
	font-size:14px;
	text-align:justify;
	line-height:24px;
		background: rgba(0, 0, 0, 0.8);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb000000, endColorstr=#bb000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb000000, endColorstr=#bb000000)"
}

.jdf3Col #testimonial{
	float:right;
	margin: 0px 10px;
	padding: 10px 20px;
	width:250px;
	font-family: 'raleway', sans serif;
	color:#FFF;
	font-size:14px;
	text-align:left;
	line-height:24px;
	overflow:hidden;
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"
}

.jdf3Col #testimonial2{
	float:right;
	margin: 0px 5px;
	padding: 10px 20px;
	width:290px;
	font-family: 'raleway', sans serif;
	color:#FFF;
	font-size:14px;
	text-align:left;
	line-height:24px;
	overflow:hidden;
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"
}

.jdf3Col #testimonial3{
	float:right;
	margin: -180px 10px;
	padding: 10px 20px;
	width:250px;
	font-family: 'raleway', sans serif;
	color:#FFF;
	font-size:14px;
	text-align:left;
	line-height:24px;
	overflow:hidden;
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"
}

/* ----------- P A H etc --------- */

.jdf3Col #footer p, .jdf3Col #mainText p, .jdf3Col #testimonial p, .jdf3Col #testimonial2 p, .jdf3Col #mainAboutText p, .jdf3Col #mainText2 p, .jdf3Col #mainText3 p {
	color:#FFF;	
}

.jdf3Col #footer p span, .jdf3Col #mainText p span, .jdf3Col #mainAboutText span, .jdf3Col #mainText2 p span, .jdf3Col #mainText3 p span {
	color:#ed6;	
}

.jdf3Col #testimonial p span, .jdf3Col #testimonial2 p span { 
	color:#ed6;	
	margin:0px 20px;
}

.jdf3Col #footer h1 {
	font-size:16px;
	color: #ed7;
	padding:0;
	margin:0;
}

.jdf3Col #mainText a, .jdf3Col #mainText2 a, .jdf3Col #mainText3 a, .jdf3Col #testimonial3 a {
	color:#fe3;
	text-decoration:none;
}

.jdf3Col #mainText a:hover, .jdf3Col #mainText2 a:hover, jdf3Col #mainText3 a:hover, .jdf3Col #testimonial3 a:hover {
	text-decoration:underline;
}


.jdf3Col #footer a {
	color:#eee;
	text-decoration:none;
}

.jdf3Col #footer a:hover {
	color:#ed7;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*------------------- SLILDER ----------------------*/

.boxbackground {
	text-align:left;
	background:#383838;
	border:	4px #000 solid;
	margin:15px 20px;
	padding:10px 10px 20px 10px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.5);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)";
}

.newsItem {
	width: 800px;
	height: 160px;
	text-align: left;
	background: #333;
	border: 4px #000 solid;
	margin: 40px 10px 70px 10px;
	padding: 10px 10px 20px 10px;
	background: #000;
	font-size: 14px;
	font-family: 'raleway', sans-serif;
	line-height: 18px;
}

.newItem h2 {
	color:#fe3;	
}

.boxbackground hr, .newsItem he {
	display: block;
	height: 1px;
    border: 0;
	border-top: 1px solid #888;
    margin: 5px 0;
	padding: 0px;	
}

.boxbackground h1 {
	font-size:18px;
	font-weight:bold;
	color:#Fc3;
}

.newsItem h1 {
	font-size:14px;
	font-weight:bold;
	color:#Fc3;	
}

.boxbackground h1 span, .newsItem h1 span {
	color:#FFf;
}
.boxbackground p {
	font-family: 'raleway', sans-serif;
	font-size: 14px;
	color: #FFF;
	line-height: 20px;
	margin: 20px 20px;
}

.newsItem p {
	font-family: 'raleway', sans-serif;
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}

.newsItem p span {
	color:#fe3;	
}

.boxbackground h3 a, .newsItem a {
	color:#ff3;
	text-decoration:none;
}

.boxbackground h3 a:hover, .newsItem a:hover {
	text-decoration:underline;		
}

.boxbackground p span, .boxbackground h3, .newsItem h3 {
	color: #FFCC29;
}
.boxbackground h3 span, .newsItem h3 span {
	color:#Fc3;	
	font-size:16px;
}

.newsItemDate {
	z-index: 9;
	display: inline;
	float: left;
	width: 80px;
	height: 80px;
	background: #333;
	border: 5px #777;
	margin: 30px 10px;
	padding: 10px 10px;
	text-align: center;
	font-family: 'raleway', sans-serif;
	font-size: 14px;
	color: #fff;
	vertical-align: middle;
}

.col3 #shopitem {
	width: 400px;
	height: 498px;
	color: #ff8;
	margin: 10px -10px;
	text-align: left;
	border: 2px solid #000;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.5);


	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)";
	
}

.col3 #shopitem img {
	border:2px solid #000 inset;
}

.col3 #shopitem h5 {
	font-size:16px;
	padding:12px 20px;
	float:left;
	z-index:12;
	margin:-5px 0px;
	text-align:left;	
}

.buynow {
	z-index:12;
	/*display:inline;*/
	position:absolute;
	float:left;
	width:200px;
	height:30px;
	padding:2px;
	background:#000;
	border:#000 solid 2px outset;
	margin:410px 180px;	
	text-align:center;
	vertical-align:middle;
	font-family: 'raleway', sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#fe1;
}

.itemPrice {
	z-index:10;
	/*display:inline;*/
	position:absolute;
	float:left;
	width:100px;
	height:20px;
	background:#321;
	border:#000 solid 2px;
	margin:300px 270px;	
	padding:8px 5px;
	text-align:center;
	vertical-align:middle;
	font-family: 'raleway', sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#fe1;
}

.itemDesc {
	position: absolute;
	width: 390px;
	height: 130px;
	margin: 32px 13px 0px 3px;
	background: #000;
	border: #511 solid 1px;
	padding: auto;
	display: table;
	font-family: 'raleway', sans-serif;
	font-size: 14px;
	color: #fff;
	vertical-align: middle;
}

.itemDesc p {
	padding:5px 10px;
	margin:0px;
}

.itemDesc h1 {
	margin:0px;
	padding:0px 15px;
	color:#fE9;
	font-size:14px;
}

.newsItemDate h1 {
	font-size:15px;
	font-weight:bold;
}

.newsItemHeading {
	font-family: 'raleway', sans-serif;
	float:right;
	display:inline;
	z-index:10;
	font-size:20px;	
	font-weight:bold;
	margin:-40px 10px;
	color:#Fe6;
}

/*--------------- TABLES ---------------------*/
.table1 {
  width: 800px;
  background: #252525;
  text-shadow: none;
  font-size:16px;
  font-family: 'raleway', sans-serif;
  margin:auto;
}


.table1 th, .table1 td {
  padding: auto auto;
  line-height: 20px;
  text-align:center;
  vertical-align:middle;
}

.table1 th {
  padding-top: 9px;
  font-weight: bold;
  vertical-align: middle;
  border-bottom: 1px solid #181818;
  color:#FC3;
}


.table1 td + td {
  border-left: 1px solid #131313;
}



.table1 tr + tr td {
  border-top: 1px solid #010101;
  border-bottom: 1px solid #222222;
}


.table1 tbody tr:nth-child(odd) td {
  background-color: #323232;
}

.table1 tbody a {
	color:#Fe1;
	text-decoration:none;
}
.table1 tbody span {
	color:#Fe8;	
}

.table1 tbody a:hover {
	color:#000;
	text-decoration:underline;
}


.table1 tbody tr:hover td {
  background-color: #14a509;
}

/* ------------ Contact Form ------------------- */

.grid_8 {
	display: inline;
  	float: left;
  	margin: 0 50px 0 90px;
  	font-family: 'raleway', sans-serif;
	font-stretch:normal;
	line-height:normal;
	list-style:none;
	width:740px;
}

.hide {
  display: none;
}

#contactform {
  margin: 15px 0;
}

.stack .input, .stack label {
  width: 100%;
  text-align: left;
}

.input {
  display: inline-block;
  width: 80%;
}

.input input {
  width: 70%;
}

.input textarea {
  width: 90%;
}

label {
  display: inline-block;
  width: 11%;
  text-align: right;
  margin-top: 10px;
  margin-right: 4%;
  line-height: 30px;
  height: 30px;
  vertical-align: top;
}

.input input, .input textarea {
  border: 1px solid #101010;
  -moz-box-shadow: inset 0px 0px 5px 1px #0b0b0f;
  -webkit-box-shadow: inset 0px 0px 5px 1px #0b0b0f;
  -o-box-shadow: inset 0px 0px 5px 1px #0b0b0f;
  box-shadow: inset 0px 0px 5px 1px #0b0b0f;
  font-family: 'raleway', sans-serif;
}

.input input:focus, .input textarea:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.clearfix.error .input input, .clearfix.error .input textarea {
  border: 1px solid #330000;
  -moz-box-shadow: inset 0px 0px 5px 1px maroon;
  -webkit-box-shadow: inset 0px 0px 5px 1px maroon;
  -o-box-shadow: inset 0px 0px 5px 1px maroon;
  box-shadow: inset 0px 0px 5px 1px maroon;
}

.clearfix.error label {
  color: #FF0000;
}

div.help-inline {
  width: 100%;
  color: #FF0000;
}

input[type=text], input[type=password], textarea {
  margin: 10px 0;
}

input[type=text], input[type=password] {
  height: 30px;
  padding: 0 5px;
}

textarea {
  padding: 5px;
  height: 150px;
  width: 70%;
}

.actions {
  width: 100%;
}

input[type=submit] {
  padding: 5px 10px;
  cursor: pointer;
  color: black !important;
  border: 1px solid black !important;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2c2c2c), color-stop(100%, #000000));
  background-image: -webkit-linear-gradient(#2c2c2c, #000000);
  background-image: -moz-linear-gradient(#2c2c2c, #000000);
  background-image: -o-linear-gradient(#2c2c2c, #000000);
  background-image: -ms-linear-gradient(#2c2c2c, #000000);
  background-image: linear-gradient(#2c2c2c, #000000);
  text-shadow: 1px 1px 1px #333333;
  background-color: #0d0d0d;
  color: #888!important;
  float: right;
  margin-right: 10%;
  font-weight: bold;
}

input[type=submit]:hover {
  color: black !important;
  border: 1px solid black;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #050505), color-stop(100%, #1a1a1a));
  background-image: -webkit-linear-gradient(#050505, #1a1a1a);
  background-image: -moz-linear-gradient(#050505, #1a1a1a);
  background-image: -o-linear-gradient(#050505, #1a1a1a);
  background-image: -ms-linear-gradient(#050505, #1a1a1a);
  background-image: linear-gradient(#050505, #1a1a1a);
  text-shadow: 1px 1px 1px #404040;
  background-color: #0d0d0d;
  color: #888!important;
}

#loader {
  background: url(img/ajax-loader.gif) no-repeat;
  width: 16px;
  height: 16px;
}

/* to hide the antispam field in the contact form */
.hidden {
  margin-top: 0!important;
  margin-bottom: 0!important;
  padding-top: 0!important;
  padding-bottom: 0!important;
  text-indent: -9999px;
  height: 0!important;
  line-height: 0!important;
  visibility: hidden;
  border: 0;
  display: block;
}

.search {
  margin: 8px 0 30px 0;
  width: 240px;
  height: 30px;
  padding: 0 3px;
  background: #b5b5b5;
  position: relative;
}

.search input {
  background: none;
  box-shadow: none;
  border: none;
  margin: 0;
  width: 205px;
  color: #434448;
}

.search input:focus {
  background: none;
  box-shadow: none;
  border: none;
  margin: 0;
  width: 205px;
  color: #434448;
}

.search input[type=submit] {
  border-radius: none;
  height: 16px;
  cursor: pointer;
  width: 16px;
  padding: 0;
  background: none;
  border: none!important;
  text-shadow: none;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6%2BR8AAAAlElEQVR42oWQQRHEIAxF10ElVAISVgo3bCABCUhYCZWAhEpAQpoD6bzJhNnDO0DyyA8fEXkppXyVCpLViDUfyqVIQN9JFMY637hrlCySFauL21E7KVWbAIGx56rnSLqc5KPXSLo3kySalPhTygFhRDtFC09EIsMeZJSGBj7Qveh3OJW89syImiH%2BIO2BOJX0XwA2%2BQEL4pAhSX4aBQAAAABJRU5ErkJggg%3D%3D") no-repeat;
  color: #333333!important;
  position: absolute;
  top: 8px;
  right: 5px;
}

/* **************************** FORM **************************** */ 
.clear {
	clear: both;
	height: 0px;
}
.btn_full_news {
	font-size: 16px;
	font-weight: bold;
	color: #ff3;
	text-decoration: none;
	font-family: 'raleway', sans-serif;
}
.news_archive {
	width: 100%;
	border-collapse: collapse;
}
.news_archive tr th {
	background-color: #FC3;
	padding: 5px;
	color: #000;
}
.news_archive tr td {
	background-color: #000;
	padding: 5px;
}
.news_archive tr td a {
	color: #FFF;
	text-decoration: none;
}
#news_archive_months li a {
	color: #FFCC29;
	text-decoration: none;
}