@charset "utf-8";

* { box-sizing : border-box}
* { -moz-box-sizing : border-box}

/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 20px;
	MARGIN: 0px;
	FONT-SIZE: 13px;
	COLOR: #333333;
	font-family: Arial, Helvetica, sans-serif;
}

.ControlPanel {
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
  font-size: 13px;
  color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	MARGIN: 0px;
	LINE-HEIGHT: 150%
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1 {
	PADDING: 0px;
	MARGIN: 0px; 
	font-size: 12px;
	line-height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-style: none;
}

H2  {
	PADDING: 0px;
	MARGIN: 0px; 
	line-height: 100%;
}

H3  {
	PADDING: 0px;
	MARGIN: 0px; 
	line-height: 100%;
}

H4  {
	PADDING: 0px;
	MARGIN: 0px; 
	line-height: 100%;
}

H5, DT  {
	PADDING: 0px;
	MARGIN: 0px; 
	line-height: 100%;
}

H6  {
	PADDING: 0px;
	MARGIN: 0px; 
	line-height: 100%;
}

P, td
{
  font-size: 13px;
  color: #333333;
  font-family: "‚l‚r ‚oƒSƒVƒbƒN" , "Hiragino Kaku Gothic Pro" , "ƒqƒ‰ƒMƒmŠpƒS Pro W3" , Osaka, sans-serif;
  margin: 0px;
  line-height: 150%;
  font-style: normal;
}

td
{
  vertical-align: top;
}

LI {
	FONT-SIZE: 12px;
	COLOR: #333333;
	font-family: Arial, Helvetica, sans-serif;
}

A
{
  color: #990000;
}
A:hover
{
  color: #FF3399;
  text-decoration: underline;
}

A {overflow:hidden} /*Delete FireFox Link Dot*/

A.gray {
	COLOR: #333333
}
A.gray:hover {
	COLOR: #FF3399
}

.small_12
{
  font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	MARGIN: 0px;
	LINE-HEIGHT: 120%
}

.small_11
{
  font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	MARGIN: 0px;
	LINE-HEIGHT: 120%
}

BIG {
}

BLOCKQUOTE, PRE {
}


/* Hula-Hi.com Original Format */
#wrapper {
	WIDTH: 916px;
	background-image: url(/Portals/11/images/lib/BG_Shadow.gif);
	background-repeat: repeat-y;
	text-align:center;
	margin-top: 10px;
    overflow: hidden;
}

#wrapper:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #wrapper {
    height: 1em;
    overflow: visible;
}
/**/

#mainframe,#mainframeBase,#mainframe2Column,#mainframe2ColumnPlus1
{
  background-position: bottom;
  width: 902px;
  text-align: left;
  padding-right: 8px;
  padding-left: 8px;
  background-repeat: no-repeat;
}
/* Header */
#dnn_header {
	background-image: url(/Portals/11/images/lib/BG_Header.gif);
	background-repeat: no-repeat;
	height: 107px;
	text-align: left;
}

#dnn_header #logo {
	margin-top: 7px;
	margin-left: 20px;
}

#dnn_header #headertext {
	text-align: right;
	float: right;
	padding-top: 14px;
	padding-right: 33px;
	font-size: 12px;
	padding-bottom: 0px;
	margin: 0;
	line-height: 12px;
}

#dnn_header #language {
	text-align: right;
	float: right;
	padding-top: 10px;
	font-size: 12px;
}

#dnn_header #subnavi {
	text-align: right;
	float: right;
	padding-top: 32px;
	padding-bottom: 0px;
	padding-right: 33px;
	font-size: 12px;
	line-height: 0px;
}

#dnn_header li {
	display: inline;
}
/* Menu */
#dnn_menu {
	CLEAR: both;
	width: 900px;
	height: 52px;
}
/* BreadCrumb */
#Breadcrumb {
	padding-left: 25px;
}

#dnn_dnnBREADCRUMB_lblBreadCrumb a {
	FONT-SIZE: 12px;
	COLOR: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
	text-decoration: none;
}

#dnn_dnnBREADCRUMB_lblBreadCrumb a:hover {
	text-decoration: underline;
}

/* Top Main Image*/
#dnn_contents_top.Mainimage
{
  background-image: url(/Portals/11/images/lib/MainImageBack.jpg);
  background-repeat: none;
  width: 900px;
  padding-left: 24px;
}

/* Contents */
#contents, #mainframe2Column #contents, #mainframe2ColumnPlus1 #contents 
{
  text-align: left;
  background-image: url(/Portals/11/images/lib/Main_BackGround.jpg);
  background-repeat: repeat-x;
  background-color: #F5F3E2;
  width: 900px;
}

#mainframe #contents, #mainframe2Column #contents,#mainframe2ColumnPlus1 #contents {
  float: left; /* Hack for Firefox Background image */
}

