/* CSS Document */


/* Default Site Styles */


body{
	margin:0px;
	height:auto;
	/* font: 12px  Verdana, Arial, Helvetica, sans-serif;
	color:#666666; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;*/
}

/*************** Site Type formatting**************************/

P{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding-bottom: 5px;
}



/* Used for page header Title */
.ms-pagetitle{
	color: #ffffff;
	font-size:15px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

h1{
	font-size: 15px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 12px;
	color: #ffffff;
	margin: 0px;
	font-weight: bold;
}



h2{
	font-size: 15px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 12px;
	color: #34a6cb;
	margin: 0px;
	font-weight: normal;
}

h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #34a6cb;
	line-height: 16px;
	text-transform: uppercase;
	font-weight: normal
}

h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 11px;
	padding-bottom: 11px;
	color: #34a6cb;
	text-transform: uppercase;
	font-weight: normal
}

a.link, a.visited, a.active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#34a6cb;
	line-height:14px; 
	text-decoration: none;

}

a.hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#34a6cb;
	line-height:14px;
	text-decoration: underline;

}


a.bodytext:link, a.bodytext:visited, a.bodytext:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#34a6cb;
	line-height:14px; 
	text-decoration: none;

}

a.bodytext:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#34a6cb;
	line-height:14px;
	text-decoration: underline;

}

ol{
	list-style: decimal;
	margin: 0px;
	margin-left:25px;
	padding-top:1px;
	padding-bottom: 10px;
	color: #bbc1c7;
}


ul{
	list-style: disc;
	margin: 0px;
	margin-left:15px;
	padding-top:1px;
	padding-bottom: 10px;
	color: #bbc1c7;
}

li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 14px;
	padding-bottom: 5px;
	
}

/**** orginal content area styles.  ****/

/*
a{
	text-decoration:none;
}

 .content_slice p, .content_slice_520 p{
	text-align:left;
	margin:10px 24px 10px 18px;  
	font:12px Verdana,Arial, Helvetica, sans-serif;
	color:#6f6e6e;
	line-height:13px;
}

.content_slice a{
	text-align:center;
	color:#019edf;
	font:bold 12px Verdana,Arial, Helvetica, sans-serif;
} */




/***************  Top Menu Styles
	
	Also see the radmenu and radpanel style sheets for the opsm site, though most settings can be changed below.
	
	Homepage blue stylesheet
	\web server extensions\wpresources\RadMenu.Net2\4.4.1__bbe59a8ad3533e68\RadControls\Menu\Skins\OPSM
	
	Homepage Summer stylesheet
	\web server extensions\wpresources\RadMenu.Net2\4.4.1__bbe59a8ad3533e68\RadControls\Menu\Skins\OPSM2
	
	Generic Radpanelbar stylesheet
	\web server extensions\wpresources\RadPanelbar.Net2\4.3.1__e0d16f6f4c7e05de\RadControls\Panelbar\Skins\OPSM

**************************/
	
/*---  default Blue Homepage menu block style ---*/ 

.header_menu{
	height:35px;
	width:100%;
	margin:0px;
	text-align:center;
	background-color: #34a6cb;
	background-image:url('/SiteCollectionImages/header_bg.gif');
	background-repeat:repeat-x;

	
}

/*---  Summer Homepage menu block style ---*/ 
.header_menu2{
	height:35px;
	width:100%;
	margin:0px;
	text-align:center;
	background-color:#fff8d4;
	background-image:url('/SiteCollectionImages/header_bg1.gif');
	background-repeat:repeat-x;
}


/*---- menu wrapper -------*/	

.menu{
	width:990px;
	margin:0 auto;
}	

/*--- 
Main nav menu item link area/style. 
Easy access for changing the navigation without editing the radmenu. 
Change color, font, link area and style. 
----*/

.header_menu a{
	margin-top: 4px;
	padding: 4px 7px 4px 7px;
	display: block;
	color: #ffffff;	
	font:10px normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration: none;
	/* border: 1px solid red; */

}

.header_menu a:hover{
	text-decoration:underline;
}

.header_menu2 a{
	margin-top: 4px;
	padding: 4px 7px 4px 7px;
	display: block;
	color: #5d2501;	
	font:10px normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration: none;
	/* border: 1px solid red; */
}

.header_menu2 a:hover{
	text-decoration:underline;
}

/*---- Country Selection area  -----*/


#menu_right{
	vertical-align:middle;
	margin-right: 10px;
	display: block;
	float: right;
	position: relative;
	height:32px;
	margin-top: 0px;

	}

/* default homepage country text style--*/
.countrytext{
	vertical-align:middle;
	padding-right: 7px;	
	color: #ffffff;
	font: 10px normal Verdana, Arial, Helvetica, sans-serif;
	display:none;
	}

/* summer homepage country text style--*/
.countrytext2{
	vertical-align:middle;
	padding-right: 7px;
	color: #5d2501;
	font: 10px normal Verdana, Arial, Helvetica, sans-serif;


}

