/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body {
	background: #ffebd3;
	color: #7a7b7e;
	padding: 0 0 2.5em;
	text-align:center;
}

.shadowContainer {
	background: url(../images/Site-Resources/shadow-background.png) repeat-y center;
	text-align:center;
	position: inherit;
	z-index:-1000;
}

.flameTop {
	height:2.3125em;
	background:url(../images/Site-Resources/flame-top.gif) center bottom no-repeat;
}

.headerHolder {
	width:100%;
	margin:auto;
	position: absolute;
	top:2.3125em;
	z-index:2;
}

.orangeHalf {
	width:50%;
	margin:0;
	padding:0;
	background:#f89a2a;
	display:inline-block;
	float:left;
	height:9.0625em;
	position:relative;
}

#ProductPage .orangeHalf {
	width:25%;
}


.greyHalf {
	width:50%;
	margin:0;
	padding:0;
	background:#f8f8f8 url(../images/Site-Resources/home-right-header.gif) top left no-repeat;
	display:inline-block;
	float:right;
	height:9.0625em;
	position:relative;
}

#ProductPage .greyHalf {
	width:75%;
}


.back .greyHalf {
	background:#008998 url(../images/Site-Resources/back-right-header.gif) top center no-repeat;
}


	
.splitHolder {
	text-align:center;
	margin:0 auto;
	position:relative;
	background:none;
	
}

div.header {
	background:none;
	z-index:100;
	position:relative;
}

div.article {
	position:relative;
	top:9.0625em;
}

.headerImage {
	height:9.0em;
	background: url(../images/Site-Resources/header-lifestyle-1.png) center top no-repeat;
	position:relative;
}



#BrandingDiv {
	display:inline-block;
	float:left;
	background:url(../images/Site-Resources/logo-background.png) no-repeat top right;
	height:9.0625em;
}

#MainNavDiv {
	display:inline-block;
	float:right;
}

div#Footer {
	background:url(../images/Site-Resources/shadow-background-footer.png) top center no-repeat;
	text-align:center;
}
#Footer ul {
	text-align:center;
}

#Footer li {
	list-style:none;
	display:inline-block;
	float:none;
	margin:1em 0 0 0;
	padding: 0 1em;
	position:relative;
}

#Footer li a {
	font-style:normal;
	color:#444;
	font-size:.625em;
}

/* anchors
----------------------------------------------- */
a {
	color: #f89a2a;
	text-decoration: none;
	font-style:italic;
	display:inline-block;
}
a:hover {
  color:#333;
  border-bottom:#f89a2a 1px dotted;
  
}


/* 960 grid system container background
----------------------------------------------- */
.container_12 {

  /* url("../img/gridlines_12_col.gif") center top repeat-y*/
  
}

.container_16 {

  /* url("../img/gridlines_16_col.gif") center top repeat-y */

  position:relative;
}


/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
h2 {margin-top:1em;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}


h1 a {
	font-weight:normal;
}

h1 img {
	margin-top:.9em;
	margin-left:.9em;
}

h1 span {
	position:relative;
	top:-999999px;
}


/* branding
----------------------------------------------- */
h1#branding {
	font-weight:normal;
	font-size:1em;
	text-align:left;
	margin:0.03em 0 0 0.69em;
}

h1#branding span {
	margin-left:-20em;
}

/* page heading
----------------------------------------------- */
h2#page-heading {
	font-weight:normal;
	padding:.5em;
	margin:0 0 0.625em 0;
	border-bottom:0.0625em solid #ccc;
}


/* boxes
----------------------------------------------- */
.box {
	float:left;
	margin-bottom:1.25em;
	padding:0.625em 0.625em 0.0625em 0.625em;
	display:inline-block;
}
.box h2 {
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	background:#333;
	margin:-0.625em -0.625em 0 -0.625em;
	padding:0.375em .75em;
}
.box h2 a,
.box h2 a.visible {
	color:#fff;
	background:#333 url("../img/switch_minus.gif") 96% 50% no-repeat;
	display:block;
	padding:0.375em 0.75em;
	margin:-0.375em -0.75em;
	border:none;
}
.grid_4 .box h2 a {
  background-position: 97% 50%;
}
.grid_5 .box h2 a {
  background-position: 98% 50%;
}
.grid_12 .box h2 a {
  background-position: 99% 50%;
}


