/*####################################################################
	Table Art - Created By Stewart Orr @ Qodo Ltd (www.qodo.co.uk)
----------------------------------------------------------------------
	(c) Copyright Table Art 2010+. All rights reserved.
####################################################################*/

/* Typefaces */
@font-face {
	font-family: "Delicious Roman";
	src: url("type/Delicious-Roman.eot");
	src: local("©"), local("©"),
		url("type/Delicious-Roman.otf") format("opentype");
}
@font-face {
	font-family: "Delicious Bold";
	src: url("type/Delicious-Bold.eot");
	src: local("©"), local("©"),
		url("type/Delicious-Bold.otf") format("opentype");
}
::selection {
	background: #28c5f8; 
	color:#fff;
}
::-moz-selection {
	background:#28c5f8; 
	color:#fff;
}

html {
	margin:0;
	padding:0;
	height:100%;
}
body {
	background: #000f24 url(../images/body_bg.png) center top repeat-y;
	color: #fff;
	font: 86% "Lucida sans unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
	height:100%;
	text-align: center;
	margin: 0;
	padding: 0;
}
form {
	margin: 0;
	padding: 0;
}
textarea, input, select, button {
	font: 100% "Lucida sans unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;	
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Delicious Bold, "Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin: 0 0 20px 0;
}
h1 {
	font-size: 200%;
	padding: 0 0 5px 0;
}
h2 {
	color: #28C5F8;
	font-size: 200%;
}
h3,
h4,
h5,
h6 {
	color: #000f24;
	font-size: 130%;	
}


#page_container {
	background: url(../images/page_container.jpg) center top no-repeat;
	min-height: 645px;
	position: relative;
}






#header {
	height: 142px;
	position: relative;
	width: 972px;
	margin: 0 auto;
	text-align: left;
}

#header h3 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}
#header h3 a {
	display: block;
	height: 122px;
	width: 210px;
	text-decoration: none;
}
#header h3 a img {
	visibility: hidden;
	border: none;
}

#navigation {
	margin: 0;
	padding: 64px 0 0 0;
	position: absolute;
	right: 0;
	height: 122px;
}
#navigation li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation li a {
	background: url(../images/navigation_bg.png) -1px -1px no-repeat;
	color: #fff;
	display: block;
	float: left;
	font-size: 130%;
	font-family: Delicious Bold;
	font-weight: bold;
	text-decoration: none;
	margin: 0 10px 0 0;
	padding: 7px 10px;
	text-align: center;
}
#navigation li a:hover {
	background: url(../images/navigation_bg.png);
	color: #28c5f8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#navigation li.active a,
#navigation li.active a:hover {
	background: #28c5f8;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


#header h3#asseenontv {
	background: url(/images/asseenontv.png);
	text-indent: -999em;
	position:absolute;
	height: 105px;
	width: 105px;
	z-index: 1;
	top:28px;
	left: 296px;
}

#intro {
	color: #fff;
	height: 233px;
	position: relative;
}
#intro .left {
	bottom: 5px;
	left: 0;
	padding: 30px;
	position: absolute;
	width: 500px;
}
#intro h1 {
	font-size: 225%;
	margin: 0 0 5px 0;	
}
#intro h1 strong,
#intro p strong {
	color: 	#28c5f8;
}
#intro p {
	font: 140% Delicious Roman;
	margin: 0;
}
#intro h3 {
	display: none;
}
#intro dt, 
#intro dd {
	display: block;
	margin: 0;
}
#intro abbr {
	border: none;	
}
#intro dl {
	position: absolute;
	right: 0;
	padding: 20px 0 0 30px;
}
#intro dt {
	background: url(../images/dl_top.png) 0 0;
	color: #28c5f8;
	font: 120% Delicious Bold;
	padding: 15px 0 0 20px;
	text-align: left;
	text-transform: uppercase;
	width: 224px;
}
#intro dd {
	background: url(../images/dl_bot.png) 0 100%;
	padding: 0 20px 15px 20px;
	width: 204px;
}
#intro dd.tel {
	font: 250% Delicious Bold;
	margin: 0 0 -10px 0;
}
#intro dd.email {
	font: 180% Delicious Bold;
	margin: 0 0 10px 0;
}
#intro dd.email a {
	color: #fff;
	text-decoration: none;
}
#intro .hiddentext {
	display: none;	
}

#breadcrumb {
	height: 19px;
	padding: 7px 15px;
}
#breadcrumb ul {
	color: #fff;
	font-size: 90%;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}
#breadcrumb ul li {
	display: inline;
}
#breadcrumb ul li a,
#breadcrumb ul li .B_lastCrumb {
	background: url(../images/breadcrumb_star.png) 0 4px no-repeat;
	color: #28c5f8;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 20px;
}
#breadcrumb ul li .B_lastCrumb {
	color: #fff;
}



