﻿/*========================================================*/
/*         CSS for DotNetNuke Skin - Clipped              */
/*                  by Brian Connor                       */
/*             http://www.NukeVille.com                   */
/*                connbrian@gmail.com                     */
/*========================================================*/
/*  iConcept Styles */
body {margin:0; padding:0; background:#000 url(bg_body.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; text-align:center;}
#wrapper{width:1024px; margin:0 auto; background:#fff url(bg_main.jpg) repeat-x;}
#footer{ height:40px; background:url(bg_footer.jpg) repeat-x;}
#header{ background:url(bg_body.jpg) repeat-x; height:77px; padding:0 0 0 0; text-align:left;}
#menutabs{ height:29px; background:#0099ff;}
#breadcrumbs{ background:url(bg_bread.jpg) repeat-x; height:48px; margin:0; padding:0;}
#main{ width: 890px; margin:0 20px 20px 20px; background:#fff;}
#leftcol{width:715px; margin:0 15px 0 0; float:left;}
#lifestyle{ height:222px; width:717px; margin:0 0 10px 0;}
#offerings{width:470px; float:left; margin:0 15px 0 0;}
#offering{width:470px; height:140px; margin:0 0 0 0; }
#offer_btn1 a { width:80px; height:20px; background:#cc0102; display:block; color:#fff; text-align:center; text-decoration:none; line-height:20px;}
	#offer_btn1 a:hover { width:80px; height:20px; background:#252525; display:block; color:#fff; text-align:center; text-decoration:none line-height:20px;}
#offer_btn2 a { width:80px; height:20px; background:#252525; display:block; color:#fff; text-align:center; text-decoration:none; line-height:20px;}
	#offer_btn2 a:hover { width:80px; height:20px; background:#cc0102; display:block; color:#fff; text-align:center; text-decoration:none line-height:20px;}
#spotlight{width:230px; float:left; }
#spothead{ height:25px; font-size:20px; font-family:Arial, Helvetica, sans-serif; line-height:20px; color:#fff; background:#252525; padding:5px;}
#newscon{margin:0 0 5px 0; height:95px; background:#f3f3f3;border-bottom:1px dashed #ccc;}
#rightcol{ width:170px; float:left;}
#clear{clear:both;}

.floatL{ float:left;}
.floatR{ float:right;}
.clear{ clear:both;}
.bread{font-size:16px; font-weight:bold; color:#fff; line-height:48px; padding:0 0 0 20px;}
.theoffer1{ background:url(offer1.jpg) no-repeat; width:470px; height:136px; border:1px solid #e7e7e7; }
.theoffer2{ background:url(offer2.jpg) no-repeat; width:470px; height:136px; border:1px solid #e7e7e7; }
.theoffer3{ background:url(offer3.jpg) no-repeat; width:470px; height:136px; border:1px solid #e7e7e7; }
.theoffer4{ background:url(offer4.jpg) no-repeat; width:470px; height:136px; border:1px solid #e7e7e7; }
.offertitle{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#cc0102;}
.bread_{height:48px; line-height:46px; padding:0 0 0 10px;}
.logon_{height:48px; line-height:46px; padding:0 20px 0 0;}

.bold{ font-weight:bold;}

.eleven{ font-size:11px;}
.twelve{ font-size:12px;}
.fourteen{ font-size:14px;}
.sixteen{ font-size:16px;}
.eighteen{ font-size:18px;}

.black{color:#000;}
.white{color:#fff;}
.red{color:#cc0102;}
.greydark{color:#252525;}
.greylight{color:#afafaf;}

.left{text-align:left;}
.right{text-align:right;}

.mtop10{margin:10px 0 0 0;}
.mbot10{margin:0 0 10px 0;}
.mleft10{margin:0 0 0 10px;}
.mright10{margin:0 10px 0 0;}

.ptop10{padding:10px 0 0 0;}
.pbot10{padding:0 0 10px 0;}
.pleft10{padding:0 0 0 10px;}
.pright10{padding:0 10px 0 0;}

.dashedbot{border-bottom: 1px dashed #252525;}

 
 /*panes*/
 .leftpane{width:170px;padding:10px 10px 0 10px;}  
 .contentpane{width:100%;padding:10px 10px 0 10px;}  
 .rightpane{width:170px;padding:10px 10px 0 10px;}   


/*========================================================*/
/*  1 Universal                                          */
/*========================================================*/

/* Style For HTML PAGE                   */ html { height: 100%; }

/* Setting Text Throughout the skin      */ table, tr, td {font-family: tahoma; font-size: 11px; margin: 0;}


/*========================================================*/
/*  2 Design Elements                                    */
/*========================================================*/

/*-- outermost table of skin                --*/ .OuterTable { width: 850px; height: 100%; background: url(page_bg_l.gif) repeat-y top left #FFF; align: center; }
/*-- cell containing panes                  --*/ .PanesTD { width:100%; vertical-align: top; padding: 0 0 0 0; }
/*-- top header panel background            --*/ .TopLogoRowBG    { background: url(header_bg.gif) repeat top left; padding: 0 0 0 0; }
/*-- top header panel right                 --*/ .TopLogoRowRight { background: url(top_logo_r.gif) repeat-y top right; padding: 0 0 0 0;}
/*-- top header panel left                  --*/ .TopLogoRowLeft  { background: url(top_logo_l.gif) repeat-y top left;  padding: 7px 15px 0 15px;}
/*-- top header section                     --*/ .TopRow { background:  url(top_bg.jpg) repeat-x top left; height: 270px; padding: 0; }
/*-- topleft header section                 --*/ .TopRowLeft { background:  url(top_l.jpg) no-repeat top left; height: 270px; width:100%; padding: 0; }
/*-- topright header section                --*/ .TopRowRight { background:  url(top_r.jpg) no-repeat top right; height: 270px; width:100%; padding: 0;}
/*-- middle content section                 --*/ .MiddleRow { background:  url(page_bg_r.gif) repeat-y top right; padding: 0 12px 0 12px; }
/*-- bottom footer section                  --*/ .BottomRow { background:  url(footer_bg.gif) repeat-x top center; height: 72px; padding: 0;}
/*-- bottomleft footer section              --*/ .BottomRowLeft { width:100%; background:  url(footer_bg_l.gif) no-repeat top left; height: 60px; padding: 0;}
/*-- bottomright footer section             --*/ .BottomRowRight { background:  url(footer_bg_r.gif) no-repeat top right; height: 60px;}

/*-- cell containing login and register     --*/ .LoginTD { vertical-align: middle; color: #FFF; padding: 0 35px 8px 0; text-align:right; }
/*-- cell containing flash or images        --*/ .FlashCell       { vertical-align:top; text-align:left; width:430px; height:195px; padding: 26px 0 0 12px; }
/*-- cell containing header pane            --*/ .HeaderPaneArea  { vertical-align:top; text-align:left; width:100%; height:195px;}
/*-- cell containing date                   --*/ .DateTD { text-align:right; vertical-align: bottom; padding: 0 30px 8px 0 ; height:54px;}
/*-- cell containing header pane            --*/ .HeaderPaneTD { vertical-align: middle; padding: 0 30px 0 0 ; width:100%;}
/*-- cell containing header pane in blank   --*/ .HeaderPaneTD2 { vertical-align: middle; padding: 0 30px 0 30px ; width:100%;}
/*-- cell containing menu                   --*/ .MenuTD { height:29px; }
/*-- cell containing breadcrumbs            --*/ .BreadcrumbsTD { color:#808080; height: 28px; vertical-align: top; padding: 5px 20px 0 20px; }
/*-- cell containing privacy                --*/ .PrivacyTD { text-align: left; vertical-align: top; padding: 20px 0 0 25px; }
/*-- cell containing copyright              --*/ .CopyrightTD { text-align: right; vertical-align: top; padding: 20px 16px 0 0; }
/*-- cell containing search                 --*/ .SearchTD { width:1px; text-align:right; vertical-align: top; padding: 17px 26px 0 18px;}
/*-- applied to invisible objects           --*/ .Invisible { visibility:hidden; }


/*========================================================*/
/*  3 Content Panes                                      */
/*========================================================*/

/*-- top inside content pane       --*/ .PaneTop { width: 100%; padding: 0 7px 0 7px;}
/*-- left content pane             --*/ .PaneLeft { padding: 10px 0 10px 10px;}
/*-- content pane                  --*/ .PaneCenter { padding: 10px 7px 0 10px; }
/*-- right content pane            --*/ .PaneRight { padding: 10px 7px 0 10px; width: 180px; }
/*-- bottom inside pane            --*/ .PaneBottom { width: 100%; padding: 0 7px 0 7px; }
/*-- bottom menu content pane      --*/ .PaneMenuBottom { width: 100%; padding: 5px 5px 0 5px; }
/*-- header content pane           --*/ .PaneHeader { height:139px; width: 100%; padding: 0 0 0 0; }

/*========================================================*/
/*  4 Tokens                                             */
/*========================================================*/

/*-- login and user token idle         --*/ .LOGIN_object, a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active, .USER_object, a.USER_object:link, a.USER_object:visited, a.USER_object:active { color: #FFF; background:  url(bull.gif) no-repeat bottom left;  font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; padding: 0 0 0 20px; height:45px;}
/*-- login and user token hover        --*/ a.LOGIN_object:hover, a.USER_object:hover { height:45px; background:  url(bull.gif) no-repeat bottom left; color: #DDD; font-family: tahoma; font-weight:bold; font-size: 11px; text-decoration: none; }
/*-- date token idle                   --*/ .DATE_object, a.DATE_object:link, a.DATE_object:visited, a.DATE_object:active { color: #c1c1c1; font-family: tahoma; font-size: 11px; text-decoration: none; }
/*-- date token hover                  --*/ a.DATE_object:hover { color: #fff; font-family: tahoma; font-size: 11px; text-decoration: none; }
/*-- breadcrumbs token idle            --*/ .BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { color: #fff; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:bold;}
/*-- breadcrumbs token hover           --*/ a.BREADCRUMBS_object:hover { color: #ccc; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:bold; }
/*-- terms privacy and copyright       --*/ .FOOTER_objects { color:#fff; font-size: 11px; }
/*-- terms privacy and copyright links --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { color:#fff; font-weight:bold; text-decoration:none; }
/*-- terms privacy and copyright hover --*/ a.FOOTER_objects:hover { color:#666; font-weight:bold; text-decoration:none;  }
/*-- language selector dropdown        --*/ .Language_object { font-family: tahoma; font-size: 11px; text-decoration: none; }


/*========================================================*/
/*  5 Text                                               */
/*========================================================*/

/*-- most of the text on site          --*/ .normal, .Normal { font-family: tahoma; font-size: 11px; color: #555; }
/*-- most of the bold text on site     --*/ .NormalBold { font-family: tahoma; font-size: 11px; font-weight: bold; color: #555; }
/*-- red text on site for errors       --*/ .NormalRed { color: #C50000; font-family: tahoma; font-weight: bold; font-size: 11px; }
/*-- subheadings - mostly in admin     --*/ .SubHead { font-family: tahoma; font-size: 11px; font-weight: bold; color: #777; padding: 0; }
/*-- headings - mostly in admin        --*/ .Head { font-size: 11px; color: #777; background: transparent; font-weight: bold; padding: 0;}

/*========================================================*/
/*  6 Links                                              */
/*========================================================*/

/*-- default links visited and active  --*/ a:link, a:visited, a:active { color: #666; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: underline; }
/*-- default links hover               --*/ a:hover { color: #444; font-family: tahoma; font-size: 11px; text-decoration: underline; }
/*-- normal  links visited and active  --*/ a.Normal:link, a.Normal:visited { color: #666; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; }
/*-- normal  links hover               --*/ a.Normal:hover { color: #444; font-family: tahoma; font-size: 11px;	text-decoration: none; }
/*-- admin button-link style           --*/ a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { color: #6A6A6A; border: 1px solid #ABABAB; background: #EFEFEF; padding: 2px 3px 3px 4px; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; height: 20px; }
/*-- admin button-link style hover     --*/ a.CommandButton:hover                                                 { color: #6A6A6A; border: 1px solid #868686; background: #DFDFDF; padding: 2px 3px 3px 4px; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; height: 20px; }
/*-- search button in search form      --*/ .SearchButton { background: transparent; padding: 13px 28px 4px 27px; cursor: hand; font-size:1px; margin: 0 0 0 0px;}

/*========================================================*/
/*  7 Forms                                              */
/*========================================================*/

/*-- default form elements      --*/ select, input { font-family: tahoma; font-size: 11px; color: #333; }
/*-- textbox                    --*/ .NormalTextBox { color: #333; padding-left: 4px; line-height: 12px; font-family: tahoma; font-weight: normal; font-size: 11px; }
/*-- textbox container          --*/ td.NormalTextBox { padding: 0; margin: 0; background: transparent; visibility: invisible; border: 0; }
/*-- textbox used for search    --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox { height:19px; background: transparent; width: 116px; color: #666; padding: 4px 4px 0px 4px; border: 0px solid #FFFFFF; cursor:text;}

/*========================================================*/
/*     Main Menu and Module Menus                         */
/*========================================================*/

/*-- box that holds the menu    --*/ .MainMenu_MenuContainer {  background:#3e80ce;  height: 29px; }
/*-- bar that holds the menu    --*/ .MainMenu_MenuBar { cursor: pointer; cursor: hand; background: transparent;  height: 29px;}
/*-- submenu container          --*/ .MainMenu_SubMenu, .ModuleTitle_SubMenu { z-index: 1000;  cursor: pointer;  cursor: hand; margin:0; background: #fff; padding:0; border: 1px solid #fff; font-weight: normal; filter: none; }
/*-- submenu items idle         --*/ .MainMenu_MenuItem, .ModuleTitle_MenuItem { font-family: tahoma;  color: #666; font-size: 11px; background: #fafafa; font-weight: bold; font-style: normal; padding: 0px 30px 0px 16px; height: 20px; border: 1px solid #fff; }
/*-- submenu items hover        --*/ .MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { font-family: tahoma; font-size: 11px; font-weight: bold; cursor: pointer; cursor: hand; color: #cc0102; background: #fff; padding: 0px 30px 0px 16px; height: 20px; border: 0;}
/*-- menuitems idle             --*/ .MainMenu_Idle TD { color: #FFF; background: url(nav_idle.gif) repeat-x top center transparent; font-weight: bold; padding: 6px 0px 6px 0px; font-weight: bold; font-size: 8pt; }
/*-- menuitems over             --*/ .MainMenu_Selected TD { color: #FFF; background: url(nav_over2.gif) repeat-x top center; font-weight: bold; padding: 6px 0px 6px 0px; font-weight: bold; font-size: 8pt; }
/*-- menuitems active           --*/ .MainMenu_Active TD, .MainMenu_BreadcrumbActive TD { color: #FFF; background: url(nav_over.gif) repeat-x top center; font-weight: bold; padding: 6px 0px 6px 0px; font-weight: bold; font-size: 8pt; }
/*-- right seperator idle       --*/ .MainMenu_RightIdle { background: url(nav_div.gif) no-repeat top left; width:2px; height: 29px; }
/*-- not needed - main menu     --*/ .MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon  { display: none; }
/*-- module menu continer       --*/ .ModuleTitle_MenuContainer { color: #2c2c2c; }
/*-- module menu bar            --*/ .ModuleTitle_MenuBar { cursor: pointer; cursor: hand; line-height:29px;}
/*-- module menu padding        --*/ .ModuleTitle_MenuItem, .ModuleTitle_MenuItemSel { padding: 0 5px 0 0; }
/*-- not needed - module menu   --*/ .MainMenuSeperator, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon { display: none; }
/*-- removing seperator borders --*/ .MainMenu_MenuBreak { border-top-style: none; border-right-style: none;	border-left-style: none; border-bottom-style: none; background:transparent;  vertical-align:top;}

/*==========================================================*/
/*  End Style Sheet                                         */
/*==========================================================*/
.TreeViewMenu {
	font: x-small Calibri;
	width: 117px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	font-size: xx-small;
}
