/* typography.css */

body {
	color : #333;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 72%;
	line-height: 1.5;
}

h2, h3, h4, p, ul, blockquote, table { 
margin : 0 20px .75em; }

h2, h3 { 
margin-bottom : .15em;
font : 190% "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; 
font-weight : bold; 
letter-spacing : -1px; }

h3 {
	margin-bottom : .15em;
	font-weight : normal;
	letter-spacing : -1px;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 160%;
}

h4 { 
margin-bottom : .15em;
font : 130% "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; 
font-weight : normal; 
letter-spacing : -1px; }

p { 
font-size : 100%; }

h2{ 
color : #333; }

h3 { 
color : #046C55; }

h2+p { 
font-size : 100%; }

sup,sub {	height: 0;	line-height: 1;	vertical-align: baseline;	_vertical-align: bottom;	position: relative;	}
sup {	bottom: 1ex;}
sub {	top: .5ex;}

li > h4 { margin-left : 0; }

div#nav_main p { 
font-size : 180%;
color : #046C55; }

div#site_info p { 
color : #fff; }

li > p { margin-left : 0; }

a:link, a:visited { 
text-decoration : none; }

a:link, a:visited { 
color : #f90; }

a:hover { text-decoration:underline; }

ul#nav_main a {
color : #fff; } 

ul#nav_main a:hover { 
text-decoration :underline ; }

.bottom-border { border-bottom: 1px dotted #999; padding-bottom: 5px; margin-bottom: 5px;}

strong { font-weight:bold; }

ul.adverts { line-height: 1.3em; }
.adverts li { padding-top: 3px; } 

th { font-weight: bold; font-size:110%; color: #fff; background-color: #046C55; text-align:left;}
td, th {padding: 4px; font-size: 100%;}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX FORMS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

form { margin: 0px;	padding: 0px; }

 /* Form controls */
#mainform form { margin: 5px; padding: 0 0 0 20px; width: 530px;}
#mainform label { float: left; text-align: left; margin-right: 0.5em; display: block; }
#mainform input { color: #000; background: #F2F2F2; padding: 2px; border: 1px inset #666666;  } 
#mainform select, #mainform textarea { color: #000; background: #F2F2F2; border: 1px inset #333333; } 
#mainform checkbox { color: #000; background: #F2F2F2; border: none; } 
#mainform fieldset { border: 1px #CCCCCC solid; }
#mainform legend { color: #046C55; background: #F2F2F2; font-weight: bold; font-size: 1.2em; border: 1px solid #66CC33; padding: 2px 6px; margin: 0 0 0 20px;} 
#mainform p { margin: 10px 0 0 10px; }
#mainform .submit  { 
	background: #046C55; 
	color: #FFFFFF; 
	font-weight: bold; 
	padding: 5px; 
	margin-bottom: 10px; 
	cursor:hand;
	border: 0;
	 } 
#mainform .noborder { background: #fff; border: none; } 
/* Form Control End */


/** BOX1 */
#box1 * {margin:0; padding:0; }
#box1 {margin: 0 20px; }

#box1 ul { margin-left: 20px;}
#box1 ul li { padding-bottom: 7px; list-style-type: square}
#box1 ul ul li {list-style-type: disc;}
#box1 ul ol { margin-left: 40px; margin-bottom: 0; padding-bottom: 0; }
#box1 ul ol li { padding-bottom: 3px; list-style-type:decimal}

#box1 p { padding-bottom: 0.5em; }
#box1 h3 { 	margin: 5px 0 0 0; font-size: 1em; color: #525252;}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX CART XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* eComm CSS Rules */
/* .ectlink a {font-size: 1.1em;} */

.catdesc {padding-left: 10px; }
.catname { width: 220px; font-size:110%}
img.catimage { vertical-align:top; border: 1px solid #CCCCCC; margin: 10px;}
/* td.catname a.ectlink {display: none; } */
.prodname, .detailname { font-size: 1.2em; color: #333333;}
.detailname.td  { margin-bottom: 2.5em;}
.proddescription, .detaildescription {font-size: 12px; color: #333333; }
.prodprice, .price {font-size: 14px;color: #333333; }
img.prodimage { border: 1px solid #CCCCCC;}
.pagenums {}
td.cobll {padding-left: 5px;}
td.catnavigation { vertical-align:middle; text-align: left; }
#box1 img.prodimage { margin-right: 10px; }
.discountsapply {color:#FF0000;}
.detaildiscounts, .proddiscounts {color:#FF0000;}
.detaildescription h3 { font-size: 1.2em;}
.detaildescription h4 { font-size: 1.1em;}
.detaildescription p, .proddescription p { }
.detaildescription ul { font-size: 1.1em; margin-left: 20px;}
.detaildescription li { padding-left: 0px; list-style-type:disc;}
.prodprice, .detailprice  { font-size: 1.1em; color: red;}
#printcontent { font-size: 11px; }
.navdesc, .catnavigation {display:none; }
.prodseparator { text-align:center; margin:0 auto;}

.separatorline {
clear: both;
text-align:center;
margin: 4px auto;
margin-top: 8px;
height: 10px;
width: 100%;
color: #666;
background: transparent url(../site/dottedrule.gif) top left repeat-x;
}

.separator {
clear: both;
text-align:center;
margin: 5px auto;
height: 2px;
width: 90%;
background-color: transparent;
}