@import url("reset.css");

@import url("framework.css");

@import url("typography.css");
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.hide-text {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  /* Make inputs at least the height of their button counterpart */

  /* Makes inputs behave like true block-level elements */

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/*
 * gymtools.css
 *
 * Created by STEM for Gymtastics GymTools, 2009
 * Copyright 2009 STEM. All rights reserved.
 * www.stemlimited.com | www.gymtastics.ca
 *
 */
/* Admin Controls */
.section-nav-admin-buttons a {
  /* 	margin: 0 0 0 6px; */

  float: left;
}
.section-nav-admin-buttons a:hover img {
  opacity: 0.75;
}
/* Base Layout */
#header {
  margin: 0 0 20px;
  padding: 0 0 20px;
  clear: none;
}
#logo {
  width: 285px;
  height: 68px;
  overflow: hidden;
}
#logo a {
  width: 100%;
  height: 0px !important;
  padding: 68px 0 0;
  float: left;
  text-indent: -9999px;
  background: url(../images/elements/gymtools_logo.gif) no-repeat 0 0;
}
/* Login Box */
#login {
  height: 47px;
  margin: 20px 0 0;
  overflow: hidden;
  padding-left: 15px;
}
#login p {
  margin: 0;
  padding: 0;
  float: left;
  font-size: 1.2em;
  text-align: right;
}
#login a {
  font-weight: bold;
  color: #ec1f26;
}
#login small {
  font-size: 1.1em;
  line-height: 2.2em;
  float: right;
}
.login-box-inner,
.login-box-left,
.login-box-right {
  float: left;
  background: url('../images/elements/ui_rounded_box_login.png') no-repeat 0 0;
}
.login-box-left,
.login-box-right {
  width: 20px;
  height: 44px;
}
.login-box-right {
  background-position: right 0;
}
.login-box-inner {
  background-repeat: repeat-x;
  background-position: 0 -45px;
}
.login-box-inner p {
  line-height: 44px;
}
.forgot-pass {
  font-size: 10px;
  color: #000;
}
/* Navigation */#navigation {
  height: 41px;
  margin: 20px 0 0;
  overflow: hidden;
}
#navigation ul li {
  float: left;
  text-align: center;
  font-size: 1.2em;
}
#navigation ul li#n-search {
  width: 190px;
  height: 23px;
  padding: 9px 0 9px;
  background: url(../images/elements/navigation.gif) no-repeat -48px -84px;
}
input#search-field {
  padding: 3px 4px;
  font: 1em Helvetica, Arial, sans-serif;
  line-height: 1.2em;
  font-weight: bold;
  color: #333;
  border: 1px solid #6c0c0f;
  -webkit-border-radius: 9px;
  -moz-border-radius: 8px;
  -webkit-background-clip: padding-box;
}
input#search-field:focus {
  -webkit-box-shadow: 0px 0px 3px #fff;
}
#navigation ul li input#search-field {
  margin-left: 10px;
  width: 140px;
}
#navigation ul li input#search-icon {
  float: right;
  padding-right: 8px;
  padding-top: 2px;
}
#navigation ul li a {
  height: 14px;
  padding: 14px 29px 13px;
  text-align: center;
  float: left;
  font-weight: bold;
  border-right: 1px solid #e95f65;
  color: #fff;
  background: #be161d url(../images/elements/navigation.gif) repeat-x 0 -126px;
  -webkit-transition: background-color 0.2s ease-in-out;
}
#navigation ul li a:hover {
  background-repeat: no-repeat;
  background-color: #ad151a;
  background-position: -999px 0;
  text-decoration: none;
}
#navigation ul li#n-home a {
  background-position: 0 0;
}
#navigation ul li#n-home a:hover {
  background-position: 0 -42px;
}
/* Sidebar Navigation */
#section-nav h1 {
  margin: 0 0 10px;
  padding: 0 10px 5px;
  font-size: 1.4em;
  border-bottom: 1px solid #e2e2e2;
}
ul#section-nav-menu {
  margin: 0 5px 0 10px;
}
ul#section-nav-menu li {
  list-style: none;
  font-size: 1.2em;
  margin: 3px 0;
  position: relative;
}
/* Level 0 */
ul#section-nav-menu li img.blank {
  margin-top: 7px;
  float: left;
}
ul#section-nav-menu li img.nav-arrow {
  margin-top: 0.3em;
  float: left;
  background-position: -260px -14px;
}
ul#section-nav-menu li.open img.nav-arrow {
  background-position: -260px -2px;
}
ul#section-nav-menu li.selected img.nav-arrow {
  background-position: -259px -44px;
}
ul#section-nav-menu li.open.selected img.nav-arrow {
  /* 		background-position: -259px -32px; */

}
/* Level 1 */ul#section-nav-menu li.open ul li img.nav-arrow {
  background-position: -260px -14px;
}
ul#section-nav-menu li.open ul li.open img.nav-arrow {
  background-position: -260px -2px;
}
ul#section-nav-menu li.open.selected ul li img.nav-arrow {
  background-position: -260px -14px;
}
ul#section-nav-menu li.open.selected ul li.open img.nav-arrow {
  background-position: -260px -2px;
}
ul#section-nav-menu li.open.selected ul li.selected img.nav-arrow {
  background-position: -259px -44px;
}
ul#section-nav-menu li.open.selected ul li.open.selected img.nav-arrow {
  background-position: -259px -32px;
}
/* Level 2 */ul#section-nav-menu li.open ul li.open ul li img.nav-arrow {
  background-position: -260px -14px;
}
ul#section-nav-menu li.open ul li.open ul li.open img.nav-arrow {
  background-position: -260px -2px;
}
ul#section-nav-menu li.open ul li.open ul li.selected img.nav-arrow {
  background-position: -259px -44px;
}
ul#section-nav-menu li.open ul li.open.selected ul li img.nav-arrow {
  background-position: -259px -32px;
}
ul#section-nav-menu li.open ul li.open.selected ul li.selected img.nav-arrow {
  background-position: -259px -44px;
}
ul#section-nav-menu li.open ul li.open.selected ul li.open.selected img.nav-arrow {
  background-position: -259px -32px;
}
ul#section-nav-menu li.open.selected ul li.open ul li img.nav-arrow {
  background-position: -260px -14px;
}
ul#section-nav-menu li.open.selected ul li.open ul li.open img.nav-arrow {
  background-position: -260px -2px;
}
ul#section-nav-menu li.open.selected ul li.open ul li.selected img.nav-arrow {
  background-position: -259px -44px;
}
ul#section-nav-menu li.open.selected ul li.open.selected ul li img.nav-arrow {
  background-position: -259px -32px;
}
ul#section-nav-menu li.open.selected ul li.open.selected ul li.selected img.nav-arrow {
  background-position: -259px -44px;
}
ul#section-nav-menu li.open.selected ul li.open.selected ul li.open.selected img.nav-arrow {
  background-position: -259px -32px;
}
/* Level 3 */ul#section-nav-menu li.open.selected ul li.open.selected ul li.open.selected ul li img.nav-arrow {
  background-position: -260px -14px;
}
ul#section-nav-menu li.open.selected ul li.open.selected ul li.open.selected ul li.open img.nav-arrow {
  background-position: -260px -2px;
}
ul#section-nav-menu li.open.selected ul li.open.selected ul li.open.selected ul li.selected img.nav-arrow {
  background-position: -259px -44px;
}
ul#section-nav-menu li.open.selected ul li.open.selected ul li.open.selected ul li.open.selected img.nav-arrow {
  background-position: -259px -32px;
}
/* Level 4 */ul#section-nav-menu li.open.selected ul li.open.selected li.open.selected ul li.open.selected ul li img.nav-arrow {
  background-position: -260px -14px;
}
ul#section-nav-menu li.open.selected ul li.open.selected li.open.selected ul li.open.selected ul li.open img.nav-arrow {
  background-position: -260px -2px;
}
ul#section-nav-menu li.open.selected ul li.open.selected li.open.selected ul li.open.selected ul li.selected img.nav-arrow {
  background-position: -259px -44px;
}
ul#section-nav-menu li.open.selected ul li.open.selected li.open.selected ul li.open.selected ul li.open.selected img.nav-arrow {
  background-position: -259px -32px;
}
ul#section-nav-menu li a {
  font-size: 0.9em;
  font-weight: bold;
  line-height: 1.3em;
  text-decoration: none;
  color: #545454;
}
ul#section-nav-menu li > a {
  font-size: .9em;
  max-width: 126px;
  overflow: hidden;
  /* 			white-space: nowrap; */

  display: block;