.box h2 a.hidden,
.box h2 a.hidden:hover {
	background-image: url("../img/switch_plus.gif");
}
.box h2 a:hover {
	background-color:#111;
}
.block {
	padding-top:0.625em;
}
div.menu {
  padding:0;
}
div.menu h2 {
  margin:0;
}
div.menu .block {
	padding-top:0;
}


/* paragraphs, quotes and lists
----------------------------------------------- */
p {
  margin-bottom:1em;
}
blockquote {
  font-family: Georgia, 'Times New Roman', serif;
  font-size:1.2em;
  padding-left:1em;
  border-left:0.25em solid #ccc;
}
blockquote cite {
  font-size:.9em;
}
ul, ol {
  padding-top:0;
}


/* menus
----------------------------------------------- */
ul.menu {
	list-style:none;
	border-top:0.0625em solid #bbb;
}
ul.menu li {
	margin:0;
}
ul.menu li a {
	display:block;
	padding:0.25em 0.625em;
	border-bottom:0.0625em solid #ccc;
}
ul.menu li a:hover {
	background:#eee;
}
ul.menu li a:active {
	background:#ccc;
}


/* submenus
----------------------------------------------- */
ul.menu ul {
	list-style:none;
	margin:0;
}
ul.menu ul li a {
	padding-left:30px;
}


/* section menus
----------------------------------------------- */
ul.section {
	border-top:0;
	margin-bottom:0;
}
ul.section li {
	text-transform:uppercase;
}
ul.section li a {
	background:#bbb;
}
ul.section li a:hover {
	background:#aaa;
}
ul.section li a:active {
	color:#fff;
	background:#666;
}
ul.section li li a {
	background:#ddd;
	border-bottom:0.0625em solid #eee;
}
ul.section li li a:hover {
	background:#ccc;
}
ul.section li li a:active {
	color:#000;
	background:#fff;
}
ul.section ul li {
	text-transform:none;
}
ul.section ul.current li a {
	background:#eee;
	border-bottom:0.0625em solid #fff;
}
ul.section ul.current li a:hover {
	background:#ddd;
}
ul.section ul.current li a:active {
	background:#fff;
}
ul.section li a.current {
	color:#fff;
	background:#666;
}
ul.section li a.current:hover {
	background:#555;
}
ul.section li a.current:active {
	background:#444;
}
ul.section li a.active {
	background:#fff;
	cursor:default;
}
ul.section li.current > a.active,
ul.section li.current > a.active:hover {
	color:#fff;
	background:#666;
	cursor:default;
}


/* table
----------------------------------------------- */
table {
  width:100%;
  border:0.0625em solid #bbb;
  margin-bottom:0.625em;
}
col.colC {
  width:8em;
}
th, td {
  padding:.2em 1em;
  text-align:left;
}
thead th {
  border-bottom:2px solid #888;
  background:#bbb;
  padding:.4em 1em .2em;
}
thead th.table-head {
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	background:#555;
	border:0.0625em solid #555;
}
tbody th,
tbody td {
  border-top:0.0625em solid #bbb;
  border-bottom:0.0625em solid #bbb;
  background:#eee;
}
tbody tr.odd th,
tbody tr.odd td {
  background:#fff;
}
tfoot th,
tfoot td {
  border-top:2px solid #666;
  background:#eee;
}
tfoot tr.total th,
tfoot tr.total td {
  border-top:6px double #666;
}
tfoot tr.total th {
  text-transform:uppercase;
}
th.currency,
td.currency {
  text-align:right;
}


