﻿/* Pop Up Menu Vertical*/

ul.ectmenu1 {
list-style: none;
border-bottom: 1px Solid #989898;
font-size:10px;
padding:0px;
background-color: none;
}
li.ectmenu1 {
border-bottom: 1px Solid #989898;
padding:6px;
background-color:#eeeeee;
}
li.ectmenuhassub1 a{
display:block;
padding:0px;
background-image:url(images/arrow.gif);
}
li.ectmenuhassub1 a:hover{
display:block;
padding:4px;
background-image:url(images/arrowov.gif);
background-color: #a9a9a9;
color: #fff;
}
li.ectmenu1 a{
display:block;
padding:4px;
}
li.ectmenu1 a:hover{
background-color: #a9a9a9;
color: #fff;
}


/* CSS Document */

A.ectlink:link {
text-decoration: none;
font-size: 11px;
font-family : Verdana;
}

A.ectlink:visited {
text-decoration: none;
}

A.ectlink:active {
text-decoration: none;
}

A.ectlink:hover {
text-decoration: none;
}





/* Product Display on add on pages */

span.price, .detailprice, .prodprice .PRODOPTION{
padding-top: 4px;
font-size: 11px;
color: #903;
font-family : Verdana;
font-weight:bold;
text-align: center;
} 

.prodimage {
vertical-align : top;
} 



div.listprice {
text-align: center;
font-size: 11px;
font-family : Verdana;
color : #4d4d4d;
}


SPAN.prodoption {
font-size: 11px;
font-family : Verdana;
color : #4d4d4d;
}
SELECT.prodoption {
font-size: 11px;
font-family : Verdana;
}


SPAN.detailoption {
font-size: 11px;
font-family : Verdana;
color : #4d4d4d;
}

div.detailid {
font-size: 11px;
font-family : Verdana;
color : #4d4d4d;
}

div.detailname {
COLOR: #4d4d4d;
font-weight: bold;font-size: 12px;
}

div.detaildescription {
COLOR: #4d4d4d;
font-family : Verdana;Arial;
font-size: 11px;text-align:Left;
}

div.detailoptions {
COLOR: #4d4d4d;
font-size: 10px;
}

div.prodid {
COLOR: #4d4d4d;
font-size: 10px;
}
div.prodname {
COLOR: #0a50a1;
font-weight: bold;font-size: 12px;
}

div.proddescription {
COLOR: #4d4d4d;
font-size: 12px;text-align:Left;
}

div.prodoptions {
COLOR: #4d4d4d;
font-size: 10px;
}

div.prodprice {
COLOR: #0a50a1;
font-weight: bold;font-size: 12px;text-align:center;
}

td.prodnavigation {
font-size: 11px;
font-family : Verdana;
color : #4d4d4d; 
}

P.prodnavigation {
font-size: 11px;
font-family : Verdana;
color : #4d4d4d;
}



/* Customise Product Display */

.cpdhl {
background : #EEE;
color: #666666;
font-weight: bold;font-size: 12px;text-align:center;
size=12px
}


/* Cart and Search table backgrounds */

TABLE.cobtbl{
background-color: #666666;
} 

TD.catimage { 
vertical-align:top; 
} 

TD.catname { 
vertical-align:top; 
text-align: left; 
} 

TD.catnavigation { 
vertical-align:middle;
text-align: left; 
}

TD.cobhl{
background-color: #EEE;
}

TD.cobll{
background-color: #F7F4EC;
color : #666;
}


/* Added for Test */

div.prod3buy{
}

/*Product Display*/

/* Show Current Page in EIT Red */
SPAN.currpage {
color: #990033;
font-weight: bold;
}

/* Product Display - Strikethrough */

div.prod3listprice{
text-decoration: line-through;

}

/* Quantity Box */

div.prod3quant{
background : #EEE;
color: #990033;
font-weight: bold;font-size: 12px;text-align:center;
}

form {margin: 0;padding: 0;
}

/* Added for Test */


BODY {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#4d4d4d;
}

/* Navigation Buttons - purple*/

#navbutv {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
margin:0;
padding:2;
}

