@import url(http://fonts.googleapis.com/css?family=Josefin+Slab:600|Open+Sans:400,700,800|Oswald);

body {
	background: url(images/background_lt.jpg);
	font: 18px Open Sans, sans-serif;
	color: #777;
	text-align: center;
	line-height: 1.8;
}

h1 {
	font: normal 48px Josefin Slab;
	text-transform: uppercase;
	padding: 30px 0;
	margin: 0;
}

h1 span {
	color: #222;
	padding: 5px 20px 15px 20px;
}

h2 {
	font-weight: normal;
	font-size: 26px;
	padding: 6px 0;
	margin: 0;
}

h3 {
	background: #ee4332;
	font: normal 24px 'Oswald';
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	padding: 5px;
	margin: 15px 0;
}

h4 {
	font: normal 20px 'Oswald';
	color: #333;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 10px 0;
}

h4 span {
	background: #444;
	color: #fff;
	padding: 6px 10px;
}

a {
	outline: 0;
}

a:hover {
	text-decoration: none;
}

a img {
	border: 0;
}

::selection {
	background: #ee4332;
	opacity: 0.5;
}

::-moz-selection {
	background: #ee4332;
	opacity: 0.5;
}

.white {
	background: url(images/white50.png);
	width: 800px;
	padding: 20px;
	margin: 0  0 -20px;
}

.container {
	width: 800px;
	margin: 0 auto;
}

.grad-top {
	display: none;
	background: url(images/grad-top.png);
	width: 100%;
	height: 70px;
	position: fixed;
	top: 0px;
	z-index: 99;
}

#header {
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	height: 400px;
	z-index: 98;
}

#header.bg1 {
	background-image: url(images/header.jpg);
}

#header.bg2 {
	background-image: url(images/header2.jpg);
}

#header .logo {
	background: url(images/logobg.png) no-repeat;
	width: 605px;
	height: 192px;
	padding: 32px 108px 86px 31px;
	margin: 0 auto;
	position: relative;
	top: 90px;
}

#header .logo .animation {
	width: 209px;
	height: 192px;
	float: left;
}

#header .logo .butter {
	background: url(images/jblogo-butter.png) no-repeat;
	width: 209px;
	height: 192px;
	animation: bounce 1s infinite ;
	-webkit-animation: bounce 1s infinite ;
}

@keyframes bounce {
	0% { transform: translate3d(0,   0px,0); 
		 animation-timing-function: ease-out; }
   50% { transform: translate3d(0,-25px,0); 
		 animation-timing-function: ease-in; }
  100% { transform: translate3d(0,   0px,0); }
}

@-webkit-keyframes bounce {
	0% { -webkit-transform: translate3d(0,   0px,0); 
		 -webkit-animation-timing-function: ease-out; }
   50% { -webkit-transform: translate3d(0,-25px,0); 
		 -webkit-animation-timing-function: ease-in; }
  100% { -webkit-transform: translate3d(0,   0px,0); }
}

#header .logo .shadow {
	background: url(images/jblogo-shadow.png) top center no-repeat;
	width: 209px;
	height: 22px;
	margin: -15px 0 0 0;
	animation: stretch 1s infinite;
	-webkit-animation: stretch 1s infinite;
}

@-webkit-keyframes stretch {
	0% { background-size: 120% 100%; opacity: 1.0; }
	10% { background-size: 90% 100%; }
	50% { background-size: 75% 100%; }
	65% { opacity: 0.5; }
	90% { background-size: 95% 100%; }
	100% { background-size: 120% 100%; opacity: 1.0; }
} 

@keyframes stretch {
	0% { background-size: 120% 100%; opacity: 1.0; }
	10% { background-size: 90% 100%; }
	50% { background-size: 75% 100%; }
	65% { opacity: 0.5; }
	90% { background-size: 95% 100%; }
	100% { background-size: 120% 100%; opacity: 1.0; }
} 

#header .logo .text {
	background: url(images/jblogo-text.png) no-repeat;
	width: 365px;
	height: 192px;
	margin: 0 0 0 31px;
	float: right;
}

/*
#header .logo div {
	background: url(images/jblogo.png) no-repeat;
	width: 605px;
	height: 192px;
}
*/

#header .stick {
	padding-top: 102px;
	margin-top: -55px;
	background: url(images/grad-bot.png) bottom repeat-x;
}