/* forms
----------------------------------------------- */
form {
  overflow:hidden;
}
fieldset {
  border:0.0625em solid #bbb;
  padding:0.625em;
  position:relative;
  background:#e9e9e9;
  margin-bottom:0.625em;
}
legend {
  font-size:1.1em;
  padding:.4em .8em;
  background:#fff;
  border:0.0625em solid #bbb;
}
fieldset.login p {
  margin-bottom:1em;
  margin-top:0pt;
}
fieldset p label {
  width:98%;
}
fieldset p input {
  width:98%;
}
fieldset p select {
  width:99%;
}
fieldset.login p label {
  float:left;
  line-height:2em;
  margin-right:3%;
  text-align:right;
  width:32%;
}
fieldset.login p input {
  width:60%;
}
fieldset.login input.button {
  margin-left:35%;
}
form p.notice {
  font-weight:bold;
}
input.search.text {
  width:66%;
}
input.search.button {
  width:28%;
  margin-left:2%;
}



/* site information
----------------------------------------------- */
#site_info .box {
  color:#fff;
  background:#666;
  margin-bottom:0.625em;
}


/* AJAX sliding shelf
----------------------------------------------- */
#loading {float:right; margin-right:16px;}
.block {padding-bottom:0.0625em;}


/* Accordian
----------------------------------------------- */
.toggler {
	color: #222;
	margin: 0;
	padding: 2px 0.3125em;
	background: #eee;
	border-bottom: 0.0625em solid #ddd;
	border-right: 0.0625em solid #ddd;
	border-top: 0.0625em solid #f5f5f5;
	border-left: 0.0625em solid #f5f5f5;
	font-size:1.1em;
  font-weight: bold;
}
dd h4 {
	margin: 0;
	padding:0.25em;
	line-height:1.2em;
}
dd p {
	margin: 0;
	padding: 0.25em;
}
.float-right {
	padding:0.625em 20px;
	float:right;
}

#accordian-block {
  padding-bottom:0.625em;
}

  #accordian-block dd {
    width: 380px;
  }

/* CN Micro-site ****
*********************
*/


/*SEARCH BOX */
div#SearchArea {
	float:right;
}

#SearchArea input {
	border:1px solid #f89a2a;
}

/* INFO BAR */
.infoBar {
	text-align:center;
	display:block;
	height:8.0625em;
	background: url(../images/Site-Resources/infobar-background.gif) center no-repeat;
	clear:both;
	position:relative;
	width:100%;
	margin:auto;
	top:-3.3125em;
	z-index:150;
	overflow:hidden;
}

#ProductPage .infoBar {
	top:0;
}
	
div.infoWrap {
	background:#bbb;
	display:block;
	margin:auto 0;
}
	

.infoBar object, .infoBar ul {
	margin-left: 1em;
	display:inline-block;
	float:left;
}



.infoBar li {
	margin: 2.875em 0 0 2em;
	list-style:none;
	color:#fff;
}

.infoBar li h2 {
	letter-spacing:-0.05em;
	margin:0;
	padding:0;
	line-height:.9em;
}

.infoBar li p {
	margin:0;
	font-size:0.875em;
	line-height:1.2em;
}
	
.infoBar img {
	margin-top:.8em;
}

/* HOMEPAGE CONTENT */

#HomePage .content {
	position:relative;
	top:-2em;
}

#HomePage .content .leftColumn ul li, #ProductPage .content .leftColumn ul li {
	list-style:none;
	padding:0;
	margin:0;
}

#HomePage .content .leftColumn ul li h2, #ProductPage .content .leftColumn ul li h2{
	font-size:1.125em;
	font-weight:normal;
	line-height:1.5em;
	padding:0;
	margin:0;
	color:#444;
}

#HomePage .content .leftColumn p, .content .middleColumn p, #ProductPage .content .rightColumn p, #ProductPage .content .leftColumn p {
	font-size:0.75em;
	line-height:1.5em;
	margin-bottom: 3em;
}

	

.content .leftColumn h2, #HomePage .content .middleColumn h2,  .content .rightColumn h2 {
	color:#008596;
	font-weight:normal;
	line-height:1.5;
}