#navbutv li {
list-style:none;
border-bottom:1px Solid #989898;
padding:10px 5px 5px 0;
}

a.navbutv:link{
color:#4d4d4d;
border-left:3px solid #9933cc;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
padding-left:3px;
}

a.navbutv:visited{
color:#4d4d4d;
border-left:3px solid #9933cc;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
padding-left:5px;
}
a.navbutv:hover{
color:#c68400;
border-left:3px solid #9933cc;
font-family:Helvetica, Arial, sans-serif;
font-weight:bold;
font-size:12px;
padding-left:3px;
}
a.navbutv:active{
color:#9933cc;
border-left:3px solid #9933cc;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
padding-left:3px;
}

/*End - Navigation Buttons - purple*/


/* Navigation Buttons - green*/

#navbutg {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
margin:0;
padding:2;
}

#navbutg li {
list-style:none;
border-bottom:1px Solid #989898;
padding:10px 5px 5px 0;
}

a.navbutg:link{
color:#4d4d4d;
border-left:3px solid #8ccb42;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
padding-left:3px;
}

a.navbutg:visited{
color:#4d4d4d;
border-left:3px solid #8ccb42;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
padding-left:5px;
}
a.navbutg:hover{
color:#c68400;
border-left:3px solid #8ccb42;
font-family:Helvetica, Arial, sans-serif;
font-weight:bold;
font-size:12px;
padding-left:3px;
}
a.navbutg:active{
color:#8ccb42;
border-left:3px solid #8ccb42;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
padding-left:3px;
}

/*End - Navigation Buttons - Green*/

/* Navigation Buttons - peach*/

#navbutp {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
margin:0;
padding:2;
}

#navbutp li {
list-style:none;
border-bottom:1px Solid #989898;
padding:10px 5px 5px 0;
}

a.navbutp:link{
color:#4d4d4d;
border-left:3px solid #C86400;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
padding-left:3px;
}

a.navbutp:visited{
color:#4d4d4d;
border-left:3px solid #C86400;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
padding-left:5px;
}
a.navbutp:hover{
color:#c68400;
border-left:3px solid #C86400;
font-family:Helvetica, Arial, sans-serif;
font-weight:bold;
font-size:12px;
padding-left:3px;
Background:#ebebeb;
}
a.navbutp:active{
color:#C86400;
border-left:3px solid #C86400;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
padding-left:3px;
}

/*End - Navigation Buttons - Peach*/



/* Navigation Buttons - Blue*/

#navbutb {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
margin:0;
padding:2;
}

#navbutb li {
list-style:none;
border-bottom:1px Solid #989898;
padding:10px 5px 5px 0;
}

a.navbutb:link{
color:#4d4d4d;
border-left:3px solid #0064c8;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
padding-left:3px;
}

a.navbutb:visited{
color:#4d4d4d;
border-left:3px solid #0064c8;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
padding-left:5px;
}
a.navbutb:hover{
color:#0a50a1;
border-left:3px solid #0064c8;
font-family:Helvetica, Arial, sans-serif;
font-weight:bold;
font-size:12px;
padding-left:3px;
Background:#ebebeb;
}
a.navbutb:active{
color:#0a50a1;
border-left:3px solid #0064c8;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
padding-left:3px;
}

/*End - Navigation Buttons - Blue*/





/* Navigation Buttons */

#navbut {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
margin:0;
padding:2;
}

#navbut li {
list-style:none;
border-bottom:1px Solid #989898;
padding:10px 5px 5px 0;
}

a.navbut:link{
color:#4d4d4d;
border-left:3px solid #903;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
padding-left:3px;
}

a.navbut:visited{
color:#4d4d4d;
border-left:3px solid #903;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
padding-left:5px;
}
a.navbut:hover{
color:#903;
border-left:3px solid #903;
font-family:Helvetica, Arial, sans-serif;
font-weight:bold;
font-size:12px;
padding-left:3px;
Background:#ebebeb;
}
a.navbut:active{
color:#903;
border-left:3px solid #903;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
padding-left:3px;
}

/* Top navigation Software Purple*/
 
