/*
html, body { padding: 0; margin: 0; height: 100%; min-height: 100%; }
img { border: 0; }
a { border: 0; text-decoration: none !important; color: #fff; }
body { 
  background: #1a1b1b url(images/bg.png) repeat-x top center;
  font: normal 11px/normal "Tahoma";
  color: #fff;
 }
*/
.clear { clear: both; height: 0; overflow: hidden; }

#mainwrapper { padding: 9px 0 0 0; height: 516px; position: relative; }

body { font: normal 11px "Tahoma"; }

.panel { padding:  0 0 0; width: 390px; overflow: hidden; }
.left { float: left; clear: left; }
.right { float: right; clear: right;  }
.row { height: 114px; }


.item { float: left; margin: 0 8px 0 0; width: 100px; height: 106px; overflow: hidden; cursor: pointer; }
.right .item { float: right; margin: 0 0 0 8px; text-align: right; }
.row .last-child { margin: 0; }


.item i { display: block; border: 2px solid #ccc; background: #4b4c4b; height: 72px; overflow: hidden; text-align: center; }
.item:hover i { border: 2px solid #08c6ff; }
.item img { opacity: .7; filter: alpha (opacity = 70); width: 96px; height: 72px; }
.item:hover img { opacity: 1; filter: alpha (opacity = 100); }
.item b { display: block; height: 30px; overflow: hidden; color: #ccc; padding: 1px 3px 0 3px; font-size: 10px; }
.item:hover b { color: #08c6ff; }

.left .l1 { padding-left: 0; height: 110px; }
.left .l2 { padding-left: 26px;  }
.left .l3 { padding-left: 47px; }
.left .l4 { padding-left: 170px; } /* dimin. by 10px */

.right .l1 { padding-right: 0; height: 110px; }
.right .l2 { padding-right: 26px; }
.right .l3 { padding-right: 47px; }
.right .l4 { padding-right: 170px; } /* dimin. by 10px */


.nav { float: left; font: bold 10px "Tahoma"; text-transform: uppercase; 
  overflow: hidden; color: #fff; padding: 10px 0 5px 0; width: 390px; height: 25px; }

.nav a { color: #fff; white-space: nowrap; }
.nav a:hover,
.nav a.sel, 
.nav a.sel:hover { color: #08c6ff; }
  
.subnav { float: right; text-align: right; }
  
#center { width: 230px; height: 530px; overflow: hidden; position: absolute; top: 20px; left: 390px; }
#flash { }
/****
fitness
****/

body.b-fitness { background: #4d4d4f url(images/f-bg.png) repeat-x top center; }
.b-fitness .wrapper-dirs { background: url(images/bg-green.jpg) no-repeat center top; }
.b-fitness #Top .logo { background: url(images/logo-green.gif); }
.b-fitness #mainwrapper { background: #626264 url(images/f-block-bg.jpg) repeat-x; margin-top: 25px; padding: 0 0 18px 0; }
.b-fitness #mainwrapper .mainwrapper-bg { background: url(images/fitnessline.gif) no-repeat center 80px; height: 500px; padding: 0 13px; }
  
.b-fitness #MenuA a:hover, .b-fitness #MenuA a.current,
.b-fitness #SubmenuA2 a:hover, .b-fitness #SubmenuA2  a.current { background: #89ff3f url(images/fitness-menu-t-hover.gif) repeat-x; }

.b-fitness .nav { color: #969799; padding: 15px 0 0 0; }
.b-fitness .nav a { color: #96979a; }
.b-fitness .nav a:hover, 
.b-fitness .nav a.sel, 
.b-fitness .nav a.sel:hover,
.b-fitness .top-submenu .xtr { color: #4DB510; }

.b-fitness .top-submenu div.hr { 
  clear: both;
  height: 2px;
  overflow: hidden;
  background: #aeafb1;
  border: 0;
  border-bottom: 1px solid #ccccce;
 }

.b-fitness .item { width: 105px; }
.b-fitness .item i { border: 2px solid #fff; background: #fff; }
.b-fitness .item:hover i { border: 2px solid #85f73d; }
.b-fitness .item b { color: #7C7C7C; background: #090303 url(images/f-item-text.gif) repeat-x; }
.b-fitness .item:hover b { background: #86f93d url(images/f-item-text-hover.gif) repeat-x; color: #303030; }


.b-fitness .panel { padding: 20px 0 0 ; width: 413px; }

/*******
beach
*********/
body.b-beach-child { background: #070909 url(images/bg-beach-child.jpg) no-repeat center 15px ;  }
body.b-beach-man   { background: #070909 url(images/bg-beach-man.jpg) no-repeat center 20px ;  }
body.b-beach-woman { background: #070909 url(images/bg-beach-woman.jpg) no-repeat center -13px ; }

.b-beach #Top .logo { background: url(images/logo-beach.gif); }

.b-beach .nav a.sel,
.b-beach .nav a:hover { color: #fcdb04; }
.b-beach .item b { margin: 3px 0 0 0; background: black; }
.b-beach .item:hover b { color: #ddc008; }
.b-beach .item:hover i { border: 2px solid #ddc008; }

.b-beach #MenuA a:hover, .b-beach #MenuA a.current,
.b-beach #SubmenuA2 a:hover, .b-beach #SubmenuA2  a.current { background: #FFF7E1 url(images/beach-menu-t-hover.gif) repeat-x; }

.b-beach-child #center {  left: 388px; top: 19px; }