#HomePage .content .middleColumn h2 {
	margin-top:0;
}

.content h3 {
	font-size:.75em;
}

.content ol {
	font-size:.75em;
	line-height:1.5em;
}

.content h4 {
	font-size:.6em;
}

.content ol.reset li {
	font-size:.6em;
}

#ProductList {
	border-top:#f89a2a 2px solid;
}



.productSummary li {
	float:left;
	position:relative;
	display:inline-block;
}

ul.productSummary {
	background:#fff;
}

.productSummary a:hover {
	border:none;
}
.productSummary li h2 {
	font-size:2em;
}

.productSummary li h2 a {
	color:#333;
	border:none;
	font-style:normal;
	font-weight:normal;
	padding-left:.75em;
}

.productSummary li p a {
	padding-left:1em;
	color:#7a7b7e;
	line-height:2em;
	font-style:normal;
	font-size:1.5em;
}

.productSummary img {margin-left:1em; border:#fff 1px solid}


li.productSummary {
	border-bottom:#e5e5e5 1px solid;
}

/*PRODUCT PAGES */

.back .greyHalf {
	background:#008998 url(../images/Site-Resources/back-right-header.gif) top center no-repeat;
}
.back .productHeader {
	background-color:#008998;
}

#ProductPage .back .content .rightColumn h2, .back .content .leftColum h2 {
	color:#008596;
}
.back a.buyNow {
	background:url(../images/Site-Resources/back-buy-now.png) no-repeat; float:left; margin-top:50px;
}

.knee .greyHalf {
	background:#e70034 url(../images/Site-Resources/knee-right-header.gif) top center no-repeat;
}
.knee .productHeader {
	background-color:#e70034;
}
.knee .content h2,  .knee .content .rightColumn h2  {
	color
	:#e70034;
}
.knee a.buyNow {
	background:url(../images/Site-Resources/knee-buy-now.png) no-repeat; float:left; margin-top:50px;
}

.neck .greyHalf {
	background:#ff6f1f url(../images/Site-Resources/neck-right-header.gif) top center no-repeat;
}
.neck .productHeader {
	background-color:#ff6f1f;
}
.neck .content h2,  .neck .content .rightColumn h2  {
	color:#ff6f1f ;
}
.neck a.buyNow {
	background:url(../images/Site-Resources/neck-buy-now.png) no-repeat; float:left; margin-top:50px;
}

.menstrual .greyHalf {
	background:#ff77b3 url(../images/Site-Resources/menstrual-right-header.gif) top center no-repeat;
}
.menstrual .productHeader {
	background-color:#ff77b3;
}
.menstrual .content h2,  .menstrual .content .rightColumn h2  {
	color:#ff77b3;
}
.menstrual a.buyNow {
	background:url(../images/Site-Resources/menstrual-buy-now.png) no-repeat; float:left; margin-top:50px;
}

.hand .greyHalf {
	background:#008628 url(../images/Site-Resources/hand-right-header.gif) top center no-repeat;
}
.hand .productHeader {
	background-color:#008628;
}
.hand .content h2,  .hand .content .rightColumn h2  {
	color:#008628;
}
.hand a.buyNow {
	background:url(../images/Site-Resources/hand-buy-now.png) no-repeat; float:left; margin-top:50px;
}

div.productHeader {
	max-width:22.5em;
	margin:0 .6em;
}

.productHeader h2{
	color:#fff;
	font-size:2.25em;
	margin-top:0;
	display:block;
	padding:.2em;
}

.productHeader h2 span {
	font-size:0.2em;
	line-height:1.5em;
	width:30em;
	display:inline-block;
}

.productSummary ul {
	margin:1em 0 0 0;
}

.productSummary li {
	padding:0;
	margin:0 0 1em 0;
	list-style:none;
	font-size:0.75em;
	color:#303030;
	line-height:1.5em;
}


#ProductPage .infoBar li {
	max-width:40em;
}

#ProductPage .infoBar li p {
	font-size:0.625em;
}

