@charset "utf-8";

/* The file generic.css is used to style this template. If you are using your own design this file can be deleted and just use the ectstyle.css which includes the classes for the shopping cart software.
-------------------------------------*/

div.tabpanelcontent {
font-size: 16px;
}
div.detailshortdescription {
background-color: transparent;
}

div.minicartoneline > div{display: none;}



body {
	font: 14px Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	color: #000;
}

/* LIST PROPERTIES
-------------------------------------*/
ul, ol, dl { 
	padding: 0;
	margin: 0;
}

/* HEADING PROPERTIES
-------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	text-align: center;
}

/* PARAGRAPH PROPERTIES
-------------------------------------*/
p {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px; 
    line-height:1.5em;
}

/*REMOVE BORDER FROM ALL IMAGES
-------------------------------------*/
a img { 
	border: none;
}

/* THE LINK PROPERTIES
-------------------------------------*/
a:link {
	color: #42413C;
	text-decoration: none; 
}
a:visited {
	color: #6E6C64;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
	color:#60a1de;
}

/* THE MAIN CONTAINER
-------------------------------------*/
.container {
	width: 990px;
	background: #fff;
	margin: 0 auto; 
}

/* LEFT SIDEBAR
-------------------------------------*/
.sidebar1 {
	float: left;
	width: 16%;
	background: #fff;
	padding-bottom: 10px;
    line-height:22px
}

/* CENTER CONTENT
-------------------------------------*/
.content {
	padding:0px 10px;
	width: 80%;
	float: left;
}

/* LIST PROPERTIES IN MAIN BODY
-------------------------------------*/
.content ul, .content ol { 
	padding: 0 15px 15px 40px;
}

/* THE FOOTER
-------------------------------------*/
.footer {
	padding: 10px 0;
	background: #fff;
	position: relative;
	clear: both;
	border-bottom: 3px solid #333;
    border-top:2px solid #ccc;
}

/* FLOAT / CLEAR CLASSES
-------------------------------------*/
.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
p.ftr{
	text-align:right;
	font: normal 11px Arial, Helvetica, sans-serif;
}

.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* HEADER PROPERTIES
-------------------------------------*/
.header {
	background: #fff;
	border-top: 3px solid #333;
	float: left;
}
.hdrR {
	color: #60a1de;
	font: normal 12px Arial, Helvetica, sans-serif;
	padding: 30px 0px 18px 4px;
    border-top: 3px solid #333;
	line-height: 16px;
	text-align: right;
	margin-bottom:10px;
}

div.headl{
	float:left;
	width:48%;
	text-align:left;
	padding:4px 0px;
}

div.headr{
	float:left;
	width:48%;
	text-align:right;
	padding:4px 0px;
}

div.headcnt{
	float:left;
	width:98%;
	padding:4px;
	border-bottom: 1px solid #ccc;
}

/* PAGE TITLE
-------------------------------------*/
.title{
	padding: 10px 0px 20px 10px;
	color: #999;
	font: normal 30px Arial, Helvetica, sans-serif;
}

/* SIDEBAR HEADING PROPERTIES
-------------------------------------*/
p.menu{
	border-bottom: 1px solid #ccc;
	font: normal 16px Arial, Helvetica, sans-serif;
	padding: 10px 0px 4px 0px;
	width:96%;
}

/* SEARCH PROPERTIES
-------------------------------------*/
.sub	{
	font-family:FontAwesome, arial, sans-serif;
	font-size: 12px;
	color: #fff;
	background: #333;
	height: 30px;
	border: 1px solid #333;
	text-align:center;
    cursor:pointer;
}

.sub:hover{
    background:#000;
    color:#fff;
}

input.tpsearch	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background: #fff;
	height: 26px;
	width: 220px;
	border: 1px solid #333;
    padding-left:4px
}

/* Generic version icon 
-------------------------------------*/
div.icon{
	float:left;
	padding:8px;
}

/* h1 heading properties 
-------------------------------------*/
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #999;
	padding-top:10px;
	text-align:center;
}


/*This is the first breakpoint and contains styles for screens 990px to 800px*/
@media screen and (max-width: 980px) {

/* THE MAIN CONTAINER
-------------------------------------*/
.container {
	width: 96%;
}
}

/*This is the second breakpoint and contains styles for screens 800px to 600px*/
@media screen and (max-width: 800px) {

/* LEFT SIDEBAR
-------------------------------------*/
.sidebar1 {
	width: 24%;
}

/* CENTER CONTENT
-------------------------------------*/
.content {
	width: 72%;
	padding:0px;
}

/* HEADER PROPERTIES
-------------------------------------*/
.hdrR{
	clear:left;
	text-align:center;
}

.header {
	border-top: 3px solid #fff;
}
}

/*This is the third breakpoint and contains styles for screens below 600px*/
@media screen and (max-width: 600px) {

/* LEFT SIDEBAR
-------------------------------------*/
.sidebar1 {
	width: 94%;
	padding:0px 4px
}

/* CENTER CONTENT
-------------------------------------*/
.content {
	width: 94%;
}
}