A:link {
	color: #000080;
	text-decoration: none;
}

A:visited {
	color: #000080;
	text-decoration: none;
}

A:active {
	color: #000080;
	text-decoration: none;
}

A:hover {
	color: #FF0000;
	text-decoration: none;
	font-style: italic;
}

TD {
	font-size: 14px;
	font-family : Verdana;
}

P {
	font-size: 12px;
	font-family : Verdana;
	color: #000080;
}

TD.smaller {
	font-size: 12px;
	font-family : Verdana;
	color : #000080;
}

P.smaller {
	font-size: 12px;
	font-family : Verdana;
	color : #000080;
}

HR {
	color : #324F72;
}

html {
scrollbar-face-color:#FFCC99;
scrollbar-arrow-color:#324F72;
scrollbar-track-color:#87A0C7;
scrollbar-shadow-color:#324F72;
scrollbar-highlight-color:#5F84AD;
scrollbar-3dlight-color:#324F72;
scrollbar-darkshadow-Color:#5F84AD;
}

body {
background-attachment: fixed;
background-image:url('images/bkgrd24.jpg');
}

body.index {
background: #FFFFFF;
}

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: #000080; 
border-style: solid; 
vertical-align:top; 
}

TD.catimage { 
vertical-align:top; 
} 

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

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

.cpdhl {
background : #FFF;
color: #333;
font-weight: bold;
}

TD.mincart {
	font-size: 11px;
	font-family : Verdana;
	border:1px; 
    border-width: 1px; 
    border-color: #000080; 
    border-style: solid

}

P.mincart {
	font-size: 11px;
	font-family : Verdana;
                color: #000080;
}

td.product {
border: 1px solid #000080;
background-color: #FFF;
}

SPAN.price {
COLOR: #FF0000;
}

div.prodinstock {
font-size: 10px;
font-family: Verdana;
color: 666666 
}

div.proddescription {
font-size: 10px;
font-family: Verdana;
color: #000080;
background-color: #CAE4FF;
}

div.detaildescription {
font-size: 12px;
font-family: Verdana;
color: #000080;
background-color: #CAE4FF;
}

img.prodimage {
border: 1px dotted #000080;
}

div.detailprice {
font-size: 12px;
font-family: Verdana;
}

div.prodprice {
font-size: 12px;
font-family: Verdana;
}

div.detailname {
font-size: 12px;
font-family: Verdana;
color: #000080;
}

div.prodname {
font-size: 12px;
font-family: Verdana;
color: #000080;
}

div.detailid {
font-size: 12px;
font-family: Verdana;
}

div.prodid {
font-size: 12px;
font-family: Verdana;
}

table.table1 {
width: 100%;
background: #FFFFFF;
height: 438px;
border: 2px; 
border-width: 2px; 
border-color: #324F72; 
border-style: solid;
}

table.table2 {
width: 100%;
background: #FFFFFF;
height: 77px;
border: 0px;
border-left-style: solid;
border-left-width: 2px;
border-left-color: #324F72;
border-right-style: solid;
border-right-width: 2px;
border-right-color: #324F72;
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #324F72;
}

table.table3 {
width: 40%;
background: #FFFFFF;
height: 275px;
border: 0px;
vertical-align: middle;
}

TD.td3ul {
width: 24px;
}

TD.td3top {
background-image: url('tbl3/tbl3top.jpg');
width: 24px;
}

TD.td3ur {
width: 24px;
}

TD.td3left {
background-image: url('tbl3/tbl3left.jpg');
width: 24px;
}

TD.td3center {
background-image: url('tbl3/tbl3center.jpg');
width: 100%;
}

TD.td3right {
background-image: url('tbl3/tbl3right.jpg');
width: 24px;
}

TD.td3ll {
width: 24px;
}

TD.td3bot {
background-image: url('tbl3/tbl3bot.jpg');
width: 24px;
}

TD.td3lr {
width: 24px;
}

table.table4 {
width: 98%;
background: #CAE4FF;
vertical-align: middle;
border: 0px;
}

TD.ul {
width: 33px;
}

TD.top {
background-image: url('tbl1/tbl1top.jpg');
width: 33px;
}

TD.ur {
width: 33px;
}

TD.left {
background-image: url('tbl1/tbl1left.jpg');
width: 33px;
}

TD.center {
background-image: url('tbl1/tbl1center.jpg');
width: 100%;
}

