﻿/*********************************************************************
 HTML ELEMENTS SETTINGS - SCULPTOR FITNESS
**********************************************************************/

*{line-height:1.8em;}
body {margin:0;padding:0;background:#bfb898 url('images/bg.gif') repeat-x;font: normal .8em arial, verdana, helvetica, sans-serif;color:#333;line-height:1.8em}
h1 {font:normal 190% "Trebuchet MS", Tahoma, Arial;color:#cc3300;margin:0 0 5;letter-spacing:-0.02em}
h2 {font:normal 170% "Trebuchet MS", Tahoma, Arial;color:#8a7859;margin:10 0 5} /*OLD :: margin: 15px 0 5px*/
h3 {font:normal 140% "Trebuchet MS", Tahoma, Arial;color:#cc9900;margin:10 0 0} /*padding same as current*/
p {color:#808080;margin:0;margin-bottom:15px;}

ul{margin:0px 0px 20px 1em;padding:0px 0px 0px 1em;list-style-type:disc;}
li {font-size:1em;color:#808080;margin:0px 0px 3px;}
form {margin-top:0;}
input, select, textarea, button{font-size:100%;}
a{font-weight:inherit;text-decoration:underline;color:#0066CC;} /*#c30*/
a:visited{color:#0066CC}
a:hover{text-decoration:none;color:#3399FF}
a img{border:none;}

/*********************************************************************
 WRAPPER & TOP ZONE - SCULPTOR FITNESS
**********************************************************************/
#headerTopSlice {width:990px; height:165px;	background: url(images/bg_header.jpg) no-repeat; margin:0 auto 0 auto;}
#headerBottomSlice {background:#ffffff url(images/bg_content.jpg) no-repeat; padding:20px;}

/* OLD CONTENT PAGE STRUCTURE- EDIT & DELETE
#container {background-color:white;	width:990px; margin:auto; margin:0 auto 30px auto;} --> changed to mainPanel
#subContainer {background:#ffffff url(images/bg_content.jpg) no-repeat; width:930px; padding:40px 30px; clear:both;} --> changed to #headerBottomSlice
#headerDataPathContainer {position:relative; width:400px; float:left;} */


#topNav {top:5%;float:right; font-size:100%; font-weight:bold; background-color:Transparent;}
.navLink a {color:#f1d5a4; display:block; height: 10px; margin: 4px 18px 0 0; text-decoration: none;}
.navLink a:active {color:#ffffff;text-decoration:underline;} /* set cursor to default arrow so link does not appear clickable */
.navLink a:link {color:#f1d5a4; display:block; height: 10px; margin: 4px 18px 0 0; text-decoration: none;}
.navLink a:visited {color:#f1d5a4;text-decoration: none;}
.navLink a:hover {color: #ffffff; text-decoration: underline;}
.navLinkselected {cursor:default;color:#ffffff;text-decoration:underline;}

/* Global Footer */
#footer {background:transparent;width:990px; height:80px; margin:0px auto 0 auto; color:#756344; font-size:85%;clear:both;}
#footer a {color: #756344; text-decoration: none; /*margin: 0 auto 30px auto;*/}
#footer a:hover {color: #ffffff;text-decoration: underline;}
#footer .leftSide {float: left;width:60%; padding:5px 0 0 10px;}
#footer .rightSide {float: right; text-align:right; padding:5px 10px 0 0;}
#footer .leftSide .col {float:left; padding-right:16px;}

/*********************************************************************
 MID ZONE -- SCULPTOR FITNESS
**********************************************************************/

/* MAIN PAGE STRUCTURE
********************************/
/*#content {width:620px;margin:0 0 0 30px;float: right;}

#contentPanel {width:990px;margin:auto;}   */
/*#navArea {width:192px;padding:0;background-image:url('LeftNavBackground.png');background-repeat:no-repeat;position:relative;min-height:600px;float:left;}
#navArea div.inset {padding:20px 0 0 0;} 
#contentTop  {width:752px;height:10px;padding:0;background:transparent url('/elem-top-rt-cnr.png') no-repeat right;float:right;}*/

#mainPanel {width:990px;text-align:left;padding:0;margin:0 auto 0 auto;background-color:#ffffff;}

/* all content pages below home */
#sidebar {width:260px;margin: 15px 0 0;padding:30px 0 0px 30px;border-right:1px solid #e4e6e4;background-color:#ffffff;float:left; height:100%;}
#contentArea {background-color:#ffffff;padding:0 30px 0 325px;}
#contentArea div.inset {padding:8px 20px 20px 20px;}
#contentArea a {color:#00a6e7;} 

/* default.aspx */
#homeContentRow01 {background-color:White; width:990px; height:285px; top:auto;}
#homeContentRow02 {background-color:White; width: 990px; clear: both; height: 360px; top: auto;}
#getStarted {width:705px; height:285px; background:#ffffff url(images/GetStart.jpg) no-repeat; float: left;}
#gogetStarted {margin:185px 0 0 465px;}
#whatsNew {top:auto; width:245px; height:285px;	background-color:White;	float:left;	padding:10px 0 0 10px;line-height: 1.2em;}
#listWhatsNew {background-color:White;	margin-left:20px; margin-bottom:0; padding-left:10px; padding-bottom: 10px; list-style:none;}
#listWhatsNew li {padding:0 0 10px 25px; background-image:url(images/arrow-nav02.gif); background-repeat:no-repeat; background-position:0 0; background-color:White;}

.img-home {margin:0 auto; clear:both; border:none;}
.box {float:left; width:280px; padding:5px 20px 5px 10px;}
.box p {margin:10px;}
.box h2 {margin-left:10px;}


/* CONTENT APPEARANCES
********************************/

/* Text */
.pageTitle {font-size:30px;color:#c30;padding-bottom:20px;}
.header {font-size:18px;margin-bottom:20px;color:#8a7859;}
.emphasis {font-size:16px;color:#c30;font-weight:bold;}
.note {font-size:10px;}
.caption {display:block;font-size:12px;color:#808080;padding-left:20px;}
.bold {font-weight:bold;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.highlight {color:#cc9900}
.pullquote {font-size:18px;text-align:right;color:#cc9900;padding-right:20px;} /*OLD FONT = Trebuchet MS*/


/* CONTENT ARRANGEMENTS
********************************/

/* Section container */ 
.section {margin-top: 20px;}

/* Section width adjustments */
.span1 {width:590px;}
.span2 {width:590px;text-align:right;}
.span3 {width:468px;}

/* Section column splits */
/* 50/50 */
.colSplit1 {width:100%;}
.colSplit1 .colLeft {width:49%;float:left;}
.colSplit1 .colRight {width:49%;float:right;}
/* 45/55 */
.colSplit2 {width:100%;}
.colSplit2 .colLeft {width:44%;float:left;}
.colSplit2 .colRight {width:54%;float:right;}
/* 55/45 */
.colSplit3 {width:100%;}
.colSplit3 .colLeft {width:54%;float:left;}
.colSplit3 .colRight {width:44%;float:right;}
/* 20/80 */
.colSplit4 {width:100%;}
.colSplit4 .colLeft {width:19%;float:left;}
.colSplit4 .colRight {width:79%;float:right;}
/* 80/20 */
.colSplit5 {width:100%;}
.colSplit5 .colLeft {width:79%;float:left;}
.colSplit5 .colRight {width:19%;float:right;}
/* DELETE - EXAMPLE .colSplit6 .colDivider {width:20px;float:left;background: transparent url('/images/grey-fade-divider.png') no-repeat center center;} */

/* Padding & magin adjustments */
.lfPad20 {padding-left:20px;}
.lfPad30 {padding-left:30px;}
.lfPad40 {padding-left:40px;}

/* Layout tools */
.clr {clear:both;}

/* Margin adjustments */
.marginTop20 {margin-top:20px;}
.margin0 {margin:0px;}

#column1 {width: 300px;	float:left;	margin-bottom:5px;	border-right:1px solid #DCDDDC;}
#column2 {width: 275px;	float:right; margin-left:10px;	margin-bottom:5px;	padding-left:30px;}


/* SPECIAL STYLES
********************************/

/* Sidebar Table appearance */
.sidebarTable {background-color:#ffffff;width:225px;border:none;}
.sidebarTable td {border:none;padding:5px 8px 5px 8px;}
.sidebarTableTitle {background-color:#ddd;}
td.sidebarTableTitle {color:#4c4c4c;font-weight:bold;}


/* Table appearance */
.dataTable {background-color:#ffffff;border-left: solid 1px #808080;border-top:solid 1px #808080;}
.dataTable td {border-right:solid 1px #808080;border-bottom:solid 1px #808080;padding:3px 6px 3px 6px;color:#808080;}
.dataTableTitle {background-color:#ddd;}
td.dataTableTitle {color:#4c4c4c;font-weight:bold;}

/* Photo */
.photoL {padding-right:10px;}
.photoL_border {border:1px solid #DCDDDC; margin-right:10px;}
.photoR {padding-left: 10px;}
.photoR_border {margin-left: 10px;	border: 1px solid #DCDDDC;}

/* Global div-hide classes */
.visibleDiv {display: block;}
.invisibleDiv {display: none;}

/*********************************************************************
 NAVIGATION & MENUS
**********************************************************************/

.staticMenu {text-decoration:underline}
.dynamicMenu {color:MenuText;font:normal 1.0em arial;background-color:transparent;z-index:500;}

/**** - DELETE - EXAMPLE - Horizonal page nav type 1
.hNav1 ul {list-style-type: none;padding-left:0;margin:0 0 30px 0;}
.hNav1 li {display:inline;padding-right:10px;font-size:14px;}
.hNav1 li.nNav1Last {padding-right:0;}

/* Horizonal page nav type 2
.hNav2 ul {list-style-type: none;padding-left:0;margin:0 0 15px 0;}
.hNav2 li {display:inline;padding-right:28px;font-size:18px;}
.hNav2 li.nNav2Last {padding-right:0;}

/* Vertical site nav -- DELETE
#navBar {height:29px;margin-bottom:50px;position:relative;width:100%;z-index:10;}
#navArea div .Menu a {color:#FFFFFF;text-decoration:none;}
.MenuRow {background:transparent none repeat scroll 0 0;color:#fff;text-align:left;text-decoration:none;vertical-align:middle;margin:0;padding:0;width:100%;}
.MenuRow a {font-size:16px;display:block;padding:0 0 5px 15px;margin:5px 0;}
.MenuRow a:hover {background-image:url('/meshmarketing/images/LeftNavOver.png');background-repeat:no-repeat;}
.MenuRow2 {margin:0;padding:0;}
.MenuRow2 a {display:block;font-size:14px;padding:0 0 5px 36px;}
.MenuRow2 a:hover {background-image:url('/meshmarketing/images/LeftNavOver.png');background-position:right top;background-repeat:no-repeat;}
#MenuDrop1:hover {visibility:visible;}
.MenuRow a.currentPageNav {background-image:url('/meshmarketing/images/LeftNavOver.png');background-repeat:no-repeat;color:#fff;display:block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;width:100%;}
.MenuRow2 a.currentPageNav {background-image:url('/meshmarketing/images/LeftNavOver.png');background-repeat:no-repeat;color:#fff;display:block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;width:100%;}
 */



