﻿/* Main content */


body{
	background-image:url(images/page_bg.gif);
	background-position:center;
	background-repeat: repeat-y;
	margin:0px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6;
	color:#000;

}

td p {font:11px Verdana, Arial, Helvetica, sans-serif;color:#333;line-height:1.6;}
ul{margin:0;padding:0;}

#maincontainer{
width: 900px;
margin: 0 auto;
}

/* Header */
#flashcontent {
	height: 100%;
	font: 12px 'Trebuchet MS', arial, sans-serif;
	font-weight: bold;
	color: #999;
	text-align:center;
	line-height: 200px;
}

#flash{
display: block;
}
html{
	margin:0;
	padding:0;
	height:100%;
	width: 100%;
}

#header {

	background-image:url(images/banner.gif);
	background-repeat:no-repeat;
	background-position: top;
	padding: 6px 0;
	height: 99px;
}

#header .logo {
	padding-top: 0px;
	padding-bottom:5px;
}
#header .hdrR {
	line-height: 16px;
	text-align: right;
	padding-right: 13px;
}
#header .hdrR p {
	color: #60a1de;
	font: normal 30px Arial, Helvetica, sans-serif;
	padding: 10px 0 0 0px;
}
.clr {
	clear: both;
	line-height: 0;
	font-size: 0;
	border: none;
}
#header .logo {
	float: left;
}
.l {
	float: left;
}
#header .hdrR {
	float: right;
}

/* Body content */
#mainwrapper{
float: left;
min-height: 1200px;
width: 100%;
background-image: url(images/main_bg.gif);
background-repeat:repeat-y;
}

#maincontent{

margin-left: 150px; 
border: 0px solid #ccc;
}
div.store{
padding:10px;
}

div.storefeaturetop{
margin-top:10px;
width: 738px;
}

div.storefeature{
margin-top:10px;
width: 738px;
background:#FFF;
border:solid;
border-width:thin;
border-color:#000;
}

/* Left content */
.lefthand{
float: left;
width: 140px; 
margin-left: -900px; 
background-image:url(images/left_bg.gif);
background-repeat:repeat-y;
border: 0px solid #ccc;
list-style:none;
line-height:18px;
}

.leftside ul li{
list-style:none;
line-height:18px;
padding-left:8px;
}

.leftside ul li a{
	color: #FFF;
	text-decoration: none;	
}	

.leftside ul li a{
	color: #FFF;
	text-decoration: none;	
}

.leftside ul li a:hover{
	color: #66cccc;
	text-decoration: underline;
	font-weight: bold;
}

/* Footer content */
.footer1{
clear: left;
width: 100%;
height: 100%;
background-image:url(images/main_bottom_bg.gif)
}




div.footer{
background-image:url(images/footer_bg.gif);
background-repeat:repeat-x;
clear: left;
width: 100%;
}

div.bottomlinks{
background-image:url(images/bottomlinks_bg.gif);
float: left;
width: 210px;
height:150px;
border-right: 0px solid #ccc;
border-top: 0px solid #ccc;
padding-right: 15px;
}

div.bottomlinks_right{
background-image:url(images/bottomlinks_bg_right.gif);
float: left;
width: 210px;
height:150px;
border-right: 0px solid #ccc;
border-top: 0px solid #ccc;
padding-right: 15px;
}

div.bottomlinks_left{
background-image:url(images/bottomlinks_bg_left.gif);
background-position:left;
float: left;
width: 210px;
height:150px;
border-right: 0px solid #ccc;
border-top: 0px solid #ccc;
padding-right: 15px;
}
/* Main Link Properties */
A:link {
	color: #333;
	text-decoration: none;
	border: 0px;
}



A:visited {
	color: #333;
	text-decoration: none;
}
A:active {
	color: #333;
	text-decoration: none;
}
A:hover {
	color: #66cccc;
	text-decoration: underline;
}
/* Store Generated Link Properties */
A.ectlink:link {
	color: 333;
	text-decoration: none;
	
}
A.ectlink:visited {
	color: 333;
	text-decoration: none;
}
A.ectlink:active {
	color: #da6805;
	text-decoration: none;
}
A.ectlink:hover {
	color: #66cccc;
	text-decoration: underline;
}
/* Top navbar */
div#topnav
{

background-image:url(images/navbar_bg.gif);
background-repeat:no-repeat;
border-top: solid 0px #FFFFFF;
border-bottom: solid 0px #FFFFFF;
height:27px;
}
div#topnav ul
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: 66cccc;
text-align: center;
margin: 0;
padding-bottom: 0px;
padding-top: 5px;
padding-left: 0px;
line-height:1.3;
}
div#topnav ul li
{
display: inline;
border-style:none;
}
div#topnav ul li a
{
padding: 5px 10px 5px 10px;
color: #3FF;
font-weight: bold;
text-decoration: none;
border-style:none;
margin-right: -1px;
}
div#topnav ul li a:hover
{

}

