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

body{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-align:center;
}

.page{
	margin:0 auto;
	width:60em;
	text-align:left;
}

/*****************************************************
*
* Heading
*
/*****************************************************/

.header{
	position:relative;
	background:#a9d2fc url(../images/heading/bground.gif) repeat-x bottom;
	width:100%;
	height:100px;
}
.header .logo{
	position:absolute;
	bottom:0;
	left:30px;
}

/*****************************************************
*
* Menu
*
/*****************************************************/
.menu{
	position:relative;
}

/* corners */
.menu .left_corner, .menu .right_corner{
	position:absolute;
	display:block;
	width:17px;
	height:17px;
	margin-top:-17px;
}
.menu .left_corner{
	left:0;
	background:url(../images/menu/left_corner.gif) no-repeat bottom left;
}
.menu .right_corner{
	right:0;
	background:url(../images/menu/right_corner.gif) no-repeat bottom right;
}

/* general list stuff */
.menu ul{
	overflow:hidden;
	zoom:1;
	margin:0;
	padding:0 0 0 1.5em;
	background:#95c9ff url(../images/menu/bground.gif) repeat-x bottom;
}
.menu ul li{
	float:left;
	list-style-type:none;
	text-align:center;
	padding:0;
}
.menu ul li .first{
	border-left:1px solid #AFD7FF;
}
.menu ul .selected{
	background:#cae4ff url(../images/menu/selected_bground.gif) repeat-x bottom;
}
.menu ul .selected a{
	border:none;
	color:#333333;
}
.menu ul li a{
	float:left;
	padding:0.3em 1.5em;
	color:#FFFFFF;
	border-right:1px solid #AFD7FF;	
	text-decoration:none;
	font-weight:bold;
}
.menu ul li a:hover{
	text-decoration:underline;
}

/* home icon */
.menu ul li .first{
	padding-left:2.3em;
	background: url(../images/menu/home_white.gif) no-repeat left center;
}
.menu ul li.selected .first{
	background: url(../images/menu/home.gif) no-repeat left center;
}
ul.submenu li .first, ul.submenu li.selected .first{
	background:none;
}


/* submenu */
.menu ul.submenu{
	background:#CAE4FF;
}
.menu ul.submenu li a{
	color:#333333;
	font-weight:normal;
	padding:0.4em 1.5em;
	border:none;
}
.menu ul.submenu .selected a{
	font-weight:bold;
}
.submenu .left_corner{
	background:url(../images/menu/sub_leftcorner.gif) no-repeat bottom left;
}
.submenu .right_corner{
	background:url(../images/menu/sub_rightcorner.gif) no-repeat bottom right;
}


/* product menu */
.product{
	overflow:visible;
	zoom:1;
	background: #DDDDDD url(../images/menu/sub_left.gif) bottom left no-repeat;
}
.product ul{
	background:#E5E5E5 url(../images/menu/sub_right.gif) bottom right no-repeat;
	margin:0 0 0 0.8em;
	padding:0;
	height:30px;
}
.menu ul.subsubmenu li .first{
	background:none;
	border:none;
	border-right:1px solid #D5D5D5;
	margin-left:0;
	padding-left:0.8em;
}
.menu ul.subsubmenu li.selected .first{
	background:none;
	border:none;
}
html>body .product ul li a{
	padding:0.55em 1em 0.6em;
}
.product ul li a{
	border: none;
	border-right:1px solid #D5D5D5;
	font-weight:normal;
	/* padding:0.6em 1em; */
	padding: 0.5em 1em 0.6em;
	color:#000000;
}
.product ul .selected{
	background:#F5F5F5;
}
.product ul li.selected a{
	font-weight:bold;
	border:none;
}
.product ul .last a{
	border: none;
}

/*****************************************************
*
* Content
*
/*****************************************************/
.content{
	margin-top:1em;
	text-align:left;
	overflow:hidden;
	zoom:1;
}

.content .main{
	float:left;
	width:72.5%;
}

.content .rhs{
	float:right;
	width:27.5%;
}

/* promo */
.promo{
	margin-bottom:1.2em;
}

/* footer */
.footer{
	position:relative;
	display:block;
	text-align:center;
	margin:3em 0 1em;
}

/*****************************************************
*
* Tiles
*
/*****************************************************/
.tiles_container{
	position:relative;
}


/* how many tiles in a container */
.tiles_container.one .tile, .tiles_container .tile{
	width:100%;
}
.tiles_container.two .tile{
	width:45%;
	* width:46%;
	margin:0 5% 3% 0;
	* margin-right: 2%;
}
.tiles_container.three .tile{
	width:31%;
	margin:0 2% 3% 0; 
}

.products .tile div div div{
	height:6em;
	* height: 7em;
}