select.country_form {
	margin-top: 4px; height: 18px;
	font: 11px normal Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	width: 100px;
	}

select, input, textarea {
	font: 11px normal Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	}

/******************************************************************/



/************** Page Containers  *********************/


.outer_wrapper{
	width:1100px;
	margin:0 auto;
	
}


.display_wrapper{
	width:990px;
	margin:0 auto;
}

.inner_wrapper{
	width:872px;
	margin-left:65px;
	margin-right:auto;
	height:auto;
}

.logo{
	height:87px;
	line-height:87px;
	vertical-align:middle;
}

.logo img{
	margin-top:33px;
}


.display_main{
	width:748px;
	height:405px;
	z-index:2;
	position:relative;
}

.display_main_title{
	width:748px;
	z-index:2;
	position:relative;
}



.bg_logo{
	position:absolute;
	left:49%;
	margin:36px 0 0 100px;
	z-index: 1;
}

.background{
	margin-top:10px;

}

.page_header{
	height:45px;
	background-image:url('/SiteCollectionImages/header_bg_gry.gif');
	background-repeat:repeat-y;
	width:748px;
	z-index:2;
	position:relative
}


.page_header h1{
	padding:16px 0 0 16px;
	font-size:14px;
	color:#FFFFFF;
	margin:0;
	font-weight:normal;
	font-weight:bold;
}




.content_slice, .content_slice_520{
	float:left;
	padding:0px;
	margin:0px;
	height:311px;
	width:431px;
	background-image:url('/SiteCollectionImages/content_backing.jpg');
	background-repeat:repeat-x;
	text-align:left;

}

.content_slice_520{
	width:520px;
}




#scroll_{
	text-align:left;
	height:311px;
	overflow:auto;
	float:left;
	width:100%;
	overflow-x:hidden;
	border: none;
	font-size:11px;
	color:#666666;
}



.image_slice_over{
	display: inline;
	margin-top: -45px;
	top: -45px;
	position: relative;
}

.image_slice_under{
	display:inline;
	position:relative;

}

image_slice_under_rfloat{
	display:inline;
	position:relative;
	background-color:blue;
	float:right;
}


/* .flash_slice{
	float:left;
	border:none;
	padding:0;
	margin:0;
	height:405px;
}  */


/***** content section reflection *******/

.d_reflect_c3{
	position: absolute;
	margin: -94px 0px 0px 0px;
	z-index: 2;
}

.d_reflect_c4{
	position: absolute;
	margin: -94px 0px 0px 0px;
	z-index: 2;
}


/***************  Homepage Ads Panel*****************/

.front_panel{
	margin-bottom:0px;
	margin-left:182px;
	position:absolute;
	height:200px;
	width:700px;
	z-index:4;
	margin-top:-205px;
	
}


.home_topbar{
	WIDTH: 690px; 
	HEIGHT: 30px
}

/*-- Homepage ads. --*/
.home1_ad1{
	width:385px;
	float:left;
}

.home1_ad2{
	width:305px;
	float:left;
}

/*-- Homepage Summer ads. --*/


.home2_ad1{
	width:345px;
	float:left;
}

.home2_ad2{
	width:345px;
	float:left;
}


/***************  Subpage Ads   ***********/

/*	Eg sitemap, storefinder. Extra width on the panel to avoid the ads folding under in ie6. also pixel accuracy rather than percentages required. */

.store_panel{
	margin-bottom:0px;
	margin-left:220px;
	position:absolute;
	margin-top:-175px;
	height:194px;
	width:655px;
	z-index:4;
}

.two_nav1{
	width:327px;
	float:left;
}

.two_nav2{
	width:325px;
	float:left;
}



/********** Side panel navigation . Backdrop/shadow for Rad Panel *******/

.side_panel{
	width:173px;
	background-image:url("/SiteCollectionImages/spanel_bg.gif");
	background-repeat:no-repeat;
	position:absolute;
	margin:-386px 0 0 698px;
	height:386px;	
	z-index:4;
}

.side_panel_new{
	width:173px;
	background-image:url("/SiteCollectionImages/spanel_bg.gif");
	background-repeat:no-repeat;
	position:absolute;
	margin:-374px 0 0 700px;
	height:386px;	
	z-index:4;
}


/****************Shadow styles***********************************/
.d_bottom{
	position:absolute;
	z-index:1;
	margin:-107px 0 0 -92px;
}

.d_bottom_c3{
	position:absolute;
	margin:-107px 0 0 -92px;
	z-index:1;
}

.d_bg{
	position:absolute;
	margin:-14px 0 0 -12px;
	z-index:1;
}



.s_bg{
	position:absolute;
	margin:-398px 0 0 686px;
	z-index:3;
}

.s_bottom{
	position:absolute;
	margin:-76px 0 0 644px;
	z-index:3;
}




