@charset "UTF-8";

/*
	Name: CCC Styles
	Date: June 2010
	Description: CSS Styles for CCC Website
	Version: 1.0
	Author: James Kemp
	Autor URI: http://www.crearedesign.co.uk
*/

/***** CSS Reset ******/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/***** Global *****/
/* Body */
html {
    background-color:#474747;
    height:100%
}

body {
    background: #c8c8c8 url('/img/layout/main-bg.jpg') repeat-x 0 0;
    color: #666;
    font-size: 62.5%;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    line-height: 1.429;
    margin: 0;
    padding: 0;
    text-align: left;
    overflow:auto
}

/* Headings */
h1, h2, h3, h4 {
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 0.8em;
    color:#071018
}

h1 {
    font-size:1.8em;
    color:#2b477e
}

h2 { font-size: 1.6em }

h3 { font-size: 1.4em }

h4 { font-size: 1.2em }

h1.head_sub {
    font-size:1.4em;
    color:#071018
}

/* Anchors */
a { outline: 0; }

a img {
    border: 0px;
    text-decoration: none;
}

a:link, a:visited {
    color: #2b477e;
    padding: 0;
    text-decoration: underline;
}

a:hover, a:active {
    color: #2b477e;
    text-decoration: none;
}

/* Paragraphs */
p, ul, ol {
    font-size:1.2em;
    margin-bottom: 0.8em;
}

p ul, ul ul, ul ol, ol ul, ol ol, ul p, ol p { font-size:1em }

ul ul, ul ol, ol ul, ol ol { padding:0 0 0 1em }

strong, b { font-weight: bold; }

em, i { font-style: italic; }

/* Lists */
ul {
    list-style: outside disc;
    margin: 1em 0 1.5em 2.5em;
}

ol {
    list-style: outside decimal;
    margin: 1em 0 1.5em 2.5em;
}

dl { margin: 0 0 1.5em 0; }

dt {
    font-size:1.2em;
    font-weight:bold;
    margin:0 0 0.5em;
    padding:0 0 0 1em;
}

dd { margin-left: 1.5em; }

/* Quotes */
blockquote { font-style: italic; }

/* Tables */
table {
    margin: .5em auto 1.5em auto;
    width: 98%;
}

/* Thead */
	thead th {
    padding: .5em .4em;
    text-align: left;
}

thead td { }

/* Tbody */
	tbody td { padding: .5em .4em; }

tbody th { }

tbody .alt td { }

tbody .alt th { }

/* Tfoot */
	tfoot th { }

tfoot td { }

/***** Tools *****/
.last { margin:0 !important; }

.f-left {
    float:left !important;
    display:inline;
    margin:5px 20px 5px 5px
}

.f-right {
    float:right !important;
    display:inline;
    margin:5px 5px 5px 20px
}

/***** Layout ******/
/* Wraps and Blocks */
.wrapper {
    background:transparent url(/img/layout/navigation/subnav-bg.gif) no-repeat -9999px -9999px;
    width:960px;
    margin:0 auto;
    overflow:hidden;
    clear:both
}

#header {
    width:960px;
    height:202px;
    margin:0 auto;
    overflow:hidden;
    display:block;
    clear:both;
    background:transparent url(/img/sprites/vertical-sprite.jpg) no-repeat right 0;
    position:relative
}

#flash {
    float:left;
    display:inline;
    margin:0 10px 10px;
    width:518px;
    background-color:#fff;
    border:1px solid #d5d5d5;
    padding: 6px 5px 7px;
    overflow:hidden
}

#ccc-video {
    float:left;
    display:inline;
}

.main {
    width:750px;
    overflow:hidden;
    float:right;
    display:block;
    margin:25px 0
}

.main-wide {
    width:100%;
    overflow:hidden;
    float:right;
    display:block;
    margin:25px 0
}

.main-r {
    float:right;
    display:inline;
    width:198px;
    background-color:#fff;
    border:1px solid #d5d5d5;
    padding: 0
}

.main-c {
    float:left;
    display:inline;
    margin:0 10px;
    width:508px;
    background-color:#fff;
    border:1px solid #d5d5d5;
    padding: 10px
}

