/* 
================================
HotMedia 2009 Skin styles for DotNetNuke
================================
*/   
body {
    background-color: #ffffff;
    padding: 0px;
    margin: 0px;
}
body, body * {
    font-family: Trebuchet MS, sans-serif;
    font-weight: normal;
    font-size: 13px;

}
body strong {
    font-weight: bold;
}
.pagemaster {
    width: 100%;
    height: 100%;
    background-color: #262626;
    text-align: center;
    background-image: url(skinimages/header_BG.gif);
    background-repeat: repeat-x;
    background-position: 0px 1px;
}
.skinmaster {
	background-color: #ffffff;
	border: none;
	text-align: left;
}
.homeLogoTD {
    padding: 30px 0px 20px 0px;
}
.homeSpacer {
    background-color: #262626;
}
.homeBodyPanel {
    background-image: url(skinimages/homebody_BG.gif);
    background-repeat: repeat-x;
}
.homeBodyRight {
    padding-top: 3px;
}
.homeBodyLeft, .homeBodyRight {
    vertical-align:top;
}
.BreadcrumbTD {
    background-color: #ffffff;
}


/* Homepage Banner, Text and Hover Images*/
.homebanner {
    background-image: url(skinimages/homebanner1.jpg);
    background-repeat: no-repeat;
    height: 388px;
    width: 760px;
    position: relative;
}
.homebannerDiv {
    position: relative;
    top: 0px;
    left: 0px;
    height: 388px;
    width: 760px;
}
.homebanner .homeH1, .homebanner .homeH2 {
    position: absolute;
    left: 20px;
}
.homebanner .homeH1 {
    top: 34px;
}
.homebanner .homeH2 {
    top: 90px;
}
.homeH1 H1 {
    font-weight: bold !important;
    font-size: 30px !important;
    line-height: normal;
    color: #ff8823 !important;
    text-transform: uppercase !important;
    padding: 0px;
    margin: 0px;
}
.homeH2 H2 {
    font-family: Verdana, Helvetica !important;
    font-weight: normal !important;
    font-size: 20px !important;
    line-height: 26px;
    color: #dbdbdb !important;
    text-transform: uppercase !important;
    padding: 0px;
    margin: 0px;
}
.homebanner .div1txt, .homebanner .div2txt, .homebanner .div3txt, .homebanner .div4txt {
    position: absolute;
    top: 240px;
    width: 167px;
    text-align: center;
    font-family: Verdana, Arial, sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.3em !important;
}
.homebanner .div1txt, .homebanner .div1img {
    left: 20px;
}
.homebanner .div2txt, .homebanner .div2img {
    left: 204px;
}
.homebanner .div3txt, .homebanner .div3img {
    left: 389px;
}
.homebanner .div4txt, .homebanner .div4img {
    left: 573px;
}
.homebanner .div1img, .homebanner .div2img, .homebanner .div3img, .homebanner .div4img {
    position: absolute;
    top: 153px;
    z-index: 100;
}
/* End of Homepage Banner, Text and Hover Images*/

.StdCopyrightStyle {
   font-size:  11px;
   color: #414141;
   vertical-align: middle;
   padding-left: 10px;
}
a.StdLoginStyle:link, a.StdLoginStyle:visited, a.StdLoginStyle:active, a.StdLoginStyle:hover {
   font-size:  10px;
   color: #000000;
   vertical-align: middle;
   padding-left: 10px;
}
.searchTD{
   font-size: 6px;
   padding-bottom: 3px;
   margin: 0;
}

a:link, a:visited, a:hover, a:active {
    font-weight: normal;
    text-decoration: underline;
}
a:link, a:visited {
    color: #ff6c00;
}
a:hover, a:active {
    color: #df5e00;
}
.HotTip {
    color: #ff8823;
    font-weight: bold;
}

ol li {
    list-style-type: decimal !important;
}
ul {
    margin-top:0px;
    margin-bottom:0px;
}

li {
    margin-left:-15px;
    list-style-type: disc !important;
}
* strong, * b {
    font-weight: bold;
}