#main_container {
	color: #414141;
	width: 972px;
	margin: 0 auto;
	overflow: hidden;
	position:relative;
	text-align: left;
}
#main_container a,
#footer a {
	color: #000f24;
	font-weight: bold;
}
#content_container {
	float: right;
	width: 100%;
	margin-left: -286px;
	padding-bottom: 50px;
	position: relative;
	z-index:99;
}
.columns,
.columns75 {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 20px 0 20px 20px;
	width: 952px;
}
div.findoutmore,
.columns li,
.columns75 li {
	background: #d4d7d8;
	float: left;
	list-style: none !important;
	margin: 0 20px 20px 0;
	min-height: 150px;
	padding: 20px 20px 50px 20px;
	position: relative;
	width: 257px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.columns li h3,
.columns75 li h3{
	font: 150% Delicious Bold;
	margin: 0;	
}
.columns75 {
	padding: 20px 0;	
}
.columns75 li {
	padding: 20px;	
}
.columns75 li.left {
	width: 538px;
}
#post_nav a,
.btn {
	background: #28c5f8;
	border:none;
	color: #fff !important;
	cursor: pointer;
	float: left;
	font: 115% "Delicious Bold";
	padding: 5px 8px;
	text-transform: uppercase;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.findoutmore a.btn,
#callback .btn,
.columns li .btn {
	position: absolute;
	left: 20px;
	bottom: 20px;
}
#post_nav a:hover,
.btn:hover {
	background: #000f24;
	color: #28c5f8 !important;
}

#content {
	padding: 30px 40px;
	margin-right: 266px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}
#content h1 {
	margin: 0 0 40px 0;
}
#content h1 span {
	color: #28c5f8;
}

#content p,
#content li {
	line-height: 1.6em;
}
#content li {
	list-style-image: url(/images/star.png);
}












#footer {
	background: url(../images/footer_bg.png) bottom no-repeat;
	margin-top: -125px;
	position:relative;
	z-index: 2;
	width: 100%;
}
#footer div {
	font-size: 80%;
	height: 270px;
	width: 972px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}
#footer div p {
	margin: 0;
	padding: 155px 0 0 0;
}
#footer a {
	color: #28c5f8;
}
#footer a.qodo {
	background: url(../images/site_created_by.png) 0 0;
	position: absolute;
	right: 0;
	top: 157px;
	height: 28px;
	width: 137px;
}
#footer a.qodo span {
	display: none;
}
#footer a.qodo:hover {
	background-position: 0 -28px;
}
.imgr {
	float: right;
	margin: 0 0 20px 20px;
}


.hiddentext {
	display: block;
	height: 0;
	width: 0;
	overflow: hidden;
	text-indent: -9999em;
}

#tinymce {
	background: #000F24 !important;
	text-align: left !important;
	padding: 20px !important;
}

#tinymce h1,
#tinymce h2,
#tinymce h3,
#tinymce h4,
#tinymce h5,
#tinymce h6 {
	color:#fff;
}
div.product_details {
  /* Set it so we could calculate the offsetLeft */
  background: #28c5f8;
  width: 930px;
  margin: 1px;
  /* Add scroll-bars */
  padding: 20px;
}
div.product_image{
	background: #000f24;
	float: left;
	margin: 0 20px 0 0;
	overflow: hidden;
	text-align: center;
	width: 500px;
}
div.product_image img {
	background: #fff;
}
div.product_description {
	background: #fff;
	color: #888;
	font: italic 150% Georgia, "Times New Roman", Times, serif;
	overflow: hidden;
	padding: 20px;
	width: 890px;
}
div.product_description_p {
	min-height: 159px;
	height: auto !important;
	height: 159px;
}
div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  background: #28c5f8;
  height: 430px;
  width: 930px;
  margin: 1px;
  /* Add scroll-bars */
  padding: 20px;
  position: relative;
  overflow: auto;
  white-space: nowrap;  
}
#preloader {
	color: #fff;
	position: absolute;
	top: 323px;
	right: 30px;
	background: black;
	padding: 10px;
	font-size: 90%;
	margin: 0;
	z-index: 99;
}
.sc_menu a {
	background: #000;
	border: 15px solid #fff;
	display: inline-block;
	text-decoration: none;
	margin-right: -15px;
	padding: 0;
	position:relative;
}
.sc_menu a span {
	display: none;
	margin-top: 3px;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 60px;
	background: #000f24;
	width: 200px;
	padding: 10px;
	font-family: Delicious Bold, "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 150%;
	white-space: normal;
}
.sc_menu a.auto span,
.sc_menu a:hover span {
	display: inline;
}
.sc_menu img {
	border: none !important;
}
fieldset {
	border: none;
	padding: 0;
	margin: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
fieldset p {
	height: auto !important;
	height: 32px;
	min-height: 32px;
}
fieldset p label {
	color: #000f24;
	float: left;
	font-weight: bold;
	line-height: 1em;
	padding: 0 60px 0 30px;
	width: 70px;
}
fieldset p label span {
	color: #888;
	font-size: 80%;
	font-weight: normal;
	display: block;
}
p.button_container {
	margin: 0;
	padding: 0 0 0 160px;
}
select,
textarea,
input,
button {
	font: 100% "Lucida sans unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
}
input.text,
textarea,
select {
	border: 1px solid #28c5f8;
	color: #000F24;
	padding: 3px 5px;
	-moz-border-radius: 2px;
}
input.text:focus,
textarea:focus,
select:focus {
	color: #000F24;
}
#name,
#email,
#wpcf_your_name,
#wpcf_email,
#cfName,
#cfEmail,
#url,
#wpcf_website,
#cfWebsite {
	width: 300px;	
	max-width: 300px !important;
}
textarea.comment,
#wpcf_msg,
#cfMessage {
	height: 100px;
	min-height: 100px;
	width: 60%;
	max-height: 300px;
}