/* Titles */
h1 {
	font-size: 12px;
	font-family : Verdana,Arial,sans-serif;
	font-weight : bold;
	padding-top: 5px;
	border-bottom: 1px dotted #999;
	color : #66cccc;
	margin-left: 14px;
	margin-right: 4px;
	text-align:right;
}

h2 {
	font-size: 12px;
	font-family : Verdana,Arial,sans-serif;
	font-weight : bold;
	padding: 5px;
	background-color: #333;
	color : #FFF;
	margin-top:0px;

}

h3 {
	font-size: 12px;
	font-family : Verdana,Arial,sans-serif;
	font-weight : bold;
	padding: 5px;
	background-color: #3c4e8c;
	color : #FFF;
	margin:4px;
	margin-right:10px;
	}

div#homepics li a
{

border-style:none;
}

div#homepicstop li a
{
border-style:none;
}

div#picscontent1 li a
{
border-style:none;
}
div#picscontent2 li a
{
border-style:none;
}
div#picscontent3 li a
{
border-style:none;
}
div#picscontent4 li a
{
border-style:none;
}
div#picscontent5 li a
{
border-style:none;
}
div#picscontent6 li a
{
border-style:none;
}



div.homepics{
	width:730px;
	height: 370px;
}

div.homepicstop{
	width:730px;
	height:200px;

}

div.picscontent1{
	width:358px;
    height:180px;
    border: 0px;
	padding:0px;
	margin-top: 6px;
	float:left;
}


div.picscontent2{
	width:358px;
    height:190px;
    border: 0px;
	padding:0px;
	margin-top: 6px;
	float:left;
}

div.picscontent3{
	width:358px;
	height:180px;
	border: 0px;
	padding:0px;
	margin-top:6px;
	float:right;
}
 
div.picscontent4{
	width:358px;
	height:190px;
	border: 0px;
	padding:0px;
	margin-top:6px;
	float:right;
}

div.picscontent5{
	width:358px;
    height:190px;
    border: 0px;
	padding:0px;
	margin-top: 6px;
	float:left;
}

div.picscontent6{
	width:358px;
	height:190px;
	border: 0px;
	padding:0px;
	margin-top:6px;
	float:right;
}




div.prodpic{
	float:left;
	width:100px;
	height:100px;
	background-color:#FFF;
}

div.prodtext{
	padding-top: 30px;
	float:right;
	width:250px;
}



/* Catagory Formatting
-------------------------------------*/
TD.catimage { 
vertical-align:top; 
} 

TD.catname { 
vertical-align:top; 
text-align: center; 
} 

TD.catnavigation { 
vertical-align:middle;
text-align: center; 
}

P.catname {
text-align: center; 
margin-top: 0px; 
margin-bottom: 4px; 
vertical-align:top;
}

P.catdesc { 
margin-top: 0px; 
margin-bottom: 4px; 
vertical-align:top;
}

IMG.catimage { 
border:1px; 
border-thickness: 1px; 
border-color: #000; 
border-style: solid; 
vertical-align:top;
}


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

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

/* Horizontal rule */
hr {
height: 0;
border-width: 1px 0 0 0;
border-style: solid;
border-color:#000;

}
/* Minicart */
TD.mincart {
font-size: 11px;
font-family : Verdana, Arial, Helvetica, sans-serif;
}

P.mincart {
font-size: 11px;
font-family : Verdana, Arial, Helvetica, sans-serif;
}

table.mincart
{
border: 1px dotted #333;
background-color: #FFF;
width: 136px;
}

td.mincart
{
background-color: #ECECEC;
}
/* Table backgrounds */
TABLE.cobtbl{
background-color: #333;
}

TD.cobhl{
background-color: #ECECEC;
}

TD.cobll{
background-color: #FFF;
color : #333;
}
/* Price properties */
SPAN.price, .detailprice, .prodprice {
font:bold 14px Arial, Helvetica, sans-serif;color:#333;
padding-top: 4px;
text-align: center;
}

.prodname, .detailname{
color: #333;
font-weight:bold;
}
.prodcurrency{
text-align:center;}

