/* 
================================
Skin styles for DotNetNuke
================================
*/ 

body{
	background-color: #DFDFDF;
}

.pagemaster {
	width: 100%;
	background-color: #DFDFDF;
}
.skinmaster {
	background-color: #FFF;
}
.skinheader {
	background: #E1193C;
	color: #FFF;
}

.NavSpacer{
	padding-left: 10px;
}
.skingradient {
	background: url(images/bottom_bar.gif) repeat-x;
	height: 28px;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}

.skingradient a:link, .skingradient a:visited, .skingradient a:active, .skingradient a:hover{
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

.skingradient td{
	padding-left: 15px;
	padding-right: 15px;
}

.skingradientShadow {
	background: url(images/GOWEST_site-template_12.gif) repeat-x;
	height: 5px;
	border-left: 1px solid #EFEFEF;
	border-right: 1px solid #EFEFEF;
}

.ContentAreas{
	border-left: 1px solid #EFEFEF;
	border-right: 1px solid #EFEFEF;
	width: 100%;
	padding-top:7px;
}

.controlpanel {
	width: 100%;
	background-color: #fefefe;
}

.MenuSpacer{
	padding-left: 5px;
}

.MainMenu_MenuContainer {

}

.MainMenu_MenuContainer td{height:27px; text-align:center;padding: 0px; margin:0px;}
.MainMenu_MenuContainer img{display: none; visibility: none;}
.MainMenu_MenuItem ,
.MainMenu_MenuItemSel ,
.MainMenu_MenuBreak{
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
font-weight:bold;
height:20px;
padding: 0px;
margin: 0px;} /*Height and text of the main menus*/ 

td.MainMenu_MenuItem, 
td.MainMenu_MenuArrow, 
td.MainMenu_MenuIcon,
td.MainMenu_MenuItemSel {
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
font-weight:bold;
height:20px;
padding-right: 5px;
padding-left: 5px;} /*Height and text of the submenus*/

/* This is here just for the vertical nav. I needed to
/* pad the cells so i could put a bullet point in as a 
/* background element below
.MainMenu_MenuContainer table td {
padding-left:10px
}*/
.MainMenu_MenuBar {
background:transparent;
}

/* MainMenu_MenuItem is the container for each text 
/* link in the flyout Note that when you hover over this 
/* item the TOP and BOTTOM borders dissappear

/* A Background colour change here affects all the menus, 
/* including the main-root unless you make changes to the 
/* TD as I have done below This stops the main menu from 
/* getting accidentally styled*/
.MainMenu_MenuItem {
cursor:pointer;
color:#FFF;
background:#E1193C;
text-transform:uppercase;
}

/* This will colour the flyout menu, and give it a height.*/
/*Make it match the border colours below*/
td.MainMenu_MenuItem, td.MainMenu_MenuArrow, td.MainMenu_MenuIcon{
background:#FFF;
height:inherit;
color: #808384;
}

/* This guy here is for the actual drop down or flyout. 
/* If you put a border around it, you'll get a border around the 
/* whole flyout. The background is the colour for the whole flyout
/* before you hover over each item*/
.MainMenu_SubMenu {
z-index:1000;
background-color:transparent; 
margin:0;
border-top: 1px solid #FFF;
}

/* This styles the menu break: as in a set space between two menu items. 
/* But in the main menu there is no break It's something you have
/* to turn on in the XML file, like if you want to simulate tabs*/
.MainMenu_MenuBreak {
background-color:transparent;
}

/* This is the HOVER state for the main menu text.
/* below on td.Main you'll find the HOVER state for the flyouts.
/* The main menu applies the style to the table where the flyout applies
/* it to a td this is why we can make the two different we just get 
/* more specific.*/
.MainMenu_MenuItemSel {
cursor:pointer;
color:#FFF;
background:#808384; /*main menu hover*/
text-transform:uppercase;
}

td.MainMenu_MenuItemSel {
background:#E1193C; /*submenu hover*/
text-transform:uppercase;
padding-right: 5px;
padding-left: 5px;
}

/* These style that pesky little bit of border that dissappears when you hover over it.
/* Change the border colour to match the background colour and you should be cool
/* changing the size of the border will make a mess of it*/
/*----------------------------*/
.MainMenu_MenuItem {
border-bottom:0px solid #6B8A66;
border-left:0 solid #9AB296;
border-right:0 solid #9AB296;
border-top:0px solid #9AB296;
}

.MainMenu_MenuIcon {
border-bottom:#6B8A66 0px solid;
border-left:#9AB296 0px solid;
border-top:#9AB296 0px solid;
display: none;
}

.MainMenu_MenuBreak {
border-bottom:#9AB296 0px solid;
border-left:#9AB296 0 solid;
border-right:#9AB296 0 solid;
border-top:#9AB296 0px solid;
}

.MainMenu_MenuArrow {
border-bottom:#6B8A66 0px solid;
border-right:#9AB296 0px solid;
border-top:#9AB296 0 solid;
display: none;
}

/*hover colour*/
.MainMenu_MenuItemSel{
border-bottom:#698A67 0px solid;
border-left:#698A67 0 solid;
border-right:#698A67 0 solid;
border-top:#698A67 0px solid;
}

.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}
.Head {
   font-family: Arial, Verdana, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #333333;
}