.main-c-wide {
    float:left;
    display:inline;
    margin:0 10px 0 0;
    width:728px;
    background-color:#fff;
    border:1px solid #d5d5d5;
    padding: 10px
}

.main-c img, .main-c-wide img {
    float:left;
    padding:5px;
    background:#fff;
    border:1px solid #ccc
}

.main-c img.img_head, .main-c-wide img.img_head {
    float:none;
    display:block;
    padding:0;
    background:none;
    border:none
}

.main-l {
    float:left;
    display:inline;
    width:208px;
    background-color:#fff;
    border:1px solid #d5d5d5;
    padding:0;
    margin:25px 0
}

#footer {
    background:#36b0ea url(/img/layout/footer-bg.png) repeat-x 0 0;
    border-bottom:4px solid #2b8ab8;
    float:left;
    width:100%
}

#footer .main-r {
    background:none;
    border:none;
}

#footer .main-c {
    width:528px;
    background:none;
    border:none;
    padding:0
}

#footer .main-l {
    width:208px;
    background:none;
    border:none;
    padding:0;
}

/***** Header Section *****/
#logo {
    position:absolute;
    width:305px;
    height:85px;
    top:64px;
    left:325px
}

#contact_number {
    position:absolute;
    width:223px;
    height:41px;
    top:83px;
    left:0
}

/***** Navigation *****/
#nav {
    width: 960px;
    height:42px;
    display:block;
    clear:both;
    background:transparent url(/img/layout/nav-divider.gif) no-repeat right 0;
    margin:0 auto;
    padding:0;
}

#nav li {
    float:left;
    display:inline;
    height:42px;
    background:transparent url(/img/layout/nav-divider.gif) no-repeat left 0;
    position:relative
}

#nav li a {
    font-size:1em;
    text-transform:uppercase;
    text-decoration:none;
    line-height:42px;
    display:block;
    height:42px;
    text-align:center
}

#nav li.sub a {
    background:transparent url(/img/layout/navigation/nav-arrow.gif) no-repeat 80% 50%;
    text-indent:-25px
}

#nav li.sub li a, #nav li.sub li li a {
    background:none;
    text-indent:0;
}

#nav li#nav-home a { width:85px }

#nav li#nav-relief a { width:128px }

#nav li#nav-pain a { width:150px }

#nav li#nav-news a { width:152px }

#nav li#nav-about a { width:112px }

#nav li#nav-about-you a { width:123px }

#nav li#nav-faq a { width:83px }

#nav li#nav-contact a { width:127px }

#nav li a img { margin:0 0 0 10px }

#nav li ul {
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:none;
    border-top:1px solid #ccc;
    display:none;
    left:1px;
    margin:0;
    position:absolute;
    top:42px;
    z-index:9999;
    
    
    background:url(/img/layout/navigation/subsubnav-bg.gif) repeat-x 0 bottom #f3f3f3 !important;
    padding:0;
    width:234px !important
    
    
}

#nav li ul a { width:184px !important }

#nav li li {
    background: url(/img/layout/navigation/nav-arrow-right.gif) no-repeat 198px 50%;
    float:left; display:inline; height:auto; padding:0 25px; width:234px !important
}

#nav li li.nosub { background:none }

#nav li li a {
    text-align:left;
    color:#2B477E;
    line-height:1.2;
    padding:10px 0;
    float:left;
    display:block;
    text-transform: capitalize;
    height:auto;
    border-bottom:1px solid #d7d7d7; border-top:1px solid #fff;
}

#nav li.hover ul, #nav li ul.hover li { display:block }

#nav li li ul {
    display:none;
    top:-1px !important;
    left:234px !important;
    background:url(/img/layout/navigation/subsubnav-bg.gif) repeat-x 0 bottom #f3f3f3 !important;
    border-bottom:none;
    border-top:1px solid #ccc;
    overflow:hidden;
    padding:0;
    width:234px !important
}

#nav li li li { background:none !important; float:left; display:inline; overflow:hidden; height:auto; padding:0 25px; width:184px !important }