.tile{
	float:left;
	background: #faf9f3 url(../images/tiles/ulc.gif) top left no-repeat;
}
.tile div{
	background:  url(../images/tiles/urc.gif) top right no-repeat;
}
.tile div div{
	background: url(../images/tiles/lrc.gif) bottom right no-repeat;
}
.tile div div div{
	background: url(../images/tiles/llc.gif) bottom left no-repeat;
	padding:1em;
}
.tile h3{
	margin:0 0 0.3em 0;
}
.tile h3 a{
	color:#333333;
}
.tile img{
	float:left;
	margin-right:0.2em;
}

/*****************************************************
*
* News and Dates
*
/*****************************************************/
.date{
	float:left;
	width:35px;
	height:40px;
	padding-top:4px;
	margin:0 0.5em 0em 0;
	text-align:center;
	background:url(../images/calendar/calendar.gif) no-repeat;
}
.date .day{
	font-weight:bold;
}
.date .month{
	font-size:0.8em;
	color:#333333;
}
.news_item h3{
	font-size:1em;
	display:inline;
}
.news_item h3 a{
	color:#333333;
}
.news .news_item{
	margin-top:3em;
}

/*****************************************************
*
* Generic styling, formatting and positioning
*
/*****************************************************/

.center{
	text-align:center;
}
.float_left{
	float:left;
}

/* headings */
h1, h2, h3{
	font-family:Verdana, Arial, Helvetica, sans-serif; /*Georgia, "Times New Roman", Times, serif;*/
	color:#333333;
}
h2{
	font-size:1.3em;
	margin-bottom:0.5em;
}
h3{
	font-size:1.05em;
}
h3.no_pad, h2.no_pad{
	margin-top:0;
}
#product_heading{
	padding-top:1em;
}
.rhs p{
	margin-top:0;
}

/* colors */
.grey{
	color:#999999;
}
.red{
	color:#CC0000;
}
.green{
	color:#009900;
}
.blue{
	color:#0000CC;
}
.yellow{
	color:#EE6600;
}

/* links */
a:hover{
	text-decoration:underline;
}

/* hidden off screen */
.offscreen{
	position:absolute;
	left:-9009px;
}

/* images */
.photo{
	float:right;
	margin:0 0 1em 1em;
}
.logo{
	float:left;
	margin-top:-3px;
	* margin-top:3px;
	margin-right:0.3em;
}
a img{
	border:none;
}
img.nofloat{
	float:none;
}
img.center{
	display:block;
	margin:0 auto;
}
img.left{
	float:left;
}

/*  padding and margins */
.padding_top_xl{
	padding-top:4em;
}
.padding_top_xl{
	padding-top:2em;
}

/* quote */
blockquote{
	background: url(../images/quote_bground.gif) top left no-repeat;
	padding:1.5em;
	margin:0;
	font-style:italic;
	font-size:1.1em;
	color:#333333;
}

/*****************************************************
*
* Slideshow
*
/*****************************************************/

.slideshow{
	position:relative;
	width:100%;
	height:auto;
}
.slideshow .image{
	width:500px;
	margin:0 auto;
	text-align:center;
}
.slideshow .previous a, .slideshow .next a{
	display:block;
	color:#CCCCCC;
	-moz-border-radius:4px;
}
.slideshow .previous, .slideshow .next{
	position:absolute;
	top:10em;
}
.slideshow .previous{
	left:0;
}
.slideshow .next{
	right:0;
}
.slideshow .caption{
	text-align:center;
}



/*****************************************************
*
* Lists
*
/*****************************************************/

ul li{
	list-style-type:square;
	padding-bottom:0.5em;
}

ul li ul{
	margin-top:1em;
}
ul li ul li{
	list-style-type:circle;
}

/* location lists - checkbox style */
.location{
	margin:0 0 0 2em;
	padding:0;
}
.location li{
	list-style-image:url(../images/icons/list.gif);
	margin-bottom:0.5em;
}
.location li.selected{
	list-style-image: url(../images/icons/list-tick.gif);
}
.location li.selected a{
	color:#333333;
	text-decoration:none;
}
.location li.selected a:hover{
	text-decoration:underline;
}

/*****************************************************
*
* Tables
*
/*****************************************************/

table{
	* font-size:1em;
}
table tr th{
	text-align:left;
	padding:0.5em 0.2em;
	background:#FFE793;
	border:1px solid white;
	border-collapse:collapse;
}
table tr td{
	padding:0.2em;
	border:1px solid white;
	border-collapse:collapse;
	background:#F5F5F5;
}



/* Functionality table */
.functionality{
	text-align:center;
}
.functionality table{
	width:50em;
	margin:0 auto;
	text-align:left;
}
.functionality table tr td{
	height:5em;
	width:25%;
	padding:1em;
	background:#DAEAC9;
	border:2px solid white;
	border-collapse:collapse;
	-moz-border-radius:10px;
	border-radius:10px;
}
.functionality table tr.optional td{
	background:#F6FAD2;
}
.functionality table tr td.white{
	background:#FFFFFF;
}