/*   text-overflow: ellipsis; */
  margin-bottom: 0.8em;
}
ul#section-nav-menu li img.nav-arrow,
ul#section-nav-menu li img.add,
ul#section-nav-menu li img.blank {
  margin-right: 5px;
}
ul#section-nav-menu li a.selected,
ul#section-nav-menu li a:hover {
  color: #ec1f26;
  line-height: 1.3em;
}
ul#section-nav-menu li ul li {
  font-size: .9em;
  margin-left: 8px;
  line-height: 1.3em;
}
ul#section-nav-menu li ul li a {
  font-weight: normal;
  line-height: 1.3em;
}
/*
		ul#section-nav-menu li ul li a.selected,
	ul#section-nav-menu li ulli a:hover{
		font-weight: normal;
		line-height:14px;
	}
*/
/* Level 0 */ul#section-nav-menu li ul {
  /* 	display: none; */

}
ul#section-nav-menu li.open ul {
  /* 	display: block; */

}
/* Level 1 */ul#section-nav-menu li.open ul li ul {
  /* 	display: none; */

}
ul#section-nav-menu li.open ul li.open ul {
  /* 	display: block; */

}
/* Level 2 */ul#section-nav-menu li.open ul li.open ul li ul {
  /* 	display: none; */

}
ul#section-nav-menu li.open ul li.open ul li.open ul {
  /* 	display: block; */

}
/* Level 3 */ul#section-nav-menu li.open ul li.open ul li.open ul li ul {
  /* 	display: none; */

}
ul#section-nav-menu li.open ul li.open ul li.open ul li.open ul {
  /* 	display: block; */

}
/* Level 4 */ul#section-nav-menu li.open ul li.open ul li.open ul li.open ul li ul {
  /* 	display: none; */

}
ul#section-nav-menu li.open ul li.open ul li.open ul li.open ul li.open ul {
  /* 	display: block; */

}
ul#section-nav-menu a.add-category {
  color: #ff9933;
}
ul#section-nav-menu .section-nav-admin-buttons {
  margin: 4px 0 0;
  position: absolute;
  top: 0;
  right: 0;
}
ul#section-nav-menu li a.add-category:hover {
  color: #f0b072;
}
ul#section-nav-menu li a.add-category:hover img {
  opacity: 0.75;
}
/* Category Navigation */
#category_navigation {
  padding: 10px;
  background: #FFFFFE;
  border: 1px solid #EEE;
}
#category_navigation li {
  display: block;
  padding: 5px 5px 5px 0.5em;
  text-decoration: none;
  width: 100%;
}
#category_navigation ul ul li {
  padding-left: 20px;
}
#category_navigation ul ul ul li {
  padding-left: 40px;
}
#category_navigation li.active a {
  font-weight: bold;
}
#category_navigation li a.link {
  width: 100px;
}
#footer {
  width: 945px;
  height: 100px;
  margin: 20px 0 0 0;
  padding: 10px 0 0;
  display: block;
}
#footer ul li {
  font-size: 1.1em;
  line-height: 2.4em;
  margin-right: 18px;
}
#footer ul li,
#footer ul li a {
  color: #878787;
}
/* slider */
#ban {
  width: 945px;
  /* important to be same as image width */

  height: 343px;
  /* important to be same as image height */

  position: relative;
  overflow: hidden;
  /* important */

  float: left;
  background: url(../images/home/border.png) no-repeat top right;
}
#ban-slides {
  width: 945px;
  /* important to be same as image width or wider */

  position: absolute;
  top: 0;
  margin-left: 0;
  /* important */

}
#ban-slides div {
  width: 945px;
  /* important to be same as image width */

  height: 343px;
  /* important to be same as image height */

  float: left;
  position: absolute;
  top: 0;
  /* important */

}
/*
#banner ul#banner-slides li .banner-inner {
  margin: 32px 28px;
  float: left;
}
*/
/*
#ban-text {
position: relative;
border: solid 1px blue;
left: 665px;
text-decoration: none;
list-style: none;
float: right;
margin: 0px 0px 0 0;
z-index: 1000;
position: absolute;
}

#ban-text h4 a{
color: #e4042b;
padding-left: 10px;
}

#ban-text h4 a:hover{
color: #545454;
}

#ban-text li {
height: 83px;
border: solid 1px red;
position: relative;
top: 65px;
text-decoration: none;
list-style: none;
}

#ban-text li a{
text-decoration: none;
list-style: none;
}
*/
.ban-inner {
  position: absolute;
  top: 30px;
  left: 30px;
}
#ban ul#ban-nav {
  bottom: 5px;
  left: 632px;
}
#ban ul#ban-nav h4 {
  padding-left: 45px;
  padding-top: 10px;
  margin: 0;
}
#ban ul#ban-nav h4.banBottomLink a {
  background: none !important;
  margin: 0 !important;
  position: relative;
  top: 50px;
  z-index: 3000;
}
#ban ul#ban-nav h4.banBottomLink a:hover {
  color: #e4042b;
}
#ban ul#ban-nav p {
  padding-left: 45px;
  color: #545454;
  line-height: 16px;
  width: 250px;
  text-decoration: none;
}
#ban ul#ban-nav li {
  width: 307px;
  height: 83px;
  margin: 0 5px 0 0;
  overflow: hidden;
  position: relative;
}
#ban ul#ban-nav li a {
  width: 307px;
  height: 83px;
  position: absolute;
  background-color: #999999;
  text-decoration: none;
  list-style: none;
  -webkit-transition: all 0.2s ease-in;
  background: url(../images/home/long_arrow_l.png) no-repeat left top;
}
#ban ul#ban-nav li a.selected,
#ban ul#ban-nav li a:hover {
  background: #c93535;
  text-decoration: none;
  list-style: none;
  width: 307px;
  height: 83px;
  background: url(../images/home/long_arrow.png) no-repeat left top;
}
#ban ul#ban-nav li.top a {
  background: url(../images/home/long_arrow_l_top.png) no-repeat left top;
}
#ban ul#ban-nav li.top a:hover,
#ban ul#ban-nav li.top a.selected {
  background: url(../images/home/long_arrow_top.png) no-repeat left top;
}
#ban ul#ban-nav li.bottom a {
  background: url(../images/home/long_arrow_l_bottom.png) no-repeat left top;
}
#ban ul#ban-nav li.bottom a:hover,
#ban ul#ban-nav li.bottom a.selected {
  background: url(../images/home/long_arrow_bottom.png) no-repeat left top;
}
#ban ul#ban-nav span.cover {
  width: 305px;
  height: 81px;
  display: inline-block;
  position: absolute;
  top: 0px;
  z-index: -100;
}
/*
	BANNER
*/
.has_overlay .overlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  /*     visibility: hidden; */

  width: 100%;
}
.icon {
  display: block;
  position: relative;
  text-decoration: none !important;
}
button.play.medium.with_halo {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAgCAYAAADqgqNBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABcVJREFUeNqsV31I1Gccf+7nneed57umXaUTjym1kTJGEg2R5WqBwpz+oeIC/cNEY0r/RMEgqBWhxYgKoSRaZKQlKTRNxwRBGGw4cBNd6Vxvp17tTr3Te9V9vsfzsGe+3F3WA19+v3vueT6f7/vz/FQs9BEJeQ+yDWKARPCnHeLkzxeQKYgjFEBVCGuMkD2Q5DdQdAbyM+TlZsljIJ9AUtnmx1PIIGTuTci3h4WFfe7z+bTruD6SuzwMooZ4IT7uesdqlwPHBZwf8Po8FPJdkE+l/+gZDYmrq6szFRYWpmdmZibFxMRExsXFRVqtVsfc3JxjfHzc0t3d/dfly5efYK0VMg9Z4Rj0/BHyRyBycvGX0ryGYn3u3LmcsrKyD1JTUxOD+vnp01dtbW2/Hz9+fJjH3iMpcI+HYg15nKIolcvLy8LV9Nx6+/btvSDOftNgQ4HfysvLh/BqhrhoDvgu4H/PPfMfuUaj+crj8RhFqCjuPT09+QcOHMjcbLb19vaOHzx48Cceb8oLptPpppaWlu4IEhqZ0GgvKcfnjDdv3txbXFy86y0ynZlMpsSMjAxNZ2cnZfsi4Xu93njuepufXK/Xl8DqaE4e29TUtOfIkSMfsXcwdu/enRIVFbXy6NEjC366iQN8W8H3C7mdkuhrKQe2TU9PlyQnJxvYOxozMzP2lJSUe9z9ogK+U+Lj43N4vZJE1dfXm4IRnz17llkslpDJCQ+4GYQvuIhXCQ8PN0nkBiTYtmBgExMTrLGxkSGWDDEMSQGOaxBcxKvY7fatErkuKysrPhgQuhblCWtvb2cNDQ1sdHQ0KPnOnTsTKL0EF/EqLpcrUiLXJiYm6ldWVgICOZ1Ohn1UnsxmszE0FHbhwgW2sLCw7nrCg5t1eA0XXMSrIOv0Erk6IiJCEwq5EOyn2mWDg4OstrZ2XQUIj3BlHuJVa7XaFWihEdk+Pz/vTUhIUAciR5NYM5efn8+qq6sZympdcsLl1aTmTc1L5F6Q6wT57OysMzY21oBWyFQq1YaWi5GWlsZw4LDs7OwNXY5TjRGuTA5vLSmw0ia5Y3lkZGSBMhgdj23kfkF++PBhduXKlYDEhEN4hEv4gmvLli1WBcX/XCL3PXz48LXb7fbHciMFcnNz2Y0bN1hFRYU/6QIREw7h4Zz4h/d3P1dSUtILJS8vb1i2/NatW5apqSknZfNGHjh//jwzGo0b5oRsMeEQHs6KWdly4lXQrUbRgV7zSer1bix8KWczxSxYBayOMe0TGITH+7r/9kN8xKsgqRw49gYl670XL158ef369ReU1SSkPYHJnhDKiHdhKa2j9WIv4RAev275ORCuPuJVcYBEuPFbs9m8XTrPo69evZpRVFSURHFFO2Rqtdrf3VZXgiAni0kBkTNdXV0W1P4Ev1L5z/P09PSJycnJb7DfqvjrS6V6dfr06bsgEAlByEvYOHXt2rVpssDhcPhlcXHRL8IyEjEn1tAc7aP9hCNKjPDRDe8TsXyZYA8ePDCj36qGhoay+blOwzswMOAEoA9VEY4GoiHLhHvJQllo7vHjx0sov+nm5mYzv8lSfCi8qmPHjt0Bee+pU6e8ay6QcF9caWlpVUdHR+GqPKL7nPbQoUOx+/fvj8bho0edanB7VeP26kUD8YyNjS329/fPo1Rt/M7mkgFKSkq6cRC1CqvXvTpDAWNNTc0Xra2txbAwfNXfGqkqVNxDy9w6H08qj7wBeeKuqqq639LS0gni/33BrOnhtAAK3N23b5/55MmTRc+ePXtf+nuZl0zAE1e87Nix488zZ850VVZWDgLXEvLnEhSg08504sSJj5E8n+HmkhbqzQXd628kWw9i+yt+PgHx4qY+FCkPqEL6+vq2X7p06cPh4eEsZLMByRmDejbgYLIbDIY5HBT2nJycsaNHj44UFBRQy54Eqe1tv1KFElp+2UzgsY/gTw//TqMndcpXIHWFgvmvAAMATuccYRZxR/0AAAAASUVORK5CYII=");
  height: 32px;
  width: 31px;
}
.play {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
#banner {
  width: 100%;
  margin: 0 0 30px;
  float: left;
}
#banner #banner-top,
#banner #banner-btm {
  width: 100%;
  height: 24px;
  float: left;
  background: url(../images/elements/banner.gif) no-repeat 0 0;
}
.banner945 {
  width: 280px;
  height: 24px;
  float: left;
  background: url(../images/elements/banner_945.gif) no-repeat top right;
}
.greybackground {
  background: url(../images/elements/greybackground.gif) repeat-y top right;
}
.banner945bottom {
  background-position: right -37px;
}
.bannerborder945 {
  width: 279px;
  float: left;
  border-right: 1px solid #d6d6d6;
}
#banner #banner-btm {
  background-position: 0 -37px;
}
#banner #banner-content {
  width: 702px;
  float: left;
  border-right: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
}
#banner #banner-image {
  width: 362px;
  float: left;
  text-align: center;
}
#banner #banner-copy {
  width: 326px;
  padding: 0 0 40px;
  float: right;
  background: url(../images/pages/gymtools/banner_product.gif) no-repeat bottom 220px;
}
#banner #banner-copy h1,
#banner #banner-copy h4 {
  margin: 0 0 20px;
}
/* checkout */
.checkout {
  padding-bottom: 20px;
  float: right;
}
.remaining-credits,
.needed-credits {
  font-size: 1.3em;
  padding-top: 5px;
  float: left;
}
.needed-credits {
  color: #F33;
}
#paypal {
  position: relative;
}
#paypal li {
  margin-right: 5px;
  padding: 0;
  list-style: none;
  float: left;
  cursor: pointer;
}
#paypal li,
#paypal a {
  height: 44px;
  display: block;
}
#express {
  width: 64px;
}
#express {
  background: url(../images/elements/payment.png) 0px 0px;
}
#express a:hover {
  background: url(../images/elements/payment.png) 0px -45px;
}
#discover {
  width: 64px;
}
#discover {
  background: url(../images/elements/payment.png) -70px 0px;
}
#discover a:hover {
  background: url(../images/elements/payment.png) -70px -45px;
}
#master {
  width: 64px;
}
#master {
  background: url(../images/elements/payment.png) -138px 0px;
}
#master a:hover {
  background: url(../images/elements/payment.png) -138px -45px;
}
#visa {
  width: 64px;
}
#visa {
  background: url(../images/elements/payment.png) -208px 0px;
}
#visa a:hover {
  background: url(../images/elements/payment.png) -208px -45px;
}
/*
	ROUNDED BOXES
*/
.rounded-box {
  width: 100%;
  margin: 0 0 20px;
  float: left;
  display: block;
}
.rounded-box-top,
.rounded-box-content,
.rounded-box-btm {
  float: left;
  background: url(../images/elements/ui_rounded_box_225.gif) no-repeat 0 0;
}
.rounded-box-top-345,
.rounded-box-content-345,
.rounded-box-btm-345 {
  float: left;
  background: url(../images/elements/ui_rounded_box_345.gif) no-repeat 0 0;
}
.rounded-box-top-465,
.rounded-box-content-465,
.rounded-box-btm-465 {
  float: left;
  background: url(../images/elements/ui_rounded_box_465.gif) no-repeat 0 0;
}
.rounded-box-top-705,
.rounded-box-content-705,
.rounded-box-btm-705 {
  float: left;
  background: url(../images/elements/ui_rounded_box_705.gif) no-repeat 0 0;
}
.rounded-box-top-945,
.rounded-box-content-945,
.rounded-box-btm-945 {
  float: left;
  background: url(../images/elements/ui_rounded_box_945.gif) no-repeat 0 0;
}
.rounded-box-top,
.rounded-box-top-345,
.rounded-box-top-465,
.rounded-box-top-705,
.rounded-box-top-945 {
  width: 100%;
  height: 13px;
  overflow: hidden;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.rounded-box-content,
.rounded-box-content-705 {
  padding: 0 5px;
  background-position: -225px 0;
  background-repeat: repeat-y;
}
.rounded-box-content-345 {
  padding: 0 5px;
  background-position: -345px 0;
  background-repeat: repeat-y;
}
.rounded-box-content-465 {
  padding: 0 5px;
  background-position: -465px 0;
  background-repeat: repeat-y;
}
.rounded-box-content-945 {
  padding: 0 5px;
  background-position: -945px 0;
  background-repeat: repeat-y;
}
.rounded-box-content {
  width: 215px;
}
.rounded-box-content-345 {
  width: 345px;
}
.rounded-box-content-text-345 {
  width: 325px;
  padding-left: 10px;
}
.rounded-box-content-465 {
  width: 465px;
}
.rounded-box-content-text-465 {
  width: 435px;
  padding-left: 10px;
}
.rounded-box-content-945 {
  width: 945px;
}
.rounded-box-content-text-945 {
  width: 925px;
  padding-left: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.rounded-box-content-705 {
  width: 695px;
  background-position: -705px 0;
}
.rounded-box-content-text-705 {
  width: 695px;
  padding-left: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.rounded-box-image {
  position: absolute;
  z-index: 10;
}
.table .rounded-box-content {
  width: 215px;
  padding: 0 5px;
}
.table .rounded-box-content-705 {
  width: 695px;
  padding: 0 5px;
}
.table .rounded-box-content-465 {
  width: 455px;
  padding: 0 5px;
}
.table .rounded-box-content-945 {
  width: 895px;
  padding: 0 5px;
}
.table .rounded-box-content div {
  padding: 10px;
}
.table .rounded-box-content div p {
  margin: 0;
  font-size: 1.1em;
}
.rounded-box-btm,
.rounded-box-btm-345,
.rounded-box-btm-465,
.rounded-box-btm-705,
.rounded-box-btm-945 {
  width: 100%;
  height: 13px;
  overflow: hidden;
  background-position: bottom left;
}
.rounded-box .bdr-t {
  border-color: #e3e3e3;
}
.rounded-box input.text {
  width: 187px;
}
.rounded-box input.nametext {
  width: 300px;
}
#co-testimonial .rounded-box-content {
  padding-bottom: 93px;
}
#co-testimonial .rounded-box-content {
  padding-bottom: 93px;
}
/*
	STAR BOX
*/
.star-box,
.star-box-content {
  float: left;
  display: block;
  background: url(../images/elements/star_box.gif) no-repeat;
}
.star-box {
  margin: 0 0 30px;
  background-position: bottom right;
}
.star-box-content {
  padding: 16px 16px 8px;
  color: #ed1c24;
  background-position: 0 0;
}
.star-box-content p {
  font-size: 1.1em;
  line-height: 1.4em;
  margin-bottom: .5em;
}
.star-box-content p.star-name {
  text-align: right;
}
.star-inline {
  width: 50px;
  height: 40px;
  display: block;
  float: right;
  background: transparent;
}
/*
	BUTTONS
*/
a.buy-now-button,
a.add-to-cart-button,
a.view-cart-button,
a.download-now-button,
a.remove-from-cart-button {
  width: 105px;
  height: 38px;
  float: left;
  overflow: hidden;
  text-indent: -9999px;
  background: url('/images/buttons/ui_sprite.png') -1px -32px;
}
a.add-to-cart-button {
  background: url('/images/buttons/ui_sprite.png') -1px -163px;
}
a.view-cart-button {
  background: url('/images/buttons/ui_sprite.png') -164px -82px;
}
a.download-now-button {
  background: url('/images/buttons/ui_sprite.png') -164px -122px;
}
a.remove-from-cart-button {
  width: 83px;
  height: 24px;
  background: url('/images/buttons/ui_sprite.png') -108px -177px;
  float: right;
  overflow: hidden;
}
img.cart-icon {
  padding: 11px 5px 0 0;
  float: left;
}
a.shopping-cart-button {
  width: 95px;
  height: 25px;
  background: url('/images/buttons/ui_sprite.png') -245px -181px no-repeat;
  padding-left: 26px;
}
.cancel {
  float: right;
}
a.facebook {
  width: 16px;
  height: 16px;
  float: left;
  overflow: hidden;
  text-indent: -9999px;
  background: url('/images/buttons/facebook.gif');
}
a.twitter {
  width: 16px;
  height: 16px;
  margin-left: 10px;
  float: left;
  overflow: hidden;
  text-indent: -9999px;
  background: url('/images/buttons/twitter.gif');
}
a.like {
  width: 49px;
  height: 20px;
  float: left;
  overflow: hidden;
  text-indent: -9999px;
  background: url('/images/buttons/like.png');
}
/* SMALLER SIZED BUTTONS */
.small {
  height: 20px;
  clear: left;
  /* float: right; */

}
.small a {
  background-position: -208px -162px;
}
.small a strong {
  width: 85px;
  padding: 3px 10px 8px 0;
  background-position: -130px -60px;
}
.small a:hover {
  background-position: -208px -183px;
}
.small a:hover strong {
  background-position: -130px -81px;
}
/* BIGGER SIZED BUTTONS */
.big {
  height: 33px;
  float: right;
  padding-right: 30px;
}
.big a {
  background-position: -208px -102px;
}
.big a strong {
  width: 85px;
  background-position: -130px 0;
}
.big a:hover {
  background-position: -208px -132px;
}
.big a:hover strong {
  background-position: -130px -30px;
}
/* BUTTON COLOURS */
.green a {
  background-position: -208px -102px;
}
.green a strong {
  background-position: -40px 0;
  text-shadow: 0px 0px 3px #4a733c;
}
.green a:hover {
  background-position: -208px -132px;
}
.green a:hover strong {
  background-position: -40px -30px;
}
.sm-green a {
  background-position: -208px -162px;
}
.sm-green a strong {
  background-position: -130px -60px;
}
.sm-green a:hover {
  background-position: -208px -183px;
}
.sm-green a:hover strong {
  background-position: -130px -81px;
}
/* YELLOW */
.yellow a {
  background-position: -208px -306px;
}
.yellow a strong {
  background-position: -40px -204px;
  text-shadow: 0px 0px 4px #8b6901;
}
.yellow a:hover {
  background-position: -208px -336px;
}
.yellow a:hover strong {
  background-position: -40px -234px;
}
.sm-yellow a {
  background-position: -208px -366px;
}
.sm-yellow a strong {
  background-position: -130px -264px;
}
.sm-yellow a:hover {
  background-position: -208px -387px;
}
.sm-yellow a:hover strong {
  background-position: -130px -285px;
}
/* RED */
.red a {
  background-position: -208px -510px;
}
.red a strong {
  background-position: -40px -408px;
}
.red a:hover {
  background-position: -208px -540px;
}
.red a:hover strong {
  background-position: -40px -438px;
}
.sm-red a {
  background-position: -208px -570px;
}
.sm-red a strong {
  background-position: -130px -468px;
}
.sm-red a:hover {
  background-position: -208px -591px;
}
.sm-red a:hover strong {
  background-position: -130px -489px;
}
/* PINK */
.pink a {
  background-position: -208px -714px;
}
.pink a strong {
  background-position: -40px -612px;
}
.pink a:hover {
  background-position: -208px -744px;
}
.pink a:hover strong {
  background-position: -40px -642px;
}
.sm-pink a {
  background-position: -208px -774px;
}
.sm-pink a strong {
  background-position: -130px -672px;
}
.sm-pink a:hover {
  background-position: -208px -795px;
}
.sm-pink a:hover strong {
  background-position: -130px -693px;
}
/* PURPLE */
.purple a {
  background-position: -208px -918px;
}
.purple a strong {
  background-position: -40px -816px;
}
.purple a:hover {
  background-position: -208px -948px;
}
.purple a:hover strong {
  background-position: -40px -846px;
}
.sm-purple a {
  background-position: -208px -978px;
}
.sm-purple a strong {
  background-position: -130px -876px;
}
.sm-purple a:hover {
  background-position: -208px -999px;
}
.sm-purple a:hover strong {
  background-position: -130px -897px;
}
/*
	FORMS
*/
.error {
  list-style-type: none;
  color: red;
}
.form fieldset {
  width: 100%;
  float: left;
  clear: both;
  margin: 0 0 5px;
  padding: 15px 0;
  border-bottom: 1px solid #e5e5e5;
}
.form fieldset.noline {
  width: 100%;
  float: left;
  clear: both;
  border-bottom: none;
}
.form p span.req {
  font-size: 1.4em;
  color: red;
}
.form span.error {
  line-height: 25px;
  float: left;
  padding-right: 30px;
  background: #ff9933 url('../images/elements/form_icon_error.gif') no-repeat center right;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.form span.error input.text {
  border-color: #ff9933;
}
.form span.step-num {
  width: 25px;
  height: 25px;
  margin: 0 16px 0 18px;
  float: left;
  overflow: hidden;
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  line-height: 25px;
  background: #ff9933;
  color: #fff;
  background: url('../images/buttons/ui_sprite.png') no-repeat -109px -32px;
}
.form span.step-num-green {
  width: 25px;
  height: 25px;
  margin: 0 16px 0 18px;
  float: left;
  overflow: hidden;
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  line-height: 25px;
  background: #ff9933;
  color: #fff;
  background: url('../images/buttons/ui_sprite.png') no-repeat -109px -64px;
}
.form label {
  width: 125px;
  margin: 4px 5px 0 0;
  float: left;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.4em;
  color: #878787;
}
.form label.error,
.form p.error label {
  font-weight: bold;
  color: red;
}
.form input.error,
.form p.error input.text {
  border-color: red;
}
tr {
  border-color: red;
}
div.textvalue input {
  width: 100px;
  margin: 0;
  padding: 4px 3px;
  font: 12px Helvetica, Arial, sans-serif;
  color: #333;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-background-clip: padding-box;
}
input.text {
  width: 278px;
  margin: 0;
  padding: 4px 3px;
  font: 12px Helvetica, Arial, sans-serif;
  color: #333;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-background-clip: padding-box;
}
input.med-large {
  width: 260px;
  margin: 0;
  padding: 4px 3px;
  font: 12px Helvetica, Arial, sans-serif;
  color: #333;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-background-clip: padding-box;
}
input.text.med {
  width: 200px;
  margin: 0;
  padding: 4px 3px;
  font: 12px Helvetica, Arial, sans-serif;
  color: #333;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-background-clip: padding-box;
}
input.text.short {
  width: 70px;
}
input.text:focus,
.form textarea:focus {
  border-color: #878787;
}
#product_edit .form textarea {
  width: 408px;
  height: 100px;
  padding: 4px 3px;
  font: 12px Helvetica, Arial, sans-serif;
  color: #333;
  float: left;
  border: 1px solid #cccccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.form span.checkboxes {
  margin: 3px 0 0;
  float: left;
}
.form-box {
  width: 468px;
  height: inherit;
  float: left;
}
#add-files-box .button {
  margin-right: 10px;
}
.form-box table.contents-table {
  margin-top: 30px;
}
input.radio_button {
  margin-right: 50px;
  margin-left: 15px;
}
.input_padding {
  margin-left: 50px;
}
#publish,
#coming_soon {
  float: left;
  margin: 3px 0 0 0;
}
#newsletter {
  float: left;
  margin: 4px 20px 4px 0;
  width: 12px;
}
label.long_title {
  width: 300px;
}
label.long_title_500 {
  width: 500px;
}
.credits {
  float: left;
  margin: 0px 0 0 15px;
}
.upload-image {
  margin: 0 75px 0 0;
  float: left;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.upload-image img {
  margin-bottom: 15px;
}
.upload-image.main {
  width: 165px;
  background-image: url('../images/elements/form_product_img_placeholder.gif');
}
.upload-image.thumb {
  width: 105px;
  background-image: url('../images/elements/form_product_thumb_placeholder.gif');
}
.pointer {
  cursor: pointer !important;
}
.file-upload-button {
  float: left;
  position: relative;
  cursor: pointer !important;
}
.file-upload-button input[type=file] {
  width: 100%;
  height: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer !important;
  overflow: hidden;
}
#terms-frame {
  border: 1px solid #CCC;
}
#agree {
  font-weight: bold;
  margin: 10px 0 0 55px;
}
/* breadcrumb */
.breadcrumbtop a {
  color: #999999;
}
.breadcrumbtop {
  color: #999999;
}
/* Embedded fieldsets */
.form fieldset fieldset {
  border-bottom: none;
  margin: 0 0 15px;
  padding: 0;
}
.form fieldset fieldset label {
  width: 180px;
  font-weight: normal;
}
.form fieldset fieldset textarea {
  width: 468px;
  margin: 15px 0;
}
#assign-value-box fieldset {
  margin: 0;
}
#assign-value-box fieldset.bdr-t {
  padding-top: 10px;
}
.show-hide-opt {
  float: right;
}
.show-hide-opt label {
  width: auto;
  float: none;
}
button.submit-form {
  margin: 10px 0 0 18px;
}
button.contact-submit {
  margin: 10px 0 0 20px !important;
}
/*
	STAR RATING SYSTEM
	--------------------------------------------------------
*/
/* green stars */
ul.rating {
  width: 107px;
  height: 68px;
  overflow: hidden;
  position: relative;
  background: url(../images/elements/ratings02.gif) no-repeat 0 0;
}
ul.onestar {
  background-position: 0 -68px;
}
ul.twostar {
  background-position: 0 -136px;
}
ul.threestar {
  background-position: 0 -204px;
}
ul.fourstar {
  background-position: 0 -272px;
}
ul.fivestar {
  background-position: 0 -340px;
}
ul.rating li {
  float: left;
  display: inline;
  cursor: pointer;
  text-indent: -999px;
}
ul.rating li a {
  left: 0;
  top: 0;
  width: 17px;
  height: 15px;
  padding: 15px 0 0;
  position: absolute;
  text-decoration: none;
  z-index: 200;
}
ul.rating li.one a {
  left: 0;
}
ul.rating li.two a {
  left: 18px;
}
ul.rating li.three a {
  left: 36px;
}
ul.rating li.four a {
  left: 54px;
}
ul.rating li.five a {
  left: 72px;
}
ul.rating li a:hover {
  left: 0;
  width: 89px;
  height: 15px;
  z-index: 2;
  overflow: hidden;
  background: url(../images/global/elements/rating_star.gif) no-repeat 0 0;
}
ul.rating li.one a:hover {
  background-position: 0 -16px;
}
ul.rating li.two a:hover {
  background-position: 0 -32px;
}
ul.rating li.three a:hover {
  background-position: 0 -48px;
}
ul.rating li.four a:hover {
  background-position: 0 -64px;
}
ul.rating li.five a:hover {
  background-position: 0 -80px;
}
/* grey stars */
ul.greyrating {
  width: 89px;
  height: 14px;
  overflow: hidden;
  position: relative;
  background: url(../images/elements/ratings.gif) no-repeat 0 0;
}
ul.greyrating.onestar {
  background-position: 0 -16px;
}
ul.greyrating.twostar {
  background-position: 0 -30px;
}
ul.greyrating.threestar {
  background-position: 0 -44px;
}
ul.greyrating.fourstar {
  background-position: 0 -58px;
}
ul.greyrating.fivestar {
  background-position: 0 -72px;
}
ul.greyrating li {
  float: left;
  display: inline;
  cursor: pointer;
  text-indent: -999px;
}
ul.greyrating li a {
  left: 0;
  top: 0;
  width: 17px;
  height: 15px;
  padding: 15px 0 0;
  position: absolute;
  text-decoration: none;
  z-index: 200;
}
ul.greyrating li.one a {
  left: 0;
}
ul.greyrating li.two a {
  left: 18px;
}
ul.greyrating li.three a {
  left: 36px;
}
ul.greyrating li.four a {
  left: 54px;
}
ul.greyrating li.five a {
  left: 72px;
}
ul.greyrating li a:hover {
  left: 0;
  width: 89px;
  height: 15px;
  z-index: 2;
  overflow: hidden;
  background: url(../images/global/elements/rating_star.gif) no-repeat 0 0;
}
ul.greyrating li.one a:hover {
  background-position: 0 -16px;
}
ul.greyrating li.two a:hover {
  background-position: 0 -32px;
}
ul.greyrating li.three a:hover {
  background-position: 0 -48px;
}
ul.greyrating li.four a:hover {
  background-position: 0 -64px;
}
ul.greyrating li.five a:hover {
  background-position: 0 -80px;
}
/* PAGINATION */
ul.pagination {
  margin: 10px 0;
  float: right;
}
ul.pagination li {
  width: 30px;
  height: 15px;
  margin: 0 0 0 8px;
  float: left;
  overflow: hidden;
  list-style: none;
  font-weight: bold;
}
ul.pagination li a {
  padding: 0 13px;
  float: left;
  text-align: center;
  line-height: 15px;
  background: url('../images/buttons/ui_sprite.png') no-repeat -205px -19px;
  color: #878787;
}
ul.pagination li a:hover {
  background-position: -205px -1px;
  text-decoration: none;
}
ul.pagination li.active a {
  background-position: -205px -1px;
  text-decoration: none;
}
/*
	PAGES
	---------------------------------------------------
*/
/*
	HOME
*/
#featured-products h3 {
  line-height: 1.6em;
}
.product-grid-item {
  margin-right: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  float: left;
}
.product-image img {
  float: left;
  border: 1px solid #c2c2c0;
}
.product-grid-item .info {
  position: relative;
}
.product-grid-item .info p {
  margin: 0 0 0.25em;
}
.product-grid-item .rating {
  width: 105px;
}
.product-grid-item .rating ul.rating {
  margin: 0 0 .5em;
}
.product-grid-item .section-nav-admin-buttons {
  /* height: 16px; */

  width: 100%;
  clear: both;
  margin: 10px 0 0;
  float: left;
}
.product-grid-item .section-nav-admin-buttons a {
  margin: 0 6px 0 0;
}
.product-grid-item .rating small,
#product-actions small {
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.3em;
}
.product-grid-item .rating small a,
#product-actions small a {
  margin: 0 0 5px;
  float: left;
  color: #88d36c;
}
.product-grid-item .rating small a:hover {
  background-position: 0 -15px;
}
#callouts .c465 {
  padding-top: 15px;
}
#callouts .rounded-box-content {
  height: 160px;
}
#callouts .rounded-box-btm .button {
  margin: -27px 0px 0 105px;
  position: absolute;
}
.rounded-box .small {
  float: right;
}
a.item-view-type {
  float: left;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.7em;
  color: #b7b7b7;
}
a.item-view-type:hover,
a.item-view-type.selected {
  color: #878787;
  text-decoration: none;
}
a.item-view-type img {
  margin: 0 5px 0 0;
  float: left;
}
table.item-list-view-table p {
  margin: 0;
}
table.item-list-view-table td {
  padding: 5px 15px 5px 0;
}
table.item-list-view-table tr.stripe td {
  background-color: #f8f8f8;
}
table.item-list-view-table .item-title {
  width: 270px;
  padding-left: 15px;
  font-weight: bold;
}
table.item-list-view-table .item-credits,
table.item-list-view-table .item-rating {
  width: 105px;
}
table.item-list-view-table .item-utility {
  width: 165px;
  padding-right: 0;
}
table.item-list-view-table .item-utility a {
  font-weight: bold;
  color: #88d36b;
}
table.item-list-view-table .item-utility .section-nav-admin-buttons {
  margin: 3px 5px 0 0;
  float: right;
}
/*
	ABOUT US
*/
#flash {
  margin: 0 0 35px;
}
#openingSection {
  border-bottom: solid 1px #cccccc;
  margin: 0 0 10px;
}
#openingWords {
  font-size: 1.8em;
  color: #878787;
  float: left;
  width: 550px;
}
#playTopSection #openingWords {
  width: 100%;
  float: none;
}
img#childrenPlaying {
  float: right;
  margin: -40px 0 0 0;
}
#waysToSaveSection {
  border-bottom: solid 1px #cccccc;
  padding: 10px 0 5px;
  margin: 0 0 10px;
}
#big4 {
  margin: 0 10px 0 0;
  float: left;
}
.big3 {
  font-size: 6.7em;
}
.way {
  width: 168px;
  float: left;
  padding: 5px 10px;
}
#way4 {
  font-size: 1em;
  margin: -10px 0 0 138px;
}
.bigger {
  font-size: 1.3em;
}
.greenStep {
  display: inline-block;
  color: #88d36b;
  font-size: 3em;
  font-weight: bold;
  margin: 0 0 10px;
}
#creditOptionsSection {
  color: #643f9c;
}
#creditOptionsWords {
  width: 355px;
}
#creditOptionsWords h3 {
  font-size: 1.7em;
  margin: 20px 0 30px;
}
#graphSection {
  margin: 70px 0 50px 0;
}
#graphSection .graphBar {
  text-align: center;
  width: 14.28%;
  float: left;
}
#graphSection .graphBar h3 {
  font-weight: bold;
  font-size: 1.7em;
  line-height: 1em;
}
#graphSection p {
  margin: 0;
  font-weight: bold;
}
#graphSection .graphColour {
  margin: 10px 0;
  display: block;
}
.buyButton a {
  display: inline-block;
  background: #88d36c;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  width: 95%;
  padding: 7px 0 5px;
  margin: 0 0 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.buyButton a:hover {
  background: #7bc95c;
}
.buttonCost {
  font-size: 1.3em;
}
#g-20 .graphColour {
  background-color: #643f9c;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.12, #4f337b), color-stop(0.56, #624099));
  background-image: -moz-linear-gradient(center bottom, #4f337b 12%, #624099 56%);
  height: 2px;
}
#g-51 {
  margin: -3px 0 0 0;
}
#g-51 .graphColour {
  background-color: #d057ca;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.12, #b84db3), color-stop(0.56, #e660df));
  background-image: -moz-linear-gradient(center bottom, #b84db3 12%, #e660df 56%);
  height: 5px;
}
#g-105 {
  margin: -8px 0 0 0;
}
#g-105 .graphColour {
  background-color: #fc8537;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.12, #cb6b2c), color-stop(0.56, #fd8637));
  background-image: -moz-linear-gradient(center bottom, #cb6b2c 12%, #fd8637 56%);
  height: 10px;
}
#g-275 {
  margin: -26px 0 0 0;
}
#g-275 .graphColour {
  background-color: #fcdc3c;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.12, #cdb331), color-stop(0.56, #fede3d));
  background-image: -moz-linear-gradient(center bottom, #cdb331 12%, #fede3d 56%);
  height: 28px;
}
#g-585 {
  margin: -57px 0 0 0;
}
#g-585 .graphColour {
  background-color: #643f9c;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.12, #4f337b), color-stop(0.56, #624099));
  background-image: -moz-linear-gradient(center bottom, #4f337b 12%, #624099 56%);
  height: 59px;
}
#g-1250 {
  margin: -123px 0 0 0;
}
#g-1250 .graphColour {
  background-color: #d057ca;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.12, #b84db3), color-stop(0.56, #e660df));
  background-image: -moz-linear-gradient(center bottom, #b84db3 12%, #e660df 56%);
  height: 125px;
}
#g-2000 {
  margin: -198px 0 0 0;
}
#g-2000 .graphColour {
  background-color: #fc8537;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.12, #cb6b2c), color-stop(0.56, #fd8637));
  background-image: -moz-linear-gradient(center bottom, #cb6b2c 12%, #fd8637 56%);
  height: 200px;
}
#monthlyCreditsSection h3 {
  font-size: 1.3em;
  margin: 0 0 20px;
  font-weight: bold;
}
#monthlyCreditsSection #creditBoxes {
  float: left;
  margin: 0 60px 0 0;
}
#monthlyCreditsSection .creditBox {
  width: 105px;
  text-align: center;
  font-weight: bold;
  float: left;
  margin: 0 10px 0 0;
}
#monthlyCreditsSection .creditBoxContent {
  border: solid 2px #bdafd4;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 10px;
  margin: 0 0 10px;
}
#monthlyCreditsSection .creditBoxContent h3 {
  font-size: 3.5em;
  line-height: 1.3em;
  margin: 0;
}
#monthlyCreditsSection .creditBoxContent p {
  line-height: 1em;
  margin: 0;
}
#monthlyCreditsSection .creditBoxContent .topGradient {
  display: block;
  background-color: #edeaf3;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #bbaed3), color-stop(0.61, #f5f2f8));
  background-image: -moz-linear-gradient(center bottom, #bbaed3 0%, #f5f2f8 61%);
  height: 15px;
  margin: 0 0 5px;
}
.lightEm {
  color: #999;
  font-style: italic;
}
#playForwardPage {
  width: 700px;
}
#playTopSection {
  border-bottom: solid 1px #ccc;
  margin: 0 0 20px;
}
#playTopSection .playColumn {
  width: 47%;
  float: left;
  margin: 0 10px 0 0;
}
#sliderGallery {
  margin: 20px 0 0 0;
  width: 700px;
  height: 264px;
  overflow: hidden;
}
/* THESE STYLES ARE IF YOU WANT A HORIZONTAL GALLERY, WITH ONLY ONE DIV SHOWING AT A TIME
			#sliderViewer {
				position: relative;
				width: 5600px;  Change this based on how many slides there are. 1 slide = 700px, 2 slides = 1400px, etc. 
			}
			
			#sliderViewer .slide {
				float: left;
				width: 700px;
			}
*/
#sliderViewer .slide {
  width: 700px;
}
#sliderGallery h3 {
  font-weight: bold;
}
#sliderGallery .slideLeft {
  width: 465px;
  float: left;
  margin: 0 10px 0 0;
}
#sliderGallery .slideRight {
  width: 217px;
  float: left;
}
#thumbContainer {
  margin: 20px 0 0 0;
  padding: 5px 0 5px 5px;
  width: 700px;
  background: #eee;
  overflow: hidden;
}
#galleryThumbs {
  position: relative;
  width: 2450px;
}
#galleryThumbs .galleryThumb {
  width: 165px;
  margin: 0 10px 0 0;
  float: left;
  cursor: pointer !important;
}
#galleryThumbs .activeThumb {
  border-bottom: solid 2px #ec1f26;
  padding: 0 0 1px;
}
#sliderNav {
  padding: 0 5px 5px 0;
  background: #eee;
  font-size: 2em;
  text-align: right;
}
#sliderNav span {
  cursor: pointer;
  background: #c3c3c3;
  color: #fff;
  display: inline-block;
  line-height: 18px;
  text-align: center;
  height: 20px;
  width: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