#nav li li li a {
    line-height:1.2;
    padding:10px 0;
    float:left;
    display:block;
    text-transform: capitalize;
    height:auto;
    border-bottom:1px solid #d7d7d7; border-top:1px solid #fff;
}

#nav li li.hover ul, #nav li li ul.hover li { display:block !important }

.homepage #nav li#nav-home a, .relief #nav li#nav-relief a.mainli, .pain #nav li#nav-pain a.mainli, #news-articles #nav li#nav-news a, .about-us #nav li#nav-about a, .about-you #nav li#nav-about-you a, .faqs #nav li#nav-faq a, .contact #nav li#nav-contact a, #nav li a:hover { text-decoration:underline }

#nav li.hover a { text-decoration:underline }

#nav li.hover li a { text-decoration:none }

#nav li.hover li a:hover { text-decoration:underline }

#nav li li.hover a { text-decoration:underline }

#nav li li.hover li a { text-decoration:none }

#nav li li.hover li a:hover { text-decoration:underline }

/***** Components *****/
.btn {
    height:27px;
    overflow:hidden;
    line-height:27px;
    float:left;
    display:block;
    text-transform:lowercase;
    padding:0 15px 0 0;
    background:url(/img/layout/buttons/stretch-btn.png) no-repeat 0 0;
    font-size:1.2em
}

.btn span {
    display:block;
    line-height:27px;
    margin:0 0 0 18px;
    padding:0 18px 0 0;
    background:url(/img/layout/buttons/stretch-btn.png) no-repeat right 0;
}

.btn, a:link.btn, a:visited.btn, .btn span {
    text-decoration:none;
    color:#fff
}

button.btn {
    border:none
}

/***** Callouts *****/
.callout {
    width:186px;
    padding:5px;
    margin:5px;
    border:1px solid #ccc;
    text-align:center;
    overflow:hidden
}
.main-r .callout {
    border:none;
    padding:0
}

/* Specific Callouts - Emergency */
    #emergency {
    background:#7eb8dd url(/img/callouts/emergency-chiropractic-appointments.gif) no-repeat 5px 5px;
}

#emergency p {
    color:#2b477e;
    margin:50px 0 6px;
    line-height:1;
    padding:0 6px
}

#emergency .btn {
    width:138px;
    margin:0 auto;
    float:none
}

/* Specific Callouts - Interactive */
    #interactive {
    height:128px;
    background:transparent url(/img/callouts/interactive-body.jpg) no-repeat 5px 5px
}

#interactive .btn { margin:30px 0 0 5px; }

/* Specific Callouts - Interactive */
    #logos img {
    float:left;
    display:inline
}

/* Specific Callouts - Interactive */
    #trains {
    height:126px;
    background:url(/img/layout/sidebar/train-times-bg.gif) no-repeat 5px 5px;
    text-align:left
}

#trains h2 {
    color:#474747;
    margin:0.5em 0 0.2em 8px
}

#trains p { margin:0 0 0 8px }

#trains a.btn { margin:0.5em 0 0 5px }

/***** Right Side Bar *****/
.main-r h4 {
    padding:0 15px;
    margin:0 0 0.2em
}

.main-r .item { margin:0 0 20px }

.main-side-box {
    overflow:hidden;
    margin:0 0 15px;
    padding:1px 0 0;
    float:left;
    display:inline;
    clear:both;
    width:198px
}

.main-side-box h2 {
    text-transform:lowercase;
    font-size:1.4em;
    display:block;
    margin:0 0 20px;
    padding:0 15px;
    line-height:30px;
    background:#36b0ea;
    color:#fff
}

.main-side-box h2 span {
    text-transform:lowercase;
    color:#fff;
    font-weight:normal;
}

.main-side-box ul, .main-side-box p { margin:0 15px 1em; }

.main-side-box ul { list-style:none }

.main-l .main-side-box { width:208px; }

#opening ul {
    margin:0 0 1.5em;
    width:135px;
    padding:30px 32px 0;
    background:url(/img/layout/sidebar/opening-bg.jpg) no-repeat 10px 0;
}

#opening li {
    list-style:none outside none;
    text-align:right
}