#header .nav {
	background: url(images/nav.png) top repeat-x;
	width: 100%;
	height: 43px;
	line-height: 1.0;
	border-bottom: 2px solid rgba(0,0,0,.3);
	z-index: 100;
}

#nav {
	width: 900px;
	height: 43px;
	padding: 0 0 0 0;
	margin: 0 auto;
	list-style-type: none;
}

#nav li {
	width: 12%;
	text-align: center;
	float: left;
}

#nav li a {
	display: block;
	font-weight: bold;
	font-size: 11px;
	color: #777;
	text-decoration: none;
	text-transform: uppercase;
	padding: 16px 0;
}

.sep {
	display: none;
	background: url(images/sep.png) no-repeat;
	width: 31px;
	height: 31px;
	margin: -50px auto 0 auto;
}

#bg1, #bg2, #bg3, #bg4, #bg5, #bg6, #bg7 {
	background-position: center top;
	height: 450px;
}

#bg1 {
	background-image: url(images/bg/about.jpg);
}

#bg2 {
	background-image: url(images/bg/team.jpg);
}

#bg3 {
	background-image: url(images/bg/wholesale.jpg);
}

#bg4 {
	background-image: url(images/bg/products.jpg);
}

#bg5 {
	background-image: url(images/bg/media.jpg);
}

#bg6 {
	background-image: url(images/bg/service.jpg);
}

#bg7 {
	background-image: url(images/bg/footer.jpg);
}

#brands,
#about,
#team,
#wholesale,
#products,
#media,
#customer-service {
	padding: 0 0 40px 0;
}

#brands,
#team,
#products,
#customer-service {
	background: #fff url(images/background_lt.jpg) !important;
	background: #fff;
}

#about,
#wholesale,
#media,
#footer {
	background: url(images/background_dk.jpg);
	background: #fff;
	background: #fff url(images/background_lt.jpg) !important;
}

#brands {
	border-top: 6px solid #c01506;
	border-bottom: 6px solid #c01506;
}

#brands .single {
	width: 400px;
	height: 145px;
	text-align: center;
	line-height: 7.8;
	margin: 5px 0;
	float: left;
}

#brands .single.hover1:hover {
	background: url(images/brands.png) 0px 0px no-repeat;
}

#brands .single.hover2:hover {
	background: url(images/brands.png) -400px 0px no-repeat;
}

#brands .single img {
	margin: 0 -12px 0 0;
	vertical-align: middle;
	z-index: 98;
}

#brands .single .social {
	width: 24px;
	height: 81px;
	padding: 8px;
	margin: 0;
	float: right;
	opacity: 0;
	transition: opacity .1s;
}

#brands .single:hover .social {
	opacity: 1.0;
	transition: opacity .3s;
}

#brands .single .social a {
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	margin: 1px 0 2px 0;
	z-index: 100;
}

#brands .single .social a.fb {
	background: url(images/icon_fb.png) no-repeat;
}
#brands .single .social a.twitter {
	background: url(images/icon_twitter.png) no-repeat;
}
#brands .single .social a.blog {
	background: url(images/icon_blog.png) no-repeat;
}

#about {
	border-top: 6px solid #e27511;
	border-bottom: 6px solid #e27511;
}

#about a {
	color: #444;
}

#about .content {
	font-size: 20px;
	color: #777;
	text-align: justify;
	margin: 0 75px 50px 75px;
}

#about .content .big {
	text-align: jusitifed;
}

#about .content .row1 {
	width: 415px;
	text-align: right;
}

#about .content .row2 {
	width: 380px;
	text-align: right;
}

#about .content .row3 {
	width: 385px;
	text-align: right;
}

#about .content .row4 {
	width: 405px;
	text-align: right;
}

#about .content .row5 {
	width: 470px;
	text-align: right;
}

#about .content .row6 {
	width: 500px;
	text-align: right;
}

#about .content .therest {
	font-size: 16px;
	text-align: justified;
}

#about .cus-sup {
	width: 200px;
	height: 170px;
	margin: 0 50px;
	float: left;
}

#about .cus-sup a {
	display: block;
	background: url(images/cus-sup.png) 0px 0px no-repeat;
	width: 200px;
	height: 170px;
	text-indent: -9999px;
}

#about .cus-sup a:hover {
	background-position: -200px 0px;
}

