/******************************************************************************/
/* Site:   hydrohealing                                                       */
/* Author: Umran Rafi                                                         */
/* Date:   07 Dec 2007                                                        */
/* Style:  screen.css - Used to style the whole site                          */
/******************************************************************************/


/*************/
/* HTML TAGS */
/*************/
body                                {width:100%; background-color:#fff; margin:0; padding:20px 0; border:0; color:#817E7E; font-family:arial,verdana,helvetica; font-size:71%; font-weight:normal;}
table, tr, td, li, p, input, textarea, select {font-family:arial,verdana,helvetica; font-size:100%; font-weight:normal;}
b, strong, b a, strong a            {font-weight:bold;}
a                                   {color:#817E7E; text-decoration:none;}
a:hover                             {text-decoration:underline;}
a span                              {display:block; cursor:pointer;}
img                                 {border:0;}
div, h1, h2, h3, h4, h5, h6, img    {border:0; padding:0; margin:0;}
h1, h2, h3, h4, h5, h6              {font-family:arial,verdana,helvetica; font-weight:bold;}
h1                                  {margin:0; font-size:130%;}
h2                                  {color:#00B9F2; margin:0.7em 0 0.2em 0; font-size:130%; font-weight:normal;}
h3                                  {color:#5d5d5d; margin:1.0em 0 0.2em 0; font-size:110%; font-weight:normal;}
h4                                  {color:#00B9F2; font-size:100%;}
p                                   {margin:0.7em 0 1em; line-height:15px;}
table th                            {font-size:110%; border-top:1px solid #999; border-bottom:1px solid #999; padding:5px;}
table td                            {padding:5px;}
blockquote                          {margin:0; padding:0 20px;}

/*this is for IE/WIN only - commented out on 30/04/2009
input                               {padding: expression(this.type=="submit" ?'2px 4px':'');
                                     height: expression(this.type=="submit" ?'21px':'');
                                     font-size: expression(this.type=="submit" ?'8px':'');
                                     font-weight: expression(this.type=="submit" ?'bold':'');
                                     background-color: expression(this.type=="submit" ?'#00B9F2':'');
                                     color: expression(this.type=="submit" ?'#fff':'');
                                     text-transform: expression(this.type=="submit" ?'uppercase':'');}
*/ 

/******************/
/* SITE STRUCTURE */
/******************/

/* List Styles - this should not be moved from here */
ul.NoListStyleCMSListMenuUL, ul.NoListStyle, #HeaderNav, #BreadCrumb, #SubNavList, #SubNavList ul, #FooterNav {list-style:none; margin:0; padding:0; line-height:1;}
ul.NoListStyleCMSListMenuUL li, ul.NoListStyle li, #HeaderNav li, #BreadCrumb li, #SubNavList li, #FooterNav li {margin:0; padding:0;}

/* Shared Template Styles */
#PaddedContainer {width:1000px; margin:auto;}
#MarginContainer {text-align:left;}

#Header {padding-top:6px;}
#Logo {width:275px; height:150px; text-align:center;}
#Strapline {width:325px; padding-top:85px;}

#SubscribeForm {width:240px; background:url(/App_Themes/hydro/images/SubscribeForm-back.gif) top left repeat-y;}
#SubscribeForm .Top {background:url(/App_Themes/hydro/images/SubscribeForm-top.gif) top left no-repeat;}
#SubscribeForm .Inner {background:url(/App_Themes/hydro/images/SubscribeForm-bottom.gif) bottom left no-repeat; padding:13px 13px 30px 13px;}
#SubscribeForm strong {font-size:130%; color:#00B9F2; font-family:tahoma;}
#SubscribeForm label {display:block; padding:5px 0;}
#SubscribeForm .SubscriptionTextbox {width:182px; height:22px; padding:5px 0 0 5px; border:0; background: transparent url(/App_Themes/hydro/images/Tb-Newsletter.gif) no-repeat top left; margin-right:5px;}
#SubscribeForm .Submit {margin-top:2px;}

#LowerHeader {background-color:#F6F6F6;}
#LowerHeader .BottomRight{padding:0 1px;}

#SearchForm {width:185px; padding-top:4px;}
#SearchForm .TextBox {overflow:hidden; width:130px; height:22px; padding:5px 0 0 22px; border:0; background: transparent url(/App_Themes/Hydro/images/Tb-Search.gif) no-repeat top left; font-weight:bold; color:#fff; margin-right:5px;}
#SearchForm .Submit {margin:4px 0 0 0;}

#PageTitle {color:#383838; font-size:200%;}

#Footer {border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; padding:6px 10px;}
#Footer .LeftSide {width:40%;}
#Footer .RightSide {width:60%; text-align:right;}
#Footer .RightSide span {margin-left:15px;}
#Footer, #Footer a {color:#A7AAA8;}

#FooterNav {padding-top:1px;}
#FooterNav li {float:left;}
#FooterNav a {display:block; border-left:1px solid #A7AAA8; padding:0 10px;}
#FooterNav a:hover {text-decoration:underline;}
#FooterNav li.First a {border-left:0;}

#sitePlug {text-align:center; padding-top:10px; color:#B4B7B5}
#sitePlug a {color:#B4B7B5}

/* Home Page Template */
#Home #Body {background:url(/App_Themes/hydro/images/Home-Body-back.jpg) right 2px no-repeat;}
#Home #MainContent {padding:0 380px 0 130px; min-height:260px; background:url(/App_Themes/hydro/images/Home-Content-Back.gif) 35px 35px no-repeat; font-size:115%;}
#Home #PageTitle {padding-top:35px; font-size:140%;}
#Home #InnerContent {padding-right:100px;}
#Home #LowerContent {padding:20px 10px 15px 10px;}

.HomeBox {float:left; width:236px; margin-left:1%; min-height:155px;}
.HomeBox .Content {min-height:120px; text-align:left;}
.HomeBox .Content .Padded {padding:10px 5px 10px 120px;}
.HomeBox h2 {color:#00B9F2; font-size:160%;font-weight:normal;}
.HomeBox p {padding:0.5em 0; margin:0;}
.HomeBox .LinkHolder {width:199px; margin:auto; background:url(/App_Themes/hydro/images/lnk_HomeBox.gif) top left no-repeat; padding-bottom:10px; text-align:left;}
.HomeBox .LinkHolder a {display:block; width:100%; color:#fff;}
.HomeBox .LinkHolder a span {padding:2px 30px 4px 10px;}

#HomeBox1 {margin:0;}
#HomeBox1 .Image {background:url(/App_Themes/hydro/images/HomeBox1.gif) top left no-repeat; height:155px;}
#HomeBox2 .Image {background:url(/App_Themes/hydro/images/HomeBox2.gif) top left no-repeat; height:155px;}
#HomeBox3 .Image {background:url(/App_Themes/hydro/images/HomeBox3.gif) top left no-repeat; height:155px;}
#HomeBox4 .Image {background:url(/App_Themes/hydro/images/HomeBox4.gif) top left no-repeat; height:155px;}
#HomeBox3 .Content .Padded {padding-left:118px;}
#HomeBox4 .Content .Padded {padding-left:115px;}

/* Inner Page Template */
#Inner #Header {background:url(/App_Themes/hydro/images/Inner-Header-Back.jpg) bottom right no-repeat;}
#Inner #Body {background:url(/App_Themes/hydro/images/Inner-Body-Back.jpg) top right no-repeat; padding:20px 0px 20px 0;}
/*#Inner #RightColumn {width:265px;}*/
#Inner #RightColumn {padding-bottom:5em;}
#Inner #LeftColumn {width:242px; margin:0 23px 10px 0;}

#BreadCrumbHolder {border-bottom:1px solid #DEDEDE; padding:5px 15px 5px 0; width:720px;}
#BreadCrumbHolder .Title {width:9.5em;}
#BreadCrumbHolder .Title strong {margin-left:25px;}
#BreadCrumb {padding-top:2px;}
#BreadCrumb li, #BreadCrumb span {float:left; display:inline; margin-right:5px; font-weight:bold;}
#BreadCrumb a, #BreadCrumb .CMSBreadCrumbsCurrentItem {white-space:nowrap;}
#BreadCrumb a {color:#00B9F2;}

#Inner #MainContent {padding:15px;}
#Inner #MainBottomRight {position:relative;}
#Inner #PageTitleHolder {position:relative; padding-right:6em;}
#Inner #PageTitle {padding:0 0 0 10px; margin:0;}
#Inner #HomeLinkHolder {width:6em; position:absolute; bottom:0; right:0; text-align:right;}
#Inner #HomeLink, #Inner #TopLink {display:block;}
#Inner #HomeLink {padding:0 10px 1px 0;}

#Inner #LowerContent {padding:15px 10px 0 10px; font-size:110%; width:680px;}
#Inner #LowerContent p, #Inner #LowerContent li {line-height:1.6em;}
#Inner #LowerContent a {color:#00B9F2;}
#LowerLeftContent {width:230px;}
#LowerContent .LeftSide {min-height:490px;} /* This may need to be removed */
#Inner #TopLinkHolder {padding:0 0 20px 20px;}

#GreyContent {width:205px; background:url(/App_Themes/hydro/images/GreyContent-Back.gif) top left repeat-y;}
#GreyContent .Top {background:url(/App_Themes/hydro/images/GreyContent-Top.gif) top left no-repeat;}
#GreyContent .Bottom {background:url(/App_Themes/hydro/images/GreyContent-Bottom.gif) bottom left no-repeat; padding:17px 17px 8px 17px;}
#GreyContent p {padding:1px 1px 10px 1px; margin:0;}


/* Local Menu */
#SubNavHolder {background:url(/App_Themes/hydro/images/GreyFade-Down.gif) top left repeat-x;}
#SubNavHolder .Title {background:url(/App_Themes/hydro/images/SubNav-Title-Back.gif) top left repeat-y;}
#SubNavHolder .Title a {color:#fff; width:100%; display:block; padding-bottom:1px; background:url(/App_Themes/hydro/images/SubNav-Title-Bottom.gif) bottom left no-repeat;}
#SubNavHolder .Title strong {display:block; background:url(/App_Themes/hydro/images/SubNav-Title-Top.gif) top left no-repeat; padding:5px 15px;}
#SubNav .Bottom {padding-bottom:10px;}

#SubNavList {margin:0 15px;}
#SubNavList li {display:block; border-bottom:1px solid #C8C8C8;}
#SubNavList a {display:block; width:100%;}
#SubNavList a span {display:block; padding:7px 7px 7px 15px; background:url(/App_Themes/hydro/images/SubNav-Link.gif) 3px no-repeat;}
#SubNavList a.Level0CMSListMenuLink span, a.Level0CMSListMenuLinkHighlighted span {font-weight:bold;}

#SubNavList ul.Level1CMSListMenuUL li {border-top:1px solid #C8C8C8; border-bottom:0; margin-left:10px;}
#SubNavList ul.Level1CMSListMenuUL a span {display:block; padding:6px 7px 6px 20px; background:url(/App_Themes/hydro/images/SubNav-Child.gif) 11px no-repeat;}
#SubNavList ul.Level1CMSListMenuUL a.Level1CMSListMenuLinkHighlighted {font-weight:bold; background:#F6F6F6 url(/App_Themes/hydro/images/SubNav-Child-OpenA.gif) top left repeat-x;}
#SubNavList ul.Level1CMSListMenuUL a.Level1CMSListMenuLinkHighlighted span {background:url(/App_Themes/hydro/images/SubNav-Child-OpenSpan.gif) 9px no-repeat; font-weight:bold;}

#SubNavList ul.Level2CMSListMenuUL li.Level2CMSListMenuLI, #SubNavList ul.Level2CMSListMenuUL li.Level2CMSListMenuHighlightedLI {margin-left:0px;}
#SubNavList ul.Level2CMSListMenuUL li {border:0; background-color:#F6F6F6;}
#SubNavList ul.Level2CMSListMenuUL a {color:#41AFCD;}
#SubNavList ul.Level2CMSListMenuUL a span {padding:4px 7px 4px 32px; background-position:23px;}
#SubNavList ul.Level2CMSListMenuUL a.Level2CMSListMenuLinkHighlighted span {font-weight:bold;}

#BoxHolder .ShadowBox {margin-top:15px;}
#BoxHolder .Bottom {padding:2px 4px 4px 2px;}
#BoxHolder .Content {padding:0 10px 0 86px; min-height:80px;}
#BoxHolder .Title {color:#00B9F2; padding:5px 0 0 0;}
#BoxHolder .LinkHolder {padding-top:5px; text-align:right;}
#BoxHolder .LinkHolder a {margin-left:auto; color:#fff; display:block; width:99px; background:url(/App_Themes/hydro/images/ShadowBox-LinkWhite.gif) top left no-repeat;}
#BoxHolder .LinkHolder span {display:block; padding:1px 25px 2px 5px;}

/* Display boxes below Local Menu */
#ShadowBox1 .Content {background:url(/App_Themes/hydro/images/ShadowBox1-back.jpg) top left no-repeat;}
#ShadowBox2 .Content {background:url(/App_Themes/hydro/images/ShadowBox2-back.jpg) top left no-repeat;}
#ShadowBox3 .Content {background:url(/App_Themes/hydro/images/ShadowBox3-back.jpg) top left no-repeat;}
#ShadowBox4 .Content {background:url(/App_Themes/hydro/images/ShadowBox4-back.jpg) top left no-repeat;}

/* Product Category Description */
#LogoHolder {background:url(/App_Themes/hydro/images/LogoHolder-Back.gif) top left repeat-y; width:169px; margin:auto; text-align:center; margin-bottom:15px;}
#LogoHolder .Inner {background:url(/App_Themes/hydro/images/LogoHolder-Top.gif) top left no-repeat;}
#LogoHolder .Image {background:url(/App_Themes/hydro/images/LogoHolder-Bottom.gif) Bottom left no-repeat; padding:7px 4px;}

/* Product Category Boxes */
.SmallBox {width:139px; background:url(/App_Themes/hydro/images/SmallBox-Back.gif) top left repeat-y; float:left; margin:0 10px 10px 0;}
.SmallBox .Inner {padding:10px; background:url(/App_Themes/hydro/images/SmallBox-Top.gif) top left no-repeat; text-align:center;}
.SmallBox .Inner a {display:block; height:100px; color:#817E7E;}

.SmallBox .LinkHolder {text-align:right; background:url(/App_Themes/hydro/images/SmallBox-LinkHolder.gif) top left repeat-y;}
.SmallBox .LinkHolder a {display:block; color:#817E7E; width:100%; min-height:70px; background:url(/App_Themes/hydro/images/SmallBox-Bottom.gif) bottom left no-repeat;}
.SmallBox .LinkHolder strong {display:block; padding:5px 20px 5px 10px; background:url(/App_Themes/hydro/images/SmallBox-Link.gif) 125px no-repeat;}

.SmallBox .LHS a {display:block; width:100%; min-height:25px; background:url(/App_Themes/hydro/images/SmallBox-Bottom.gif) bottom left no-repeat;}
.SmallBox .TextHolder a {text-align:center; color:#00B9F2; display:block; width:100%; padding-bottom:3px; font-weight:bold;}
.SmallBox a:hover {text-decoration:none;}

.NoShadow .SmallBox {background:url(/App_Themes/hydro/images/SmallBox-Back-NoShadow.gif) top left repeat-y;}
.NoShadow .SmallBox .Inner {padding:5px; background:url(/App_Themes/hydro/images/SmallBox-Top-NoShadow.gif) top left no-repeat;}
.NoShadow .SmallBox .LinkHolder {background:none;}
.NoShadow .SmallBox .LinkHolder a {background:#DEDEDE url(/App_Themes/hydro/images/SmallBox-Bottom-NoShadow.gif) bottom left no-repeat;}

/* Products overview page */
.ProductsOverview .Inner {height:80px;}
.ProductsOverview .LinkHolder a {min-height:40px;}

/* Anti Ageing styles */
#GreyContent #CenteredBottom {text-align:center; padding:17px 10px 15px 10px;}
#CenteredBottom .SmallBox {float:none; margin:20px auto 0 auto;}
#CenteredBottom .SmallBox .Inner {padding:5px; background:url(/App_Themes/hydro/images/SmallBox-Top-GreyBack.gif) top left no-repeat;}
#CenteredBottom .SmallBox .Inner a {color:#00B9F2;}
#CenteredBottom .SmallBox .LinkHolder {text-align:center;}
#CenteredBottom .SmallBox .LinkHolder a {background:#DEDEDE url(/App_Themes/hydro/images/SmallBox-Bottom-GreyBack.gif) bottom left no-repeat;}
#CenteredBottom .SmallBox .LinkHolder strong {background:none;}

/* Product page */
#ProductContentPortrait {padding:20px 20px 20px 140px; width:295px;}
#ProductContentPortrait #ProductImage {width:120px; margin-left:-120px;}
#ProductContentPortrait #ProductDetails {padding-top:10px; width:100%; float:left;}

#ProductContentLandscape {padding:20px 20px 20px 20px; width:415px;}
#ProductContentLandscape #ProductImage {width:395px; text-align:center;}
#ProductContentLandscape #ProductDetails {padding-top:10px; width:100%;}

#ProductTitle, #Price {color:#00B9F2;}
#Price {padding:0.7em 0;}
#Price span {color:#ccc; font-size:90%; padding-left:10px;}
#ProductDescription {font-size: 110%; line-height:1.4em;}

/* Grey box */
.GreyBox {border:1px solid #DEDEDE; border-bottom:0; background:url(/App_Themes/hydro/images/GreyBox-back.gif) bottom left repeat-x;}
.GreyBox .TopRight {margin:-1px; margin-bottom:0; background:url(/App_Themes/hydro/images/GreyBox-TopRight.gif) top right no-repeat;}
.GreyBox .TopLeft {background:url(/App_Themes/hydro/images/GreyBox-TopLeft.gif) top left no-repeat;}
.GreyBox .BottomLeft {background:url(/App_Themes/hydro/images/GreyBox-BottomLeft.gif) bottom left no-repeat;}
.GreyBox .BottomRight {background:url(/App_Themes/hydro/images/GreyBox-BottomRight.gif) bottom right no-repeat;}

/* Shadow box */
.ShadowBox {background:url(/App_Themes/hydro/images/GreyFade-Up.gif) bottom left repeat-x;}
.ShadowBox .Inner {background:url(/App_Themes/hydro/images/ShadowBox-back.gif) top left repeat-y;}
.ShadowBox .Top {background:url(/App_Themes/hydro/images/ShadowBox-Top.gif) top left no-repeat;}
.ShadowBox .Bottom {background:url(/App_Themes/hydro/images/ShadowBox-Bottom.gif) bottom left no-repeat; padding:0 3px 0 1px;}


/* General Styles */
.Tahoma {margin:0; padding:0; font-size:160%; font-family:tahoma; letter-spacing:0.05em; font-weight:normal;}
.SkipNav {position:absolute; top:-100px; left:-9999px;}
.NoShow, .Hidden {display:none;}
.ContentPadding {padding:0px 10px 10px 10px;}
.LeftSide {float:left;}
.RightSide {float:right;}
.ErrorLabel {color:#F20012;}
.ErrorMessage {color:#F20012;}
.EditingFormErrorLabel {color:#F20012;}
.EditingFormLabel {color:#00B9F2;}
.Label {color:#00B9F2;}

.small {font-size:90%; margin:0; padding:0;}
.clear {clear:both; font-size:1px; height:0px; line-height:1px; display:block; overflow:hidden;}
.more {color:#00B9F2;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}

/* Sitemap */
ul.CMSSiteMapList                   {margin-bottom:10px;}
ul.CMSSiteMapList li                {list-style-image: url(../app_themes/MDB/images/menuitem.gif); padding-top:3px; font-size:140%; line-height:1.2em;}
ul.CMSSiteMapList li li             {font-size:90%;}
ul.CMSSiteMapList li li li          {font-size:90%;}
ul.CMSSiteMapList li li li          {font-size:90%;}

/* Search */
.CMSSearchDialogSearchForLabel,   
.CMSSearchDialogSearchModeLabel     {margin-right:10px;}
.CMSSearchResultsNoResultsLabel     {line-height:30px; padding:0 5px; color:#ff0000;}
.SearchResult                       {padding: 10px 4px;}
.SearchResult .ResultTitle          {padding:0px 0px 1px 14px; font-weight:bold; background:url(../app_themes/mdb/images/bullet-arrow.gif) no-repeat left;}
.SearchResult .ResultPath           {padding-left:14px;}
.SearchResult a                     {color:#00B9F2;}

/* BizForms */
#BizForm                            {text-align:center; width:370px;}
#BizForm #BizFormInner              {text-align:center; width:360px;}
#BizForm table                      {text-align:center; width:360px;}
#BizForm table td                   {text-align:left;}
#BizForm table td label             {width:120px;}
#BizForm table td textarea          {width:240px;}
#BizForm table td input             {width:expression(this.type=="image" ?'':'240px');}
#BizForm table td .FormButton       {width:70px; float:right;}


/* Main Menu Tabs */
#HeaderNavHolder                         {float:left; width:805px; margin:0 auto; padding:2px 0; text-align:left;}
#HeaderNav, #HeaderNav ul                {float:left; margin:0; padding:0; list-style:none; line-height:1; font-weight:bold; z-index:100;}

/* Level 1 */
#HeaderNav li                            {float:left; padding:4px 0px 5px 0px; font-weight:bold;}
#HeaderNav li a                          {display:block; padding:0.4em 1.1em; color:#5D5D5D; text-decoration:none; border-left:1px solid #5D5D5D;}
#HeaderNav li.F a                        {border-left:none;}
#HeaderNav li.highlightedF a             {border-left:none; background:#6CD5F1; color:#fff; text-decoration:none;}
#HeaderNav li a:hover,
#HeaderNav li.highlighted a              {background:#6CD5F1; color:#fff; text-decoration:none;}

/* Level 2 */
#HeaderNav li ul                         {position:absolute; left:-999em; margin:2px 0 0 0; padding:0; height:auto; width:16em; w\idth:15em; font-weight:normal; border:1px solid #DBE1E1; background:#E3F6FC;}
#HeaderNav li li                         {line-height:1.4em; margin-left:0em; padding:0;  border-bottom:1px solid #fff; width:100%;}
#HeaderNav li ul a                       {border:none; font-weight:normal;}
#HeaderNav li.highlighted ul a           {background:#E3F6FC; color:#5D5D5D;}
#HeaderNav li.highlightedF ul a          {background:#E3F6FC; color:#5D5D5D;}
#HeaderNav li ul a:hover                 {background:#6CD5F1; color:#fff;}

/* Level 3 */
#HeaderNav li ul ul                      {margin:-26px 0 0 16.1em;}

/* Hover behaviour */
#HeaderNav li:hover,
#HeaderNav li.sfhover                    {background:none;}
#HeaderNav li li:hover,
#HeaderNav li li.sfhover                 {background:#6CD5F1;}
#HeaderNav li:hover ul ul,
#HeaderNav li:hover ul ul ul,
#HeaderNav li.sfhover ul ul,
#HeaderNav li.sfhover ul ul ul           {left:-999em;}
#HeaderNav li:hover ul,
#HeaderNav li li:hover ul,
#HeaderNav li li li:hover ul,
#HeaderNav li.sfhover ul,
#HeaderNav li li.sfhover ul,
#HeaderNav li li li.sfhover ul           {left:auto;}