#sliderNav span:hover {
  background: #bbb;
}
#sliderNav span#next-slide {
  margin: 0 0 0 5px;
}
/*
	GYMTOOLS
*/
.item-header h2 {
  margin: 0 0 10px;
}
.product_new {
  color: #87d16a;
  font-size: smaller;
}
.item-header-utility {
  margin-top: 7px;
  margin-bottom: 7px;
}
.total-credits {
  font-weight: bold;
  color: #87d16a;
  line-height: 1em;
}
.credit-discount {
  font-size: 1em;
  line-height: 1em;
  font-weight: bold;
  color: #643f9c;
  padding-bottom: 5px;
}
.sort-dropdown {
  width: 180px;
  margin: 0 0 0 10px;
  float: left;
  font-size: 1.1em;
  line-height: 1.2em;
  color: #878787;
}
.sort-dropdown select {
  max-width: 102px;
  margin: 0;
}
.sort-dropdown select option {
  font: 11px Helvetica, Arial;
}
.sort-dropdown strong {
  margin-right: 5px;
}
.bundle-banner {
  margin: 0 0 40px;
  background: url(../images/elements/bundle_grad.gif) repeat-x bottom left;
}
#bundle-content {
  width: 346px;
  min-height: 220px;
  padding: 28px 0 10px 358px;
  float: left;
}
#bundle-content h1 {
  font-weight: bold;
  margin: 0 0 1em;
  color: #ed1c24;
}
#bundle-content #bundle-copy {
  width: 300px;
  float: left;
}
#bundle-content h4 {
  margin: 0 0 .5em;
}
#bundle-content .small {
  float: left;
}
#bundle-content .small a strong {
  width: 70px;
  background-position: -145px -60px;
}
#bundle-content .small a:hover strong {
  background-position: -145px -81px;
}
#rec-bundle #bundle-content {
  background: url(../images/pages/gymtools/rec_bundle_bg.png) no-repeat bottom left;
}
#item-detail {
  margin: 0 0 10px;
  padding: 20px 0;
}
#product-image img {
  border: 1px solid #c2c2c0;
  border-right: 1px solid #c2c2c0;
}
#product-actions h4 {
  margin: .5em 0;
}
#product-actions p {
  margin-bottom: 1em;
}
#product-actions ul.rating {
  margin-bottom: 10px;
}
.item-description h4 {
  margin: 0 0 0.8em;
}
.item-description h4.redtitle {
  margin: 0 0 0.8em;
  color: #ec1f26;
  font-weight: bold;
}
.item-spec {
  width: 100%;
  margin: 10px 0 5px;
  float: left;
}
.item-spec ul li {
  font-size: 1.2em;
  line-height: 1.5em;
}
.item-spec ul li a {
  font-size: 0.9em;
  font-weight: bold;
  color: #88d36c;
}
#recomendations-box h3 {
  margin: 0 0 10px;
}
.sort {
  padding: 10px 0 0;
  float: left;
}
.sort label {
  font-size: 1.1em;
  font-weight: bold;
}
h3#t-cart {
  background: url(../images/buttons/cart.gif) no-repeat 180px 5px;
}
.cart-item,
.cart-item-total {
  width: 195px;
  float: left;
  clear: both;
}
.cart-item ul li,
.cart-item-total ul li {
  margin: 0;
  float: left;
  display: inline;
}
.cart-item ul li.cart-number {
  width: 18px;
  font-weight: bold;
}
.cart-item ul li.cart-item-descrip {
  width: 130px;
}
.cart-item ul li.cart-price,
.cart-item-total ul li.cart-subtotal-price {
  width: 46px;
  font-weight: bold;
  text-align: right;
}
.cart-item-total ul li {
  font-weight: bold;
}
.cart-item-total ul li.cart-subtotal {
  width: 128px;
  padding-left: 20px;
}
ul.bullet {
  width: 100%;
  margin: 10px 0 0;
  float: left;
}
ul.bullet li {
  list-style: none;
  clear: both;
  line-height: 1.4em;
}
ul.bullet li a {
  float: left;
  margin: 0 0 5px;
  padding: 0 0 0 10px;
  color: #62c63b;
  font-weight: bold;
  line-height: 1.1em;
  background: url(../images/buttons/cart_bullet.gif) no-repeat 0 2px;
}
table.video-contents td {
  padding: 5px 0;
  font-size: 1.2em;
}
table.video-contents tr.grey td {
  background: #f3f3f2;
}
table.video-contents tr.locked td,
table.video-contents tr.locked td.title a {
  color: #c2c2c0;
}
table.video-contents td.ch {
  width: 45px;
  padding-left: 16px;
}
table.video-contents td.title {
  width: 225px;
  padding-right: 13px;
}
table.video-contents td.time {
  width: 62px;
}
table.video-contents td.play {
  width: 40px;
  padding-right: 5px;
}
table.video-contents td.play img {
  border: none !important;
}
div.history-entry {
  padding: 10px 0;
  border-top: 1px solid #E5E5E5;
}
/*
	CART/CHECKOUT
*/
#cart {
  margin: 0 120px;
  display: inline;
}
#cart-breadcrumb {
  margin: 0 0 30px;
}
#cart-breadcrumb ol li {
  float: left;
  display: inline;
  font-size: 1.2em;
  color: #545454;
}
#cart-breadcrumb ol li a,
#cart-breadcrumb ol li.first,
#cart-breadcrumb ol li a span {
  background: url(../images/elements/cart_breadcrumb.gif) no-repeat;
}
#cart-breadcrumb ol li a {
  padding: 0 0 0 4px;
  float: left;
  text-decoration: none;
  color: #545454;
  background-color: #fafafa;
  background-position: 0 -48px;
  background-repeat: repeat-x;
}
#cart-breadcrumb ol li.first {
  background-position: 0 0;
  padding-left: 10px;
  background-color: #fafafa !important;
}
#cart-breadcrumb ol li.first a {
  padding-left: 0;
  background-position: 0 -48px;
}
#cart-breadcrumb ol li a span {
  float: left;
  display: inline-block;
  padding: 5px 14px 5px 0;
  line-height: 1.1em;
  background-position: right -72px;
}
#cart-breadcrumb ol li a:hover {
  color: red;
}
#cart-breadcrumb ol li.completed a span {
  background-position: right -120px;
}
#cart-breadcrumb ol li.last a span,
#cart-breadcrumb ol li.current.last a span {
  background-position: right -24px;
}
#cart-breadcrumb ol li.current.first {
  background-color: #eee !important;
}
#cart-breadcrumb ol li.current a {
  background-color: #eee;
}
#cart-breadcrumb ol li.current a span {
  background-position: right -96px;
}
#cart-breadcrumb ol li.inactive a {
  cursor: default;
}
#cart-breadcrumb ol li.inactive a {
  color: #545454;
}
/* CART TABLE */
table#cart-items th,
table#cart-items tr.cart-subtotal td {
  padding: 14px 0;
  font-size: 1.2em;
  font-weight: bold;
  color: #878787;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  background: #fafafa;
}
table#cart-items td {
  padding: 15px 0;
  vertical-align: text-top;
  border-bottom: 1px solid #e5e5e5;
}
table#cart-items .cart-t-item {
  width: 338px;
  padding-right: 38px;
}
table#cart-items .cart-t-quantity {
  width: 50px;
  padding-right: 85px;
  text-align: center;
}
table#cart-items .cart-t-price,
table#cart-items .cart-t-total {
  width: 62px;
  padding-right: 60px;
  text-align: right;
  font-size: 1.2em;
}
table#cart-items .cart-t-total {
  padding-right: 15px;
  font-weight: bold;
}
table#cart-items td.cart-t-item img {
  margin: 0 15px 0 0;
  float: left;
  border: 1px solid #c2c2c0;
}
table#cart-items td.cart-t-quantity {
  font-size: 1.1em;
}
table#cart-items tr.cart-subtotal td {
  font-size: 1.4em;
  border-top: none;
}
table#cart-items tr.cart-subtotal td.cart-t-total {
  padding-right: 15px;
}
table#cart-items tr.cart-subtotal td.cart-sub-title {
  padding-right: 60px;
  text-align: right;
}
table#cart-items tr.cart-checkout td {
  vertical-align: top;
}
table#cart-items tr.cart-checkout td.cart-save {
  padding-right: 60px;
  text-align: right;
}
.cart-save p a {
  padding: 0 0 0 10px;
  background: url(../images/buttons/cart_bullet.gif) no-repeat 0 -8px;
}
#cart-billing {
  padding: 30px 0 0;
}
.cart-billing-form {
  padding: 15px 0 5px 15px;
  background: #f3f3f2;
}
#cart-payment {
  margin: 30px 0 0;
}
#cart-creditcard {
  margin-top: 20px;
}
.card-choices input {
  float: left;
}
.cart-card {
  width: 38px;
  height: 23px;
  margin: 0 0 10px;
  float: left;
  overflow: hidden;
}
.cart-card {
  margin-right: 10px;
}
.cart-card label {
  width: 100%;
  height: 0px !important;
  padding: 23px 0 0;
  float: left;
  text-indent: -9999px;
  background: url(../images/pages/cart/cart_ccards.gif) no-repeat 0 0;
}
#card-mastercard label {
  background-position: 0 -25px;
}
#card-visa label {
  background-position: 0 -50px;
}
#cart-footer {
  margin: 20px 0 0;
}
#cart-footer small {
  float: left;
  font-size: 1.1em;
  line-height: 2em;
}
#cart-purchase .button {
  float: right !important;
}
#verify-title {
  margin: 15px 0 0;
  padding: 15px 0;
}
table#cart-verify-order {
  width: 100%;
  margin: 0 0 30px;
  float: left;
}
table#cart-verify-order td {
  padding: 15px 0;
  font-size: 1.2em;
  border-bottom: 1px solid #e5e5e5;
}
table#cart-verify-order td.cart-verify-quantity {
  width: 60px;
}
table#cart-verify-order td.cart-verify-product {
  width: 440px;
}
table#cart-verify-order td.cart-verify-product,
table#cart-verify-order td.cart-verify-subtotal {
  font-weight: bold;
}
table#cart-verify-order td.cart-verify-price {
  width: 70px;
  text-align: right;
}
table#cart-verify-order td.cart-verify-subtotal {
  width: 120px;
  padding-right: 15px;
  text-align: right;
}
table#cart-verify-order tr.cart-verify-shipping td {
  background: #efecf5;
}
table#cart-verify-order tr.cart-verify-total td {
  font-size: 1.4em;
  font-weight: bold;
  background: #fafafa;
}
table.cart-verify-info {
  width: 100%;
  margin: 20px 0;
}
table.cart-verify-info td {
  width: 105px;
  padding: 7px 0;
  font-size: 1.2em;
  vertical-align: top;
}
table.cart-verify-info td.label {
  padding-right: 15px;
  text-align: right;
}
table.cart-verify-info td.value {
  font-weight: bold;
}
table#cart-verify-payment {
  margin: 0 0 20px;
}
table#cart-verify-payment td {
  padding: 5px 0;
  font-size: 1.2em;
}
table#cart-verify-payment td.label {
  width: 105px;
  padding-right: 15px;
  text-align: right;
}
table#cart-verify-payment td.value {
  font-weight: bold;
}
#cart-verify-footer p {
  clear: both;
  font-weight: bold;
  text-align: right;
  line-height: 2.5em;
  color: #CCC;
}
/* NEWS */
#tumblr {
  margin: -25px 0 0 0;
}
#tumblr .loading {
  display: block;
  margin: 15px 0 0 0;
}
#tumblr .date {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  color: #888;
}
#tumblr img {
  padding: 3px;
  background: #fff;
  border: solid 1px #ccc;
}
.p20t {
  padding-bottom: 5px;
}
/* 
	ADMIN
*/
p.creditinfo {
  line-height: 1.6em;
  vertical-align: baseline;
  margin: 5px 0;
}
a.more {
  color: #88d36c;
  float: left;
  margin: 5px 0 0 0;
  font-weight: bold;
  font-size: 1.1em;
}
img.small {
  margin: 0 10px 0 0;
  float: left;
}
.titleinfo {
  color: #999999;
  font-weight: bold;
  margin: 0 5px 0 0;
  float: left;
  font-size: 1em;
  line-height: 1.6em;
}
.info {
  color: #999999;
  font-weight: normal;
  margin: 0;
  font-size: 1em;
  line-height: 1.6em;
}
.contenttable .entry {
  padding-top: 10px;
  margin-bottom: 10px;
  border-top: solid 1px;
  border-color: #e5e5e5;
}
.contenttable {
  list-style-type: none;
  color: #545454;
  font-size: 1.0em;
}
.contenttable .entry .section-nav-admin-buttons {
  margin-right: 3px;
}
/*
.contenttable img{
margin-top: 5px;

}
*/
.contenttable p {
  margin: 0;
}
/*
.sub img{
	padding-left: 30px;
}
*/
.contenttable p.grey {
  margin: 0;
  color: #999999;
}
.contenttable p.bold {
  font-weight: bold;
  display: block;
  padding-left: 30px;
}
.contenttable .open p.bold {
  padding-bottom: 10px;
}
.contenttable .sub {
  /* 	background: #fff3eb; */

  padding-left: 30px;
}
.contenttable .sub p.bold {
  padding-bottom: 0px;
}
.contenttable .open .sub p.bold {
  padding-bottom: 0px;
}
.contenttable .open .sub.open p.bold {
  padding-bottom: 10px;
}
.contenttable img.left {
  padding-right: 10px;
}
.contenttable img.nav-arrow {
  margin-top: 7px;
  float: left;
  height: 10px;
  width: 10px;
  background-position: -260px -14px;
  padding: 0 10px 0 10px;
}
.contenttable .open img.nav-arrow {
  background-position: -260px -2px;
}
.contenttable .open .sub img.nav-arrow {
  background-position: -260px -14px;
}
.contenttable .open .sub.open img.nav-arrow {
  background-position: -260px -2px;
}
.contenttable .open {
  padding-bottom: 0;
}
/* List View */
table.list_view {
  width: 100%;
}
table.list_view td {
  padding: 5px;
}
table.list_view tr.even {
  background-color: #EEE;
}
/* Contents Table */
table.contents-table {
  width: 100%;
  margin-bottom: 25px;
  font-size: 1.2em;
}
table.contents-table td {
  padding: 12px 0;
  border-top: solid 1px;
  border-color: #e5e5e5;
}
table.contents-table tr.stripe td {
  background: #f3f3f2;
}
table.contents-table tr.subscribed td {
  background: #EBFFEB;
}
table.contents-table tr.subscribed img {
  padding-left: 5px;
}
table.contents-table td.content-label {
  width: 42px;
  text-align: center;
}
table.contents-table td.content-title {
  width: 215px;
  padding-left: 5px;
  padding-right: 10px;
}
table.contents-table td.content-title-light {
  width: 215px;
  padding-left: 5px;
  padding-right: 10px;
  color: #999999;
}
table.contents-table td.content-title-bold {
  width: 215px;
  /* padding-left: 5px;
		padding-right: 10px; */

  font-weight: bold;
}
table.contents-table td.content-title img {
  margin: 3px 0 0 -25px;
  position: absolute;
}
table.contents-table tr.sub-content td.content-title {
  width: 205px;
  padding-left: 30px;
  font-weight: normal;
  background: #f3f3f2;
}
table.contents-table td.content-attribute {
  width: 120px;
  padding-right: 5px;
}
table.contents-table td.content-attribute .section-nav-admin-buttons {
  float: right;
}
tr.total-row td {
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
}
/* popup */
#popup_container {
  width: 616px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  display: inline-block;
}
#popup_container .form textarea {
  width: 375px;
}
/* form */
/*.form .fieldset {
	display:block;
	float:left;
	margin:0 0 10px;
	width:400px;
	font-size:12px;
	font-weight:bold;
	clear: both;
}

.form .fieldset .fieldset {
	margin-left: 136px;
}

.form legend {
	float:left;
	font-size:12px;
	font-weight:bold;
	margin:15px 0;
	width:100%;
}
.form label {
	color:#463F39;
	float:left;
	font-size:13px;
	font-weight:bold;
	line-height:25px;
	width:136px;
}
.form input.text, .form textarea {
	border:1px solid #cccccc;
	font-size: 12px;
	padding: 3px;
	width: 234px;
}
.form input.text:focus, .form textarea:focus {
	border-color:#5E4F4A;
}
.form input.short {
	width:90px;
}
.form input.postal {
	width:65px;
}
.form textarea {
	width:490px;
}
.form ..align {
	display:inline;
	margin-left:136px;
}
.form .checkbox_group {
	float:left;
	font-size:12px;
	height:auto;
	line-height:25px;
	margin:3px 0 0;
	width:380px;
}
.form .checkbox_group input {
	float:left;
}

.form .checkbox_group label {
	color:#463F39;
	display:inline;
	float:left;
	font-size:12px;
	font-weight:normal;
	line-height:15px;
	margin:3px 0 5px 3px;
	max-height:30px;
	position:relative;
	width:350px;
}

.form small {
	display:block;
}

.form .checkbox {
	float:left;
	width:25px;
}

.form .checkbox_desc {
	font-size:12px;
}

.form input.text .error, .form textarea .error {
	border-color:#990000;
}

.form .errorbox {
	color:#990000 !important;
	font-size:12px;
	margin-left:136px;
}


#filesTable, #productsTable {
	width: 100%;
}

#filesTable td, #productsTable td {
	padding: 2px;
}

#filesTable  input.text , #productsTable input.text {
	width: 35px;
}
*/
/* SWF UPLOADER */
.progressWrapper {
  width: 357px;
  overflow: hidden;
}
.progressContainer {
  margin: 5px;
  padding: 4px;
  border: solid 1px #E8E8E8;
  background-color: #F7F7F7;
  overflow: hidden;
}
/* Message */
.message {
  margin: 1em 0;
  padding: 10px 20px;
  border: solid 1px #FFDD99;
  background-color: #FFFFCC;
  overflow: hidden;
}
/* Error */
.red {
  border: solid 1px #B50000;
  background-color: #FFEBEB;
}
/* Current */
.green {
  border: solid 1px #DDF0DD;
  background-color: #EBFFEB;
}
/* Complete */
.blue {
  border: solid 1px #CEE2F2;
  background-color: #F0F5FF;
}
.progressName {
  font-size: 8pt;
  font-weight: 700;
  color: #555;
  width: 323px;
  height: 14px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
  font-size: 0;
  width: 0%;
  height: 2px;
  background-color: blue;
  margin-top: 2px;
}
.progressBarComplete {
  width: 100%;
  background-color: green;
  visibility: hidden;
}
.progressBarError {
  width: 100%;
  background-color: red;
  visibility: hidden;
}
.progressBarStatus {
  margin-top: 2px;
  width: 337px;
  font-size: 7pt;
  font-family: Arial;
  text-align: left;
  white-space: nowrap;
}
a.progressCancel {
  font-size: 0;
  display: block;
  height: 14px;
  width: 14px;
  background-image: url(../images/cancelbutton.gif);
  background-repeat: no-repeat;
  background-position: -14px 0px;
  float: right;
}
a.progressCancel:hover {
  background-position: 0px 0px;
}
.swfupload {
  vertical-align: top;
}
#tweets {
  font-size: 14px;
}
.tweet_list {
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: hidden;
}
.tweet_list .awesome,
.tweet_list .epic {
  text-transform: uppercase;
}
.tweet_list li {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px;
}
.tweet_list .tweet_even {
  background-color: #f9f9f9;
}
.tweet_list .tweet_avatar {
  padding-right: 10px;
  float: left;
}
.tweet_list .tweet_avatar img {
  vertical-align: middle;
}
.tweet_list .tweet_time {
  display: block;
  padding-top: 5px;
  font-size: 11px;
}
/*
	DIALOG BOX
*/
body.dialogbox-open {
  overflow: hidden;
}
#cover {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
  display: none;
  z-index: 11;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0.7;
}
.ui-widget-overlay {
  position: fixed;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
}
.no-rgba #cover {
  background: url('/images/elements/dialogbox_cover.png');
}
.dialogbox {
  width: 616px;
  margin: 0 0 0 -308px;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 999;
  text-align: left;
}
.dialogbox.short {
  width: 375px;
  margin-left: -187px;
}
.dialogbox-content,
.ui-dialog {
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
  display: block;
  float: left;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1em;
  text-align: left;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}
