/***********************************************/
/* HTML tag styles - virtech.ca                */
/***********************************************/ 

body
{
  font-family: Arial,sans-serif;
  color: #222222;
  background-color: #6f6f6f;
  line-height: 1.166;	
  padding: 0px;
  width:800px;
  margin:0 auto;
  font-size:12px;
  position:relative;
  overflow: -moz-scrollbars-vertical; /* Always show virtcal scroll bar in mozilla */
}

FORM INPUT, FORM SELECT, FORM TEXTAREA
{
border:1px solid #cacaca;
background-color: #fafaff;
}


a:link, a:visited, a:hover 
{
  color: #006699;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6
{
  font-family: Arial,sans-serif;
  margin: 0px;
  padding: 0px;
}

h1
{
  font-family: Verdana,Arial,sans-serif;
  font-size: 120%;
  color: #334d55;
}

h2
{
  font-size: 114%;
  color: #006699;
}

h3
{
  font-size:125%;
  font-family: Helvetica,sans-serif;
  padding: 0px 0px 0px 0px;
  color: #334d55;
}

h4
{
  font-weight: normal;
  color: #333333;
}

h5
{
  color: #334d55;
}

.overlay 
{
  display: none;
  line-height: 1.3;	
  z-index:10;
  position:absolute;
  margin:0 auto;
  background:#00488c;
  font-size:110%;
  color:#FFFFFF;
  float: left;
  top:200px;
  width: 550px;
  left:125px;
  border:2px solid #000077;
  padding: 10px;
}

.manText
{
  font-weight: bold;
  font-size: 110%;
  color: #47536c;
}

DL DT
{
  font-size:130%;
  font-weight:bold;
  color:#334d55;
  padding-bottom:7px;
}

IMG
{
  border:0px;
}





.webStoreFaqTableHead
{
  background-color: #b7c6ff;
  color: #333366;
  font-weight:bolder;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#header
{
  background: #cecece;
  background-image: url(pics/header.jpg);
  background-repeat: repeat;
  margin: 0px;
  padding: 0px 3px 0px 0px;
  text-align: right;
  border:1px solid #B0B0B0;
  font-size:13px;
  width:794px; /*800-3(padding)-2(border)-1(?)*/
}



#content
{
  float:left;
  width:628px;
  background-color:#f8f8ff;
  margin: 0px;
  padding: 0px 10px 0px 10px;
  min-height: 500px;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName
{
  margin: 0px;
  width:100%;
}

#siteName IMG{
 border:0px;
}


/*************** #pageName styles **************/

#pageName
{
  padding: 3px 0px 10px 0px;
}


/************** .floatLeft styles ***************/

.floatLeft img
{
  float: left;
  padding: 0px 10px 0px 0px;
  border:0px;
  position:static;
}

.floatRight img
{
  float: right;
  padding: 0px 0px 0px 10px;
  margin: 0 5px 5px 0;
  border:0px;
}

.floatRight dd
{
  margin: 0 0px 0px 30px;
}
/* adjust margins to change separation between the floatLeft image and text flowing around it */

.orderForm
{
  padding: 5px 5px 5px 5px;
  font-weight:bold;
}

.orderFormData
{
  padding: 5px 5px 5px 5px;
}

.button
{
  background-color:#aaaaff;
  padding:2px 7px 2px 7px;
}


/************* #siteInfo styles ***************/

#siteInfo
{
  clear: both;
  border: 1px solid #cccccc;
  font-size: 85%;
  color: #cccccc;
  padding: 10px 10px 10px 10px;
  width:777px;
  text-align:center;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img
{
  padding: 4px 4px 4px 0px;
  vertical-align: middle;
}

#quote
{
  font-style:italic;
  font-weight:bold;
}
	
.navIMG
{
  position:absolute;
  left:130px;
/*   padding:0px; */
  padding-top:3px;
  vertical-align:middle;
  border:0px;
}



.minorLinks
{
  font-size:85%;
}

#site
{
  margin:0px;
  width:100%;
  padding-left: 11px;
  padding-right: 10px;
  background-image: url(pics/border.jpg);
  background-repeat: repeat-y;
}




/************** #headlines styles **************/

#headlines
{
  margin: 0px;
  padding: 5px 5px 5px 5px;
  border-left: 1px solid #cccccc;
}

#securityseal
{
  padding: 5px;
  text-align: center;
  border-bottom: 1px solid #ccc;
}

#productcontact
{
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #cccccc;
  overflow:hidden;
}
#productsearch
{
  margin: 0px;
  padding: 5px 5px 10px 5px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #cccccc;
}

#bookmarks
{
  margin: 0px;
  padding: 5px 5px 5px 5px;
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.productTableHead
{
  background:#00007c url(pics/tableHeader.jpg);
  padding:5px 0px 5px 2px;
  color: #eeeeff;
  font-size:120%;
  font-weight:bolder;
}

.productTable
{
  border-top:   1px solid #B0B0B0;
  border-left:  1px solid #B0B0B0;
  border-right: 1px solid #B0B0B0;
  font-size:95%;
}
.productTable TD
{
  border-bottom: 1px solid #B0B0B0;
}

#webStore
{
  background-color:#dcdcef;
}

#webStore a:link, #webStore a:visited
{
  padding: 5px;
  font-weight:bold;
  text-align:center;
}

#webStore a:hover
{
  text-decoration:none;
  color: #255ddc;
  background-color: #bbddff;
  padding: 5px;
  height:100%;
}

#paymentMethod
{
  margin: 0px;
  padding: 10px 5px 10px 5px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #ccc;
}

#paymentMethod IMG
{
  display: block;
  margin-left: auto;
  margin-right: auto
}

#sslCertificate
{
  margin: 0px;
  padding: 10px 5px 10px 5px;
  border-top: 1px solid #ccc;
  background-color:#eefafe;
  border-left: 1px solid #cccccc;
}


/**************** Shopping Cart ****************/
.shoppingCartHead
{
  color:white;
  font-weight:bold;
  background-image: url('pics/tableHeader.jpg')
}

#shoppingCart
{
  font-size:95%;
}

#legal
{
  font-size:88%;
}

#productHeading
{
  color: #6c6c6c;
  font-weight:bold;
  margin:10px 10px 20px 10px;
  text-align:center;
}

.note
{
  color: #3c3c3c;
  border:1px solid #606060;
  padding:5px;
  background-color:#eeeeee;
  opacity:0.8;
  line-height:1.5;
  text-align:left;
  font-size:90%;
}

.largeNote
{
  color: #505050;
  font-size:13px;
  font-weight:bold;
}

.group
{
 text-align:left;
  padding:10px;;
  background-color:#eaeaff;
  border:1px solid #cacaca;
}

.error
{
  border:1px solid red;
  padding:5px;
  background-color:#ffdddd;
  opacity:0.75;
  line-height:1.5;
  font-weight: bold;
  color:#ff0000;
  text-align:center;
}

.greenNote
{
  background-color:#f6fdfa;
  padding:10px;
  border:1px solid #00D500;
  margin:0;
  font-weight:bold;
  line-height:1.5;
  text-align:center;
  color: #00aa00;
}

.highLight
{
  background-color:#edfcff;
  cursor:pointer;
}

.linkCursor
{
  color: #006699;
  cursor:pointer;
}

.required
{
  color:#00007F;
  font-weight:600;
}