

/* System CSS styles */



/* End system CSS styles */



/* Custom CSS styles */

/**************************Core styles**************************/
Body { margin:0px; padding:0px; background-color:#f1f1f1; font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#2d2d2d; padding-bottom:25px;}
a:link{ cursor:hand; color:#2999E1; cursor:pointer; text-decoration:none;}
a:active{ cursor:hand; color:#2999E1; cursor:pointer;text-decoration:none}
a:visited{ cursor:hand; color:#2999E1; cursor:pointer;text-decoration:none}
a:hover{ cursor:hand; color:#2999E1; cursor:pointer;text-decoration: underline;}
p { padding:0px; margin:0px; padding-top:5px; padding-bottom:5px;}
ul{}
li{}
h1{ color:#4c4c4c; font-size:38px;margin:0px; padding:0px; padding-top:15px; padding-bottom:10px; text-transform:uppercase; font-weight:normal; }
h2{ font-size:36px; color:#4C4C4C; padding-top:5px; padding-bottom:5px; font-weight:normal; margin:0px; padding:0px;}
h3{ font-size:18px; color:#2E2E2E; padding-top:5px; padding-bottom:10px; font-weight:normal; margin:0px; padding:0px;}
.Or{ color:#ffffff!important;}
.fl{ float:left;}
.fr{float: right;}
.cb{ clear:both;}

/***********************LayoutStyles*************************/
#LayoutWrapper {}
#LayoutInnerWrapper { width:960px; }
#TopWrapperDiv {text-align:left;}
#LogoWrapDiv{ padding:18px 0px 20px 0px; vertical-align:top; }
#FrontpageMenuWrapDiv {padding-top:5px;}
#MainWrapperDiv {text-align:left;padding-bottom:12px; padding-top:15px;}
#MainFrontPgWrapperDiv { padding-top:0px;}
#BottomWrapperDiv {text-align:left; border:1px solid #d5d5d5; border-left:0px; border-right:0px;}

/*******************Top Section*******************************/
#MasterNavWrapDiv { position:relative; }
/*** Top Navigation Menu ***/
.NavigationMenuTBL{ text-align:left; background-image:url(../resources/images/NavMenuTableBG.gif); background-repeat:repeat-x; background-position:top left; }
#MasterNavWrapDiv .NavMenuHome{height:43px; width:46px; color:#000000; cursor:hand; cursor:pointer; background-image:url(../resources/images/NavMenuHome.png); background-repeat:no-repeat; background-position:top left; text-align:center; vertical-align:top; font-size:1px;}
#MasterNavWrapDiv .NavMenuHomeActive{height:43px; width:46px; color:#000000; cursor:hand; cursor:pointer; background-image:url(../resources/images/NavMenuHomeActive.png); background-repeat:no-repeat; background-position:top left; text-align:center; vertical-align:top; font-size:1px;}
#MasterNavWrapDiv .NavMenu{height:43px; width:90px; color:#FFFFFF; cursor:hand; cursor:pointer; background-image:url(../resources/images/NavMenu.png); background-repeat:no-repeat; background-position:top left; text-align:center; vertical-align:top; padding:10px 0px 0px 0px;}
#MasterNavWrapDiv .NavMenuActive{height:43px; width:90px; color:#2999E1; cursor:hand; cursor:pointer; background-image:url(../resources/images/NavMenuActive.png); background-repeat:no-repeat; background-position:top left; text-align:center; vertical-align:top; padding:10px 0px 0px 0px; }
#MasterNavWrapDiv .ExploreHippie{height:36px;color:#2999E1; padding:0px 12px 0px 12px; cursor:hand; cursor:pointer;  }
#MasterNavWrapDiv .ExploreHippieActive{height:36px;color:#FFFFFF; padding:0px 12px 0px 12px; cursor:hand; cursor:pointer; }
/** DropDown Menu**/
#ExploreDropDown { width:625px; display:none; position:absolute;top:35px; right:0px; background-color:#ffffff; border:1px solid #AEAEAE;}
.DropDwnTable {width:635px; height:100px; text-align:left;}
.DrpDwnLeftTD { width:325px; vertical-align:top;}
.DrpDwnRightTD { width:310px; vertical-align:top;}
.DropDwnHeader { font-size:30px; font-weight:bold; padding-bottom:4px; }
.DropDwnLeftWrap { padding-top:30px; padding-left:25px; padding-bottom:30px;}
.DropDwnRightWrap { padding-top:30px; padding-left:56px; }
.DrpDwnHr { width:262px; color:#d5d5d5; margin:0px; padding:0px; text-align:left;}
.ExploreHippieLink { width:180px;}
.ExploreHippieLink a { display:block; background-image:url(../resources/images/DropDwnArrow.jpg); background-position:left center; background-repeat:no-repeat;  border-bottom:1px #d5d5d5 solid; padding:7px 0px;padding-left:12px;}
.ExploreHippieLink a:link,.ExploreHippieLink a:active,.ExploreHippieLink a:visited {}
.ExploreHippieLink a:hover {}

/********************Content Styles***************************/
.pageLink a:link{ cursor:hand; color:#2999E1; cursor:pointer;}
.pageLink a:active{ cursor:hand; background-color:#cfcfcf; color:#4c4c4c; cursor:pointer;}
.pageLink a:visited{ cursor:hand; color:#2999E1; cursor:pointer;}
.pageLink a:hover{ cursor:hand; background-color:#cfcfcf; color:#4c4c4c; cursor:pointer;}
.ImportantText { font-size:18px;}
.ImportantText p { font-size:18px;}
.InfoLineWrapDIV { background:url(../resources/images/FPInfoLineBG.jpg) left top repeat-x; height:133px; position:absolute; top:570px; left:0px; width:100%; }
.InfoLineDiv { width:960px; }
.InfoLineTable { text-align:center; width:960px; height:130px;}
.InfoLineHeadText { font-size:48px; line-height:40px; vertical-align:middle;}
.InfoLineItalicText { text-align:right; font-size:14px; font-style:italic;  vertical-align:middle; }
.InfoLineReadMoreText { vertical-align:middle;}

/************************Bottom Section***********************/
.BottomDiv {}
.BtmMainTable { width:960px; height:150px;}
.BtmMainTDHMedia,.BtmMainTDLatstPrjt,.BtmMainTDOurUnit,.BtmMainTDWeIgnate { vertical-align:top;  padding-top:25px; border-right:2px solid #e8e8e8; width:240px; font-size:13px; font-weight:normal; color:#646464;}
.BottomInnerPadDiv {padding-right:60px; padding-left:25px;}
.BottomMenuHead { font-weight:bold; padding-bottom:14px; font-size:15px; text-transform:uppercase; color:#040707;}
.BtmMainTDHMedia a,.BtmMainTDLatstPrjt a,.BtmMainTDOurUnit a,.BtmMainTDWeIgnate a { display:block; color:#646464; text-decoration:none; line-height:17px;}
.BtmMainTDHMedia a:active,.BtmMainTDLatstPrjt a:active,.BtmMainTDOurUnit a:active,.BtmMainTDWeIgnate a:active,.BtmMainTDHMedia a:link,.BtmMainTDLatstPrjt a:link,.BtmMainTDOurUnit a:link,.BtmMainTDWeIgnate a:link,.BtmMainTDHMedia a:visited,.BtmMainTDLatstPrjt  a:visited,.BtmMainTDOurUnit a:visited,.BtmMainTDWeIgnate a:visited {color:#646464; text-decoration:none;}
.BtmMainTDHMedia,.BtmMainTDLatstPrjt,.BtmMainTDOurUnit,.BtmMainTDWeIgnate a:hover {color:#646464; text-decoration:none;}
.BtmMainTDHMedia{ background-image:url(../resources/images/BottomHippieMedia.png); background-repeat:no-repeat; background-position: center right;}
.BtmMainTDLatstPrjt { background-image:url(../resources/images/BottomLatestPrjt.png);background-repeat:no-repeat; background-position:center right;}
.BtmMainTDOurUnit { background-image:url(../resources/images/BottomOurUnits.png); background-repeat:no-repeat; background-position:center right;}
.BtmMainTDWeIgnate { background-image:url(../resources/images/BottomWeIgnite.png); background-repeat:no-repeat; background-position:center right; border-right:0px;}
.BtmMainTDWeIgnate .BottomInnerPadDiv { padding-left:18px;}

/*************infopages*************/
.InfoPageWrap { }
.InfoPageWrap .ProjectTD{ width:263px; vertical-align:top;}
.InfoPageWrap .ProjectTD .Image{ padding-top:25px;}
.InfoPageWrap .ProjectTD .Header{padding:18px 2px 18px 2px; font-size:14px; font-weight:bold; color:#4C4C4C; height:30px;}
.InfoPageWrap .ProjectTD .Text{font-size:14px; color:#4C4C4C; padding:0px 2px 20px 2px; height:30px;} 
.InfoPageWrap .ProjectTD .More{ height:25px;font-size:14px; color:#2999E1; border-top:1px solid #D5D5D5; border-bottom:1px solid #D5D5D5; padding-top:4px; background-image:url(../resources/images/MoreArrow.png); background-repeat:no-repeat; background-position:top left; padding-left:15px;}
.InfoPageWrap .ProjectTD .More a{font-size:14px; color:#2999E1; text-decoration:none;}
.InfoPageWrap .ProjectTD .More a:link{font-size:14px; color:#2999E1; text-decoration:none;}
.InfoPageWrap .ProjectTD .More a:active{font-size:14px; color:#2999E1; text-decoration:none;}
.InfoPageWrap .ProjectTD .More a:visited{font-size:14px; color:#2999E1; text-decoration:none;}
.InfoPageWrap .ProjectTD .More a:hover{font-size:14px; color:#2999E1; text-decoration:underline;}

/*About Us Page*/
.AboutPageWrap { background-image:url(../resources/images/about_pageBg.png); background-repeat:no-repeat; background-position:right top;}
.SubHead1 { color:#2d2d2d; font-size:18px; padding-bottom:20px; padding-top:12px;}
.AboutPageMenuTable { height:103px; background:none; margin-top:0px;}
.AboutCompanyProfMenuOn {background:url(../resources/images/Btn_CompanyProfileOn.png) no-repeat bottom;}
.AboutMisVisMenuOn {background:url(../resources/images/Btn_MissionVisionOn.png) no-repeat bottom;}
.AboutUnitMenuOn { background:url(../resources/images/Btn_UnitOn.png) no-repeat bottom;}
.AboutCompanyProfMenuOff { background:url(../resources/images/Btn_CompanyProfileOff.png) no-repeat bottom;}
.AboutMisVisMenuOff { background:url(../resources/images/Btn_MissionVisionOff.png) no-repeat bottom;}
.AboutUnitMenuOff { background:url(../resources/images/Btn_UnitOff.png) no-repeat bottom;}
.AboutCompanyProfMenuOff:hover { background:url(../resources/images/Btn_CompanyProfileOn.png) no-repeat bottom;}
.AboutMisVisMenuOff:hover { background:url(../resources/images/Btn_MissionVisionOn.png) no-repeat bottom;}
.AboutUnitMenuOff:hover { background:url(../resources/images/Btn_UnitOn.png) no-repeat bottom;}
  
.CompanyProfile { background-image:url(../resources/images/company_profile_PageBG.jpg); background-position:left top; background-repeat:no-repeat;}
.CompanyProfileTable { width:960px;}
.CompanyProfileTable .td1{ width:320px; vertical-align:top;}
.CompanyProfileTable .td2{ width:320px;vertical-align:top; }
.CompanyProfileTable .td3{ width:320px; vertical-align:top; }

.UnitsWrap {}
.UnitspageTable {}
.UnitspageTable .td1 { width:468px;}
.UnitspageTable .td3 { width:33px;}
.UnitspageTable .td3 { width:468px;}
.HippieCommunityWrap { background-image:url(../resources/images/Box_HippieCommunity.png); background-repeat:no-repeat; background-position:top left;}
.HippieLiveWrap { background-image:url(../resources/images/Box_HippieLive.png);background-repeat:no-repeat; background-position:top left;}
.HippieStudioWrap { background-image:url(../resources/images/Box_HippieStudio.png); background-repeat:no-repeat; background-position:top left;}
.HippieTvWrap { background-image:url(../resources/images/Box_HippieTv.png); background-repeat:no-repeat; background-position:top left;}

.HippieCommunityWrap ,.HippieLiveWrap,.HippieStudioWrap,.HippieTvWrap { padding:60px 30px 45px 30px; height:240px;}
.HippieCommunityWrap ,.HippieStudioWrap { margin-bottom:18px;}


/***** Accounts Page ***/

.AccountPageWrap { font-size:17px; color:#4c4c4c;}
.AccountDiv { background:url(../resources/images/account_AccountImg.png) right top no-repeat; height:333px; margin-bottom:54px;}
.PublicDiv { }
.AccessStorageDiv { background:url(../resources/images/account_AccesStoreBg.png) top left no-repeat; height:627px;}
.AccessDiv {  height:300px; padding-top:60px;}
.StorageDiv { padding-left:325px; padding-top:35px;}
.MailDiv { background:url(../resources/images/account_MailImg.png) left top no-repeat;padding-top:125px;}
.ShareDiv { background:url(../resources/images/account_ShareImg.png) left top no-repeat; height:318px;  padding-top:110px; padding-left:460px;}
.CreditDiv { background:url(../resources/images/account_CreditIMg.png) bottom right no-repeat; height:295px; padding-right:460px;}
 
/********* Info Page Events****************/
.EventTBLWrap{width:960px; padding:15px 0px 15px 0px; border-bottom:2px solid #E1E1E1;}
.EventTBLWrap .Header{ font-size:24px; color:#000000; }
.EventTBLWrap .Content{ font-size:13px; padding:15px 0px 15px 0px; color:#000000;}
.EventTBLWrap .link{font-size:18px; color:#48C0EC; text-transform:uppercase;}

/********* Info Page Projects****************/
.ProjectPageWrap{ background-image:url(../resources/images/ProjectsBG.jpg); background-repeat:no-repeat; background-position:top left;}
.ProjectTBLWrap{width:960px; padding:12px 0px 12px 0px; border-bottom:2px solid #E1E1E1;}
.ProjectTBLWrap .Header{ font-size:24px; color:#000000; font-weight:bold;}
.ProjectTBLWrap .Content{ font-size:13px; padding:2px 0px 15px 0px; color:#000000; width:450px;}
.ProjectTBLWrap .link{font-size:24px; color:#48C0EC; text-transform:uppercase;}

/********* Contact Page****************/
.ContactWrap{}
.ContactWrap h5{ padding:0px; margin:0px ; color:#101010; font-size:18px; font-weight: bold;padding:17px 0px 22px 0px;}
.ContactLeft{ padding:22px 100px 66px 0px;}
.ContactLeft a,.ContactLeft a:link,.ContactLeft a:active,.ContactLeft a:visited{color:#2999E1; font-size:12px; text-decoration:none; text-transform:uppercase;}
.ContactLeft a:hover{color:#48C0EC; font-size:12px; text-decoration: underline;}
.PlusIcon{ padding:30px 0px 30px 0px;}
.ContactRight{ width:639px;}
.ContactTbl{ background-image:url(../resources/images/ContactRtMidShade.png); background-repeat:repeat-y; background-position:top left; padding:20px; padding-bottom:10px;color:#a0a0a0; font-size:14px;}
.ContactTbl h5{font-weight:normal; padding-bottom:10px;}
.ContactInput{ padding-bottom:5px;}
.ContactTbl input{ border:1px solid #E7E7E7; color:#a0a0a0; font-size:14px; width:291px; height:23px;}
.ContactTbl textarea{ border:1px solid #E7E7E7; color:#a0a0a0; font-size:14px; width:594px; height:132px;}
.BTNsend{ padding-top:12px; vertical-align:top;}
.ContactTblleft{ padding-right:13px; vertical-align:top;}
.ContactList{ padding:43px 15px 16px 0px;}
.ContactListTxt{ vertical-align:top; color:#101010; font-size:13px; font-weight:bold; padding-right:10px;}
.ContactListTxt a,.ContactListTxt a:link,.ContactListTxt a:active,.ContactListTxt a:visited{color:#101010!important; font-size:12px; text-decoration:none; font-weight:normal;}
.ContactListTxt a:hover{text-decoration: underline;}
.ContactListImg{padding:0px 14px 22px 20px; vertical-align:top;}
/*********Jons Event Page****************/
.JonsEventLeft{ padding-top:37px;}
.JonsLeftBox{ background-image:url(../resources/images/JonsEventLeftBGShade.png); background-position:top left; background-repeat:repeat-y;}
.JonsRightBox{ background-image: url(../resources/images/JonsEventRtBg.png); background-position:top left; background-repeat:repeat-y; padding:0px 61px 0px 16px;}
.JonsEventHead{ font-size:24px; color:#101010;padding:37px 0px 25px 0px; }
.JonsEventContent{ padding-left:26px;}
.JonsEventlist{ padding:18px 0px 14px 0px; border-bottom:2px solid #EDEDED;}

/*********Frontpage sliding styles****************/
#header_features{ overflow:hidden;margin:25px 0px 25px 0px; vertical-align:top;}
#header_features .feature{ width:270px; padding:0px 12px 0px 12px; display:block; font-weight:normal;float:left; text-decoration:none;color:#5d5d5d;}
#header_features .feature img{ border:0px;}
div.header_feature_wrapper{vertical-align:middle;text-align:center; width:265px; }
.header_feature_wrapper img{ height:174px;}
#header_features .feature:hover{ text-decoration:none !important;}
#header_features .feature_category{font-size:14px; font-weight:bold; padding:12px 0px 12px 0px; text-align:left; height:40px;}
#header_features .feature_title{font-size:12px; text-align:left; padding:8px 0px 8px 0px; border:0px; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd;}
#header_features .feature_title td {font-size:12px; color:#2999e1;}
.SlideTable { width:260px;}
.SlideTable td a { width:260px;color:#2999e1; text-decoration:none;}
.scrollable{margin:0;}
.scrollable .items{width:655px;position:absolute;clear:both;}
.scrollable{float:left;}
#header_features a.browse{cursor:pointer;display:block;float:left;font-size:1px;height:163px;width:23px;padding:0;margin:0;}
#header_features a.right{background:url(../resources/images/ArrowRight.png) right top no-repeat;padding-left:0px;}
#header_features a.left{background:url(../resources/images/ArrowLeft.png) left top no-repeat;padding-right:0px;}
#header_features .scrollable .items .feature{width:270px; height:190px;}
.Shopfeature_category{font-size:14px; font-weight:bold; padding:12px 0px 12px 0px; text-align:left; height:40px;}
.Shopfeature_title{font-size:12px; text-align:left; padding:8px 0px 8px 0px; border:0px; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd;}
.Shopfeature_title td {font-size:12px; color:#2999e1;}
.SlideTable { width:260px;}
.SlideTable td a { width:260px;color:#2999e1; text-decoration:none;}

  		
/* BUTTONS */

.buttons a, .buttons button{display:block; float:left; margin:0 7px 0 0; background-color:#f5f5f5; border:1px solid #dedede;    border-top:1px solid #eee; border-left:1px solid #eee; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:100%;line-height:130%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; padding:5px 10px 6px 7px;/*Links*/}
.buttons button{width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */}
.buttons button[type]{padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */}
*:first-child+html button[type]{ padding:4px 10px 3px 7px; /* IE7 */}
.buttons button img, .buttons a img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px;}


/* End custom CSS styles */



/* Starting Categories menu styles */



/* Starting ContentCategories menu styles */



/* Category menu styles */

.cmL5_1_15904
{
height:43px; width:90px; color:#FFFFFF; cursor:hand; cursor:pointer; background-image:url(../resources/images/NavMenu.png); background-repeat:no-repeat; background-position:top left; text-align:center; vertical-align:top; padding:10px 0px 0px 0px;}

.cmL5_1_15904_over
{
height:43px; width:90px; color:#2999E1; cursor:hand; cursor:pointer; background-image:url(../resources/images/NavMenuActive.png); background-repeat:no-repeat; background-position:top left; text-align:center; vertical-align:top; padding:10px 0px 0px 0px;}

.cmL5_1_15904_sel
{
}

.cmL5_1_15904_selNoChildren
{
height:43px; width:90px; color:#2999E1; cursor:hand; cursor:pointer; background-image:url(../resources/images/NavMenuActive.png); background-repeat:no-repeat; background-position:top left; text-align:center; vertical-align:top; padding:10px 0px 0px 0px;}

.cmL5_1_15904_selHasChildren
{
}

.cmL5_3_0
{
font-weight:bold; font-size:18px;  padding:0px 10px 0px 10px; background-image:url(../resources/images/SubMenuBorderIMG.png); background-position:right center; background-repeat:no-repeat; float:left;cursor:hand; cursor:pointer;font-weight:normal;color:#2E2E2E;}

.cmL5_3_0_over
{
font-weight:bold; font-size:18px;  padding:0px 10px 0px 10px; background-image:url(../resources/images/SubMenuBorderIMG.png); background-position:right center; background-repeat:no-repeat; float:left;cursor:hand; cursor:pointer;text-decoration:underline;font-weight:normal;color:#2E2E2E;}

.cmL5_3_0_sel
{
}

.cmL5_3_0_selNoChildren
{
font-weight:bold; font-size:18px;  padding:0px 10px 0px 10px; background-image:url(../resources/images/SubMenuBorderIMG.png); background-position:right center; background-repeat:no-repeat; float:left;cursor:hand; cursor:pointer;text-decoration:underline;font-weight:normal;color:#2E2E2E; font-style:italic;}

.cmL5_3_0_selHasChildren
{
}

.cmL5_2_0
{
}

.cmL5_2_0_over
{
}

.cmL5_2_0_sel
{
}

.cmL5_2_0_selNoChildren
{
}

.cmL5_2_0_selHasChildren
{
}

.cmL5_1_0
{
display:none;}

.cmL5_1_0_over
{
display:none;}

.cmL5_1_0_sel
{
}

.cmL5_1_0_selNoChildren
{
display:none;}

.cmL5_1_0_selHasChildren
{
display:none;}



/* End category menu styles */