#about .contact {
	background: url(images/contact.png) no-repeat;
	width: 220px;
	height: 150px;
	font-size: 14px;
	color: #444;
	text-align: left;
	line-height: 1.5;
	padding: 20px 0 0 115px;
	margin: 0 auto;
	float: left;
}

#about .contact h2 {
	color: #8d60a8;
	text-shadow: 1px 1px 1px #fff;
	padding: 0;
}

#about .contact span {
	display: block;
	font-style: italic;
	font-size: 12px;
	color: #999;
	padding: 0 0 0 28px;
}

#about .contact .address {
	line-height: 1.7;
	padding: 0 0 0 20px;
}

#about .contact .support {
	padding: 0 0 0 20px;
}

#team {
	border-top: 6px solid #f4d33b;
	border-bottom: 6px solid #f4d33b;
}

#team .single {
	width: 170px;
	height: 200px;
	line-height: 1.5;
	margin: 15px;
	float: left;
}

#team .single img {
	display: block;
	width: 150px;
	height: 150px;
	border: 10px solid #fff;
	border-radius: 150px;
}

#team .single .speech {
	width: 0px;
	height: 0px;
	position: relative;
}

#team .single .speech.pos_top {
	top: -190px;
	left: 60px;
}

#team .single .speech.pos_bottom {
	top: -80px;
	left: -20px;
}

#team .single .bubble,
#team .single .bubble_alt {
	background: url(images/bubble.png) no-repeat;
	display: none;
	width: 189px;
	height: 78px;
}

#team .single .bubble_alt {
	background: url(images/bubble_alt.png) no-repeat;
}

#team .single:hover .bubble,
#team .single:hover .bubble_alt {
	/*display: block;*/
}

#team .single .name {
	font-size: 13px;
	color: #444;
}

#team .single .pos {
	font-size: 11px;
	font-style: italic;
	color: #8d60a8;
}

#team .three .single {
	width: 236px;
	height: 280px;
}

#team .three .single img {
	width: 200px;
	height: 200px;
	border: 13px solid #fff;
	border-radius: 200px;
}

#team .three .single .name {
	font-size: 15px;
}

#team .three .single .pos {
	font-size: 13px;
}

#team .gallery {
	width: 650px;
	height: 535px;
	margin: 30px auto;
}

#team .gallery .pane {
	padding: 0;
}

#team .gallery .img {
	width: 650px;
	height: 434px;
	overflow: hidden;
}

#team .gallery .img img {
	width: auto;
	max-width: 650px;
	height: 434px;
	border: 0 !important;
}

#team .gallery ul {
	width: 100%;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#team .gallery li {
	width: 130px;
	height: 90px;
	margin: 4px 0 0 0;
	float: left;
}

#team .gallery li a img {
	display: block;
	width: auto;
	max-width: 120px;
	height: 80px;
	padding: 5px;
	margin: 0 auto;
}

#team .gallery li.active {
	background: #ee4332;
}

#wholesale {
	border-top: 6px solid #689b26;
	border-bottom: 6px solid #689b26;
}

#wholesale .content {
	background: url(images/wholesale.png) no-repeat;
	width: 700px;
	/*min-height: 361px;*/
	font-size: 18px;
	color: #777;
	line-height: 2.0;
	text-align: center;
	padding: 320px 0 0 0;
	margin: -10px auto 50px auto;
}

#wholesale .content a {
	color: #ee4332;
	text-decoration: none;
	border-bottom: 1px solid #777;
}

#wholesale .content a:hover {
	border-bottom-color: rgba(0,0,0,0);
}

#wholesale .row1 {
	padding-left: 359px;
}
#wholesale .row2 {
	padding-left: 353px;
}
#wholesale .row3 {
	padding-left: 347px;
}
#wholesale .row4 {
	padding-left: 347px;
}
#wholesale .row5 {
	padding-left: 415px;
}
#wholesale .row6 {
	padding-left: 422px;
}
#wholesale .row7 {
	padding-left: 433px;
}
#wholesale .row8 {
	padding-left: 440px;
}
#wholesale .row9 {
	padding-left: 448px;
}

#wholesale .cta {
	padding: 20px 0 0 436px;
	padding: 20px 0 0 0;
}

#wholesale .cta a {
	background: #8d60a8;
	font: 16px Oswald;
	color: #fff;
	text-transform: uppercase;
	padding: 15px 22px 12px 22px;
	margin: 0 0 2px 0;
	border-bottom: 3px solid #563a66;
	transition: background .1s;
}