div.errors{
	-moz-border-radius:5px;
	background: #fcc;
	border:1px solid;
	color:#990000;
	padding:10px;
}
#content input.invalidValue, 
#content textarea.invalidValue {
	border:1px solid #900;
}
#content input.requiredValue,
#content textarea.requiredValue {
	border:1px solid #900;
}
#content label.invalidValue{ color:900; }
#content label.requiredValue{ color:#900; }

div.findoutmore {
	color: #414141;
	font-size: 67%;
	font-style: normal;
	font-family: "Lucida sans unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
	width: 328px;
	margin: 0;
}

div.findoutmore .sharelinks {
	font-size: 80%;
	overflow: hidden;
	width: 100%;
}
div.findoutmore .sharelinks a {
	float: left;
	margin: 0 10px 0 0;
	padding: 2px 0 2px 20px;	
}
div.findoutmore .sharelinks a.facebookthis {
	background: url(../images/facebook.png) left center no-repeat;
}
div.findoutmore .sharelinks a.tweetthis {
	background: url(../images/twitter.png) left center no-repeat;
}

.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }

  /* Modal */
  
  .boxy-modal-blackout { position: absolute; background-color: #000f24; left: 0; top: 0; }
  
  /* Border */

  .boxy-wrapper { empty-cells: show; text-align: left; color: #333; }
	.boxy-wrapper .top-left,
	.boxy-wrapper .top-right,
	.boxy-wrapper .bottom-right,
	.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }
	
	.boxy-wrapper .top-left { background: url(/images/boxy-nw.png); }
	.boxy-wrapper .top-right { background: url(/images/boxy-ne.png); }
	.boxy-wrapper .bottom-right { background: url(/images/boxy-se.png); }
	.boxy-wrapper .bottom-left { background: url(/images/boxy-sw.png); }
	
	/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
	/* NB: these must be absolute paths or URLs to your images */
	.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-nw.png'); }
	.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-se.png'); }
	.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-sw.png'); }
	
	.boxy-wrapper .top,
	.boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	.boxy-wrapper .left,
	.boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	/* Title bar */
	
	.boxy-wrapper .title-bar { background-color: #28c5f8; color: #fff; padding: 6px; position: relative; font-size: 150%; }
	  .boxy-wrapper .title-bar.dragging { cursor: move; }
	    .boxy-wrapper .title-bar h2 { font-size: 24px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
	    .boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }
		
	/* Content Region */
	
	.boxy-inner { background-color: white; padding: 0 }
	.boxy-content { padding: 15px; }
	
	/* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }



#post_nav {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 20px 20px 38px 20px;
	width: 932px;
}
#post_nav li.alignleft {
	float: left;
	width: 49.5%;
}
#post_nav li.alignright{
	float: right;
	width: 49.5%;
	text-align: right;
}
#post_nav li.alignright a {
	float: right !important;	
}


#callback {
	background: #d4d7d8;
	margin:30px 0;
	padding: 20px 20px 50px 20px;
	position:absolute;
	right:20px;
	top:10px;
	width:240px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}



#gallery ul {
	margin: 10px 0;
	padding: 0;
	list-style: none;
	width: 100%;
	overflow: hidden;
}
#gallery ul li {
	position: relative;
	float: left;
	list-style: none;
}
#gallery ul li a {
	display: block;
	text-decoration: none;
	background: #d4d7d8;
	margin: 0 15px 15px 0;
	padding: 15px;
	position: relative;
	width: 163px;
	list-style: none;
	height: 220px;
	overflow: hidden;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 0 15px 15px 0;
	text-align: center;
}
#gallery ul li img {
	border: 3px solid #28C5F8;
}
#gallery ul li span {
	display:block;
	font-size:92%;
	font-weight:normal;
	line-height:1.4em;
	margin:10px 0;
	text-align:left;
}
#gallery ul li a:hover {
	background: #bdc1c2;
}


#award {
	border: 1px solid #ccc;
	margin: 20px 20px 0 20px;
	background: url(/images/fsb.png) 20px 10px no-repeat;
	padding: 10px 10px 10px 100px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}

#award h3 {
	margin: 0;	
}
#award p.winner {
	font-size:175%;
	margin:0;	
}
#award p strong {
	color: #28C5F8;
}
#award p span {
	color: #999;
	font-size: 60%;
	display:block;
}
#award p.readmore {
position:absolute;
right:30px;
top:20px;
}