.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

h1{
	color:#FF0000;
	font-weight:bold;
	font-size:18px;
	text-align:center;
	padding:3px 0;
	margin:0;
}

#Alert{
	color:#FF0000;
	font-weight:bold;
	margin:0;
	padding:0;
	font-size:12px;
}

.error{
  color:#FF0000;
}

.box{
	border:1px solid #FF0000;
	padding:6px 7px 6px 25px;
	margin:5px 5px 5px 0;
	background:url(images/error.png) #FCC 5px 8px no-repeat;
}

.box h3{
	text-shadow: 1px 1px 2px #FFFFFF;
}

.box p{
  margin:0 !important;
	color:#333;
}

a.visaLink{
	border:3px dashed #000066;
	background:#F5F5EB;
	font-size:11px;
	padding:8px;
	display:block;
}

a.visaLink:hover{
	background:#CCCC99;
}

a.visaLink img{
	border:none;
	float:right;
	margin:0 0 5px 5px;
}

a.visaLink span{
	font-size:14px;
	display:block;
}

.callout{
  width:376px;
  height:200px;
  position:relative;
}

.callout a{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:url(images/onlinePayment.png) top left no-repeat #FFF;
}

.callout a:hover{
  background:url(images/onlinePayment.png) bottom left no-repeat #FFF;
}

.calloutBox{
  border:1px solid #EEE;
  padding:10px;
  margin:0px 10px 10px 0px;
  background-color: #FFFFFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #FFFFFF, #EEEEEE); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #FFFFFF, #EEEEEE); /* IE10 */
  background-image:      -o-linear-gradient(top, #FFFFFF, #EEEEEE); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #FFFFFF, #EEEEEE);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#EEEEEE'); /* IE6-IE9 */
	-webkit-box-shadow: 0px 0px 4px #000; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0px 0px 4px #000; /* FF3.5 - 3.6 */
  box-shadow: 0px 0px 4px #000; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}


#custom-blackout {position:fixed; top:0; left:0; width:100%; height:100%; background-color:#514004;}
#custom-messageHolder {position:fixed; top:200px; left:0; width:100%;}
#custom-messageBox {width:400px; margin:0 auto; padding:120px 50px 20px 50px; background:#333 url(img/custom-msg-box-bg.png) no-repeat top center; color:#fff; text-align:center; border:5px solid #F8DA07; -moz-border-radius:15px; -webkit-border-radius:15px;}
#custom-messageBox * {color:#fff;}
#custom-messageBox hr {border-color:#666;}
#custom-messageBox a#ln-cancelLink {background-color:#666; color:#333;}

/*
 * LeaveNotice - plug in to notify users of leaving your site
 * Examples and documentation at: http://rewdy.com/tools/leavenotice-jquery-plugin
 *
 * STYLESHEET
 * --------------------------
 * This file can be edited to adjust the style of the dialog. You can change the IDs
 * used by sending options to the plugin when it is initiated. For more information 
 * on this, please refer to the documentation at:
 * http://rewdy.com/tools/leavenotice-jquery-plugin
 *
 * NOTE: This dialog loads within your page. Therefore, it takes on any global styling
 * you already have in place. You might need to override your other styles here if
 * you are having trouble getting things to appear as you want them to.
 *
 */

/* The style for the blackout div that appears when the exit dialog is shown. */
#ln-blackout {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000;}

/* This style is for a container that holds the message dialog box. It has been added primarily to help with positioning. I know some people would complain about this, but it seems more efficient this way even it is isn't semanitc. */
#ln-messageHolder {position:absolute; z-index:10000; top:150px; *left:375px; left:375px\9; width:100%;}

/* This style is for the div that holds the actual exit dialog. */
#ln-messageBox {width:460px; margin:0 auto; min-height:200px; background-color:#FFF; border:5px solid #000066; -moz-box-shadow:0 0 20px 10px #666; -webkit-box-shadow:0 0 20px #666; text-align:left; padding:20px;
-moz-border-radius: 12px; /* FF1-3.6 */
-webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */      
/* useful if you don't want a bg color from leaking outside the border: */        
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
}

#ln-messageBox h1{
  text-align:left;
  color:#5c5c5c;
  font-size:1.5em;
}

/* This style is applied to the link that closes the dialog. */
a#ln-cancelLink {background-color:#e6e6e6; font-weight:bold; padding:5px; color:#666; text-decoration:none; text-transform:uppercase; font-size:0.8em;}
a#ln-cancelLink:hover {background-color:#666; color:#e6e6e6;}

/* This style is for the box that holds the section that says where the user is being directed to. */
.setoff {background-color:#f2f2f2; padding:5px; margin:10px 0 20px 0;}