.dialogbox-header,
.ui-dialog-titlebar {
  height: 48px;
  padding: 5px 16px;
  position: relative;
  font-weight: normal;
  line-height: 2em;
  background: #eee;
  color: #545454;
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -o-border-top-left-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
a.dialogbox-close,
.ui-dialog .ui-dialog-titlebar-close {
  width: 13px;
  height: 13px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 8px;
  right: 8px;
  background: none;
  cursor: pointer;
  border: none;
}
.ui-dialog .ui-dialog-title {
  font-size: 2.4em;
  margin: 0.5em 16px 0.1em 0px;
}
button.dialogbox-button {
  height: 30px;
  padding: 0 30px;
  float: left;
  font: 1.2em Helvetica, Arial, sans-serif;
  font-weight: bold;
  border: 1px solid #ccc;
  color: #545454;
  background: #e6e6e6 url('../images/buttons/dialogbox_buttons.png') repeat-x 0 -1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
button.dialogbox-button:active,
button.dialogbox-button.selected {
  background-position: 0 -32px;
}
button.confirm-button {
  background-position: 0 -63px;
  background-color: #ff7b1f;
  color: #fff;
  border-color: #cc6633;
}
.ui-dialog a.ui-dialog-titlebar-close span {
  width: 13px;
  height: 13px;
  background: url('/images/buttons/ui_sprite.png') no-repeat -108px -1px;
}
.dialogbox-header h1 {
  line-height: 2em;
}
.dialogbox-search {
  width: 404px;
  margin-top: 6px;
  float: right;
  z-index: 999;
  display: block;
}
input.dialog-search-text {
  width: 200px;
  padding: 4px 10px 4px 30px;
  float: left;
  display: block;
  font: 1.8em Helvetica, Arial, sans-serif;
  color: #545454;
  border: 1px solid #cccccc;
  background: #ffffff url('/images/elements/dialog_icon_search.gif') no-repeat 7px center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.dialogbox-search button.dialogbox-button {
  margin: 2px 0 0 10px;
  cursor: pointer;
}
.dialogbox-inner,
.ui-dialog .ui-dialog-content {
  width: 100%;
  padding: 0;
}
.dialogbox-inner .form {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}
.dialogbox-scroll::-webkit-scrollbar {
  width: 5px;
  margin: 10px;
}
.dialogbox-scroll::-webkit-scrollbar-thumb {
  width: 5px;
  -webkit-border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.5);
}
.dialogbox-footer {
  width: 100%;
  height: 36px;
  padding: 4px 0;
  float: left;
  position: relative;
  border-top: 1px solid #ccc;
  background: #eee;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  -o-border-bottom-left-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.dialogbox-footer button.dialogbox-button {
  height: 22px;
  margin: 5px 0 0 16px;
}
#create-file-wrap {
  width: 100%;
  max-height: 386px;
  overflow-y: auto;
  overflow-x: hidden;
  float: left;
}
#create-file-wrap.loading {
  width: 100%;
  height: 150px;
  display: block;
  background: url('/images/elements/flower_spinner.gif') no-repeat center center;
}
#create-file-wrap.loading table {
  display: none;
}
.file-sort {
  width: 100%;
  height: 22px;
  float: left;
  padding: 3px 0;
  text-align: center;
  background: #eee;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ccc;
}
.file-sort ul li {
  display: inline;
  margin-right: 10px;
}
.file-sort ul li button.dialogbox-button {
  width: 46px;
  height: 22px;
  padding-right: 10px;
  padding-left: 10px;
  float: none;
  font-weight: normal;
}
.file-sort button.dialogbox-button.selected {
  font-weight: bold;
}
.file-sort button.dialogbox-button:last-child {
  margin: 0;
}
table.dialogbox-file-table {
  width: 100%;
}
table.dialogbox-file-table th,
table.dialogbox-file-table td {
  text-align: center;
}
table.dialogbox-file-table th {
  line-height: 2.5em;
  font-weight: bold;
  text-transform: uppercase;
  background: #eee;
  border-top: 1px solid #fff;
}
table.dialogbox-file-table td {
  font-size: 1.2em;
  line-height: 2.5em;
  border-top: 1px solid #eee;
}
table.dialogbox-file-table tr.stripe td {
  background-color: #eeeeee;
}
table.dialogbox-file-table .file-name {
  text-align: left;
}
table.dialogbox-file-table tr td button.dialog-file-btn {
  border: none;
  background: none;
}
table.dialogbox-file-table .value {
  width: 100px;
}
table.dialogbox-file-table .type {
  width: 100px;
}
table.dialogbox-file-table .file-action {
  width: 70px;
}
table.dialogbox-file-table .negatory p {
  margin: 0;
  line-height: 3.5em;
}
/* Delete Items Dialog */
#delete-item-dialog .delete-message {
  width: 346px;
  margin: 15px;
}
#delete-item-dialog h1 {
  font-size: 1.4em;
  font-weight: bold;
  margin: 0 0 1em;
  line-height: 1.6em;
}
#delete-item-dialog li {
  list-style: none;
  line-height: 1.8em;
}
#delete-item-dialog li label {
  font-size: 1.1em;
  font-weight: bold;
}
#delete-item-dialog button.dialogbox-button {
  height: 20px;
  margin: 5px 10px 0 0;
  float: left;
}
#delete-item-dialog .dialogbox-scroll {
  min-height: 300px;
  max-height: 300px;
  overflow: auto;
}
/* buy items dialog */
#buy-confirm-dialog {
  margin: 25px;
  color: #999999;
  font-weight: normal;
  font-size: 1.4em;
  line-height: 1.6em;
}
#buy-confirm-dialog img {
  float: left;
  margin-right: 25px;
  border: 1px solid #CCC;
}
#buy-confirm-dialog table {
  width: 250px;
  border-collapse: collapse;
}
#buy-confirm-dialog table td {
  padding: 2px;
}
#buy-confirm-dialog table .total {
  border-top: 1px solid #999;
  margin-top: 25px;
}
#buy-confirm-dialog table .total td {
  padding-top: 7px;
  font-weight: bold;
}
#buy-confirm-dialog .not_enough_credits {
  color: red;
  font-weight: bold;
  margin-bottom: 5px;
}
#buy-confirm-dialog .not_enough_credits td {
  color: red;
}
.dialogbox-buttons {
  width: 100%;
  margin: 10px 0 0;
  float: left;
}
.grey_box {
  background-color: #55555;
  margin: 10px 0;
}
/* sitemap and some 404 */
.sitemap .last {
  margin: 0;
}
.sitemap .rounded-box {
  margin: 0 0 6px 0;
}
.sitemap .rounded-box-content h1 {
  margin: 0 0 10px;
  padding: 0 10px 5px;
  font-size: 1.4em;
  border-bottom: 1px solid #e2e2e2;
}
.sitemap a,
#fourohfour a {
  color: #545454;
}
.sitemap a:hover,
#fourohfour a:hover {
  color: #ec1f26;
  text-decoration: none;
}
.sitemap ul li,
#fourohfour ul li {
  list-style-type: none;
  margin-top: 3px;
  margin-bottom: 3px;
}
.sitemap ul li a,
#fourohfour ul li a {
  font-weight: bold;
}
.sitemap .mild ul li a {
  font-weight: normal;
  font-size: 1.15em;
}
.sitemap ul ul a {
  font-size: 0.75em;
  font-weight: normal;
}
/* 404 page */
#fourohfour .row {
  width: 790px;
  margin: 0 auto;
  margin-bottom: 8px;
}
#fourohfour .row.banner {
  width: 655px;
}
#fourohfour .uc {
  text-transform: uppercase;
}
#fourohfour h1 {
  color: #ec1f26;
  font-size: 18px;
  font-weight: bold;
}
#fourohfour em {
  font-size: 15px;
}
#fourohfour .third {
  width: 250px;
  margin-right: 42px;
  float: left;
}
#fourohfour .rounded-box {
  width: 225px;
}
#fourohfour .twofour {
  font-size: 24px;
}
/* pop up nav */
#sidebar,
.c945 {
  overflow: visible;
}
#section-nav h1 {
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 0;
  padding-bottom: 12px;
  padding-top: 6px;
  color: #ffffff;
}
#section-nav h1 a {
  text-decoration: none;
}
#section-nav a {
  color: #503980 !important;
  display: block;
}
#section-nav ul#section-nav-menu {
  margin: 0 5px 0 0;
  width: 214px;
}
#section-nav ul#section-nav-menu .section-nav-admin-buttons {
  margin-right: 17px;
}
#section-nav ul#section-nav-menu li {
  margin: 0;
  padding-top: 0px;
  padding-bottom: 0px;
  clear: both;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #e8e8e8;
}
#section-nav ul#section-nav-menu li.open {
  background-color: #cfcfcf;
}
#section-nav ul#section-nav-menu li > img.nav-arrow {
  background-image: url('/images/elements/arrow_prpl.png');
  background-position: 0 0;
}
#section-nav ul#section-nav-menu li:hover {
  background-color: #dbdbdb;
}
#section-nav ul#section-nav-menu li.sfHover .rounded-box {
  display: block;
  position: absolute;
  left: 98%;
  top: -5px;
  width: 225px;
}
#section-nav ul#section-nav-menu li.sfHover .rounded-box li > img.nav-arrow {
  background-image: url('/images/buttons/ui_sprite.png');
  background-position: -259px -13px;
}
#section-nav ul#section-nav-menu li.sfHover .rounded-box li.open img.nav-arrow {
  background-position: -259px -44px;
}
#section-nav ul#section-nav-menu li.sfHover .rounded-box li.open a.selected {
  color: #ed1c24 !important;
}
#section-nav ul#section-nav-menu li img.nav-arrow,
#section-nav ul#section-nav-menu li img.blank {
  margin-top: 17px;
  margin-right: 10px;
  margin-left: 11px;
}
#section-nav ul#section-nav-menu li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
#section-nav ul#section-nav-menu li:last-child a {
  /* 					padding-bottom: 6px; */

}
#section-nav ul#section-nav-menu li > a {
  margin-bottom: 0;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-right: 49px;
  font-weight: bold;
  max-width: none;
}
#section-nav ul#section-nav-menu li.sfHover .rounded-box {
  display: block;
}
#section-nav ul#section-nav-menu li .rounded-box {
  position: absolute;
  left: 98%;
  top: -1em;
  width: 225px;
  margin-left: -5px;
  margin-bottom: 0;
  padding: 0;
  z-index: 2000;
  display: none;
  background-image: none;
  background-color: #e8e8e8;
  border: solid #000;
  border-color: #ffffff;
  border-width: 3px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.25);
}
#section-nav ul#section-nav-menu li .rounded-box ul li {
  border-top-color: #ffffff;
  border-bottom-color: #cfcfcf;
  background-color: transparent;
}
#section-nav ul#section-nav-menu li .rounded-box ul li:first-child {
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
#section-nav ul#section-nav-menu li .rounded-box ul li:last-child {
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}
#section-nav ul#section-nav-menu li .rounded-box ul li:first-child:last-child {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#section-nav ul#section-nav-menu li .rounded-box ul li:hover {
  background-color: #dbdbdb;
}
#section-nav ul#section-nav-menu li .rounded-box ul li.sfHover {
  background-color: #dbdbdb;
}
#section-nav ul#section-nav-menu li .rounded-box ul li.sfHover .rounded-box {
  display: block;
}
#section-nav ul#section-nav-menu li .rounded-box ul li a {
  color: #545454 !important;
}
#section-nav ul#section-nav-menu li .rounded-box ul li a:hover {
  color: #ed1c24 !important;
}
#section-nav ul#section-nav-menu li .rounded-box ul li:first-child {
  border-top: none;
}
#section-nav ul#section-nav-menu li .rounded-box ul li:first-child a {
  padding-top: 15px;
}
#section-nav ul#section-nav-menu li .rounded-box .rounded-box {
  display: none;
  background-color: #dbdbdb;
}
#section-nav ul#section-nav-menu li .rounded-box .rounded-box ul li:hover {
  background-color: #e8e8e8;
}
#section-nav ul#section-nav-menu li .rounded-box .rounded-box a {
  /* 						padding-left: 20px; */

}
#section-nav .rounded-box-top,
#section-nav .rounded-box-content,
#section-nav .rounded-box-btm {
  /* 		background-image: url('/images/elements/ui_rounded_box_225_prpl.png'); */

}
.ie7 ul#section-nav-menu li > a {
  margin-bottom: 0;
  float: left;
}