/*
                __                                                           
 __  __    ___ /\_\     __   __  __     __    ____    ___     __      ___    
/\ \/\ \ /' _ `\/\ \  /'__`\/\ \/\ \  /'__`\ /',__\  /'___\ /'__`\  /' _ `\  
\ \ \_\ \/\ \/\ \ \ \/\ \L\ \ \ \_\ \/\  __//\__, `\/\ \__//\ \L\.\_/\ \/\ \ 
 \ \____/\ \_\ \_\ \_\ \___, \ \____/\ \____\/\____/\ \____\ \__/.\_\ \_\ \_\
  \/___/  \/_/\/_/\/_/\/___/\ \/___/  \/____/\/___/  \/____/\/__/\/_/\/_/\/_/
                           \ \_\                                        .com     
                            \/_/
*//*------------------------+
 | IMPORTED EXTERNAL STYLES |
 +------------------------*//* import style sheets that are needed (for sub pages etc)*/
@import url("index.css");        /* index page styles */
@import url("pages.css");        /* sub page styles */

@import url("products.css");     /* product related styles (generic) */
@import url("partners.css");     /* partner styles (specific to partners) */
@import url("wizzards.css");     /* partner product wiz */

@import url("profile.css");      /* profile */
@import url("buttons.css");      /* buttons */
@import url("form.css");         /* form fields and misc */

@import url("press.css");        /* press page styles */

@import url("misc.css");      /* misc (unsorted) */

@import url("events.css");      /* events */



/*--------------- COLORS */
.dblue{ 
  /*color:#002d62;*/ 
  color:#330066;
}
.gray{ color:#999; }

/*----------------------+
| RESTYLED DEFAULT HTML |
+---------------------*//* default tags restyled */
/* NOTE: Be careful not to force styling of elements that may be reused for different purposes (ie. tables) */
*{
  font-size: 12px;
  font-family: helvetica,verdana,arial,sans-serif;
}
body{
  margin:0px;
}
html{
  background:#e9e9e9 url('/images/bg_tile.jpg');
}
img{
  border:none;
}
h1{
  font-size:18px;
  color:#330066;
  text-transform: uppercase;
}
h2{
  font-size: 14px;
  color:#330066;
  border-bottom:1px dotted #330066;
}
/*--------------------+
| DEFAULT SITE STYLES |
+-------------------*//* cross site styles defined */
/* classes and id's that can be used on any page */
.clearing{  clear:both;  }
.nobots{ display:none; }

.tiny{
  font-size:smaller;
}

/*--------------- FLASH NOTICE */
#notice{ /* flash notice error of somesort */
  border:double #fff;
  background-color: #330066;
  background-image: url('/images/exclamation.png');
  background-position: 7px 7px;
  background-repeat: no-repeat;
  color: #fff;
  padding:7px 7px 7px 45px;
  margin:6px;
  font-size:15px;
  min-height:27px;
}
.notice{ /* style for notice type display */
  border: double #fff;
  background: #330066; /* purple */
  color: #fff;
  padding: 7px;
  margin: 0px;
}
.notice h1{
  color: #fff;
  margin:0px;
  padding:0px;
}
.exclamation{ /* exclamation inside of flash notice */
  display:inline;
  float:left;
  margin:5px;
}

/*--------------- DEFAULT FORM FIELDS AND SUBMITS */
.submit{
  background:#330066;
  color: #fff;
  margin:3px;
  padding:2px 6px;
  border: none;
  cursor: pointer;
  font-size:13px;
  font-variant:small-caps;
}

/*--------------- DEFAULT TABLE STYLE */
.table{ /* default table style*/
  border:1px solid #ccc;
  width: 100%;
}
.table th{
  background: #ccc;
  color:#330066;
}
.table td{ 
  padding: 4px;
  background: #eee;
}


/*---=======================================================---++
||   D E F A U L T   S I T E   L A Y O U T   &   D E S I G N   ||
++---=======================================================--*//* Styles for site container and base design ONLY */
#shadowcontainer{
  width:977px;
  margin: auto;
  /*background: transparent url('/images/bg_shadow.gif') top center repeat-y;*/
}
#sitecontainer{ /* outter most container */
  width:960px;
  margin: auto;
  background: #fff url('/images/container_bg.gif') top center repeat-y;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom:1px solid #ddd;
}

/*--------------- LOGO AND SEARCH BAR */
#header{ }

#logo{
  width:260px;
  height:70px;
  padding: 20px 0px 0px 34px;
}

