/* eventually, we should include common.css here */

/*** elements *****************************************************************/

a {
   text-decoration:     none; }

a:active, a:link, a:visited {
   color:               #4A6284; }

a:hover {
   color:               #3366CC; }

a img {
   border:              none; }

body {
   background-color:    #FFFFFF;
   background-image:    url("../images/bg.gif");
   color:               #666666;
   font-family:         "Tahoma", sans-serif;
   font-size:           10px;
   font-weight:         normal;
   height:              100%;
   margin:              0;
   padding:             0;
   text-align:          left;
   text-decoration:     none;
   width:               100%; }

/*** classes ******************************************************************/

#wrap {
   min-width:           760px; }

/* Header */

#header{
width:100%;min-width:760px;
visibility:visible;
overflow:hidden;
height:150px;min-height:150px;
margin:0px 0px 0px 0px;padding:0px;
border-top-style:solid;border-top-width:7px;border-top-color:#4A6284;
background-image:url(../images/header_bg.gif);
background-repeat:repeat-x;
text-align:left;
clear:none;
}

#subheader {
width:760px;
height:132px;
float:left;
}

#header img {
   float:               left;
   /* margin:              0px; */
   /* overflow:            hidden; */
   /* padding:             0px; */ }

#header table{ margin:0px;padding:0px;float:left;}

/* Footer */

#footer { 
width:100%;height:29px;
background-image:url(../images/footer_bg.gif);
overflow:hidden;
padding:0px 0px 0px 0px;
margin:0px;
border-bottom-style:solid;
border-bottom-color:#FFFFFF;
border-bottom-width:50px;
clear:both;
}



.footertext{
font-family:tahoma;font-size:10px;
color:#4A6284;
text-decoration:none;
text-align:left;
font-weight:bold;
margin:0px 0px 0px 30px;
padding: 8px 0px 0px 0px;
}

#middlewrap{
background-color:#FFFFFF;
margin:0px;
padding:0px;
overflow:visible;
}

#rightfill{

height:100%;
min-height:250px;
width:100px;
background-color:#999999;
float:right;
}

/* Left content */

#left{
width:180px;background-color:#F6F6F6;height:100%;min-height:300px;
border-left-style:solid;
border-left-width:8px;
border-left-color:white;
padding:0px;
margin:0px 0px 0px 0px;
float:left;
border-right-style:dashed;
border-right-width:1px;
border-right-color:#BCBCB5;
border-bottom-style:dashed;
border-bottom-width:1px;
border-bottom-color:#BCBCB5;
border-left-style:none;
border-top-style:none;
min-height:500px;

}

/* Right content */

#right{
min-width:576px;min-height:200px;
background-color:#FFFFFF;
padding:0px 1em 0px 0px;
margin:0px 0px 0px 0px;
overflow:visible;
text-align:left;
visibility:visible;
float:none;
border-style:none;
}

#right img {
                        margin: 15px 2px 15px 2px; }

/* Product title */

.prodtitle{
width:435px;height:17px;
background-image:url(../images/prod_title.gif);
margin:20px auto 5px auto;
overflow:hidden;
}

.prodtext{
font-family:tahoma;font-size:10px;
color:#666666;
text-decoration:none;
text-align:left;
font-weight:normal;
width:435px;
margin:0px auto 0px auto;
padding: 3px 10px 5px 30px; }

/* News section */

.newsheader {
   background:          url("../images/news_headerbg.png") no-repeat;
   color:               #FFFFFF;
   font-size:           10px;
   font-weight:         bold;
   height:              24px;
   margin:              15px 0px 5px 0px;
   overflow:            hidden;
   padding:             3px 0px 0px 25px;
   text-transform:      uppercase;
   width:               147px; }

.newstext{width:147px;overflow:hidden;
font-family:tahoma;font-size:10px;
color:#666666;
text-decoration:none;
text-align:left;
font-weight:normal;
margin:10px auto 10px auto;
}

.navtext{width:147px;overflow:hidden;
font-family:tahoma;font-size:11px;
color:#666666;
text-decoration:none;
text-align:left;
font-weight:bold;
margin:10px auto 10px auto;
}