#wholesale .cta a:hover {
	background: #77518e;
	transition: background .2s;
	padding: 14px 21px 12px 21px;
	border-top: 1px solid #563a66;
	border-right: 1px solid #563a66;
	border-bottom: 3px solid #563a66;
	border-left: 1px solid #563a66;
}

#wholesale .cta a:active,
#wholesale .cta a:focus {
	margin: 2px 0 0 0;
}

#products {
	border-top: 6px solid #3994ae;
	border-bottom: 6px solid #3994ae;
}

#products ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#products li {
	
}

#products .single {
	width: 133px;
	text-align: center;
	padding: 5px 0;
	float: left;
}

#products .single a {
	display: block;
	text-decoration: none;
}

#products .single img {
	background: #fff;
	width: 100px;
	height: 100px;
	border: 5px solid #fff;
}

#products .single .icon {
	display: none;
	height: 0px;
	position: relative;
	top: -30px;
	right: -5px;
}

#products .single .icon img {
	width: 24px;
	height: 24px;
	border: 0;
	border-radius: 0;
	box-shadow: none !important;
}

#products .single .price {
	font-size: 1.2em;
	color: #8d60a8;
	padding: 0 0 0 10px;
	float: left;
}

#products .single .dsc {
	color: #888;
	padding: 3px 10px 0 0;
	float: right;
}

#products .playlist {
	width: 650px;
	padding: 40px 0 30px 0;
	margin: 0 auto;
}

#products .playlist iframe {
	width: 610px;
	margin: 20px;;
}

#media {
	border-top: 6px solid #2b3f87;
	border-bottom: 6px solid #2b3f87;
}

#media .logos img {
	padding: 10px;
}

#media h1,
#media h2 {
	color: #fff;
}

#media h4 {
	background: none;
	color: #444;
	text-align: left;
}

#media .articles a {
	color: #ee4332;
	padding: 1px;
	border-bottom: 1px solid rgba(0,0,0,0);
}

#media .articles a:hover {
	background: rgba(0,0,0,.03);
	border-bottom-color: rgba(0,0,0,.05);
}

#media .container {
	padding: 0 0 40px 0;
}

#media .articles {
	width: 470px;
	text-align: left;
	float: left;
}

#media .videos {
	width: 300px;
	/*text-align: cener;*/
	text-align: left;
	margin: 0 0 0 30px;
	float: right;
}

#media .videos img {
	padding: 8px;
}

#media ul {
	color: #777;
}

#media a {
	font-size: 16px;
	text-decoration: none;
}

#customer-service {
	border-top: 6px solid #8d60a8;
	border-bottom: 6px solid #8d60a8;
}

#customer-service .faq {
	width: 160px;
	text-align: left;
	float: left;
}

#customer-service .content {
	width: 440px;
	height: 250px;
	text-align: left;
	margin: 10px 20px;
	float: left;
}

#customer-service h4 {
	margin: 5px 0;
}

#customer-service .content p {
	font-size: 12px;
	margin: 0 0 10px 0;
}

#customer-service .content div {
	text-align: center;
}

#customer-service .content div div {
	display: block !important;
}

#customer-service .support {
	background: url(images/customer-support.png) top center no-repeat;
	padding: 65px 0 0 0;
	margin: 20px 0 0 0;
}

#customer-service .support .call {
	background: url(images/customer-call.png) 0px 0px no-repeat;
	width: 220px;
	height: 90px;
	line-height: 1.5;
	float: left;
}

#customer-service .support .call:hover {
	background-position: 0px -90px;
}

#customer-service .support .call .first {
	font-weight: 800;
	font-size: 18px;
	color: #222;
	text-transform: uppercase;
}

#customer-service .support .call .second {
	font-size: 12px;
	color: #222;
}

#customer-service .support .call .third {
	font-weight: 800;
	font-size: 24px;
	color: #ee4332;
}

#customer-service .support .call .fourth {
	font-size: 11px;
	font-style: italic;
	color: #222;
}

#customer-service .support .ticket {
	background: url(images/customer-ticket.png) 0px 0px no-repeat;
	width: 220px;
	height: 135px;
	line-height: 1.5;
	float: left;
}

#customer-service .support .ticket:hover {
	background-position: 0px -135px;
}