.f_bottom{
	position:absolute;
	margin:-76px 0 0 74px;
	z-index:5;
}






/************************SPACERS*****************************/
.spacer40{
	line-height:40px;
}



/************************IE PNG Fix*****************************/

img, div { behavior: url(/_layouts/1033/iepngfix.htc) }

/*****************SCROLL BAR STYLING****************************/

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 14px;
background-color: #e2ecf4;
}

.vscrollerbasebeg {
background: url(/SiteCollectionImages/scroll_arrow_up.png) 0px 0px no-repeat;
width: 14px;
height: 14px !important;

}


.vscrollerbaseend {
background: url(/SiteCollectionImages/scroll_arrow_down.png) 0px 0px no-repeat;
height: 14px;
width: 14px;

}

.vscrollerbar {
width: 14px;
background-color: #34a6cb;
padding-top:14px;
padding-bottom:14px;
}

.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

/*.scroll{
	text-align:left;
	height:280px;
	overflow:auto;
	float:left;
	width:100%;
	overflow-x:hidden;
	
	
	scrollbar-face-color:#34a6cb;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color:#e4eef5;
	scrollbar-shadow-color:#34a6cb;
	scrollbar-highlight-color:#34a6cb;
	scrollbar-3dlight-color:#34a6cb;
	scrollbar-darkshadow-Color:#34a6cb;
}

.scroll p{
	text-align:left;
}
*/


/************* Footer Styles ************/

.footer{
/*	padding-left: 28px;
	margin:449px 0 0 0px;*/	
	position:relative;
	z-index: 6;
}

.footer_new{
	padding-left: 28px;
	position:relative;
	z-index: 6;

}

.footer_new2{
	margin-left: -50px;
	position:relative;
	z-index: 6;
	border:1px blue solid;

}

a.footerlink:link, a.footerlink:visited, a.footerlink:active
{
	font:10px Verdana,Arial, Helvetica, sans-serif;
	line-height:14px; 
	color:#b1b2b4 ;
	text-decoration:none;
	z-index: 6;
}

a.footerlink:hover
{
	font:10px Verdana,Arial, Helvetica, sans-serif;
	line-height:14px; 
	color:#b1b2b4 ;
	text-decoration:underline;
	z-index: 6;
}


.footerline
{
	font-family: Arial, Helvetica, sans-serif;
	color:#b1b2b4;
	font-size: 11px;
	_padding-left: 2px;
	_padding-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
}


span.copyright{
	font:10px Verdana,Arial, Helvetica, sans-serif;
	line-height:14px; 
	color: #b1b2b4;
	}


/*****************************************/

/******** Sitemap Styles ******/

a.sitemaplink, a.sitemaplink:link, a.sitemaplink:visited, a.sitemaplink:active
{
	font:13px Verdana,Arial, Helvetica, sans-serif;
	line-height:18px; 
	color:#006bb7;
	text-decoration: none;
}
a.sitemaplink:hover
{
	font:13px Verdana,Arial, Helvetica, sans-serif;
	line-height:18px; 
	color:#006bb7;
	text-decoration: underline;	
}


a.sitemaplink1, a.sitemaplink1:link, a.sitemaplink1:visited, a.sitemaplink1:active
{
	font:11px Verdana,Arial, Helvetica, sans-serif;
	line-height:14px; 
	color:#7f7f7f;
	text-decoration: none;	
}
a.sitemaplink1:hover
{
	font:11px Verdana,Arial, Helvetica, sans-serif;
	line-height:14px; 
	color:#7f7f7f;
	text-decoration: underline;
}

.bg_sitemap
{
	background-image:url("/SiteCollectionImages/bg_sitemap.gif");
	background-repeat: no-repeat;	
	width: 747px;
	height: 311px;
}


/********************************/

/*

.formlabel
{
   font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color:#000000;
	text-transform: uppercase;
}

.boximage
{
    background-image:url('/SiteCollectionImages/con2.png');
	background-repeat:repeat-y;	
}

*/


td.normal
{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6f6e6e;
	line-height: 16px;
}
.Titlecell
{
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-top: 11px;
	padding-bottom: 7px;
	background-color: #cccccc;
}

.border_cell1
{
	border: 1px solid #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding-top: 9px;
	padding-left: 10px;
}

.border_cell2
{
	border: 1px solid #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding:5px;
	padding-left: 10px;
}

table
{
	border-collapse: collapse;
}

/*******************TABLES************************************/
table.content{
	margin-left:0px;
	border:1px solid #cccccc;
	border-left:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.content td,th{
	padding-left:10px;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
}

.content th{
	background-color:#cccccc;
	color:#34a6cb;
}
a.footerlink2:link,a.footerlink2:visited,a.footerlink2:active
{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#019EDF;
	font-size:10px;
	font-weight:normal;
	line-height:14px;
	text-decoration:none;
	z-index:6;
}
a.footerlink2:hover
{
	text-decoration:underline;
}