@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;
	font-style: normal;
	text-transform: normal;
	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: #3765c6;
	text-decoration: none; 
}
a:visited {
	color: #3765c6;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
	color:#8db4da;
}

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

/* LEFT SIDEBAR
-------------------------------------*/
.sidebar1 {
	float: left;
	width: 180px;
	background: #fff;
	padding-bottom: 10px;
}

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

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

/* LEFT NAVIGATION MENU
-------------------------------------*/
ul.nav {
	list-style: none; 
	margin-bottom: 15px; 
}
ul.nav a, ul.nav a:visited { 
	padding: 0px 5px 5px 15px;
	display: block; 
	width: 160px;  
	text-decoration: none;
	background: #fff;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	background: #fff;
	color:  #60a1de;
	text-decoration:underline;
}

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

/* 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-bottom: 1px solid #ccc;
	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 120px;
	color: #999;
	font: normal 30px Arial, Helvetica, sans-serif;
}

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

/* SEARCH PROPERTIES
-------------------------------------*/
.sub	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background: #ccc;
	height: 20px;
	width: 56px;
	border: 1px solid #333;
	padding-bottom:12px;
	text-align:center;
	vertical-align:bottom;
}

input.search	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	background: #ECECEC;
	height: 16px;
	width: 240px;
	border: 1px solid #333;
}

/* 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;
}