/* Headings */

h1{font-family:tahoma;font-size:11px;width:147px;
color:#8D2800;
text-decoration:none;
text-align:left;
font-weight:bold;
margin:0px;

}

h2{font-family:tahoma;font-size:11px;
color:#4A6284;
text-decoration:none;
text-align:left;
font-weight:bold;
margin:0px;
}

h3{
width:110px;
font-family:tahoma;font-size:11px;
color:#8D2800;
text-decoration:none;
text-align:left;
font-weight:bold;
float:right;
margin:3px 10px 5px 0px;
}

.spacer { width : 140px;
margin: 3px auto 3px auto;
border-bottom-width:1px;
border-bottom-style:dotted;
border-bottom-color:#989898;
}





#menuitems {
   list-style:          none;
   margin:              0;
   padding:             0 0 0 6px;
   text-transform:      uppercase; }

#menuitems a {
   background:          #F6F6F6;
   border-bottom:       1px dotted #999999;
   display:             block;
   padding:             2px;
   width:               164px; }

#menuitems a:link, #menuitems a:visited {
   color:               #4A6284;
   font-weight:         bold;
   text-decoration:     none; }

#menuitems a:hover {
   background:          #FFFFFF;
   /* color:               #CCCCCC; */
   color:               #3366CC;
   font-weight:         bold; }






#navlist {
   background:          #4A6284;
   color:               #FFFFFF;
   float:               left;
   font:                11px bold "Arial", sans-serif;
   font-weight:         bold;
   height:              18px;
   margin:              0;
   padding:             0;
   width:               100%; }

#navlist a {
   background-color:    #4A6284;
   border-right:        1px solid #EEEEEE;
   color:               #FFFFFF;
   float:               left;
   padding:             0.2em 1em;
   text-decoration:     none; }

#navlist a:hover {
   background:          #F6F6F6;
   color:               #000000; }

#navlist li {
   display:             inline; }





TD.mincart {
font-size: 10px;
font-family : Verdana;
}

P.mincart {
font-size: 10px;
font-family : Verdana;
}

TABLE.cobtbl{
background-color: #F6F6F6;
border: 1px;
border-style: dotted;
} 

TD.cobhl{
background-image:url(../images/bg.gif);
}

TD.cobll{
background-color: #fff;
color : #666666;
}

form {
margin: 0;padding: 0;
}

input.search
{
	height: 12px;
	background-color: #F6F6F6;
	border: solid #666;
	border-width: 1px;
	font-family: tahoma;
	color: rgb(0,0,0);
	font-size: 11px;
	
}















#previewmode {
   background:       yellow;
   float:            left;
   width:            100%; }

#previewmode p {
   color:            black;
   font:             10pt "Tahoma", sans-serif;
   margin:           1em; }

#previewmode a, #previewmode a:active, #previewmode a:hover,
   #previewmode a:link, #previewmode a:visited {
   
   color:            blue;
   text-decoration:  underline; }





div.detaillistprice, div.detailprice, div.listprice, div.prodprice {
   font-size:        12pt; }

div.detailprice, div.prodprice {
   color:            #8D2800; }


  /* --- menu styles ---
note:
	1. not all browsers render styles the same way so try out your style sheet
	on different browsers before publishing;
style naming convention:
	m<zero based menu number>l<zero based level number>i|o<for inner or outer tag>
*/

/* all levels inner */
.minner {
	font-family:tahoma;font-size:11px;
	color:#4A6284;
	text-decoration:none;
	font-weight:bold;
	padding: 2px;
}
/* all levels outer */
.moout {
	text-decoration : none;
	background-color: #F6F6F6;
	border-top-color: #999999;
	border-top-style: dashed;
	border-top-width: 1px;
	border-bottom-color: #999999;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}
.moover {
	text-decoration : none;
	background-color: #F6F6F6;
	border-top-color: #999999;
	border-top-style: dashed;
	border-top-width: 1px;
	border-bottom-color: #999999;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}