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

body {
	background: url(images/background.jpg) repeat-y center top #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0 0 10px 0;   }

h1, h2 {
	font-size: 13pt;
	font-weight: bold;  }
	
.title {
	font-size: 15pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;  }

.coupon {
	width: 500px;
	border: dashed black 2px;
	background-color:#bae2ff;  
	font-size: 12pt;
	padding: 4px;
	margin-bottom: 6px;  }
	
.cc {
	padding: 12px;
	float: left;  }



a, a:visited, a:link, .ContentPane a, .ContentPane a:visited, .ContentPane a:link {
	color:#03F;
	text-decoration: none; }

a:hover, a:focus, .ContentPane a:hover, .ContentPane a:focus {
	color:#03F;
	text-decoration: underline; }
	
.ContentPane {
	background-color: #fff;
}

.FooterPane {
	background-color: #fff;
}
	
/*--------------------------- Layout --------------*/

.Header {
	background: url(images/header.jpg) no-repeat;
	width: 856px;
	height: 291px;   }
	
.MenuLeft {
	background: url(images/menu-left.jpg) no-repeat;
	width: 30px;
	height: 60px;   }
	
.MenuRight {
	background: url(images/menu-right.jpg) no-repeat;
	width: 30px;
	height: 60px;   }
	
.MenuTopTop {
	background: url(images/menu-upup.jpg) no-repeat;
	width: 796px;
	height: 3px;   }
	
.MenuTop {
	background: url(images/menu-up.jpg) repeat-x;
	width: inherit;
	height: 8px;   }
	
.MenuLow {
	background: url(images/menu-low.jpg) repeat-x;
	width: inherit;
	height: 3px;   }
	
.MidPanel {
	background: url(images/cross-panel.jpg) no-repeat;
	width: 856px;
	height: 12px;   }
	
.BorderLeft {
	background: url(images/border-leftedge.jpg) repeat-y;
	width: 30px;
	height: inherit;   }
	
.BorderRight {
	background: url(images/border-rightedge.jpg) repeat-y;
	width: 30px;
	height: inherit;   }

.BorderLow {
	background: url(images/border-lowedge.jpg) no-repeat;
	width: 856px;
	height: 29px;   }
	
.BorderUp {
	background: url(images/border-upedge.jpg) no-repeat;
	width: 856px;
	height: 28px;   }
	
/*--------------------------- Menu --------------*/

/********** Up state ************/

 .Menu {
   background: url(images/menu-bg.jpg) repeat-x;
   width: 796px;
   height: 46px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12pt;
   text-decoration:none; 
   color:#fff; 
   line-height:46px;
   font-weight:bold;
   margin:0;
   padding:0;
}

.Menu ul{
   list-style-type:none;
   padding:0;
   margin:0 0 0 10px;
   z-index:9999;
}

.Menu li{
   float:left;
   list-style-type:none;
   position:relative;
   z-index:0;
}

.Menu a, .Menu :visited {
   color:#def9fc;
   text-decoration:none;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12pt;
   font-weight:bold;
}

.Menu a em.left, .Menu :visited em.left {
   display:block;
   float:left;
   width: 20px;
   height: 46px;
}

.Menu a b, .Menu :visited b {
   display:block;
   float:left;
   cursor:hand;
}

.Menu a em.right, .Menu :visited em.right {
   display:block;
   float: left;
   width: 20px;
   height: 46px;
}

.Menu ul li ul {
   display: none;
}

/************* Current Item *************/

.Menu .CurrentItem a em.left, .Menu .CurrentItem :visited em.left {
	background:url(images/menu-downleft.jpg) left bottom no-repeat;
}
.Menu .CurrentItem a b, .Menu .CurrentItem :visited b {
	background:url(images/menu-down.jpg) repeat-x;
	color:#def9fc;
}
.Menu .CurrentItem a em.right, .Menu .CurrentItem :visited em.right {
	background:url(images/menu-downright.jpg) right bottom no-repeat;
}

/************ Over State *****************/

.Menu :hover, a:hover {
   color:#fff;
}

.Menu a:hover b {
   color:#fff;
   background: url(images/menu-over.jpg) repeat-x;
   text-decoration:none;
}

.Menu a:hover em.left {
   background: url(images/menu-overleft.jpg) left bottom no-repeat;
}

.Menu a:hover em.right {
   background: url(images/menu-overright.jpg) right bottom no-repeat;
}

.Menu :hover > a b {
   color:#fff;
   background: url(images/menu-over.jpg) bottom repeat-x;
   text-decoration:none;
}

.Menu :hover > a em.left {
   background: url(images/menu-overleft.jpg) bottom left no-repeat;
}

.Menu :hover > a em.right {
   background: url(images/menu-overright.jpg) bottom right no-repeat;
}

/****************** Current Item Over ****************/

.Menu .CurrentItem a:hover b  {
   color:#fff;
   background: url(images/menu-over.jpg) bottom repeat-x;
}

.Menu .CurrentItem a:hover em.left {
   background: url(images/menu-overleft.jpg) bottom left no-repeat;
}

.Menu .CurrentItem a:hover em.right {
   background: url(images/menu-overright.jpg) bottom right no-repeat;
}

.Menu .CurrentItem :hover > a b {
   color:#fff;
   background: url(images/menu-over.jpg) bottom repeat-x;
}

.Menu .CurrentItem :hover > a em.left {
   background: url(images/menu-overleft.jpg) bottom left no-repeat;
}

.Menu .CurrentItem :hover > a em.right {
   background: url(images/menu-overright.jpg) bottom right no-repeat;
}

/****************** Flyout **************/

.Menu ul :hover ul {
    display:block;
	position:absolute;
	top:45px;
	margin-top:0; 
	left:-60px;
	width:240px;
}

.Menu ul :hover ul li ul {
   display: none;
   z-index:9999;
   position:relative;
}

.Menu ul :hover ul li a {
   display:block;
	background:#003366;
	color:#fff;
	height:auto;
	line-height:15px;
	padding:4px 16px;
	width:240px; 
	border:1px solid #000; 
	font-size:11pt;
	text-decoration:none;
}

.Menu ul :hover ul li a:hover {
   color:#000033; 
	background: #c5e5f2;
}

.Menu ul :hover ul :hover ul {
   display:block; 
	position:absolute; 
	left:264px; 
}

.Menu ul li a:hover ul {
   display:block;
	position:absolute;
	top:45px;
	margin-top:0; 
	left:-60px;
	width:240px;
}

.Menu ul li a:hover ul li a {
   display:block;
	background:#003366;
	color:#fff;
	height:auto;
	line-height:15px;
	padding:4px 16px; 
	width:240px; 
	border:1px solid #000; 
	font-size:11pt;
	text-decoration:none;
}

.Menu ul li a:hover ul li a:hover {
   color:#000033; 
	background: #c5e5f2;
}

.Menu ul li a:hover ul :hover ul {
   display:block;
	position:absolute; 
	left:264px; 
	top:15px;
}

.Menu ul li a:hover ul li a ul {
	visibility:hidden; 
	position:absolute; 
	height:0; 
	width:0;
}

.Menu ul li a:hover ul li a:hover ul {
	visibility:visible; 
	position:absolute; 
	top:15px; 
	left:266px;
}