TD.right {
background-image: url('tbl1/tbl1right.jpg');
width: 33px;
}

TD.ll {
width: 33px;
}

TD.bot {
background-image: url('tbl1/tbl1bot.jpg');
width: 33px;
}

TD.lr {
width: 33px;
}

TD.td1 {
width: 90%;
height: 102px;
border: 3px; 
border-width: 3px; 
border-color: #324F72; 
border-style: solid;
background-image: url('images/bkgrd5.jpg'); 
vertical-align: bottom;
}

TD.td2 {
width: 14%;
height: 48px;
border: 3px;
text-align: center;
vertical-align: top;
background: #FFFFFF;
}

TD.td3 {
width: 68%;
height: 48px;
border-left-style: solid;
border-left-width: 3px;
border-left-color: #324F72;
border-right-style: solid;
border-right-width: 3px;
border-right-color: #324F72;
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #324F72;
background: #FFCC99;
}

TD.td4 {
width: 17%;
height: 326px;
background: #FFCC99;
}

TD.td5 {
width: 14%;
height: 261px;
border: 3px;
text-align: center;
vertical-align: top;
background-image: url('images/bkgrd20.jpg');
}

TD.td6 {
width: 66%;
height: 278px;
border-left-style: solid;
border-left-width: 3px;
border-left-color: #324F72;
border-right-style: solid;
border-right-width: 3px;
border-right-color: #324F72;
background: #FFCC99;
}

TD.td7 {
width: 17%;
height: 163px;
border: 3px;
text-align: center;
vertical-align: top;
background: #FFCC99;
}

TD.td8 {
width: 14%;
text-align: left;
vertical-align: top;
background-image: url('images/bkgrd4.jpg');
}

TD.td9 {
width: 68%;
border-left-style: solid;
border-left-width: 3px;
border-left-color: #324F72;
border-right-style: solid;
border-right-width: 3px;
border-right-color: #324F72;
background: #FFCC99;
}

TD.td10 {
width: 17%;
background: #FFCC99;
}

div.layer6 {
width: 692px;
height: 70px;
z-index: 6
position-right: 158px;
position-top: 66px;
}

img.title {
position: absolute;
right: 177px;
top: 56px;
z-index: 1;
}

.box {
width: 450px;
margin: 4px;
float: left;
background: url(images/loginbkgnd.jpg) repeat-y;
font-family: verdana;
font-size: 12px;
color: #000080;

}

.box h1 {
background: url(images/logintop.jpg) no-repeat top;
padding-top: 20px;
font-family: verdana;
font-size: 18px;
color: #000080;
margin: 0;
padding-left: 20px;
padding-right: 20px;
}

.box p {
padding-left: 30px;
padding-right: 30px;
}

.box .last {
background: url(images/loginbot.jpg) no-repeat bottom;
padding-bottom: 20px;

}

.popup {
   position:absolute; left:0; top:0; width:600;
   border-style:solid;
   border-width:1;
   border-color: #000080;
   background-color: #FFFFFF;
   padding:5px;
   color: #000080;
   font-family:Verdana;
   font-size:10pt;
   z-index:2;
   visibility:hidden;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
.animatedtabs{
border-bottom: 1px solid #324F72;
overflow: hidden;
width: 100%;
font-size: 12px; /*font of menu text*/
color: #000080;
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 95px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 11px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(images/tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 15px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(images/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 9px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-family: Verdana;
font-size: 12px;
color: navy;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 14px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 14px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
color: #FF0000;
font-weight: bold;
}

.menu ul{
list-style-type: none;
margin: 0;
padding: 0;
}


.menu a{
float: left;
position: relative;
top: 10px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(images/tab-blue-left.gif) no-repeat left top;
border-bottom: 2px solid #324F72;
margin: 0;
padding: 0 0 0 9px;
text-decoration: none;

}

.menu a span{
float: left;
position: relative;
display: block;
width: 100px;
text-align: left;
background: url(images/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-family: Verdana;
font-size: 12px;
color: navy;
}

.menu a:hover span{
background-position: 100% -125px;
padding-bottom: 13px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
color: #FF0000;
font-weight: bold;
}

span.pointer {
cursor:pointer;
}

img.clear {
height: 20px;
border: 0;
}

img.small {
height: 5%;
border: 0;
}

span.extraimage{
color: #000080;
}

span.extraimagenum{
color:  red;
}

SPAN.currpage {
color: #FF0000;
font-weight: bold;
}