#customer-service .support .ticket .first {
	font-weight: 800;
	font-size: 18px;
	color: #222;
	text-transform: uppercase;
}

#customer-service .support .ticket .second {
	font-size: 12px;
	color: #222;
}

#customer-service .support .ticket .third {
	font-weight: 800;
	font-size: 14px;
	color: #ee4332;
}

#customer-service .support .ticket .third a {
	color: #ee4332;
	text-decoration: none;
}

#customer-service #disclaimers div {
	height: 205px;
	text-align: left;
	padding: 6px;
	overflow: auto;
}

#customer-service .boxes div {
	font-size: 12px;
	color: #ccc;
	color: #555;
	text-align: center;
	padding: 1px 0;
}

#customer-service .boxes span {
	font: 14px Oswald;
	color: #222;
	text-transform: uppercase;
}

#customer-service .boxes .discounts span {
	color: #ea1c1c;
}

#customer-service .boxes .deals span {
	color: #f47c1c;
}

#customer-service .boxes .stuff span {
	color: #67cf13;
}

#customer-service .boxes .freeship span {
	color: #1ca8ea;
}

#customer-service .boxes .sites span {
	color: #8d60a8;
}

#customer-service .boxes .link {
	padding: 5px 62px 5px 0;
	cursor: default;
}

#customer-service .boxes .info {
	font-size: 10px;
	color: #777;
	text-decoration: none;
	margin: 0 10px 0 0;
}

#customer-service .boxes .signup {
	font: 20px Oswald;
	color: #ee4332;
	text-transform: uppercase;
	padding: 0 3px;
}

#customer-service #comments form {
	text-align: left;
}

#customer-service #comments input {
	background: #fff;
	width: 416px;
	font: 14px Open Sans;
	padding: 5px;
	margin: 2px 0 1px 0;
	border: 0;
	border-bottom: 1px solid #ddd;
	outline: 0;
}

#customer-service #comments input.name,
#customer-service #comments input.email {
	width: 200px;
}

#customer-service #comments input.submit {
	background: #ee4332;
	width: 80px;
	font: 16px Oswald;
	color: #fff;
	text-transform: uppercase;
	padding: 5px 0;
	margin-right: 14px;
	float: right;
	cursor: pointer;
}

#customer-service #comments textarea {
	background: #fff;
	width: 410px;
	height: 60px;
	font: 12px Courier New;
	padding: 8px;
	margin: 2px 0;
	border: 0;
	border-bottom: 1px solid #ddd;
	outline: 0;
}

#customer-service .help {
	width: 160px;
	text-align: left;
	float: right;
}

#customer-service .blocklinks {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#customer-service .blocklinks li {
	list-style-type: none;
}

#customer-service .blocklinks a {
	background: rgba(0,0,0,.08);
	display: block;
	font-size: 12px;
	color: #222;
	text-decoration: none;
	padding: 5px;
}

#customer-service .blocklinks li.active a {
	background: rgba(0,0,0,.25);
	color: #fff;
}

#customer-service #default {
	background: url(images/customer-service.png) no-repeat;
	height: 250px;
}

#footer {
	background: #222 url(images/background_dk.jpg) !important;
	padding: 13px 0 0 0;
	border-top: 6px solid #222;
}

#footer .container {
	width: 900px;
	margin-top: 10px;
}

#footer .links {
	padding: 25px 0 0 0;
	margin: 0;
	float: left;
	list-style-type: none;
}

#footer .links li {
	margin: 0 5px;
	float: left;
	list-style-type: none;
}

#footer .links a {
	display: block;
	font: 18px Oswald;
	color: #eee;
	text-decoration: none;
	text-transform: uppercase;
	padding: 4px 4px 0 4px;
	border-bottom: 1px solid rgba(0,0,0,0);
}

#footer .links a:hover {
	border-bottom-color: #ee4332;
}

#footer .social {
	height: 72px;
	float: right;
}

#footer .social ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#footer .social li {
	margin: 0 10px;
	float: right;
	list-style-type: none;
}

#footer .social a {
	display: block;
	width: 72px;
	height: 72px;
	text-indent: -9999px;
}

#footer .social a:hover {
	-webkit-animation-name: rotate; 
	-webkit-animation-duration: 0.3s; 
	-webkit-animation-timing-function: linear;
	-moz-animation-name: rotate; 
	-moz-animation-duration: 0.3s; 
	-moz-animation-timing-function: linear;
}