/*----- ContentPane Skin Styles -----*/
.ContentPane0 {
    width:585px;
    vertical-align:top;
    padding: 0px 20px 20px 15px;
}
.ContentPane0 div.DNNEmptyPane {
    /*padding: 0px !important;
    margin: 0px !important;
    height: 1px !important;*/
}
.ContentPane1 {
    background-color: #262626;
    height: 35px;
}
.ContentPane2 {
    height: 149px;
}
.ContentPane3 {
    vertical-align: top;
    width: 175px;
    background-image: url(skinimages/leftsubmenu_BG.jpg);
    background-repeat: no-repeat;
    background-position:left top;
}
.ContentPane4 {
    vertical-align: top;
    padding: 0px 20px 20px 15px;
    margin: 0px;
}
.ContentPane5 {
    vertical-align: top;
    text-align:right;
    padding: 0px 20px 20px 0px;
    margin: 0px;
}
.ContentPane6 {
    background-image: url(skinimages/bottompanel_BG.gif);
    background-repeat: repeat-x;
    text-align:center;
    background-color: #f4f4f4;
    vertical-align:top;
}
.ContentPane7 {
    width: 33%;
    text-align: center;
    padding-top: 10px;
}
.ContentPane7 a:link, .ContentPane7 a:visited, .ContentPane7 a:active, .ContentPane7 a:hover {
    font-size:  11px;
    text-decoration: none;
}
.ContentPane8 {
    background-color:#262626;
    vertical-align:top;
}

/*----- Page Border and Background Styles -----*/
.BreadcrumbBottomLine {
    text-align: center;
    background-color: #ffffff;
}
.BreadcrumbBottomLineImage {
    width: 720px;
    height: 1px;
    background-color: #f0f0f0;
}
.headerMenuTD {
    background-color: #171717;
    height: 137px;
    background-image: url(skinimages/header_BG.gif);
    background-repeat: repeat-x;
}
.spacerTD {
    background-color: #171717;
    height: 1px;
}
.TDRight {
    background-image: url(skinimages/hotmedia_BG_R.jpg);
    background-repeat: no-repeat;
    background-position:left top;
}
.mainBody {
    vertical-align: top;
    background-position: bottom;
    background-image: url(skinimages/body_BG.gif);
    background-repeat: repeat-x;
    background-color: #ffffff;
}
.mainBodyPanel {
    vertical-align: top;
}

.rightBodyPanel {
    vertical-align:top;
    width: 585px;
}
.BodyFooterLine {
    height: 8px;
    background-image: url(skinimages/bottompanel_BottomBG.gif);
    background-repeat: repeat-x;
}
.BottomFooter {
    height: 40px;
    background-color: #ffffff;
}
.CopyStyle {
    width: 33%;
    text-align:left;
    padding-left: 10px;
    padding-top: 13px;
}
/* BottomFooter Styles */
.BackToTopStyle {
    width: 33%;
    text-align: right;
    padding-right: 5px;
    padding-top: 13px;
}
.BackToTopImageStyle {
    width: 12px;
    text-align: right;
    padding: 13px 10px 0px 0px;
}
.BackToTopStyle a:link, .BackToTopStyle a:visited, .BackToTopStyle a:hover, .BackToTopStyle a:active  {
   font-size:  11px;
   text-decoration: none;
}
.BackToTopStyle a:link, .BackToTopStyle a:visited  {
   color: #414141;
}
.BackToTopStyle a:hover, .BackToTopStyle a:active  {
   color: #ff6c00;
}

.sidePanel {
    background-color: #262626;
}
/*----- End of Page Border and Background Styles -----*/



