@charset "UTF-8";
/* CSS Document */


.CheckoutStepDiv
{
	position: relavtive;
	height: 19px;
	width:300px;
	background-color: #FF0000;
	padding-left: 8px;
}

.CheckoutStep
{
	font: 14px Arial, Helvetica, sans-serif;
	color:#FFFFFF; 
	font-weight: bolder;
}

.CheckoutDiv
{
	position: relative;
	height: 550px;
	width: 720px;
	background-color: #FFFFFF;
	}

.CheckoutTable
{
	padding-top: 30px;
	padding-bottom: 30px; 
	
}


/*Field Text Inputs */
.FieldTitle 
{ 
	font: 12px Arial, Helvetica, sans-serif;
	color:#666; 
}

.FieldTextBox50 { width: 50px; }
.FieldTextBox75 { width: 75px; }
.FieldTextBox100 { width: 100px; }
.FieldTextBox100Readonly { width: 100px; background-color: #CCCCCC; }
.FieldTextBox150 { width: 150px; }
.FieldTextBox200 { width: 200px; }
.FieldTextBox300 { width: 300px; }
.FieldTextArea300 { width: 300px; height: 50px; }


/*Hover over security PopUps */
a.info
{
    position:relative; /*this is the key*/
    z-index:14;
    text-decoration:none;
}

a.info:hover
{
	z-index:15;
}

a.info span
{
	display: none;
}

/* THESE ARE BROWSER SPECIFIC CSS FOR a.info:hover span */
.ie a.info:hover span
{
    top: 0px; left: 105px;
}

.gecko a.info:hover span
{
    top: -129px; left: 105px;
}

.webkit a.info:hover span
{
    top: 129px; left: 105px;
}

.opera a.info:hover span
{
    top: -129px; left: 105px;
}


/* END BROWSER SPECIFIC CSS */


a.info:hover span
{ /*the span will display just on :hover state*/
    display:block;
    width: 417px;
    padding: 5px;
    text-align: left;
    position: absolute;
    border: 1px solid #4795BC;
    background-color:#4795BC;
	color:#000;
	filter:alpha(opacity=95);
	opacity: 0.95;
	-moz-opacity:0.95;
	top:15px;
	left:-150px;
}


/* CSS SCROLL AREA */

.scrollArea {
width: 650px; 
height: 120px;
padding-left: 0px;
padding-right: 0px; 
border-color: #999999;
border-width: 1px; 
border-style: solid;
float: left; 
overflow: auto;
overflow-x:hidden;
}

.tiny-cart-scrollArea {
width: 150px; 
max-height: 200px;
padding-left: 0px;
padding-right: 0px;
border-color: #FF0;
border-width: 0px; 
border-style: solid;
float: left; 
overflow: auto;
overflow-x:hidden;
}

/* END CSS SCROLL AREA */