/*----------- collingarythomasgrasley (modetwentythree.com) collingrasley@gmail.com --- public domain template, because sharing is good ------- no link back required, but it would be real swell :) --------------------*/

/* -----------------  page styles -------------------------------------------------------*/

body { padding:10px; margin-top:20px; font:13px Verdana, sans-serif; line-height: 19px; background:#f4f4f4 url(../images/bodybg.gif) center repeat-y; color: #555;}
#wrapper { margin:2px auto; width:900px;  padding:0; background:#fff;}

/* -----------------  general styles  -------------------------------------------------------*/

a  { color: #FF3300; text-decoration: none;background:none; }
a:hover { color:#FF3300; background:none; text-decoration:underline; }
a:visited { color:#6633CC; }

/* ----------------- Product page "return to" link  -------------------------------------------------------*/

.return a { color: #FF3300; text-decoration: none;background:none; }
.return a :hover { color:#FF3300; background:none; text-decoration:underline; }
.return a :visited { color:#CCCCCC; }


p { margin:0; padding-top:2px; font-size: 12px;}
p.intro { margin: 8px 0 0 2px; padding: 8px; background-color:#999; font-size: 14px; border: 2px solid #000; color:#000;}
p.youth_schedules { margin: 8px 0px 0 0; padding: 8px; background-color:#999; font-size: 14px; border: 2px solid #000; color:#000; }
p.intro a { color:#FF0000; }
p.order-button { float:right; border: 0px solid #999; margin:0; padding:0px;}
p.back-button { float:right; border: 1px solid #999; margin:5px; padding:4px; background-color:#E0E0F5;}
h2 { font-weight:bold; font-size:18px; padding:10px 0 4px 0px; margin: 0 0 2px 0; color:#000; background:none; border-bottom:1px dotted #950800; }
h2.noline { font-weight:bold; font-size:18px; padding:0px 0 4px 0px; margin: 0 0 2px 0; color:#444; background:none; border-bottom: none; line-height: 18px;}
h2 productIndex { font-weight:bold; font-size:18px; padding:0px 0 4px 0px; margin: 0 0 2px 0; color:#FFF; background:none; border-bottom: 2px dotted #444; }

ul { margin: 3px 0 5px 0; padding : 0; list-style: disc; font-weight: normal;}
ul li .home{ margin-left: 0; padding-left : 0px; list-style : disc; }
li .home { list-style:circle; margin-left:5px; font-size:14px;}
ul li .content { list-style:circle; margin-left:5px; font-size:14px;}


ul.caterpillar { margin-left: 25px; }

ul .product{ margin-left: 0; padding-left : 20px; list-style : disc; }
li .product { list-style:disc; margin-left:15px; font-size:14px; font-weight:normal;}
li .product_index_header { list-style:disc; margin-left:15px; font-size:14px; font-weight:normal;}
 
ul : popup { margin: 0; padding : 0; list-style : ; }
img { border: 0; margin: 0;}
h4 {font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0;}
h3 {font: 18px 'HelveticaNeue-CondensedBold', 'Arial Narrow', Helvetica, Arial, sans-serif; margin:0; font-weight:bold;}
.pic{margin-top:8px;}
/* -----------------  top info  -------------------------------------------------------*/

#header { clear:both; width:900px; height:87px; 
margin:0; padding-bottom: 5px; background-color: #fff;}

#title {float:left; width:200px; padding: 0  0 0px 0px;}
#title h3 {font-size:12px; padding:5px 0 0 0; margin:0; color:#444;}
#hright {float:left; width:900px; height: 30px; margin:3px 0 0 0; color:#FFF;}
#hrighttop {width: 895px; margin: 0 2px 0 0; padding:0; float:right; text-align: right; font-weight:bold; font-size:11px; }
#hrighttop a { display:inline; text-decoration: none; font-weight: bold; font-size:11px;color:#666;}
#hrighttop a:hover { display:inline; text-decoration: underline; font-weight: bold; font-size:11px; color:#777;}
#title p {font-size: 0.9em; color: #808080; padding: 0; background: inherit;}



/* ----------------- Main content -------------------------------------------------------*/

#homepic {width:900px; height:200px; margin:0px 0 0px 0; background-color: #fff; float:left; background-image:url(/images/banner_AFFC.jpg);}

#homepic2 {width:900px; height:153px; margin:2px 0 10px 0; border-top: 0px solid #666; background: url(../images/db_dynamicbannner.jpg) no-repeat;}


/* ----------------- banner for specific product pages -------------------------------------------------------*/
#product_featured{width:900px; height:153px; margin:0px 0 10px 0; border-top: 2px solid #fff;}
/* --------------------------     */

/* ----------------- banner for auxillary pages -------------------------------------------------------*/
#auxillary_featured{width:900px; height:120px; margin:0px 0 10px 0; border-top: 1px solid #666; background: url(../images/banner_aux.jpg) no-repeat;}
/* --------------------------     */


#buynow {margin-top: 0; float:right; width:100%; margin: 0 0 20px 450px; padding-bottom: 30px;}



#homepic a {color:#fff;}
/*#homepic:hover {background: url(../images/homepichover.jpg) no-repeat;} for hover effect on d-banner */
.message{
	position:absolute;
	width:400px;
	float:left;
	margin:40px 0px 20px  365px;
	color:#fff;
	left: 12px;
	top: 93px;
}
#bottomcontenttop{width:900px;height:10px;background: url(../images/b_contenttop.jpg) no-repeat;}
#bottomcontent{width:898px; height:100%;border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5; }
#bottomcontentbtm{width:900px;height:10px;background: url(../images/b_contentbtm.jpg) no-repeat;}

/* breadcrumbs ------------------------------------------------------------------------------*/

.breadcrumbs  {float: left; width: 410px; margin: 0px 5px 10px 0px; color:#777; padding: 0  0px  0px  5px; border-bottom:1px dotted #660033; background-color:#E6E6E6;} 

.breadcrumbs a { color: #660033; }

.breadcrumbs a:hover { color: #6666cc; }

/* ----------------- blue background -------------------------------------------------------*/
.left-product  {float: left; width: 100%; height: 100%; margin:0; ; background-color:#fff;} 

/* ----------------- home page boxes -------------------------------------------------------*/

.left-home-video {float: left; width: 100%; height: 320px; margin: 0px 6px 5px 0px; color:#111;   padding:5px; border-right: 0px solid #CCC; border-bottom: 1px solid #CCC;  background-color:#fff;} 

.videoplayer {float: left; width: 330px; height: 230px; margin: 5px 0px 5px 40px; padding:5px; border: 1px solid #CCC;   background-color: #fff;} 



.left-home li { margin: 5px 5px 5px 0px; padding: 8px 0px 8px 35px; list-style:none; font-size:13px; border-bottom: 1px dashed #CCC; background-image:url(../images/check.gif); background-repeat: no-repeat; background-position: 0.0em;}


.left-product  {float: left; width: 445px; height: 100%; margin: 5px 10px 5px 0px; color:#111;   padding: 0 10px 10px 0px; border-right:1px solid #c6c6c7; background-color:#fff;} 
.left-product-eQ1  {float: left; width: 445px; height: 900px; margin: 5px 10px 5px 0px; color:#111;   padding: 0 10px 10px 0px; border-right:1px solid #c6c6c7; background-color:#fff;} 


.left-product-eq2  {float: left; width: 445px; height: 690px; margin: 5px 10px 5px 0px; color:#111;   padding: 0 10px 0px 0px; border-right:1px solid #c6c6c7; background-color:#fff;} 


.left-product-almond  {float: left; width: 445px; height: 880px; margin: 5px 10px 5px 0px; color:#111;   padding: 0 10px 10px 0px; border-right:1px solid #c6c6c7; background-color:#fff;} 

.left-product-cpa  {float: left; width: 445px; height: 900px; margin: 5px 10px 5px 0px; color:#111;   padding: 0 10px 10px 0px; border-right:1px solid #c6c6c7; background-color:#fff;} 


.left-product-sliver {float: left; width: 445px; height: 840px; margin: 5px 10px 5px 0px; color:#111;   padding: 0 10px 10px 0px; border-right:1px solid #c6c6c7; background-color:#fff;} 

.right-product {float: left; width: 375px; height: 460px; margin: 0px 0px 5px 0; color:#111; padding-left:0px; border-left: 0px solid #CCCCCC; background-color:#fff;}


.right-product-eQ1 {float: left; width: 375px; height: 1150px; margin: 0px 0px 5px 0; color:#111; padding-left:0px; border-left: 0px solid #CCCCCC; background-color:#fff;}
/* for specific height of eQ2 data*/
.right-product-eQ2 {float: right; width: 400px; height: 500px; margin: 10px 5px 5px 0; color:#111; padding:10px; border: 1px solid #666666; background-color:#fff;}

.left-home-image  {float: right; width: 360px; height: 440px; margin: 0 0 0 5px; color:#111; border: 0px dotted #666666; background-color:#fff;} 

.left-product-image  {float: left; width: 360px; height: 440px; margin: 0 0 0 5px; color:#111; border: 0px dotted #666666; background-color:#fff;} 

.left-product-image-cpa  {float: left; width: 360px; height: 770px; margin: 0 0 35px 5px; color:#111; border: 0px dotted #666666; background-color:#fff;} 

/* ========================  boxes home page */

.right-home {float: right; width: 420px; height: 335px; margin: 0 5px 5px 0; color:#111; padding:0px; border: 0px solid #666666; background-color:#fff;}

.right-camp {float: left; width: 420px; height: 250px; margin: 20px 5px 5px 0; color:#111; padding:0px; border: 0px solid #666666; background-color:#fff;}

.left-home  {float: left; width: 420px; height: 335px; margin: 0 6px 5px 0px; color:#111;   padding: 0 0 0 5px; border-right: 0px solid #CCC; background-color:#fff;} 

/*  =====================   */

	
.right-home li { margin: 5px 5px 5px 10px; padding: 8px 0 8px 0; list-style:circle; font-size:12px; }

.left-homeImage  {float: left; width: 400px;  height: 100%; margin: 10px 0px 20px 0px; color:#FFF;   padding:0px; border: 0px solid #666666; background-color:#111111;} 

.right-homeImage {float: right;width: 400px;  margin: 10px 30px 5px 0px; color:#FFF; padding:0px; border: 0px solid #666666; background-color:#111111;}

/* ----------------- Content wide -------------------------------------------------------*/

#content-wide { clear: both; line-height: 1.8em; color: #444; background: #fff; padding: 5px; 
margin:0 0 0 0; border:1px solid #c6c6c7; }

#content-wide-cpa { clear: both; line-height: 1.8em; color: #444; background: #fff; padding: 5px; 
margin:0 0 0 0; border:1px solid #c6c6c7; }

#content-wide-eQ1 { float:left;l line-height: 1.8em; color: #444; background: #fff; padding: 5px; 
margin:0 0 0 0; border:1px solid #c6c6c7; }


/* ----------------- Testimonial box - individual product page -------------------------------------------------------*/

#testimonial-box { clear: both; width: 100%; line-height: 1.8em; color: #444; background:#ecfcd8;  padding: 5px; 
margin:0px 0 40px 0; border:1px dotted #c6c6c7; }

#testimonial-box-almond{ clear: both; width: 100%; line-height: 1.8em; color: #444; background:#ecfcd8;  padding: 5px; 
margin:0px 0 0px 0; border:1px dotted #c6c6c7; }

#testimonial-box-cpa { clear: both; width: 100%; line-height: 1.8em; color: #444; background:#ecfcd8;  padding: 5px; 
margin:0px 0 5px 0; border:1px dotted #c6c6c7; }

#testimonial-box-left{ clear: both; width: 95%; line-height: 1.8em; color: #444; background:#ecfcd8;  padding: 5px; 
margin:0px 0 40px 0; border:1px dotted #c6c6c7; }

/* ----------------- individual product content -------------------------------------------------------*/

.left_product {float: left;width: 865px;margin: 0 6px 5px 5px;   padding:10px; border:none;}
.left_product img {float: right; padding:5px; margin: 10px; border: 1px dotted #666;}

.left-homeImage img { margin: 0; padding: 0; border: 0;}

.right-homeImage img { margin: 0; padding: 0; border: 0;}


/* ----------------- END - home page boxes -------------------------------------------------------*/


.moreinfo
{float: left; margin: 5px 5px 5px 0; color:#111; padding:3px; border: 1px dotted #666666; background-color:#f9eee8;}

.moreinfo: a{
text-decoration:underline }
 

/* ----------------- Prodcuct Index heading box -------------------------------------------------------*/

#product_index_header { clear: both; width:870px; height: 100%; line-height: 1.8em; color: #000; background: #fff; padding: 10px; margin:0px 0 0 0;}
.li product_index_header { font-size:14px; padding-left: 20px; }

/* ----------------- boxes first row -------------------------------------------------------*/
.left {float: left; width: 268px; height:310px; margin: 0 6px 5px 5px; color:#000;   padding:10px; border: 1px dotted #ccc; background-color:#fff;}
.left img { margin: 10px 15px 10px 15px; }
.middle {float: right;width: 270px; height:310px; margin: 0 5px 5px 0; color:#000; padding:10px; border: 1px dotted #ccc; background-color:#fff;}
.middle img { margin: 10px 15px 10px 15px; }
.right {float: right; width: 270px; height:310px; margin: 0 6px 5px 0;  color:#000; padding:10px; border: 1px dotted #ccc; background-color:#fff;}
.right img { margin: 10px 15px 10px 15px; }

.right-metaball {float: right; width: 265px; height:310px; margin: 0 6px 5px 0;  color:#000; padding:10px; border: 1px dotted #ccc; background-color:#fff;}
.right img { margin: 10px 15px 10px 15px; }

/* ----------------- boxes 2nd row -------------------------------------------------------*/
.left_2 {float: left;width: 270px;height:325px; margin: 0 6px 5px 4px;   padding:10px; border: 1px solid #B70000;}
.middle_2 {float: right;width: 270px; height:325px; margin: 0 5px 5px 0; padding:10px; border: 1px solid #B70000;}
.right_2 {float: right;width: 270px; height:325px; margin: 0 6px 5px 0;  padding:10px; border: 1px solid #B70000;}

/* ----------------- How to Order box - product index -------------------------------------------------------*/

.extend_productIndex {float: left; width: 560px; height:310px; margin: 0 0px 20px 0;  color:#000; padding:5px; border: 0px dotted #ccc; background-color:#fff;}

/* ----------------- Main content -------------------------------------------------------*/
.thumbs img{position:relative;padding:1px;margin:5px 8px 5px 9px;border:2px solid #631e19;background:none;}
.thumbs img:hover{border:2px solid #c5c5c5; background:none;}


/* ----------------- individual product content -------------------------------------------------------*/

.left_product {float: left;width: 870px;margin: 0 6px 5px 5px;   padding:10px; border:none; background-color:#fff;}
.left_product img { float: left; padding:5px; margin: 10px; border: 0px dotted #666;}

/* ----------------- GyraTrac content -------------------------------------------------------*/

.gyratrac {float: left;width: 865px;margin: 0 6px 5px 5px;   padding:10px; border:none;}
.gyratrac img { float: left; padding:5px; margin: 10px; border: 0px dotted #666;}

/* ----------------- Video content -------------------------------------------------------*/


.video { float: left; padding:20px 0 50px 0; margin: 20px 0 0 10px; border: 1px dotted #666; width: 100%;}


/* ----------------- Gallery images  -------------------------------------------------------*/

#gallery img {margin: 10px; border: 1px solid #999; }

/* ----------------- popup pages  -------------------------------------------------------*/

#popup { margin:15px; padding:15px; border:1px dotted #333; background-color:#FFF;}

.p popup { margin-top:10px; padding-top:5px;}

/* ----------------- "quote" boxes  -------------------------------------------------------*/

#quotehome { width: 95%; margin:10px 3px 0 0; height: 300px; padding:10px; border:2px solid #000000; background-color:#999; color: #000; font-weight:bold; font-size:14px; line-height: 1.6em;}
#quotehome a { color: #FF3300; text-decoration: underline;}
#quotecamp { width: 95%; margin:10px 3px 0 0; height: 150px; padding:10px; border:1px solid #333; background-color:#eff3f5; color: #333; font-weight:bold; font-size:12px; line-height: 1.8em; float:left;}



/* ----------------- home page announcement boxes  -------------------------------------------------------*/

#announcement { width: 95%; margin:5px 0 10px 0; padding: 0 5px 0 5px; border:1px solid #68bdfe; background-color: #FFF; font-weight:bold; font-size: 14px; color:#333399;}
#announcement img { border-bottom:1px dotted #68bdfe; margin-bottom: 0px;}

#announcement a { text-decoration: underline;}

#announcement a:hover { text-decoration: none;}

/* ----------------- Bottom content -------------------------------------------------------*/

#footer { clear: both; line-height: 1.8em; color: #555; background: #fff; padding: 15px 0 0 200px; 
margin:10px 0 0 0; }
#footer p { font-size: 12px; color:#999; }
#footer a {color: #631e19; background: inherit;}


/* ----------------- list style images -------------------------------------------------------*/

li { list-style-image: url(../inc/images/list_orange.jpg) ; }

/*----/FLASH VIDEO - TESTIMONIALS  ----*/
#flash_testimonials
{
background-color:#fff;
width: 100%px;
height: 180px;
margin:0px  0px 0px 0px;
padding: 5px;
border: 1px dotted #CCC;
float:left;
}

/* table styles for price list*/

.pricelist {
  border: 1px solid #999;
  border-collapse: collapse;
  width: 100%;
}
.pricelist td {
	border:1px solid #999;
	padding: 0.3em;
	
}
.pricelist {
	border:1px solid #999;
	background-color: #e3e3fa;
    color: #666;
	font-weight: normal;
	text-align: left;
	padding: 0.3em;
	margin-top: 8px;
}
.pricelist colgroup.odd {
  background-color: #e3e3fa;
  color: #000000;
}

.pricelist colgroup.even {
  background-color: #e3e3fa;
  color: #000000;
}


/* table styles for colour choices - buy now */

.pricelist-colour {
  border: 1px solid #999;
  border-collapse: collapse;
  width: 75%;
  
}
.pricelist-colour td {
	border:1px solid #999;
	padding: 0.3em;
}
.pricelist-colour {
	border:1px solid #999;
	background-color: #e3e3fa;
    color: #666;
	font-weight: normal;
	text-align: left;
	padding: 0.3em;
}
.pricelist-colour colgroup.odd {
  background-color: #e3e3fa;
  color: #000000;
}

.pricelist-colour colgroup.even {
  background-color: #e3e3fa;
  color: #000000;
  
  
}

.future {
	border:0px solid #999;
	color: #666;
	font-weight: normal;
	text-align: left;
	padding: 0.3em;
	
}

.future td {
	border:1px solid #999;
	padding: 10px;
	
}

.future td {
	margin: 10px;
	border:1px solid #999;
	padding: 10px;
	background-color: #fff;
	
}

/* table styles for colour choices - buy now */

.pricelist-colour2 {
  border: 1px solid #999;
  border-collapse: collapse;
  width: 40%;
}
.pricelist-colour2 td {
	border:1px solid #999;
	padding: 0.3em;
}
.pricelist-colour2 {
	border:1px solid #999;
	background-color: #e3e3fa;
    color: #666;
	font-weight: normal;
	text-align: left;
	padding: 0.3em;
}
.pricelist-colour2 colgroup.odd {
  background-color: #e3e3fa;
  color: #000000;
}

.pricelist-colour2 colgroup.even {
  background-color: #e3e3fa;
  color: #000000;
  
  
}

/* background for top menu - products under development */

.current_page_item  {
	background: #f7ebe3;
	border: 1px dotted #6633CC;
	padding: 5px;
	
	}
	
	
/*  Form styling*/

#form  {
background-color: #F3F3F3;
width: 80%;
margin:10px 0 0 0;
padding: 15px;
border: 1px dotted #CCC;

}


#form_check {
background-color:#C5C5C5;
width: 80%;
margin-left:20px;
padding: 15px;
border: 1px dotted #CCC;

}

.cssform p{
width: 300px;
clear: left;
margin-left: 20px;;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*  TABLE FOR DB THERAPY SECURE PAGE*/

.coaches {
	border:0px solid #999;
	color: #000;
	font-size:13px;
	font-weight: normal;
	text-align: left;
	padding: 0.3em;
	
}

.coaches td {
	border:2px solid #000;
	padding: 10px;
	
}