@-webkit-keyframes rotate {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(360deg);}
}

@keyframes rotate {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(360deg);}
}

#footer .social .fb {
	background: url(images/fb.png) 0px 0px no-repeat;
}

#footer .social .twitter {
	background: url(images/twitter.png);
}

#footer .social .yt {
	background: url(images/yt.png);
}

#footer .bot {
	background: #ee4332;
	font-size: 10px;
	color: #fff;
	padding: 10px;
	margin: 30px 0 0 0;
}

#footer .bot a {
	color: #fff;
}

#footer .bot .sep {
	background: #fff;
	height: 16px;
	margin: 0 10px;
}




.blog-box {
	width: 190px;
	position: absolute;
	top: 365px;
	left: 20px;
}

.blog-box .box {
	background: #fff;
	width: 160px;
	padding: 15px;
	margin: 65px 0 0 0;
	/*border-bottom: 2px solid rgba(0,0,0,.6);*/
	position: relative;
	box-shadow: 3px 3px rgba(0,0,0,.1);
}

.blog-box .box.sticky {
	width: 160px;
	position: fixed;
	top: 0px;
}

.blog-box .single {
	text-align: left;
	line-height: 1.2;
	padding: 10px 0;
}

.blog-box a {
	font-size: 15px;
	color: #ee4332;
	text-decoration: none;
}

.blog-box a:hover {
	background: #eee;
}

.blog-box p {
	font-size: 11px;
	color: #555;
	line-height: 1.4;
	padding: 3px 0 0 0;
	margin: 0;
}

.blog-box .date {
	font-size: 10px;
	color: #999;
	padding: 6px 0 0 0;
}

.blog-box a.blog {
	background: #222;
	display: block;
	font: 15px 'Oswald';
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 6px 0;
	margin: 15px 0 0 0;
}

.blog-box a.blog:hover {
	background: #ee4332;
	color: #fff;
}

.blog-box .social {
	width: 126px;
	height: 32px;
	margin: 10px auto 0 auto;
}

.blog-box .social a {
	display: block;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	margin: 0 5px;
	float: left;
}

.blog-box .social .fb {
	background: url(images/fb_sm.png) no-repeat;
}

.blog-box .social .twitter {
	background: url(images/twitter_sm.png) no-repeat;
}

.blog-box .social .yt {
	background: url(images/yt_sm.png) no-repeat;
}




.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
} 
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.clear {
	clear: both;
}




@media only screen and (max-width: 1150px) {
	.blog-box {
		display: none;
	}
}




/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.75 !important; cursor: default !important;}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}



#team .jcarousel-container-horizontal {
    width: 650px;
}

#team .jcarousel-clip {
    overflow: hidden;
}

#team .jcarousel-clip-horizontal {
    width:  650px;
	height: 94px;
}

#team .jcarousel-next-horizontal {
    position: relative;
    top: -61px;
    right: -40px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/arrows.png) no-repeat -32px 0;
	float: right;
}

#team .jcarousel-next-disabled-horizontal {
	display: none !important;
}

#team .jcarousel-prev-horizontal {
    position: absolute;
    top: 29px;
    left: -40px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/arrows.png) no-repeat 0 0;
}

#team .jcarousel-prev-disabled-horizontal {
	display: none !important;
}

#products .ui-tabs-hide {
	display: none;
}

/*
 * Captcha style for customer messages
 */
#captcha {
	font-size:0.7em;
	float: left;
	height: 35px;
}
#captcha .rand1, #captcha .rand2
{
	padding: 5px 7px;
	background-color: #ADDB4B;
	margin: 0 0;
	float: left;
	border-radius: 10px;
}
#captcha .plus
{
	padding: 5px 0;
	margin: 0px 10px;
	float: left;
}
#captcha .re
{
	padding:4px;
	background-color:#D8A217;
	margin: 0px 20px;
	float:left; cursor:pointer;
	box-shadow: 2px 2px 2px 1px #818181;
	-moz-box-shadow: 2px 2px 2px 1px #818181;
	-webkit-box-shadow: 2px 2px 2px 1px #818181;
	-ms-box-shadow: 2px 2px 2px 1px #818181;
	-o-box-shadow: 2px 2px 2px 1px #818181;
}
#captcha #total {
	margin: 0px 20px !important;
	float: left;
	padding: 6px !important;
	height: 20px;
	width: 40px !important;
}