@charset "utf-8";

/* CSS Document */

/*******************
body style	
*******************/

body {background: #eee url(../images/body_bg.gif) repeat-x;padding: 0;margin: 0;border: 0;font-family: Arial, Helvetica, sans-serif;}
strong {font-size:14px;}
h1,h2,h3,h4,h5,a,a:visited,a:hover{color: #a61c29;}
/*******************
page style	
*******************/
.left{
	float: left; margin: 0 5px;
}
#page {width: 955px; margin: 0 auto;}

#page #leftShadow {background: url(/images/leftshadow_bg.gif) no-repeat left 0;}

#page #leftShadow #rightShadow {background: url(/images/rightshadow_bg.gif) no-repeat right 0;}

.value {display:block; margin::0 5px 0 0; overflow:hidden;}
.value img {float:right;}

.membership-renwal ul {margin:0 !important; padding:0 !important;}
.membership-renwal ul li {overflow:hidden; padding:5px; margin:0 0 10px 0; border:1px solid #A61C29;}
.membership-renwal ul li.current {background:#f5bb54;}
.membership-renwal ul li.current .buy {border-left:1px dotted #A61C29;}
.membership-renwal ul li .quiet{font-size:12px; float:left; width:430px; margin:0 5px 0 0; display:block;}
.membership-renwal ul li .buy {float:right; display:inline; width:170px; text-align:center; border-left:1px dotted #ccc;}
.membership-renwal ul li .price{float:right; width:170px; display:inline; text-align:center;}

.contact-box{width:200px; float:left; margin:0 10px 0 0; padding:10px;}
.map{float:left; width:425px; height:280px; margin:10px 0 0 0; padding:0;}

.trial form{
	margin: 20px 0;
}
.trial .row {margin:0 0 10px 0; overflow:hidden;}
.trial .row label {width:150px; font-weight:bold; margin:0 10px 0 0;}
.trial .row .text {padding:5px; border:1px solid #ccc; width:250px !important;}
/*******************
wrap style	
*******************/

#wrap {width: 940px;padding: 0;margin: 0;margin: 0 auto;  background: #FFF url(../images/wrap_bg.jpg) repeat-x 0 -20px;}
img.offer{
	margin: 10px auto; width: 612px; border: 3px solid #a61c29;
}
.camac {display:block; width:300px; margin:0 auto;}

/*******************
header style	
*******************/

#sideColumn {padding: 0;margin:0 10px 0 0; width:220px;float: left; display:block;}


/*******************
logo style	
*******************/
.logo{margin:0 0 0 20px;}
#logoWrap {float: left; padding:0; margin:40px 0 0 0; width:220px; display:block;}

#logoWrap h1 {padding: 0;margin: 0;}

#logoWrap h1 a {color: #f56f6f;text-decoration: none;font-size: 30px;font-weight: bold;padding: 0 0 0 0;}

#logoWrap .tagline {font-size: 12px;float: left;padding: 0 0 0 6px;font-style: italic;}

/*******************
menu style	
*******************/

#navWrap {clear:both; padding: 0;margin:0;float: left; background:#FFA510; width:220px;}

#navWrap #nav {padding: 0;margin: 0;}

#navWrap #nav li {list-style: none;float: left; clear:both; display:block; padding:0; margin: 0; font-size: 14px;  width:215px;}

#navWrap #nav li a {font-weight: bold;display: block;float: left; padding: 5px 0 5px 15px;; text-decoration: none;color: #fff; width:205px;}

#navWrap #nav li a:hover {color: #fff; background:#a61c29; width:205px;  padding: 5px 0 5px 15px;}

#navWrap #nav li.current a {background:#a61c29; color: #fff;  width:205px;  padding:  5px 0 5px 15px;}


/*******************
contentInside style	
*******************/

#contentInside {padding:15px; margin:20px 0 0 0; float: left; width:680px;}

/*******************
content style	
*******************/

#content {;padding:0;margin:5px auto; overflow:hidden;}

/*******************
inside style	
*******************/

#content.homeMessage {background:#ba1e2d; padding:0; margin:0 auto 5px auto; width:680px;}
#content.homeMessage  p {color: #fff; font-size: 13px ;padding:0 5px;margin: 0; line-height: 19px; margin:0 0 5px 0; width:250px;}
#content p {font-size: 13px; padding: 0 0 5px 0; line-height: 18px; margin:0 0 5px 0;}
#content p.note {font-style:italic; font-weight:900; text-align:center; font-size:14px;}
#content p.headline{font-weight:bold; font-size:16px; text-align:center; clear:left;}
#content h1 {color: #a61c29;font-size: 26px; padding: 0px 0 5px 0;margin: 0 0 10px 0; font-weight: normal;}
#content h2 {color: #a61c29;font-size: 26px; padding: 0px 0 5px 0;margin: 0 0 10px 0; font-weight: normal;  border-bottom: 1px solid #f5f5f5;}
#content h3, #content  h4,#content h5, #content h6 {padding: 5px 0;margin: 0 0 5px 0;font-weight: bold; color:#a61c29;}
#content h3 {font-size: 18px; display:block; border-bottom:1px solid #A61C29;}
#content h4 {font-size: 16px;}
#content h5 {font-size: 14px; border-bottom: 1px solid #A61C29;}
#content h6 {font-size: 12px;}
#content ul.homeList {margin:0 0 5px 0; padding:0; overflow:hidden;}
#content ul.homeList strong {width:140px; display:block; float:left;}
#content ul.homeList em {width:120px; display:block; float:left;}
#content ul.homeList li{list-style:none; font-size:14px;}
#content .column {float:left; width:260px; margin:0 0 5px 0; font-size:14px;}
#content .home-column { padding: 15px;  width:300px !important;}
#content .second-column { padding:0 15px;  width:260px !important;}
#content a, #footer a, #sidebar a {color: #A61C29;text-decoration: none;}
#content a:hover,  #footer a:hover, #sidebar a:hover {color:  #A61C29;text-decoration: underline;}
#content ul, #content ol {padding: 0 0 20px 20px;margin: 0;color: #333;font-size: 13px; list-style:none;}
#content ul li {}
#content ul ul {padding: 10px 0 10px 15px;}
#content ol ol {padding: 10px 0 10px 15px;}
#content  .testimonial blockquote, .testimonial blockquote, blockquote {padding: 0 0 0px 0;margin: 0;background: url(../images/quote_bg.gif) no-repeat left 0;}
#content .testimonial blockquote p, .testimonial blockquote p, #content  blockquote p {text-indent: 20px;padding: 0;margin: 0;font-size: 13px;color: #887a6d;}
#content  .testimonial blockquote p cite, .testimonial blockquote p cite, blockquote p cite {padding: 0;margin: 0;color: #9b928a;font-family: Arial, Helvetica, sans-serif;}
#content  .news h3 {padding: 0;margin: 0;}
#content  .news .date {font-size: 12px;position: relative;margin: 0 0 0px 0;padding: 0 0 15px 0;display: block;color: #6f6f6f;}

.photo-gallery {list-style:none;}
.photo-gallery li {display:inline-block; *display:inline; zoom:1; margin:0 10px 10px 0;}

/*******************
Personal Training 
*******************/
.specialities{width: 400px;}
.specialities li{
	line-height:15px; margin: 10px 0; display:block; list-style: square;}
#content .trainingBox {width:194px; height:285px; padding:5px 10px; margin:5px; float:left; border:1px solid #f7c875; background:#fce7c3;}
#content .trainingBox h3{font-size:13px; margin:2px 0; padding:0; float:left; width:100%;}

/* My Comment */
#content .trainingBox span.title{font-size:12px; color:#000; margin:5px 0 10px 10px; float:left; display:block; width:160px; font-weight:bold; text-transform:capitalize;}
#content .trainingBox span.title a{font-size:11px;}
#content .trainingBox img {float:left; display:block; margin:5px 0; width:50px; height:65px;}
#content .trainingBox p.subheadline{float:left; width:160px; display:block; margin:0 0 0 10px; border-bottom:1px solid #f7c875; font-size:13px;}
#content .trainingBox p.headline {float:left; width:95%; display:block; margin:10px 0 0 0; border-bottom:1px solid #f7c875; font-size:13px;}
#content .trainingBox ul {width:95%; float:left; display:block; font-size:11px; margin:0; padding:0;}
#content .trainingBox li {margin:5px 0;}
.button_grad {background:#fbcb78 url(../images/button_bg.png) no-repeat; border:1px solid #ffa217; font-size:11px; padding: 5px 20px; text-align:center; margin:0;}
.trainContainer{width:680px;}
#content ul.trainer-info {margin:0 10px; padding:0; width:120px; overflow:hidden; float:left;}
#content ul.trainer-info h4{font-size:12px; color:#000; margin:0 0 5px 0;}
#content ul.trainer-info li {display:block; margin:0 0 5px 0; padding:0;}
#content ul.trainer-info a{font-weight:bold; font-size:12px;}

/*******************
Group Fitness 
*******************/
#content .legend {margin:0; padding:0;}
#content .legend li {overflow:hidden; padding:2px;}
#content .legend li img{margin:0 1px 0 0; width:32px; float:left;}
#content .legend li em{font-size:11px; display:block; float:left; margin:10px 0 0 0; width:110px;}
.fifthtour {margin:10px 0px 0 0; width:auto; padding:0px; float:left }
.fourthtour {margin:10px 22px 0 0; width:auto; padding:0px; float:left }
.thirdtour {margin:10px 0px 0 0; width:auto; padding:0px; float:left }
.secondtour {margin:10px 45px 0 0; width:auto; padding:0px; float:left }
.tour {width:260px; float:left}

.right-column {width:190px; height:330px; margin: 0 0px 0 0; float:left; padding:10px;}
.left-column {width: 190px; height:330px; margin: 0 22px 0 0; float:left; padding:10px;}
.small{font-size:12px;}
.right{
	position:absolute;
	right:0px;
	top:14px;
}

.frame{border:1px solid #f7c875; background:#fce7c3; 
	
}
.frame img.full {margin:15px 0 5px 15px;}
img.featured{
	border: 1px solid #A61C29;
}
.class-offers {float:left; width:680px;}
.groupInfo {border:1px solid #f7c875; background:#fce7c3; padding:5px 15px; float:left; width:645px; margin:10px 0;}
.tourpics {border:1px solid #f7c875; background:#fce7c3; padding:5px 15px; float:left; width:645px; margin:10px 0;}
.enlarge img{margin:2px 5px 2px 0;}
.enlarge {font-size: 12px; font-style:italic; color:#666; text-align:left;}
.loadingPic{ margin:5px 15px; background: url(../images/loadingIcon.gif) no-repeat 0 0; padding-left: 25px;}

.classBlock{margin:5px 0; border-top:1px solid #e1e1e1; padding:5px 0 0 0; display:block; float:left;}
#content ul.class-week-nav {margin: 0; border:1px solid #f7c875; background:#fce7c3; padding:0; overflow:hidden;}
ul.class-week-nav li{margin: 0 10px; float: left; display: block;}
ul.class-week-nav li a{display: block;}
#content ul.class-info{float: left; display: block; width: 150px; padding:0 0 0 10px; border-left:1px solid #A61C29;}
#content ul.class-info li{
	list-style:none; 
}
#content .left-side{width: 500px; margin: 0 10px 0 0;float:left; position:relative;}
#content .right-side{width: 170px; float:left;}

#content ul.instructors li {list-style-type: none; padding:2px 0;}
#content ul.instructors, .side-bar {padding:5px 10px; margin:10px 0 0 0; border:1px solid #f7c875; background:#fce7c3;}
#content .class-wrapper{margin:10px 0 0 0;}

/* Tabs
----------------------------------*/
.ui-tabs { padding:0 4px; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding:4px; }
.ui-tabs .ui-tabs-nav li { float: left; border-bottom-width: 0 !important; margin:0; padding:0 4px; }
.ui-tabs .ui-tabs-nav li a {text-decoration: none; padding:5px; display: block; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {background:#F7C875;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding:0; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.class-box{clear: both; margin:0; overflow: hidden;background:#F7C875; padding:5px 8px 5px 14px; border-bottom:1px solid #FCE7C3;}
.mind {background:#FFA510;}
.class-box div.details{
	float: left; display: block;
}
.class-box p.description{display:block; padding:0; margin:5px 0; width:295px;}


span.hour{text-transform:uppercase;}
span.level{font-size:14px; font-weight:bold; color:#a61c29; margin:0 0 0 15px;}
div.dayBlock{display:block;}


/*******************
custom bullet style	
*******************/

#content .inside .circle {list-style: none;padding: 0;margin: 0;}

#content .inside .circle li {list-style: none;background: url(../images/li_bullet_white.gif) no-repeat left 0;padding-left: 20px;}

/*Breadcrumbs*/

.breadcrumbs {padding: 10px 10px;margin: 0 0 0px 0;background: url(../images/breadcrumb_bg.gif) repeat-x;font-size: 12px;float: left;width: 780px;}

.yourhere {float: left; color: #617136;font-style: italic;padding-right: 10px;}

.breadcrumbs ul {list-style: none;padding: 0;margin: 0;}

.breadcrumbs ul li {display: inline;margin: 0 0 0 10px;color: #68645d;font-weight: bold;}

.breadcrumbs ul li a {float: left;display: block;font-weight: normal;background: url(../images/breadcrumb_arrow.gif) no-repeat right 60%;padding-right: 15px;padding-left: 10px;text-decoration: none;color: #cb4e4e;}

.breadcrumbs ul li a:hover {color: #000;}

/*******************
sidebar style	
*******************/

#sidebar {float: left;width:200px;padding:0px 15px; margin:10px 0;}

#sidebar p {font-size: 13px; padding: 0 0 5px 0; line-height: 18px;}

#sidebar h2 { padding:0 0 5px 0; font-size: 18px; margin:10px 0; border-bottom: 1px solid #f5f5f5; color: #a61c29; }

#sidebar .inside h3 {font-size: 14px;}

#sidebar .inside #news, #sidebar .inside #subscribe {padding: 0px 0 0 0;margin: 0;}

#subscribe label {font-size: 13px;}

#sidebar .inside #news li {list-style: none;padding: 0px 0 10px 0; font-size:13px;}

#sidebar .inside #news li h3 {font-size: 15px;font-weight: bold;padding: 0;margin: 0;}

#sidebar .inside #news li p {font-size: 13px;}

#sidebar .inside #news li .date {font-size: 12px;font-style: italic;color: #6f6f6f;}



/*******************
footer style	
*******************/

#footer {clear: both;padding: 0;margin: 0; font-size:12px;}
#footer .inside ul{margin:0; padding:0;}
#footer .inside li{list-style:none;}
#footer .inside {padding: 20px 20px;background: #f6f3ed url(../images/footer_bg.gif) repeat-x;width: 900px; color:#333; float:left;}
#footer .inside .column {width:180px; margin: 0 20px 0 0; float:left;}
#footer .inside .column p {margin:5px 0; font-size:12px;}

/*******************
global class and id style	
*******************/

/************************
global classes
*************************/

.block {display: block;}

.clear {clear: both;}

.alignLeft {text-align: left;}

.alignRight {text-align: right;}

.alignJustify {text-align: justify;}

.alignCenter {text-align: center;}

.floatRight {float: right}

.floatLeft {float: left;}

abbr, acronym {font-style: italic;cursor: help;color: #ada397;}

.imageLeft {background: #fff;border: 1px solid #ebe8e2;padding: 10px 10px;margin: 0 15px 10px 0;}

.imageRight {background: #fff;padding: 10px 10px;margin: 0 0 20px 10px;border: 1px solid #ddddda;}

.hide {display: none;}
.middle{margin:0 auto; display:block;}
img {border: 0;}

/*Table*/
#memberRenewal { border:1px solid #f7c875; background:#fce7c3; }
#memberRenewal tr.on {background:#f5bb54; border-style:solid; border-color:#a61c29; border-width:2px 2px 2px 2px;}
#memberRenewal tr.on p  {font-weight:bold}
table input, table textarea {background:none; border:none;}
#memberRenewal td p{margin:0; padding:0;}
#memberRenewal td h3{font-size:15px; margin:0;}
#memberRenewal td h4{font-size:18px; margin:0; padding:5px 0; text-align:center;}
#memberRenewal tr.on td { padding:10px; }
table {margin: 0;padding:0;display: block;font-size: 12px;}

#centers tbody td {border-bottom: 1px solid #e1e1e1;}

.widthA {width: 20%;}

.widthB {width: 80%;}

/*form - Form Style*/

form {padding: 0px 0;margin: 0;}

form p {padding: 0;margin: 0;}

label {float: left;width: 100px;padding-right: 1px;}

#newsletter,
textarea {padding: 6px;font: 400 12px arial, sans-serif;background: #ededed;border: 1px solid #dcdcdc;color: #333;}

input:focus,
textarea:focus {color: #333;background: #f3f1f1;border: 1px solid #8d6d58;}

#name, #email, #subject {width: 200px;}

#message {width: 300px;height: 150px;}

#newsletter {width: 120px;}

input.button {padding: 5px 5px;cursor: pointer;color: #efefef;background-color: #A61C29;border-width: 1px;border-style: solid;border-color: #ca2333 #ca2333 #911c27  #911c27;}

/*errorMsg - Error Message Block style*/
.notice {text-align:center;}
.errorMsg {float: left;padding: 5px 20px 5px 20px;background: #f2e6e4;margin: 0 0 20px 0;border-top: 1px solid #ad5341;border-bottom: 1px solid #ad5341;width: 93%;}

.errorMsg h3 {color: #98311d;margin: 0;padding: 0;}

.errorMsg ul {margin: 0;padding: 0;}

.errorMsg ul li {display: block;list-style: none;padding: 0;margin: 0;}

/*highlight style*/

.highlight {color: #d74613;}

/*infoMsg - Info Message Block style*/

.infoMsg {float: left;padding: 20px 20px 0px 20px;background: #e6f4e8;margin: 0 0 20px 0;border-top: 1px solid #2d993c;border-bottom: 1px solid #2d993c;width: 93%;}

.infoMsg h3 {color: #319240;margin: 0;padding: 0;}

/*******************
sideLinks style
*******************/
#sidebar .inside ul.homeList {font-size:13px; margin:0; padding:0;}
#sidebar .inside ul.homeList li {list-style:none;}
#sidebar .inside .sideLinks {float: left;padding: 0 0 20px 0;}

#sidebar .inside .sideLinks ul {padding: 5px 5px 4px 5px!important;padding: 5px 5px 3px 5px;margin: 0 0 0px 0;list-style: none;float: left;background: #efede6;width: 258px;border: 1px solid #cfcdc5;}

#sidebar .inside .sideLinks ul li {padding: 0;margin: 0 0 0 0;display: block;float: left;}

#sidebar .inside .sideLinks ul li a {padding: 5px 5px;margin: 0 0 0px 0;width: 248px;float: left;display: block;background: #f9f8f6;font-size: 14px;border-top: #fefefe solid 1px;border-bottom: #e0ded7 solid 1px;}

#sidebar .inside .sideLinks ul li a:hover {padding: 5px 5px;margin: 0 0 0px 0;width: 248px;float: left;display: block;background: #f0eee9;font-size: 14px;border-top: #fefefe solid 1px;border-bottom: #e0ded7 solid 1px;text-decoration: none;}

#sidebar .inside .sideLinks ul li a.current {padding: 5px 5px;margin: 0 0 0px 0;width: 248px;float: left;display: block;background: #f0eee9;font-size: 14px;border-top: #fefefe solid 1px;border-bottom: #e0ded7 solid 1px;text-decoration: none;}

/*******************
coda slider style
*******************/
#slider {width: 580px;margin:40px 0 0 0;float: left;position: relative;}

.scroll {width: 580px;height:300px;overflow: auto;position: relative;clear: left;margin: 0 0 0 0px;}

.scrollContainer div.panel {/* padding: 20px 10px 10px 10px;*/ padding: 20px 20px 10px 0px;width: 778px;height: 300px;}

.scrollContainer h2 {font-size: 22px;font-weight: bold;color: #a61c29;padding: 0 0 10px 0;margin: 0;}

.scrollContainer p {color: #3c3c3c;padding: 0 0 10px 0;margin: 0;font-size: 14px;line-height: 20px;}

.scrollContainer a {color: #a61c29;text-decoration: none;}

.scrollContainer a:hover {color: #a61c29;text-decoration: underline;}

.scrollContainer .learnmore {display: block;float: left;padding: 5px 15px;margin: 0;text-transform: uppercase;background: #a61c29;color: #faf9f9;text-decoration: none;font-size: 12px;}

.scrollContainer .learnmore:hover {float: left;padding: 5px 15px;margin: 0;color: #faf9f9;text-decoration: none;background: #c4202f;}

.scrollContainer ul {list-style: square;padding: 0 0 10px 0px;margin: 0;font-size: 14px;float: left;}

.scrollContainer ol {padding: 0 0 10px 30px;margin: 0;font-size: 14px;float: left;}

.scrollContainer ol li {line-height: 17px;}

.scrollContainer ul li {list-style: none;background: url(../images/li_bullet.gif) no-repeat left 50%;padding-left: 22px;line-height: 17px;}

ul.navigation {list-style: none;margin: 0 0 0 60px;padding-top: 0px;float: left;position: relative;}

ul.navigation li {display: inline;}

ul.navigation a {margin: 0px 0 0 0;color: #000;text-decoration: none;width:200px;float: left;color: #555a41;}

ul.navigation a:hover {color: #d45500;}

ul.navigation a.selected {color: #d45500;font-weight: bold;}

ul.navigation a:focus {outline: none;}

.scrollButtons {position: absolute;top: 250px;cursor: pointer;}

.scrollButtons.left {left: 6px;z-index: 1000;}

.scrollButtons.right {right: 6px;z-index: 1000;}

.hide {display: none;}

.panel .bgImage {background: url(../images/accordion_img_bg.gif) no-repeat;width: 264px;height: 221px;float: left;}

.panel .imgLeft {float: left;}

.panel .rightBlock {float: right;width: 500px;}

.panel .imgLeft  img, .panel .imgRight img {float: left;padding: 10px 0 0 26px;margin: 0;}



#subnav li { width: 10px; float: left; margin: 8px; list-style: none }
#subnav a { width: 10px; padding: 3px; display: block; border: 1px solid #ffce7d; }
#subnav a.activeSlide { background: #a61c29; }
#subnav a:focus { outline: none; }
#subnav img { border: none; display: block }

/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

div.pictureHolder .top .left {background: url(../images/prettyPhoto/tl.gif) top left no-repeat;}

/* Top left corner */

div.pictureHolder .top .middle {background: #fff;}

/* Top pattern/color */

div.pictureHolder .top .right {background: url(../images/prettyPhoto/tr.gif) top left no-repeat;}

/* Top right corner */

div.pictureHolder .content {background-color: #fff;}

/* Content background */

div.pictureHolder .content a.next:hover {background: url(../images/prettyPhoto/btnNext.gif) center right no-repeat;cursor: pointer;}

/* Next button */

div.pictureHolder .content a.previous:hover {background: url(../images/prettyPhoto/btnPrevious.gif) center left no-repeat;cursor: pointer;}

/* Previous button */

div.pictureHolder .content a.expand {background: url(../images/prettyPhoto/btnExpand.gif) top left no-repeat;cursor: pointer;}

/* Expand button */

div.pictureHolder .content a.expand:hover {background: url(../images/prettyPhoto/btnExpand.gif) bottom left no-repeat;cursor: pointer;}

/* Expand button hover */

div.pictureHolder .content a.contract {background: url(../images/prettyPhoto/btnContract.gif) top left no-repeat;cursor: pointer;}

/* Contract button */

div.pictureHolder .content a.contract:hover {background: url(../images/prettyPhoto/btnContract.gif) bottom left no-repeat;cursor: pointer;}

/* Contract button hover */

div.pictureHolder .content a.close {width: 61px;height: 22px;background: url(../images/prettyPhoto/btnClose.gif) center left no-repeat;cursor: pointer;}

/* Close button */

div.pictureHolder .content .details .nav a.arrow_previous {background: url(../images/prettyPhoto/arrow_previous.gif) top left no-repeat;}

/* The previous arrow in the bottom nav */

div.pictureHolder .content .details .nav a.arrow_next {background: url(../images/prettyPhoto/arrow_next.gif) top left no-repeat;}

/* The next arrow in the bottom nav */

div.pictureHolder .bottom .left {background: url(../images/prettyPhoto/bl.gif) top left no-repeat;}

/* Bottom left corner */

div.pictureHolder .bottom .middle {background: #fff;}

/* Bottom pattern/color */

div.pictureHolder .bottom .right {background: url(../images/prettyPhoto/br.gif) top left no-repeat;}

/* Bottom right corner */

div.pictureHolder .loaderIcon {background: url(../images/prettyPhoto/loader.gif) center center no-repeat;}

/* Loader icon */

div.prettyPhotoTitle div.prettyPhotoTitleLeft {background: url(../images/prettyPhoto/ttl.gif) top left no-repeat;}

div.prettyPhotoTitle div.prettyPhotoTitleRight {background: url(../images/prettyPhoto/ttr.gif) top left no-repeat;}

div.prettyPhotoTitle div.prettyPhotoTitleContent {background: url(../images/prettyPhoto/ttp.gif) top left repeat-x;}

/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

div.prettyPhotoOverlay {background: #000;position: absolute;top: 0;left: 0;z-index: 9500;width: 100%}

div.pictureHolder {position: absolute;z-index: 10000;width: 100px}

div.pictureHolder .top {position: relative;height: 20px}

* html div.pictureHolder .top {padding: 0 20px}

div.pictureHolder .top .left {position: absolute;left: 0;width: 20px;height: 20px}

div.pictureHolder .top .middle {position: absolute;left: 20px;right: 20px;height: 20px}

* html div.pictureHolder .top .middle {position: static}

div.pictureHolder .top .right {position: absolute;top: 0;left: auto;right: 0;width: 20px;height: 20px}

div.pictureHolder .content {position: relative;text-align: left;width: 100%;height: 40px}

div.pictureHolder .content .details {display: none;margin: 10px 15px 0 20px}

div.pictureHolder .content .details p.description {display: none;float: left;margin: 0}

div.pictureHolder .content .details .nav {float: left;margin: 4px 0 0 0}

div.pictureHolder .content .details .nav p {float: left;margin: 0 4px}

div.pictureHolder .content .details .nav a.arrow_previous,div.pictureHolder .content .details .nav a.arrow_next {float: left;display: block;width: 8px;height: 9px;text-indent: -10000px;margin-top: 4px}

div.pictureHolder .content .details .nav a.disabled {background-position: 0 -10px;cursor: default}

div.pictureHolder .content div.hoverContainer {position: absolute;z-index: 10000;top: 0;left: 0;width: 100%}

div.pictureHolder .content a.next {position: relative;z-index: 2000;display: block;float: right;text-indent: -10000px;width: 49%;height: 100%;background: url(../images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat}

div.pictureHolder .content a.previous {cursor: pointer;display: block;text-indent: -10000px;width: 49%;height: 100%;background: url(../images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat}

div.pictureHolder .content a.expand,div.pictureHolder .content a.contract {position: absolute;z-index: 20000;top: 10px;right: 30px;cursor: pointer;display: none;text-indent: -10000px;width: 20px;height: 20px}

div.pictureHolder .content a.close {float: right;display: block;text-indent: -10000px}

div.pictureHolder .bottom {position: relative;height: 20px}

* html div.pictureHolder .bottom {padding: 0 20px}

div.pictureHolder .bottom .left {position: absolute;left: 0;width: 20px;height: 20px}

div.pictureHolder .bottom .middle {position: absolute;left: 20px;right: 20px;height: 20px}

* html div.pictureHolder .bottom .middle {position: static}

div.pictureHolder .bottom .right {position: absolute;top: 0;left: auto;right: 0;width: 20px;height: 20px}

div.pictureHolder .loaderIcon {display: none;position: absolute;top: 50%;left: 50%;margin: -12px 0 0 -12px;width: 24px;height: 24px}

div.pictureHolder #fullResImageContainer {width: 100%;text-align: center}

div.prettyPhotoTitle {display: none;position: absolute;top: 0;left: 0;z-index: 9999;color: #fff;font-size: 13px}

div.prettyPhotoTitle div.prettyPhotoTitleLeft,div.prettyPhotoTitle div.prettyPhotoTitleRight {float: left;width: 19px;height: 23px;overflow: hidden}

div.prettyPhotoTitle div.prettyPhotoTitleContent {float: left;line-height: 23px}

#facebox .b {background: url(images/b.png);}

#facebox .tl {background: url(images/tl.png);}

#facebox .tr {background: url(images/tr.png);}

#facebox .bl {background: url(images/bl.png);}

#facebox .br {background: url(images/br.png);}

#facebox {position: absolute;top: 0;left: 0;z-index: 100;text-align: left;}

#facebox .popup {position: relative;}

#facebox table {border-collapse: collapse;}

#facebox td {border-bottom: 0;padding: 0;}

#facebox .body {padding: 10px;background: #fff;width: 370px;}

#facebox .loading {text-align: center;}

#facebox .image {text-align: center;}

#facebox img {border: 0;margin: 0;}

#facebox .footer {border-top: 1px solid #DDDDDD;padding-top: 5px;margin-top: 10px;text-align: right;}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px;width: 10px;overflow: hidden;padding: 0;}

#facebox_overlay {position: fixed;top: 0px;left: 0px;height: 100%;width: 100%;}

.facebox_hide {z-index: -100;}

.facebox_overlayBG {background-color: #000;z-index: 99;}

* html #facebox_overlay {/* ie6 hack */
  position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
 
/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../images/colorbox//overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox//controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/colorbox//controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox//controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox//controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../images/colorbox//controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/colorbox//controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/colorbox//border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/colorbox//border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/colorbox//controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox//controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/colorbox//loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/colorbox//loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox//controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background ../images/colorbox/ are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox//internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox//internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox//internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox//internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox//internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox//internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox//internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox//internet_explorer/borderMiddleRight.png, sizingMethod='scale');}