#mainframe #dnn_ContentPane{
  height:255px;
  width: 900px;
  padding-left: 25px;
/*  padding-right: 23px;*/
overflow: hidden;
}

#mainframeBase #dnn_ContentPane{
  width: 900px;
  padding-left: 25px;
  padding-right: 23px;
}

#mainframe2Column #dnn_ContentPane, #mainframe2ColumnPlus1 #dnn_ContentPane {
  width: 635px;
  padding-left: 25px;
  float: left;
}

/* SecondPane */

#mainframe #dnn_SecondPane {
  width: 900px;
  padding-left:25px;
  padding-right:23px;
}

#mainframe2Column #dnn_SecondPane, #mainframe2ColumnPlus1 #dnn_SecondPane {
  width: 200px;
  float: right;
  margin-right:23px;
}

html #mainframe2Column #dnn_SecondPane, html #mainframe2ColumnPlus1 #dnn_SecondPane {
  display:inline; /* Hack for IE6 Double padding */
}

#mainframe_bottom
{
  clear: both;
  width: 916px;
  background-image: url(/Portals/11/images/lib/BG_Bottom.gif);
  background-repeat: no-repeat;
  height: 16px;
}

/* ThirdPane */

#mainframe2ColumnPlus1 #dnn_ThirdPane {
  clear: both;
  width: 900px;
  padding-left:25px;
  padding-right:23px;
}

/* Footer */
#dnn_footer {
  width: 916px;
  clear: both;
  height: 50px;
  margin-bottom: 20px;
}

#dnn_footer h3 {
	FONT-SIZE: 11px;
	COLOR: #666666;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:10px;
}

.copyright {
	FONT-SIZE: 11px;
	COLOR: #666666;
	font-family: Arial, Helvetica, sans-serif;
}

#dnn_footer li {
	display: inline;
	font-size: 11px;
	COLOR: #666666;
	font-family: Arial, Helvetica, sans-serif;
}

#dnn_footer ul {
	PADDING: 0px;
	MARGIN: 0px; 
}

#dnn_footer A {
	COLOR: #666666;
}
#dnn_footer A:hover
{
  color: #FF3399;
}

/* BOX */

#BoxWrapper {
  width: 310px;
  height: 234px;
  float: left;
  margin-top:15px;
  margin-right:13px;
}

#BoxWrapper h2 .Head {
  font-size: 16px;
  color: #FFFFFF;
  font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#BoxContent {
  padding: 5px;
  background-image: url('/Portals/11/images/lib/BoxLine.gif');
  background-repeat: repeat-y;
  height: 192px;
}

#BoxBottom {
  background-image: url('/Portals/11/images/lib/BoxBottom.gif');
  width: 310px;
  height: 13px;
  }

#BoxTitleRed
{
  background-image: url('/Portals/11/images/lib/BoxTitle_Red.gif');
  background-repeat: no-repeat;
  width: 310px;
  height: 38px;
  padding-top: 8px;
  padding-left: 50px;
  }

#BoxTitleBlue
{
  background-image: url('/Portals/11/images/lib/BoxTitle_Blue.gif');
  background-repeat: no-repeat;
  width: 310px;
  height: 38px;
  padding-top: 8px;
  padding-left: 50px;
  }

#BoxTitleOrange
{
  background-image: url('/Portals/11/images/lib/BoxTitle_Orange.gif');
  background-repeat: no-repeat;
  width: 310px;
  height: 38px;
  padding-top: 8px;
  padding-left: 50px;
  }

#BoxTitleBrown
{
  background-image: url('/Portals/11/images/lib/BoxTitle_Brown.gif');
  background-repeat: no-repeat;
  width: 310px;
  height: 38px;
  padding-top: 8px;
  padding-left: 50px;
  }

#BoxTitleGreen
{
  background-image: url('/Portals/11/images/lib/BoxTitle_Green.gif');
  background-repeat: no-repeat;
  width: 310px;
  height: 38px;
  padding-top: 8px;
  padding-left: 50px;
  }

/* BOX Best Seller */

#BoxBestSellerWrapper {
  width: 527px;
  height: 247px;
  float: left;
  margin-top:2px;
}

#BoxBestSellerWrapper h2 .Head {
  font-size: 18px;
  color: #FFFFFF;
  font-weight: normal;
	font-family: "Century Gothic",Verdana,Arial, sans-serif;
}

#BoxBestSeller
{
  background-image: url('/Portals/11/images/lib/BestSeller_Title.gif');
  background-repeat: no-repeat;
  width: 527px;
  height: 43px;
  padding-top: 19px;
  padding-left: 70px;
}