#ProductPage .leftColumn ul {
	margin-top:1.75em;
}

.prodImage a {
	text-align:center;
	height:283px;
}

.prodImage a:hover {
	border:none;
}

div.zoomButton {
	position:relative;
	top:-192px;
	display:none;
}

div.thumbs {
	height:83px;
}

a.buyNow {
	position:relative;
	float:right;
	letter-spacing:-.05em;
	font-size:2.015625em;
	display:block;
	width:6.569em;
	height:2.1em;
	padding:.5em;
	font-weight:bold;
	color:#fff;
	font-style:normal;
	top:-.5em;
	right:-.5em;
	text-align:center;
}

a.buyNow:hover {
	border:none;
}

a.buyNow span {
	font-size:.5em;
	line-height:1em;
	display:inline-block;
	font-weight:normal;
	text-align:left;
}

.newsticker {
	list-style-type: none;
	margin: 0;
}


#FaqPage div.content, #DemoPage div.content, #TestimonialPage div.content, #ContactPage div.content {
	position: inherit;
	background:#fff;
	display:inline-block;
}

#FaqPage h2, #DemoPage h2, #TestimonialPage h2, #ContactPage h2 {
	font-size:1em;
	font-weight:normal;
	color:#f89a2a;
}

.questionList ul{
	margin:0;
	padding:0;
}
.questionList li, .answerList li {
	list-style:none;
	padding:0;
	margin:0;
	
}

.questionList li a {
	display:block;
	font-style:normal;
	font-weight:normal;
	line-height:1.5em;
	color:#666;
	padding:.5em 1em;
}

.questionList li a:hover {
	background:#eee;
	border:1px dotted #f89a2a;
	margin:-1px;
}

.answerList li, testList li {
	margin-bottom:2em;
}

.testList li {
	list-style:none;
	margin-bottom:5em;
}

.answerList li h3 {
	font-weight:normal;
	color:#f89a2a;
}

.answerList li p {
	font-size:.7em;
	line-height:1.5em;
	color:#666;
}

.testList li p {
	font-size:.8em;
	line-height:1.5em;
	color:#666;
	margin:0;
	
}

.testList li p span {
	float:right;
	display:block;
	text-align:right;
	font-size:.75em;
	font-weight:bold;
	line-height:1em;
	margin-top:1em;
}

#ContactPage div.content {
	background:url(../images/Site-Resources/contact-us-background.jpg) bottom right no-repeat;
	min-height:40em;
}

#ContactPage .content p {
	font-size:.75em;
	line-height:1.5em;
	margin-bottom:1.5em;
}
/* COLORBOX */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#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:visible;}
#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;}

/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#fff;}

#colorBox{}
	#cboxTopLeft{width:25px; height:25px; background:url(../images/Site-Resources/border1.png) 0 0 no-repeat;}
	#cboxTopCenter{height:25px; background:url(../images/Site-Resources/border1.png) 0 -50px repeat-x;}
	#cboxTopRight{width:25px; height:25px; background:url(../images/Site-Resources/border1.png) -25px 0 no-repeat;}
	#cboxBottomLeft{width:25px; height:25px; background:url(../images/Site-Resources/border1.png) 0 -25px no-repeat;}
	#cboxBottomCenter{height:25px; background:url(../images/Site-Resources/border1.png) 0 -75px repeat-x;}
	#cboxBottomRight{width:25px; height:25px; background:url(../images/Site-Resources/border1.png) -25px -25px no-repeat;}
	#cboxMiddleLeft{width:25px; background:url(../images/Site-Resources/border2.png) 0 0 repeat-y;}
	#cboxMiddleRight{width:25px; background:url(../images/Site-Resources/border2.png) -25px 0 repeat-y;}
	#cboxContent{background:#fff;}
            #cboxLoadedContent{margin-bottom:20px;}
            #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
            #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
            #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
            #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
            #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
            #cboxLoadingOverlay{background:url(images/loading.gif) 5px 5px no-repeat #fff;}
            #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}