/************************* Begin Custom Styles *********************************/
.HeaderRight{
	padding-right: 18px;
}

#SearchArea{
	vertical-align: middle;
}

#SearchArea .NormalTextBox{
	width: 160px;
	height: 15px;
	font-size: 10px;
	border: 1px solid #C1C0BC;
}

.LoginContactLanguage{
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	margin-top: 25px;
}

.LoginContactLanguage a, .LoginContactLanguage a:link, .LoginContactLanguage a:visited, .LoginContactLanguage a:active, .LoginContactLanguage a:hover{
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration:none;
	text-transform:uppercase;
}

.FlashFooter{
	background: #E1193C;
	height: 4px; 
	width: 100%;
	font-size:4px;
}

.PageTopSpace{
	height: 16px;
	background:#DFDFDF;
}

.MenuPane{
	width: 100%;
	padding: 0px;
	margin: 0px;
	background:#DFDFDF;
}

.Copyright{
	color: #FFF;
}

.TermsText{
	color: #FFF;
	text-transform:uppercase;
}

.LeftPane{
	padding-top: 4px;
	padding-bottom: 10px;
}

.ContentPane{
	width: 100%;
	padding-top: 6px;
	padding-right: 19px;
	padding-bottom: 10px;
	padding-left: 19px;
}

.RightPane{
	padding-top: 10px;
	padding-bottom: 10px;
}

#LanguageNav{
	width: 100%;
}

#LanguageNav a{
	background: url(images/tab-red.gif) no-repeat;
	display: block;
	color: #FFF;
	text-decoration:none;
	font-weight: bold;
	text-transform:uppercase;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	width: 196px;
	line-height: 22px;
	margin-right: 3px;
}

#LanguageNav a:hover{
	background: url(images/tab-grey.gif) no-repeat;
	display: block;
	color: #FFF;
	text-decoration:none;
	font-weight: bold;
	text-transform:uppercase;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	width: 196px;
	line-height: 22px;
	margin-right: 3px;
}

#LanguageNav td.LangSpacer{
	height: 23px;
	background:url(images/GW_small_bar.gif) repeat-x;
}

#LanguageNav a div{
	padding-left: 12px;
}

ul.LanguageSideNav{
	margin-left: 15px;
}

.LoginText{
	text-transform: uppercase;
}

.HeaderGradient{
	background: #00AEEF url(images/Header_Bar.gif) no-repeat right;
	height: 112px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
}

.FlashMovie{
	margin: 0px;
	padding: 0px;
}