#BoxBestSellerContent
{
  padding: 0px;
  height: 204px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-color: #CCCCCC;
  border-bottom-color: #CCCCCC;
  border-left-color: #CCCCCC;
  background-color: #FFFFFF;
}

/* BOX Large */

#BoxLargeWrapper {
  width: 635px;
  margin-top:15px;
  margin-bottom: 20px;
}

#BoxLargeWrapper h2 .Head, #BoxLargeWrapper h2.Head {
  font-size: 16px;
  color: #FFFFFF;
  font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#BoxLargeContent {
  padding: 5px;
  background-image: url('/Portals/11/images/lib/BoxLargeMiddle.gif');
  background-repeat: repeat-y;
  overflow:hidden;
  width:635px;
  zoom: 100%;
}

#BoxLargeContent:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#BoxLargeTitleRed
{
  background-image: url('/Portals/11/images/lib/BoxLargeTitle_Red.gif');
  background-repeat: no-repeat;
  width: 635px;
  height: 38px;
  padding-top: 8px;
  padding-left: 50px;
  }

#BoxLargeTitleOrange
{
  background-image: url('/Portals/11/images/lib/BoxLargeTitle_Orange.gif');
  background-repeat: no-repeat;
  width: 635px;
  height: 38px;
  padding-top: 8px;
  padding-left: 50px;
  }

#BoxLargeTitleBrown
{
  background-image: url('/Portals/11/images/lib/BoxLargeTitle_Brown.gif');
  background-repeat: no-repeat;
  width: 635px;
  height: 38px;
  padding-top: 8px;
  padding-left: 50px;
  }

#BoxLargeTitleBlue
{
  background-image: url('/Portals/11/images/lib/BoxLargeTitle_Blue.gif');
  background-repeat: no-repeat;
  width: 635px;
  height: 38px;
  padding-top: 8px;
  padding-left: 50px;
  }

#BoxLargeTitleGreen
{
  background-image: url('/Portals/11/images/lib/BoxLargeTitle_Green.gif');
  background-repeat: no-repeat;
  width: 635px;
  height: 38px;
  padding-top: 8px;
  padding-left: 50px;
  }

#Box200Wrapper {
  width: 200px;
  margin-top:15px;
}

#Box200Wrapper h3 .Head {
  font-size: 15px;
  color: #FFFFFF;
	font-family: "Century Gothic",Verdana,Arial, sans-serif;
}

#Box200Content {
  padding-top: 5px;
  padding-bottom: 5px;
}

#Box200TitleRed
{
  background-image: url('/Portals/11/images/lib/ShortTitle_Red.gif');
  background-repeat: no-repeat;
  width: 200px;
  height: 26px;
  padding-top: 8px;
  padding-left: 10px;
  }

#Box200TitleOrange
{
  background-image: url('/Portals/11/images/lib/ShortTitle_Orange.gif');
  background-repeat: no-repeat;
  width: 200px;
  height: 26px;
  padding-top: 8px;
  padding-left: 10px;
  }

#Box200TitleBrown
{
  background-image: url('/Portals/11/images/lib/ShortTitle_Brown.gif');
  background-repeat: no-repeat;
  width: 200px;
  height: 26px;
  padding-top: 8px;
  padding-left: 10px;
  }


#Box200TitleBlue
{
  background-image: url('/Portals/11/images/lib/ShortTitle_Blue.gif');
  background-repeat: no-repeat;
  width: 200px;
  height: 26px;
  padding-top: 8px;
  padding-left: 10px;
  }


#Box200TitleGreen
{
  background-image: url('/Portals/11/images/lib/ShortTitle_Green.gif');
  background-repeat: no-repeat;
  width: 200px;
  height: 26px;
  padding-top: 8px;
  padding-left: 10px;
  }


/* TOP Page */

#TopPageBanner img
{
  margin-bottom: 10px;
}
#Map
{
  background-image: url('/Portals/11/images/lib/Map.gif');
  background-repeat: no-repeat;
  background-position: center top;
  height: 184px;
  padding-top: 147px;
  padding-left: 165px;
  LINE-HEIGHT: 120%
}

#BoxContent ul {
  margin: 0px 3px 0px 10px;
  padding-left: 10px;
  list-style-image: url('/Portals/11/images/lib/SmallTiare.gif');
}

/* Contact Us */

.DynamicForms_LabelCell
{
  font-size: 13px;
}

/* Products */

#Box200Content ul {
  margin: 0px 3px 0px 10px;
  padding-left: 10px;
  list-style-image: url('/Portals/11/images/lib/SmallTiare.gif');
}

/* Blog */

#calendar td {
	color: #FFFFFF;
	font-weight: bold;
}

/* TOP News & Blog Height Hack*/
#dnn_ctr3412_ModuleContent, #dnn_ctr3414_ModuleContent {
	float:left;
}