#topnavv ul {
padding-left:0;
margin:0;
background-color:#9933cc;
color:#FFF;
float:left;
width:100%;
font-family: arial, helvetica, sans-serif;
font-size:12px;
font-weight:bold;
height:20px;
}

#topnavv ul li {
display: inline;
}

#topnavv ul li a {
padding: 0.2em .8em;
background-color: #9933cc;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #c9e999;
}

#topnavv ul li a:hover{
background-color: #ffcc00;
color: #fff;
}

/* Top navigation Software Green*/
 
#topnavg ul {
padding-left:0;
margin:0;
background-color:#8ccb42;
color:#FFF;
float:left;
width:100%;
font-family: arial, helvetica, sans-serif;
font-size:12px;
font-weight:bold;
height:20px;
}

#topnavg ul li {
display: inline;
}

#topnavg ul li a {
padding: 0.2em .8em;
background-color: #8ccb42;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #c9e999;
}

#topnavg ul li a:hover{
background-color: #a9a9a9;
color: #fff;
}


/* Top navigation Software Blue*/
 
#topnavb ul {
padding-left:0;
margin:0;
background-color:#0a50a1;
color:#FFF;
float:left;
width:100%;
font-family: arial, helvetica, sans-serif;
font-size:12px;
font-weight:bold;
height:20px;
}

#topnavb ul li {
display: inline;
}

#topnavb ul li a {
padding: 0.2em .8em;
background-color: #0a50a1;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #a9a9a9;
}

#topnavb ul li a:hover{
background-color: #a9a9a9;
color: #fff;
}


/* Top navigation Hardware Peach*/
 
#topnavp ul {
padding-left:0;
margin:0;
background-color:#c86400;
color:#FFF;
float:left;
width:100%;
font-family: arial, helvetica, sans-serif;
font-size:12px;
font-weight:bold;
height:20px;
}

#topnavp ul li {
display: inline;
}

#topnavp ul li a {
padding: 0.2em .8em;
background-color: #c86400;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #ffddbb;
}

#topnavp ul li a:hover{
background-color: #a9a9a9;
color: #fff;
}


 /* Top navigation */
 
#topnav ul {
padding-left:0;
margin:0;
background-color:#999999;
color:#FFF;
float:left;
width:100%;
font-family: arial, helvetica, sans-serif;
font-size:12px;
font-weight:bold;
height:20px;

}


#topnav ul li { display: inline; }

#topnav ul li a
{
padding: 0.2em .8em;
background-color: #999999;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #FFF;
}

#topnav ul li a:hover
{
background-color: #903;
color: #fff;
}

/*WRAP */

#wrap {
width:132px;
align:center;
border:solid 1px #903;
margin:0;
padding:0px;
}

/*WRAP0 */

#wrap0 {
width:480px;
align:center;
border:solid 1px #ebebeb;
margin:0;
padding:0px;
}


.MainContentProduct {
margin-right:150px;
}

.MinCartTblBrdr {
float:center;
margin-bottom:0px;
margin-top:0px;
}

.mincart {
font-size:10px;
}

/* Mini Login */

TD.minilogin{
font-size: 10px;
font-family : Verdana;
background-color: #fff
}


 /* Bottom navigation */
 
#botnav ul {
padding-left:0;
margin:0;
background-color:#990033;
color:#FFF;
float:center;
Align:centre;
width:100%;
font-family: arial, helvetica, sans-serif;
font-size:10px;
height:20px;

}


#botnav ul li { display: inline; }

#botnav ul li a
{
padding: 0.2em 1em;
background-color: #990033;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #FFF;
}

#botnav ul li a:hover
{
color: #c86400;
}


/* Link properties */

A:link {
	color: #0a50a1;
	text-decoration: none;

}

A:visited {
	color: #0a50a1;
	text-decoration: none;

}

A:active {
	color: #990033;
	text-decoration: none;

}

A:hover {
	color: #990033;
	text-decoration: none;
}

/* Map */

.map
{
	position: relative;
	width: 450px;
	height: 450px;
	border: #555555 2px solid;
}