#opening li span {
    color:#ea9936;
    font-weight:bold;
    text-transform:lowercase;
    float:left;
    display:inline
}

/* #news h2 { background:#2b477e url(/img/layout/sidebar/rss-head-bg.gif) no-repeat 165px 4px; } */

#contact-info { margin:0 0 10px }

/***** Footer *****/
#footer h2 {
    font-size:1.4em;
    color:#fff
}

#footer a:link, #footer a:visited { color:#e1f5ff }

#footer ul, #footer ol, #footer p {
    margin:0 0 1.5em;
    color:#e1f5ff;
}

#footer li { list-style:none outside none }

#footer .list-col {
    width:166px;
    margin:0 15px 0 0;
    float:left;
    display:inline;
}

#footer #associates {
    width:513px;
    overflow:hidden;
}

#footer #associates img {
    float:left;
    display:inline;
    width:auto;
    border:none;
    background:none;
    padding:0;
    margin:0
}
/***** TABS *****/

/*ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 22px; /*--Set height of tabs--
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 21px; /*--Subtract 1px from the height of the unordered list--
	line-height: 21px; /*--Vertically aligns the text within the tab--
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--
	overflow: hidden;
	position: relative;
	background: #ececec;
}
ul.tabs li a {
	text-decoration: none;
	color: #2B477E;
	display: block;
	padding: 0 10px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--
	outline: none;
    text-transform:uppercase
}
ul.tabs li.active a {
    color:#E6437A
}
ul.tabs li a:hover {
	background: #eee;
    color:#E6437A
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--
	background: #fff;
    color:#E6437A;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 10px;
}
.main-c ul.tabs { width:507px; }
.main-c .tab_container { width:506px; }
.main-c-wide ul.tabs { width:727px; }
.main-c-wide .tab_container { width:726px; }*/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */

.tabs-hide { display: none; }
}

/* Hide useless elements in print layouts... */
@media print {

.tabs-nav { display: none; }
}

.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.tabs-nav li { }

.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
}

.tabs {
    background: #fff url(/img/layout/tabs-bg.gif) repeat-y 0 21px; /* declare background color for container to avoid distorted fonts in IE while fading */
    border-bottom:1px solid #999;
    border-top:none;
    overflow:hidden
}

.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

.tabs ul#tab_nav {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 22px; /*--Set height of tabs--*/
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #fff;
    width: 100%;
}

.tabs ul#tab_nav li {
    float: left;
    margin: 0;
    padding: 0;
    height: 21px; /*--Subtract 1px from the height of the unordered list--*/
    line-height: 21px; /*--Vertically aligns the text within the tab--*/
    border: 1px solid #999;
    border-left: none;
    margin-bottom: -1px; /*--Pull the list item down 1px--*/
    overflow: hidden;
    position: relative;
    background: #ececec;
}

.tabs ul#tab_nav li a {
    text-decoration: none;
    color: #2B477E;
    display: block;
    padding: 0 10px;
    border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
    outline: none;
    text-transform:uppercase
}

.tabs ul#tab_nav li.tabs-selected a { color:#EA9936 }

.tabs ul#tab_nav li a:hover {
    background: #eee;
    color:#EA9936
}

html .tabs ul#tab_nav li.tabs-selected, html .tabs ul#tab_nav li.tabs-selected a:hover { /*--Makes sure that the tabs-selected tab does not listen to the hover properties--*/
    background: #fff;
    color:#EA9936;
    border-bottom: 1px solid #fff; /*--Makes the tabs-selected tab look like it's connected with its content--*/
}

.tab_container {
    border: 1px solid #999;
    border-top: none;
    overflow: hidden;
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
}

.tab_content {
    clear:both;
    padding:20px 10px 10px;
}

.main-c .tabs ul#tab_nav { width:506px; }

.main-c-wide .tabs ul#tab_nav { width:726px; }

.main-c-wide .tabs { background: #fff url(/img/layout/tabs-bg-wide.gif) repeat-y 0 21px; }

/***** Homepage Specific *****/
#image-links {
    overflow:hidden;
    padding:5px 15px
}