.StandardButton {
    background: #7994cb none; 
    color: #ffffff; 
    font-size: 11px;
    font-weight: normal;
}
.menuTD, .menuTDRight {
    background-image: url(menuImages/menuBG.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 27px;
}



/*----- Portal Styles -----*/
H1, H1 * {
    font-family: Verdana,Helvetica sans-serif;
    font-weight: bold!important;
    font-size: 38px !important;
    line-height: normal;
    color: #494949 !important;
    text-transform: none; /*normal*/
    padding-top: 5px !important;
}
H1 small {
    font-size: 28px !important;
    font-weight: normal !important;
    text-transform: none !important; /*normal*/
}
H1 .med {
    font-size: 30px !important;
}
H2, H2 * {
    font-family: Verdana, Arial, Helvetica !important;
    text-transform: none !important;
    color: #797979 !important; /*#ff8823, #ff7813*/
    font-size: 13px !important;
    font-weight: bold !important;
    margin-bottom: 0px !important;
}
H3, H3 * {
    font-family: Verdana, Arial, Helvetica !important;
    text-transform: none !important;
    color: #252424 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    margin-bottom: -5px !important;
}
H4, H4 * {
    font-family: Verdana, Arial, Helvetica !important;
    text-transform: none !important;
    color: #ff8823 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    margin-bottom: 0px !important;
}
H5, H5 * {
    font-family: Verdana, Arial, Helvetica !important;
    text-transform: uppercase !important;
    color: #ff8823 !important;
    font-size: 14px !important;
    font-weight: bold !important;
    margin-bottom: 0px !important;
}
H5 small {
    font-family: Verdana, Arial, Helvetica !important;
    text-transform: none !important;
    color: #ff8823 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    margin-bottom: 0px !important;
}
.Normal, .NormalDisabled {
    font-family: Trebuchet MS, sans-serif;
    font-weight: normal;
    font-size: 13px;
}
p {
    margin-bottom: 8px !important;
    margin-top: 0px !important;
    line-height: 1.4em  !important;
}


/* Main Menu */
/*.MainMenu_MenuContainer {
}
.MainMenu_MenuBar {
}
.MainMenu_MenuItem, .MainMenu_MenuItemSel {
    color: #3e3e3e;
    height: 18px;
    padding: 2px 10px 10px 0px;
    font-weight: normal;
    vertical-align: middle;
}
.MainMenu_MenuItemActive {
    color: #f79c30;
}
.MainMenu_MenuIcon {
    background-color: green;
    display: none;
}
.MainMenu_MenuBreak {
}
.MainMenu_MenuItemSel {
    background-color: #ffffff;
    color: #f79c30;
    font-weight: normal;
}
.MainMenu_MenuArrow {
    display: none;
}
.MainMenu_RootMenuArrow {
    display: none;
}*/


/* Sub Menu */
/*.MainMenu_SubMenu, .MainMenu_SubMenu *, .MainMenu_SubMenuItem, .MainMenu_SubMenuItemSel {
    font-size: 9pt;
    font-weight: normal;
    text-transform: none;
    color: #3e3e3e;
    padding: 0;
    margin: 0;
}
.MainMenu_SubMenu {
    background-color: #f9ecb5;
    color: yellow;
    height: 18px;
    border: solid 1px #bf2c01;
}
.MainMenu_SubMenuItemSel {
    background-color: #f9d35c;
    color: #f79c30;
    border: none;
}
.MainMenu_SubMenu * {
    font-size: 8pt;
    padding: 1px 6px 1px 6px;
    border: none;
    height: 18px;
}
.MainMenu_RootMenuItemActive, .MainMenu_SubMenuItemActive {
    color: red;
    font-weight: bold;
}
.MainMenu_RootMenuItemSelected, .MainMenu_SubMenuItemSelected {
    color: blue;
    font-weight: bold;
}*/


/* Hotmedia Get In Touch With Us Email Module Styles */
.DivGetInTouch {
    position: relative;
    height:125px;
}
.DivGetInTouch * {
}
.DivGetInTouchHeading {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 14px !important;
    line-height: normal;
    font-weight: bold;
    color: #000000;
}
.DivInputName {
    position: absolute;
    top: 25px;
    left: 0px;
}
.DivInputEmail {
    position: absolute;
    top: 60px;
    left: 0px;
}
.DivInputNameLabel, .DivInputEmailLabel {
    font-weight: normal;
    font-size: 11px !important;
    position: absolute;
    z-index: 1000;
}
.DivInputNameLabel {
    top: 30px;
    left: 5px;
}
.DivInputEmailLabel {
    top: 65px;
    left: 5px;
}
.DivButton {
    position: absolute;
    top: 95px;
    left: 66px;
}
.DivErrName {
    position: absolute;
    top: 45px;
    left: 0px;
    width:160px;
}
.DivErrEmail {
    position: absolute;
    top: 80px;
    left: 0px;
    width:160px;
}
.DivErrName .DivErrStyle, .DivErrEmail .DivErrStyle {
    font-weight: normal;
    font-size: 10px;
    line-height: normal;
    color: #ffffff !important;
}
.DivInputName input.txtInputStyle, .DivInputEmail input.txtInputStyle {
    font-weight: normal;
    font-size: 11px;
    line-height: normal;
    width: 150px;
    height: 22px;
    vertical-align: middle;
    padding: 3px 0px 0px 2px;
    border: solid 1px #cc6600;
}

/* HotMedia Main Tab Menu Styles */
.MM_out, .MM_sel, .MM_sel_L, .MM_sel_R {
    height:45px;
    font-family: Arial, Helvetica;
    font-size: 20px;
    vertical-align: middle;
    text-align: center;
}
.MM_out a:link, .MM_out a:visited, .MM_out a:hover, .MM_out a:active {
    font-family: Arial, Helvetica;
    font-size: 20px;
    text-decoration: none;
}
.MM_out a:link, .MM_out a:visited {
    color: #ffffff;
}
.MM_out a:hover, .MM_out a:active {
    color: #ff8823;
}
.MM_out {
    color: #ffffff;
    padding: 0px 21px 0px 21px;
}
.MM_sel {
    color: #ff8823;
    background-image: url(MainTabMenuImages/menutab_BG.gif);
    background-repeat: repeat-x;
    padding: 0px 15px 0px 15px;
}
.MM_sel a:link, .MM_sel a:visited, .MM_sel a:hover, .MM_sel a:active {
    font-family: Arial, Helvetica;
    font-size: 20px;
    text-decoration: none;
}
.MM_sel a:link, .MM_sel a:visited {
    color: #ff8823;
}
.MM_sel a:hover, .MM_sel a:active {
    color: #ffffff;
}

.MM_sel_L, .MM_sel_R {
    width: 6px;
    height: 46px;
    font-family: Arial, Helvetica;
    font-size: 5px;
}
.MM_sel_L {
    background-image: url(MainTabMenuImages/menutab_L.gif);
    background-repeat: repeat-x;
}
.MM_sel_R {
    background-image: url(MainTabMenuImages/menutab_R.gif);
    background-repeat: repeat-x;
}


/* HotMedia Horizontal SubHeading Styles */
.HorizontalSubMenuTable {
    margin-left:19px;
}
.HorizontalSubMenuTable * {
    white-space: nowrap;
}
.HorizontalSubMenuTable .sel a:link, .HorizontalSubMenuTable .sel a:visited, .HorizontalSubMenuTable .sel a:active, .HorizontalSubMenuTable .sel a:hover {
    font-size: 12px;
    line-height: normal;
    font-weight: normal;
    color: #ff8823;
    text-decoration: none !important;
}
.HorizontalSubMenuTable .sel a:link, .HorizontalSubMenuTable .sel a:visited {
    color: #ff8823;
}
.HorizontalSubMenuTable .sel a:active, .HorizontalSubMenuTable .sel a:hover {
    color: #cdcdcd;
}
.out, .sel {
    padding: 0px 25px 0px 0px;
}

.HorizontalSubMenuTable .out a:link, .HorizontalSubMenuTable .out a:visited, .HorizontalSubMenuTable .out a:active, .HorizontalSubMenuTable .out a:hover {
    font-size: 12px;
    line-height: normal;
    font-weight: normal;
    text-decoration: none !important;
}
.HorizontalSubMenuTable .out a:link, .HorizontalSubMenuTable .out a:visited {
    color: #cdcdcd !important;
}
.HorizontalSubMenuTable .out a:active, .HorizontalSubMenuTable .out a:hover {
    color: #ff8823 !important;
}


/* HotMedia Vertical SubMenu Styles */
.VerticalSubMenuTable {
    width: 175px;
}
.VerticalSubMenuTable .above_sel {
    width: 170px;
    height: 30px;
    border-bottom: solid 1px transparent;
}
.VerticalSubMenuTable .above_out {
    width: 170px;
    height: 30px;
    border-bottom: solid 1px #d0d1d1;
}

.VerticalSubMenuTable .sel, .VerticalSubMenuTable .out {
    padding: 10px 20px 9px 21px;
    width: 170px;
    line-height: 1.4em;
    font-weight: normal;
    font-size: 12px;
    
}
.VerticalSubMenuTable .arrow, .VerticalSubMenuTable .spacer{
    width: 5px;
}
.VerticalSubMenuTable .sel {
    color: #ffffff;
    background-color: #ff8823;
}
.VerticalSubMenuTable .arrow {
    background-color: transparent;
    background-image: url(VerticalSubMenuImages/vsubmenuarrow.png);
    background-position: right center;
    background-repeat: no-repeat;
}
.VerticalSubMenuTable .out {
    color: #3e3e3e;
    border-bottom: solid 1px #d0d1d1;
    border-top: solid 1px #FFFFFF;
    background-color: transparent;
}
.VerticalSubMenuTable .out a:link, .VerticalSubMenuTable .out a:visited, .VerticalSubMenuTable .out a:active, .VerticalSubMenuTable .out a:hover {
    font-weight: normal;
    font-size: 12px;
    line-height: 1.4em;
    text-decoration: none;
}
.VerticalSubMenuTable .out a:link, .VerticalSubMenuTable .out a:visited {
    color: #3e3e3e;
    font-style: italic;
}
.VerticalSubMenuTable .out a:active, .VerticalSubMenuTable .out a:hover {
    color: #ff8823;
    font-style: italic;
}


/* HotMedia Static Menu (Sitemap) Styles */
.StaticMenuTable {
    width: 700px;
    border: none;
}
.StaticMenuTD {
    vertical-align: top;
    font-weight: normal;
    font-size: 11px;
    line-height: normal;
    padding: 15px 10px 15px 10px;
    border: none;
}
.StaticTopMenuDiv {
    margin-bottom: 8px;
}
.StaticTopMenuDiv a:link, .StaticTopMenuDiv a:visited, .StaticTopMenuDiv a:active, .StaticTopMenuDiv a:hover {
    font-weight: normal;
    font-size: 11px;
    line-height: normal;
    text-transform: uppercase;
    text-decoration:none;
}
.StaticTopMenuDiv a:link, .StaticTopMenuDiv a:visited {
    color: #414141;
}
.StaticTopMenuDiv a:active, .StaticTopMenuDiv a:hover {
    color: #ff6c00;
}
.StaticMenuChildDiv a:link, .StaticMenuChildDiv a:visited, .StaticMenuChildDiv a:active, .StaticMenuChildDiv a:hover {
    font-weight: normal;
    font-size: 11px;
    line-height: normal;
    text-decoration:none;
}
.StaticMenuChildDiv a:link, .StaticMenuChildDiv a:visited {
    color: #ff6c00;
}
.StaticMenuChildDiv a:active, .StaticMenuChildDiv a:hover {
    color: #414141;
}


/*----- HotMedia Breadcrumbs -----*/
.BreadcrumbDiv {
    color: #9e9e9e;
    padding: 0px 0px 4px 20px;
}
.BreadcrumbDiv a.BC:link, .BreadcrumbTD a.BC:visited, .BreadcrumbDiv a.BC:active, .BreadcrumbTD a.BC:hover, .BreadcrumbDiv .activeBC  {
    font-size: 11px;
    text-decoration: none;
    color: #9e9e9e;
}
.BreadcrumbDiv a.BC:link, .BreadcrumbTD a.BC:visited {
    color: #9e9e9e;
}
.BreadcrumbDiv a.BC:active, .BreadcrumbTD a.BC:hover{
    color: #ff8823;
}
.BreadcrumbDiv .activeBC {
    color: #000000;
}

/*----- HotMedia Xmas Promotion Styles -----*/
.xpTbl {
    border: solid 1px #cecece;
}
.xpTbl td {
    background-color: #ffffff;
}
.xpTbl p {
    color: #000000;
    font-size: 12px;
    margin-right: 15px;
}
.xpOrangeButton {
    background-image: url(skinimages/orangebuttonBG.gif);
    background-repeat: repeat-x;
    text-align: center;
    height: 34px;
    color: #000000;
    padding: 3px;
}
.xpTbl ul {
    padding-top: 0;
    padding-bottom: 15px;
}
.xpTbl li {
    font-size: 10px;
    color :#313131;
}