@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 style.css which includes the classes for the shopping cart software.
-------------------------------------*/
/* body {
	font: 13px Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	color: #000;
	line-height: 18px;
} */


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


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

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

/* THE LINK PROPERTIES
-------------------------------------*/
a:link {
	color: #FE7C00;
	text-decoration: none;
	text-weight: bold;
	
}
a:visited {
	color: #FE7C00;
	text-decoration: none;
	text-weight: bold;
}
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: 100%;
	background: #519cbb;
	padding-left: 8px;
        line-height:22px;
        margin-bottom: 25px;
}

/* 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 24px;
        border-bottom: 1px solid #ccc;
	border-top: 3px solid #333;
	line-height: 16px;
	text-align: right;
	margin-bottom:10px;
}

/* 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: Arial, Helvetica, 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;
}


iframe{
	max-width: 100%
}



/*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 640px*/
@media screen and (max-width: 800px) {

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

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

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

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

}

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

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

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

}