#image-links img { margin:0 24px 0 0 }

/***** Contact Form *****/
#maincontact {
    border:1px solid #999;
    padding:10px 10px 0;
    width:486px;
    overflow:hidden;
    background:#eee
}

#maincontact input, #maincontact textarea {
    color:#777;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size:1.1em
}

#maincontact label span { display:none; }

#maincontact fieldset {
    float:left;
    display:inline;
    width:486px;
    clear:both;
    margin:0 0 10px
}

#maincontact .form-l, #maincontact .form-r {
    width:238px;
    display:inline;
}

#maincontact .form-l {
    float:left;
    margin:0 10px 0 0;
}

#maincontact .form-r {
    float:right;
    margin:0;
}

#maincontact .form-l input, #maincontact .form-r input {
    border:1px solid #777;
    padding:3px 5px;
    width:226px;
}

#maincontact .form-s {
    width:476px;
    float:left;
    clear:both;
    margin:0 0 10px
}

#maincontact .form-s input, #maincontact textarea {
    width:474px;
    display:inline;
    border:1px solid #777;
    padding:3px 5px;
}

#maincontact textarea { height:150px }

#maincontact .submit-btn {
    float:left;
    margin:8px 0 0 -3px
}

.form-pass p { color:#35ba7d }

.form-fail p { color:#e4415c }

/***** WP Styles *****/
#searchform {
    padding:15px 15px 0;
    overflow:hidden
}

#searchform label { display:none }

#searchform #s {
    border:1px solid #BBBBBB;
    display:inline;
    float:left;
    padding:3px 5px;
    width:86px;
    margin:3px 0 0
}

#searchform #searchsubmit {
    float:left;
    display:inline;
    margin:0 0 0 4px;
    background: url(/img/layout/buttons/search.gif) no-repeat 0 0;
    border:none;
    text-indent:-9999px;
    overflow:hidden;
    height:27px;
    width:76px
}

/* Posts List */
    .post {
    border-bottom:1px solid #DDDDDD;
    clear:both;
    display:inline;
    float:left;
    margin:0 0 20px;
    overflow:hidden;
    padding:0 0 20px;
    width:508px;
}

.post .entry-meta {
    background:none repeat scroll 0 0 #EFEFEF;
    border:1px solid #BBBBBB;
    float:right;
    font-size:0.9em;
    margin:-25px 5px 15px 15px;
    padding:5px 0;
    text-align:center;
    width:50px;
}

.post .entry-meta a {
    text-decoration:none;
    text-transform:uppercase
}

#nav-above { margin:0 0 20px }

.main-c .navigation {
    overflow:hidden;
    float:left;
    display:inline;
    clear:both;
    width:508px
}

.main-c .navigation .nav-previous {
    float:left;
    display:inline;
    width:200px
}

.main-c .navigation .nav-next {
    float:right;
    text-align:right;
    display:inline;
    width:200px
}

/* 404 */

#goog-wm ul { margin:15px 0 20px }
#goog-wm h3 { display:none }

.search-goog { list-style:none none outside }
.search-goog form { overflow:hidden }

#goog-wm-qt { height:16px; float:left; display:inline; line-height:16px; padding:3px; margin:2px 10px 0 0; width:250px; border:1px solid #ccc }
#goog-wm-sb { height:28px; width:74px; float:left; display:inline; border:none; background:url(../img/layout/buttons/search.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden }

/* Colorbox */

/*
    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(/img/cb/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/img/cb/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/img/cb/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/img/cb/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/img/cb/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/img/cb/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/img/cb/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/img/cb/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/img/cb/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(/img/cb/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(/img/cb/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/img/cb/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/img/cb/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/img/cb/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 are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/cb/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/cb/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/cb/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/cb/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/cb/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/cb/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/cb/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/cb/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

body.iframe { background:none; }
#laser-therapy-vid, #testimonials { float:left; display:inline; }

/* 3D VIDEOS */
#player { 
	border:1px solid #CCCCCC;
    display:inline;
    float:right;
    margin:0 0 10px 20px;
    padding:5px;
    height:355px;
    overflow:hidden
}