#search{
  width: 260px;
  float: right;
  text-align: right;
  padding: 15px 34px;
}
#baglink{
  color:#330066;
  text-decoration: none;
}#baglink:hover{ text-decoration: underline; }

/*--------------- MAIN PAGE LOGIN */
#login a:link, #login a:hover, #login a:visited{
  text-decoration:none;
}
#login a:hover{
  text-decoration:underline;
}

.mplogin{
  width:100px;
  color: #999;
}
.mpsubmit{
  margin: 0px;
  padding: 0px;
}

#chaticon{
  float:right;
  padding:0px 0px 0px 3px;
}

/*--------------- MAIN NAVIGATION MENU */
#nav{ /* container */
  height: 27px;
}

#navmain{ /* main links */
  height: 25px;
  margin: 0px 34px;
  /*font-weight:bold;*/
}
    #navmain ul{
      margin: 0px;
      padding: 0px;
    }
    #navmain li{
      margin: 0px 4px 0px 0px;
      padding: 2px 4px 2px 2px;
      list-style: none;
      display: inline;
      font-size:14px;
      /*background:url('/images/nav_main_spacer.gif') top right no-repeat;*/
    }

    #navmain li a:link, #navmain li a:visited, #navmain li a:hover{
      text-decoration: none;
      font-size: 14px;
      color: #000;
      padding: 0px 3px;
    }
    
    #navmain li a:hover{
      /*background: url('/images/bg_main_menu.gif') top right repeat-x;*/
      color:#330066;
      /*text-decoration:underline;*/
    }
    #navmain .selected a{
      font-weight: bold;
      color: #330066 !important;
    }

    #serviceblock{
      float: right;
      margin: 0px;
      padding: 0px;
      color: #666;
    }
    #serviceblock a:link, #serviceblock a:hover, #serviceblock a:visited{
      color:#666;
      text-decoration:none;
    }
    #serviceblock a:hover{
      text-decoration:underline;
    }

/*--------------- SUB NAVIGATION MENU */
#navsub{ /* sub links */
  height: 2px;
  background: url('/images/nav_sub_bg.gif') top left repeat-x;
  margin: 0px 34px;
  /*border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;*/
  /*font-weight:bold;*/
}
    #navsub ul{
      margin: 0px;
      padding: 5px 0px;
    }
    #navsub li{
      margin: 0px 30px 0px 0px;
      padding: 2px;
      list-style: none;
      display: inline;
      font-size:13px;
      color: #524719;
    }
    
    #navsub li a:link, #navsub li a:visited, #navsub li a:hover, #genderblock a:link, #genderblock a:visited, #genderblock a:hover{
      text-decoration: none;
      font-size: 13px;
      color: #524719;
    }
    
    #navsub li:hover, #navsub .selected, #genderblock a:hover, #genderblock .selected{
      background: url('/images/bg_sub_menu.gif') top right repeat-x;
    }
    
    #genderblock{
      float: right;
      margin: 6px 4px 0px 0px;
      padding: 0px;
      height:21px;
      color: #524719;
      font-size:13px;
    }

    #bgmen{
      background:url('/images/bg_men.gif') top left no-repeat;
      padding:4px;
      color: #000;
      }
      #bgmen a:hover, #bgmen.selected{
        background:url('/images/bg_men.gif') top left no-repeat;
        font-weight:bold;
      }
    #bgwomen{
      background:url('/images/bg_women.gif') top left no-repeat;
      padding:4px;
      color: #000;
      }
      #bgwomen a:hover, #bgwomen.selected{
        background:url('/images/bg_women.gif') top left no-repeat;
        font-weight:bold;
      }
/*--------------- CONTENT CONTAINER */
#contentcontainer{ /* main full width block */
  margin: 5px 34px;
}

/*--------------- LES FOOTER */
#footer{
  color:#666;
  padding: 1px 0px;
}

#foot1{
  text-align: center;
}
#foot1 li{
  list-style: none;
  display: inline;
  margin: 0px;
  padding: 0px;
}
#foot1 li a:link, #foot1 li a:visited, #foot1 li a:hover{
  text-decoration:none;
  color:#666;
}
#foot1 li a:hover{
  text-decoration: underline;
}

#foot2{
  text-align: center;
  margin: 4px;
  padding: 0px;
  color: #999;
}
#foot2 li{
  list-style: none;
  display: inline;
  margin: 0px;
  padding: 0px;
}
#foot2 li a:link, #foot2 li a:visited, #foot2 li a:hover{
  text-decoration:none;
  color: #999;
}
#foot2 li a:hover{
  text-decoration: underline;
}