﻿/* Main content */
body{
	margin:0px;
	font: normal 13px Arial, Verdana, Helvetica, sans-serif;
	color:#333;
	line-height:1.6;
	background-color: #3481d1;
	background-image: url(images/bg1.jpg);
	background-repeat: repeat-x;
}
td p {font:13px Arial, Helvetica, Verdana, sans-serif;color:#333;line-height:1.6;}

ul.TickList {
  list-style-image: url('images/tick.gif')
} 

ul.MusicSymbol {
  list-style-image: url('images/music-symbol.jpg')
}

#maincontainer{
width: 900px;
margin: 0 auto;
background:#fff;
}

.hdrR {
padding-top:14px;
font: normal 13px Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
color:#ccc;
float: right;
}
.logo {
float: left;
}

.lefttop{
float:right;
padding-right:4px;
}
.rightlogo {
padding-top: 6px;
padding-left:8px;
margin-right:2px;
color:#fff;
background:#1453a3;
width:604px;
height:26px;
}

.clr {
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
	border: none;
}


/* LINK PROPERTIES
-------------------------------------*/
A:link {
	color: #506DA9;
	text-decoration: none;
}
A:visited {
	color: #506DA9;
	text-decoration: none;
}
A:active {
	color: #506DA9;
	text-decoration: none;
}
A:hover {
	color: #da6805;
	text-decoration: none;
}

/* Body content */
#mainwrapper{
float: left;
width: 100%;
}

#maincontent{
margin-left: 150px; 
border: 0px;
}
div.store{
padding:10px;
}

/* Left content */
.lefthand{
float: left;
width: 140px; 
margin-left: -900px; 
list-style:none;
line-height:20px;
}
div.leftside{
border-right: 1px dotted #ccc;
border-top: 1px dotted #ccc;
}
	
.leftside ul li{
list-style:none;
line-height:20px;
padding-left:6px;
}

ul.leftmenu{margin:0;padding:0;}

/* Footer content */
.footer1{
clear: left;
width: 100%;
background: #fff;
}

#footer{
clear: left;
width: 100%;
background: #fff;
}

div.bottomlinks{
float: left;
width: 208px;
background: #fff;
border-right: 2px solid #ccc;
border-top: 2px solid #ccc;
padding:5px;
}


/* Titles */
h1 {
	font-size: 13px;
	font-family : Verdana,Arial,sans-serif;
	font-weight : bold;
	padding-top: 0px;
	margin-left: 4px;
	margin-right: 8px;
	color:#333;
    margin-bottom: 1px;
	margin-top:0px;	
}
h2 {
	font-size: 14px;
	text-align:center;
	font-family : Verdana,Arial,sans-serif;
	font-weight : bold;
	padding: 5px;
	color : #da6805;
	margin-top:0px;
}

h3 {
	font-size: 12px;
	text-align:center;
	font-family : Verdana,Arial,sans-serif;
	font-weight : bold;
	padding: 5px;
	color : #da6805;
	margin-top:0px;
}
div.homehead{
background-image: url('images/homehead.gif');
text-align:center;
height:36px;
color: #506DA9;
font-family : Verdana,Arial,sans-serif;
font-weight:bold;
font-size: 20px;
}

div.homehead h1{
color: #506DA9;
font-family : Verdana,Arial,sans-serif;
font-weight:bold;
font-size: 20px;
}

div.hometitle{
background-image: url('images/homehead.gif');
padding-left:16px;
height:36px;
color: #F8A430;
font-family : Verdana,Arial,sans-serif;
font-weight:bold;
font-size: 22px;
}

/* Home products */
div.homepics{
	width:750px;

}
div.picscontent{
	width:358px;
	border: 0px;
	padding:5px;
	margin-top: 6px;
	float:left;
}

div.picscontent1{
	width:358px;
	border: 0px;
	padding:5px;
	margin-top:6px;
	float:right;
}
div.prodpic{
	float:left;
	
}

div.prodtext{
	float:right;
	width:250px;
}

/* Horizontal rule */
hr {
height: 0;
border-width: 1px 0 0 0;
border-style: solid;
border-color: #B2D77A;
}

/* Cart Table */
table.cobtbl{
background-color: #B1B1B1;
}

td.cobhl{
background-color: #EBEBEB;
}

td.cobll{
background-color: #FFF;
}
/* Left CSS Menu */
ul.ectmenu1 {
list-style: none;
border:0px solid;
font-size:13px;
padding:0px;
background-color: #fff;
}
li.ectmenu1 {
	padding:0px;
	background-color:#fff;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #ccc;
	border-bottom-color: #ccc;
}
li.ectmenuhassub1 a{
display:block;
padding:4px;
}
li.ectmenuhassub1 a:hover{
display:block;
padding:4px;
background-color: #fff;
color: #da6805;
}
li.ectmenu1 a{
display:block;
padding:4px;
}
li.ectmenu1 a:hover{
background-color: #fff;
color: #da6805;
}

/* Detail Image Alignment */
td.detailimage {
vertical-align:top; 
}

.csprodimage {
width: 100px;
height: 100px;
text-align: center;
}
.csprodname {
font-size: 11px;
font-family : Verdana;
text-align: center;
}
div.minicartoneline{
background:#fff;
}
div.minicartoneline1{
padding:2px;
font: normal 12px Arial, sans-serif;
float:left;
color:#333;
}
div.minicartoneline2{
padding:2px;
font: normal 12px Arial, sans-serif;
float:left;
color:#333;
}
div.minicartoneline3{
padding:2px;
font: normal 12px Arial, sans-serif;
color:#333;
}
