/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/
HTML { font-size: x-small; }
BODY { color: #666666; font-family: Verdana,Arial,Helvetica; margin-left: 15px; margin-top: 10px; }
A:link, A:active, A:hover { color: #000000; font-family: Verdana; font-size: 110%; text-decoration: underline; }
A:visited { color: #000000; font-family: Verdana; font-size: 110%; text-decoration: none; }
P { line-height: 1.4em; margin-top: 0px; margin-bottom: 15px; /*Required for same look in Firefox and IE*/ }
UL { margin-top: 0px; margin-bottom: 5px; margin-left: 20px; }
HR { border: none; border-top: 1px solid #bababa; height: 1px; margin-top: auto; margin-bottom: auto; }


/** STYLES FOR TEMPLATE ELEMENTS *****************************************************/
/*************************************************************************************/
.H1header { font-size: 180%; font-weight: bold; margin-bottom: 10px; margin-top: 5px; }
.H2header { font-size: 140%; font-weight: bold; margin-bottom: 8px; margin-top: 0px; }
.H3header { font-size: 120%; font-weight: bold; margin-bottom: 5px; margin-top: 0px; }


/** STYLES FOR EDITOR DROP DOWN LIST (PARAGRAPH FORMAT) ******************************/
/*************************************************************************************/
h1 { font-size: 160%; font-weight: bold; margin-bottom: 10px; margin-top: 5px; font-family: Verdana,Arial,Helvetica; }
h2 { font-size: 130%; font-weight: bold; margin-bottom: 8px; margin-top: 0px; font-family: Verdana,Arial,Helvetica; }
h3 { font-size: 110%; font-weight: bold; margin-bottom: 5px; margin-top: 0px; font-family: Verdana,Arial,Helvetica; }


/** STYLES FOR EDITOR DROP DOWN LIST (ADAPTED STYLE) *********************************/
/*************************************************************************************/
.ImportantEditor { font-weight: normal; background-color: #808080; color: #FFFFFF; }
.ImagetextEditor { font-weight: normal; font-size: 90%; }


/** STYLES FOR THE BASEFILE **********************************************************/
/** The class names below are used in the basefile (/Templates/Framework/Framework1.master) */
/*************************************************************************************/
.WebBody, .WebBodyStart { margin: 0px; padding: 0px; }
.WebMain { margin-left: auto; margin-right: auto; position: absolute; top: 0px; min-height: 100%; height: auto; width: 100%; }
.WebMainContainer { margin: 0 auto; width: 960px; padding: 20px; background-color: #fff; }
.WebMainContainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.WebTopContainer { height: 160px; }
.WebHeaderContainer { background-repeat: no-repeat; background-position: center; }
.WebHeader { width: 960px; height: 100px; margin: auto; }
.WebHeaderLogo { float: left; }
.WebHeaderText { position: relative; left: 20px; top: 16px; }
.WebHeaderWeather { width: 150px; float: right; padding-right: 90px; padding-top: 50px; }
.WebHeaderLoginPrint { float: right; font-size: 110%; width: auto; margin-right: 0px; margin-top: 34px; border: none; color: white !important; }
.WebHeaderLoginPrint a { color: white !important; }
.NoBorder { border: 0px; }
.WebHeaderMenuContainer { position: absolute; top: 135px; width: 960px; border-bottom-style: solid; border-bottom-color: #86c54a; border-bottom-width: 5px; }

.WebHeaderMenuContainer a, .WebHeaderMenuContainer a:link, .WebHeaderMenuContainer a:active, .WebHeaderMenuContainer a:visited { text-decoration: none; color: #666666; font-size: 127%; }


.WebHeaderTopMenu { float: left; font-size: 110%; }
.WebTopMenu { color: #666666 !important; }
.WebTopMenu a { font-family: Arial; font-size: 110%; color: #5d5251; text-decoration: none; }
.WebTopMenu a:hover { text-decoration: underline; }
.WebTopMenuItem { padding-top: 7px; padding-left: 10px; padding-right: 10px; margin-right: 0px !important; }


.WebMiddleContainerStart { height: auto; width: 100%; text-align: center; }
.WebMiddleContainerRegular { height: auto; width: 100%; text-align: center; background-image: url(../../Styles/Images/jcity3_back.gif); background-repeat: repeat-y; }
.WebContent { height: auto; width: 960px; margin: auto; padding: 0px; text-align: left; padding-left: 0px; padding-right: 37px; padding-top: 0px; }
.WebContentLeft { float: left; height: 100%; width: 216px; padding-right: 20px; margin-top: 10px; padding-top: 20px; }

.WebContentLeft a, .WebContentLeft a:link, .WebContentLeft a:active, .WebContentLeft a:visited { text-decoration: none; font-family: Verdana; font-size: 110%; color: #000000; }

.WebContentLeft a:hover { text-decoration: underline; }
.WebContentCenter { float: left; width: 468px; min-height: 400px; margin-top: 10px; }
.WebContentRight { float: right; width: 216px; height: 100%; margin-top: 10px; }
.WebBottomContainer { float: left; width: 100%; text-align: center; height: 52px; }
.BottomLeft a:link { text-decoration: none; }
.BottomLeft a:hover { text-decoration: underline; }
.BottomCenter a:link { text-decoration: none; }
.BottomCenter a:hover { text-decoration: underline; }

.WebFooterContainer { width: 960px; }
.WebFooter { padding-top: 10px; height: 42px; width: 960px; margin: auto; text-align: center; color: white; font-size: 110%; border-top-style: solid; border-top-color: #86c54a; border-top-width: 5px; }

.WebFooterText { color: #5d5251; font-family: Verdana; font-size: 90%; }
.WebFooterText div { margin-bottom: 5px; }
.WebFooterText a, .WebFooterText a:link, .WebFooterText a:active, .WebFooterText a:visited { color: #5d5251; text-decoration: none; }
.WebFooterText a:hover { color: #5d5251; text-decoration: underline; }
.WebClear { clear: both; }
.WebSearchField { font-size: 110%; color: #666666; width: 100px; font-family: Verdana,Arial,Helvetica; margin-bottom: 4px; }
.WebSearchButton { font-size: 110%; color: #666666; width: auto; font-family: Verdana,Arial,Helvetica; padding-top: 8px; }

.StudioExpressLogotype { background-image: url(Images/StudioExpressLogotype.gif); background-repeat: no-repeat; }
.WebLeftMenu ul { margin: 0px; padding: 0px; }
.WebLeftMenu li { list-style: none; list-style-position: inside; list-style-image: url(../../Styles/Images/menu_notselected.gif); padding-left: 20px; margin-left: 15px; }
.WebLeftMenu a { padding: 3px; margin-left: 1px; line-height: 14px; }

/*------------------------------------------------------------------------*/

.subMenuTopItem { margin-left: 20px; padding-bottom: 10px; }
.subMenuTopItem a { padding-left: 14px; color: #000000 !important; background-image: url(../../Styles/Images/menu_notselected.gif); background-position: left top; background-repeat: no-repeat; }
.submenuTopItemSelected { margin-left: 20px; padding-bottom: 10px; background-image: url(../../Styles/Images/jcity3_sidomenydivider.gif); padding-bottom: 10px; margin-bottom: 7px; background-repeat: no-repeat; background-position: 0 20px; }
.submenuTopItemSelected a { padding-left: 14px; font-weight: bold; color: #000000 !important; background-image: url(../../Styles/Images/menu_selected.gif); background-position: left top; background-repeat: no-repeat; }
.subMenuChildItem1 { padding-left: 24px; margin-left: 20px; padding-bottom: 5px; }
.subMenuChildItemSelected1 { padding-left: 24px; margin-left: 20px; padding-bottom: 5px; }
.subMenuChildItemSelected1 a { font-weight: bold; color: #000000 !important; text-decoration: none; }
.subMenuChildItemSelected1 a:hover { font-weight: bold; color: #000000 !important; }
.subExpandedClass { background-image: url(../../Styles/Images/jcity3_sidomenydivider.gif); padding-bottom: 6px; margin-bottom: 5px; background-repeat: no-repeat; background-position: 20px bottom; }

.subMenuChildItem1 a:link { text-decoration: none; }

/*------------------------------------------------------------------------*/

.WebLeftMenu_level_1 { margin-left: -20px !important; line-height: 130%; font-size: 110%; }
.WebLeftMenu_level_2, .WebLeftMenu_level_3, .WebLeftMenu_level_4, .WebLeftMenu_level_5 { margin-top: 1px !important; line-height: 110%; }







/*************************************************************************************
This stylesheet will be used for the templates included in Litium Studio. Changes
below will change the appearance of the pages using the templates in the folder
"Templates".
**************************************************************************************/


/** STYLES FOR LITIUM STUDIO TEMPLATES ***********************************************/
/*************************************************************************************/
.Intro { font-size: 110%; font-weight: bold; margin-top: 0px; margin-bottom: 10px; }
.Text { font-size: 110%; font-weight: normal; margin-top: 0px; margin-bottom: 10px; }
.Normal { font-size: 110%; }
.Textbold { font-weight: bold; }
.Factheader { font-weight: bold; color: white; background-color: #555555; padding: 5px; }
.Facttext { font-weight: normal; background-color: #DDDDDD; padding: 5px; }
.Imagetext { font-weight: normal; margin-top: 2px; text-align: CENTER; }
.Date { color: #AAAAAA; margin-top: 0px; margin-bottom: 0px; }

.Linklist { font-weight: normal; margin-top: 20px; }
.Linkicon { margin-right: 3px; height: 10px; }
.Filelist { font-weight: normal; margin-top: 20px; }
.Fileicon { margin-right: 5px; }
.Productlist { font-weight: normal; margin-top: 20px; }
.Newslist { font-weight: normal; margin-top: 20px; }
.Form { }
.InputItem { font-size: 110%; margin-bottom: 10px; color: #000000; font-family: Verdana,Arial,Helvetica; }
.InputItemFixedWidth { font-size: 110%; margin-bottom: 10px; width: 300px; color: #000000; font-family: Verdana,Arial,Helvetica; }
.InputItemFullWidth { font-size: 110%; margin-bottom: 10px; width: 100%; color: #000000; font-family: Verdana,Arial,Helvetica; }
.SelectItemFixedWidth { font-size: 110%; margin-bottom: 10px; width: 305px; font-weight: bold; color: #000000; font-family: Verdana,Arial,Helvetica; }
.MarginSingle { margin-top: 10px; }
.MarginDouble { margin-top: 20px; }

.Image { margin-top: 20px; }
.ImageCenter { text-align: CENTER; margin-top: 20px; }
.ImageLeft { text-align: LEFT; margin-top: 20px; }
.ImageRight { text-align: RIGHT; margin-top: 20px; }
.ImageLeftFloat { float: LEFT; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; display: INLINE; }
.ImageRightFloat { float: RIGHT; margin-top: 10px; margin-left: 10px; margin-bottom: 10px; display: INLINE; }

.ColumnSpace { height: 10px; width: 10px; }
.CrossHorizontal { font-size: 1%; height: 2px; background-color: #555555; }
.CrossHorizontalCell { font-size: 1%; padding-bottom: 10px; padding-top: 10px; }
.CrossVertical { font-size: 1%; width: 2px; background-color: #555555; }
.CrossVerticalCell { font-size: 1%; height: 100%; padding: 5px; }

.threeColumnLeft { vertical-align: top; width: 350px; padding-right: 5px; }
.threeColumnMiddle { vertical-align: top; width: 189px; padding-top: 5px; padding-left: 5px; padding-right: 5px; }
.threeColumnRight { vertical-align: top; width: 189px; padding-top: 5px; padding-left: 5px; }
.threeColumnLineV { padding-top: 5px; background-image: url(../templates/common/images/dotlineV_bg.gif); }
.threeColumnLineH { margin-top: 5px; margin-bottom: 5px; height: 1px; background-image: url(../templates/common/images/dotlineH_bg.gif); }

.twoColumnTable { width: 100%; height: 350px; }
.twoColumnLeft { vertical-align: top; padding-right: 20px; }
.twoColumnRight { vertical-align: top; width: 180px; padding-left: 20px; }
.twoColumnInnerTable { margin-top: 20px; }
.twoColumnInnerOne { height: 100%; width: 33%; vertical-align: top; padding-top: 10px; padding-right: 10px; }
.twoColumnInnerTwo { height: 150px; width: 34%; vertical-align: top; padding-top: 10px; padding-left: 10px; padding-right: 10px; }
.twoColumnInnerThree { height: 150px; width: 33%; vertical-align: top; padding-top: 10px; padding-left: 10px; }
.twoColumnLineH { height: 1px; background-color: #9A9A9A; }
.twoColumnLineV { width: 1px; background-color: #9A9A9A; }

.RightContent { width: 100%; }

.Fileheader { font-size: 110%; font-weight: bold; margin-bottom: 5px; }
.Fileitem { font-size: 110%; font-weight: normal; margin-bottom: 5px; }
.Linkheader { font-size: 110%; font-weight: bold; margin-bottom: 5px; }
.Linkitem { font-size: 110%; font-weight: normal; margin-bottom: 5px; }
.Productname { font-size: 110%; font-weight: bold; margin-bottom: 5px; }
.Productlink, A.Productlink:link, A.Productlink:active, A.Productlink:hover, A.Productlink:visited { }
.Productdesc { font-size: 110%; font-weight: normal; }
.ProductRowItem1 { padding: 5px; padding-left: 0px; }
.ProductRowItem2 { padding: 5px; padding-left: 0px; }
.ProductColumnItem1 { padding: 10px; border-left: 1px solid #9A9A9A; width: 33%; }
.ProductColumnItem2 { padding: 10px; border-left: 1px solid #9A9A9A; width: 34%; }
.ProductColumnItem3 { padding: 10px; border-left: 1px solid #9A9A9A; width: 33%; }
.ProductitemLineH { height: 1px; background-color: #9A9A9A; }
.ProductitemLineV { padding: 10px; border-left: 1px solid #9A9A9A; }
.Productitem { font-size: 110%; line-height: 20px; }
.Productitemlist { padding-right: 20px; width: 100px; }
.ProductitemlistLineV { border-left: 1px solid #9A9A9A; }
.Newsimage { float: RIGHT; margin-left: 10px; display: INLINE; }
.Newsdate { font-size: 100%; }
.Newsheader { font-size: 110%; font-weight: bold; }
.Newslink, A.Newslink:link, A.Newslink:active, A.Newslink:hover, A.Newslink:visited { }
.Newsintro { font-size: 110%; font-weight: normal; }
.Newsitem1 { padding: 5px; padding-left: 0px; }
.Newsitem2 { padding: 5px; padding-left: 0px; }
.Breadcrumb { font-size: 110%; font-weight: normal; color: gray; }
A.Breadcrumb:link, A.Breadcrumb:active, A.Breadcrumb:hover, A.Breadcrumb:visited { color: gray !important; }


/** SYSTEM ERROR MESSAGE *************************************************************/
/** System errors shown together with add-on-templates *******************************/
/*************************************************************************************/
.litErrorFieldset { margin-top: 10px; margin-bottom: 10px; }
.litErrorLegend { color: #FF0000 !important; font-size: 110%; padding-right: 6px; }
.litErrorDiv { padding-top: 8px; padding-bottom: 5px; }
.litErrorIcon { width: 16px; height: 16px; margin-right: 3px; }
.litErrorMsg { color: #FF0000 !important; font-size: 110%; }


/** STYLES FOR THE LEFT MENU *********************************************************/
/** CSS for the left menu, new in version 4.1 ****************************************/
/*************************************************************************************/
.LeftMenu ul { margin: 0; margin-top: 4px; padding: 0; }
.LeftMenu li { list-style: none; padding: 3px; margin-left: 15px; }
.LeftMenu a, .LeftMenu a:link, .LeftMenu a:active, .LeftMenu a:hover, .LeftMenu a:visited { color: #666666; }
.LeftMenu a { text-decoration: none; padding: 2px; margin-left: 1px; line-height: 14px; }
.LeftMenu a:hover { text-decoration: underline; }
.LeftMenu_Selected { margin-left: 0px !important; border: 1px solid #CCCCCC; background-color: White; }
.LeftMenu_StartPage { }
.LeftMenu_level_1 { margin-left: -20px !important; line-height: 130%; font-size: 110%; }
.LeftMenu_level_2, .LeftMenu_level_3, .LeftMenu_level_4, .LeftMenu_level_5 { margin-top: 1px !important; line-height: 110%; }

.MenuItemClass { padding-left: 8px; padding-right: 7px; padding-top: 5px; padding-bottom: 4px; float: left; margin-right: 2px; }
.MenuItemSelectedClass { float: left; margin-right: 2px; color: #FFFFFF; padding-top: 0px; color: #FFFFFF; background-image: url(Images/menu_wr_back.gif); background-repeat: repeat-x; }

.MenuItemSelectedClass a, .MenuItemSelectedClass a:link, .MenuItemSelectedClass a:visited, .MenuItemSelectedClass a:active { text-decoration: none; color: #FFFFFF; float: left; display: block; background: url("../../Styles/Images/menu_wr_btnright.GIF") no-repeat right top; padding: 5px 15px 1px 6px; }
.ulclass { padding: 0; margin: 0; }
.WebFooter { margin-top: 20px; }


/*FROM JkpgCity.css*/

.JkpgStartPageTopContainer { width: 680px; border: 0; padding: 0; margin: 0; }
.TopContainerImage { background-color: #ccc; }
.TopContainerImage img { display: block; }

.ContentLeft { float: left; }
.Openinghours { padding-top: 15px; }
.CurrentWeather { padding-top: 45px; }
.ContentRight { float: right; }
.ContentRightContainer { width: 250px; }
.Puff1 { margin-top: 20px; }
.Puff2 { margin-top: 20px; }
.Puff3 { }

.JkpgWeather { overflow: hidden; }

.BottomContainer { width: 680px; float: left; padding-top: 20px; padding-bottom: 45px; }
.BottomLeft { float: left; width: 483px; padding-right: 20px; }
.BottomCenter { float: left; width: 250px; }
.BottomRight { float: right; }

.DropDown1 { position: absolute; padding-top: 32px; padding-left: 10px; }
.DropDown2 { position: absolute; padding-top: 32px; margin-left: 210px; }
.linkstart { float: left; display: block; background: url("../../Styles/Images/menu_wr_btnleft.GIF") no-repeat left top; padding: 0 0 3px 8px; }

#tabs { float: left; width: 100%; line-height: normal; }
#tabs ul { margin: 0; padding: 0; list-style: none; }
#tabs li { display: inline; margin: 0; padding: 0; }
#tabs a { }

.TopText { float: right; clear: right; height: 35px; width: 500px; text-align: right; }
.TopText a { text-decoration: none; }
.WebHeaderSearch { float: right; width: 240px; height: 50px; background: #fff url(/Styles/Images/search_bg_green.png) no-repeat; padding: 12px 12px 0; clear: right; margin-right: -7px; }
.sfield { float: left; background-color: #ddefcd; border: 1px solid #6fac34; height: 24px; width: 192px; padding: 3px; line-height: 24px; color: #3c6416; font-size: 150%; }
.sbutton { float: right; margin: 3px 5px 0 0; }
#supersize { position: fixed; }
#supersize img, #supersize a { height: 100%; width: 100%; position: absolute; z-index: 0; }
#supersize .prevslide, #supersize .prevslide img { z-index: 1; }
#supersize .activeslide, #supersize .activeslide img { z-index: 2; }