@import url(https://fonts.googleapis.com/css?family=Roboto:400,100);
@import url('https://fonts.googleapis.com/css?family=Yesteryear');

body { margin: 0; padding: 0;  }
h1, h2, h3, h4 {font-family: 'Roboto', Sans-Serif; font-weight:100; }
a.darken span {font-family: 'Roboto', Sans-Serif; text-transform:uppercase; font-size:35px;}
.h1, .h2, .h3, h1, h2, h3 { margin: 5px 0 10px 0;}
a {text-decoration: none;}
a:hover{text-decoration:underline;}
#c-can {margin-top:55px;}
.fp-feature {text-align:center; margin:0 0 20px 0;}
.fp-feature h4 {font-family: 'Yesteryear', cursive; font-size:56px; margin:5px 0 0px 0;}
.fp-feature h5 {font-family: 'Roboto', Sans-Serif; font-size:30px; line-height:30px; font-weight:100; margin:-10px 0 0 0; text-transform:uppercase; }
.fp-feature p {color:#777777; margin: 15px 0 25px;height: 50px;}

footer { background: #2e2929; padding: 30px 0 86px;}
footer h4 {font-size:20px; color:#a5a5a5;}
footer a {color:#fff}
footer ul {margin:0;padding:0;list-style-type: none;}
#featured {padding:10px 0 10px 0; background-color: #fff; background-image:none;}
#videos {}
#videos .video {margin-bottom:10px;}
#videos h2 {font-size:20px;}
#asseenon {}

/****** Header Styles ******/
.logo { width: 150px; margin: 5px 0 0 5px;}  
div.meta span {display:none;}
.navbar {margin-bottom: 0px; background-color: #fff; border-bottom: 1px solid #ddd;}
.navbar-default { border-radius: none; -webkit-box-shadow: none; box-shadow: none; border-color: inherit; }
.navbar-nav { margin: 0;}
.navbar-brand { float: left; height: inherit; padding: 0;font-size: 18px;  line-height: 20px;}
.navbar-toggle { position: relative; float: right; padding: 9px 10px; margin: 10px; background-color: #eee; background-image: none; border: 1px solid transparent;  border-radius: 4px;}
.navbar-toggle .icon-bar { background-color: #fff;}
.navbar-collapse {padding-right: 0px;   padding-left: 0px; }
.navbar-login {display: block; margin: 20px;float:right;}
.navbar-help {display: block; margin: 20px;float:right;}
#thumbs {margin-top:20px;}
.navbar-default .navbar-nav>li>a { color: #777;}
.nav .sub-menu {display: none;}

#pnlNav {margin:0px; float:right;}
#pnlNav ul.nav li a{color:#999; font-size:18px; font-family:'Roboto', Sans-Serif; }
#pnlNav ul.nav li:hover {} /*changes the background color: background-color:#f3f3f3;*/
#pnlNav ul.nav li:hover a {color:#666;} /*changes the fore color: color:#f3f3f3;*/
#pnlNav ul.nav li.activemenuitem {background-color:#f3f3f3}
#pnlNav ul.nav li{ list-style:none; float:left; text-align:center; padding: 22px 0px;}
#pnlNav ul.nav li a{text-decoration:none; background-color:transparent; text-transform:uppercase;}
#pnlNav ul.nav li a:hover {background-color:transparent}

.promo-container h2.show, .promo-container h3.show {display:block}
.promo-container h2.show {font-size:40px;margin:0; font-style:normal;}
.promo-container h3.show {font-size:25px;margin:0}
.promo-container {}
.center-block { display: block;margin-left: auto;   margin-right: auto; }

.image-bg { background: url(/i/fp/blur-bg-01.jpg) no-repeat center center scroll;padding:20px 20px 20px 20px;  -webkit-background-size: cover; -moz-background-size: cover; background-size: cover;  -o-background-size: cover;}
.image-bg-b { background: url(/i/fp/blur-bg-01.jpg) no-repeat center center scroll;padding:0;  -webkit-background-size: cover; -moz-background-size: cover; background-size: cover;  -o-background-size: cover;}

#pnlOrder .row {margin-bottom:10px;}
#phone {display:inline-block; margin:0 20px;}

span.item-count { background: #ff9b00;
    padding: 5px 7px 5px 7px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 16px;
    color: white; }
span.pipe { color: #aeb0a8; }

#facebook {float:left;}
#facebook img.facebook-header {margin:0 10px 0 0;padding:0;}

.freeShipping {background-color:#f19835; color:White; padding: 10px;  }
.freeShippingCreateAWord {background-color:#b4370c; color:white; padding: 6px; border: 1px solid #b4370c;  margin: 0 0 20px 0;}
.freeShippingInline {font-size:x-large; color:#b4370a; font-weight:bold;}

#basket-container {float:right;}g
img.img-adjust-center {display:block; margin:0 auto 10px auto;}
#logo {float:left; margin: 0 10px 10px 80px;}

 
/** Reusable**/
.promo-container {background: url(../images/promo-bg-gradient.png) 50% 0 repeat-y; padding: 0; }
.promo-container-products {background: url(../images/promo-bg-gradient.png) 50% 0 repeat-y; padding: 0;}
.promo-line-divider {background: url(../images/promo-line.png) 50% 0 no-repeat; height:1px; padding: 0;}
.promo-line-shadow-divider {background: url(../images/promo-line-shadow.png) 50% 0 no-repeat; height:10px; padding: 0;}
.promo-container h2, .promo-container h3 {display:none;}

.promo-container-products h2, .promo-container-products h3 {margin:0;}
img.promo-image {margin-left: auto; margin-right:auto;}
.h-100 {height:100px; }
.h-140 {height: 140px;}
.h-150 {height:150px; }
.m-t-10 {margin:10px 0 0 0;}
.m-t-20 {margin:20px 0 0 0;}
.m-t-30 {margin:30px 0 0 0;}
.m-b-10 {margin:0 0 10px 0;}
.m-b-20 {margin:0 0 20px 0;}
.m-b-30 {margin:0 0 30px 0;}
.m-tb-10 {margin:10px 0}
.m-tb-40 {margin:40px 0}
.p-10 {padding:10px;}
.p-20 {padding:20px;}
.p-tb-10 {padding:10px 0}

img.ac-p-img {float:left; margin: 0 10px 0 0; height:40px; width:40px;}

#frontpage-products {text-align:left;}
.promo-container h2 {color: #606060; font-weight:normal;}
.promo-container h3 {color: #989898; font-weight:normal;}

/***** Product Styles *****/
#products-container { height: 292px; background: url(../images/bg-products.png) 50% 0 no-repeat; padding: 1px; text-align: center; }
#products { width: 960px; margin: 10px auto 0 auto; border: 0px solid red; text-align: left;}
#products h3 { text-align: left; font-size: 13px; line-height: 20px; margin: 0; } 
#products p { text-align: left; font-size: 13px; line-height: 20px; margin: 0; }
#products a { display: block; }
#products img { margin-bottom: 5px; border: none; }
.promo-product {float: left; width: 180px; height: 220px;}
#inspProducts {margin: 0 0 20px 0;}

/***** Features *****/
.feature { padding: 10px 0 20px 0; }
.feature-right {float:right; margin: 0 0 10px 10px; }
.feature-left {float:left; margin: 0 10px 10px 0; }
.feature h2 { margin: 0; font-size:1.3em;}
.feature .yt { float: left; margin:20px 20px 0 0; }
.feature a.bl { display: block; }
.gymcan {float:right; margin:-20px 100px 0 30px; }

.as-featured-on-horizontal {padding:0 180px}
.as-featured-on-horizontal a span {display:none;}
.as-featured-on a span {display:none;}

a.cnn {display:block; width:100px; height:60px; background: url(/i/shows/cnn.png) no-repeat;}
a.the-view {display:block; width:100px; height:60px; background: url(../images/as-featured-on.png) no-repeat;background-position: 0 -60px; }
a.on-air {display:block; width:100px; height:60px; background: url(../images/as-featured-on.png) no-repeat;background-position: 0 -120px; }
a.tyra {display:block; width:100px; height:60px; background: url(../images/as-featured-on.png) no-repeat;background-position: 0 -180px; }
a.fox-news {display:block; width:100px; height:60px; background: url(../images/as-featured-on.png) no-repeat;background-position: 0 -240px; }
a.abc-news {display:block; width:100px; height:60px; background: url(../images/as-featured-on.png) no-repeat;background-position: 0 -290px; }
a.steven-and-chris {display:block; width:100px; height:60px; background: url(../images/as-featured-on.png) no-repeat;background-position: 0 -360px; }
a.city-line {display:block; width:100px; height:60px; background: url(../images/as-featured-on.png) no-repeat;background-position: 0 -420px; }
a.breakfast-tv {display:block; width:100px; height:60px; background: url(../images/as-featured-on.png) no-repeat;background-position: 0 -472px; }
.cnn {background-position: 0 0;   }
.the-view {background-position: 0 -60px;  }
.on-air {background-position: 0 -120px;   }
.tyra {background-position: 0 -180px;   }
.fox-news {background-position: 0 -240px;   }
.abc-news {background-position: 0 -300px;   }
.steven-and-chris { background-position: 0 -360px;  }
.city-line {background-position: 0 -420px;   }
.breakfast-tv {background-position: 0 -480px;  }


/*
#celebrity-endorsements, #celebrity-endorsements .endorsement { height:150px;}
#celebrity-endorsements .endorsement {position:absolute; top:-120px; left:0;}
#celebrity-endorsements {position:relative; overflow:hidden;}
#celebrity-endorsements {margin: 0; padding:40px 0 0 0;  }
    */

#celebrity-endorsements p {text-align:center;}
#celebrity-endorsements span.quote {
    font-size: 43px;
    color: #AAA;
    font-style: italic;
    font-family: serif; }
#celebrity-endorsements span.author {font-size:  medium; color: #b4370c; }

.endorsement p {text-align:center;}
.carousel-indicators {
    position: relative;
    left: 50%;
    margin-top: 40px;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #eee;
    border: 1px solid #fff;
    border-radius: 10px;
}
.carousel-indicators li.active {background-color:#ddd}
.pinterest-button {margin: 4px 0 0 0;}
.social-button-container {}
.social-button-float {float:left;margin: 4px 0 0 4px;}

/* Footer */
#footer-container {background: #f2f4ef url(../images/bg-footer.png)  50% 0% repeat-x; }
#footer { padding: 30px 0; text-align: left; }
#footer h4 {margin: 0;}
#footer ul { margin: 0; padding: 0; list-style-type: none; }
#footer li { margin: 0; padding: 0; list-style-type: none; }
#footer a { color: black; }
#footer-as-featured-on {margin:0 0 10px 20px; float:left; width:330px}
.footer-link-container {margin:0 0 10px 20px; float:left; width:165px}



#security ul { margin: -10px 0 0 0; padding: 0;}
#security li { margin: 0; padding: 0; width: 100px; height: 65px; text-indent: -3000px; overflow: hidden;}
#security li.mcafee { background: url(../images/css-image-sprite.png) no-repeat 0 -116px; width:88px; height:46px;}
#security li.verisign { background: url(../images/css-image-sprite.png) no-repeat -100px -116px; width:92px; height:46px;}
#security span.mcafee { background: url(../images/css-image-sprite.png) no-repeat 0 -116px; width:88px; height:46px; display:inline-block;}
#security span.verisign { background: url(../images/css-image-sprite.png) no-repeat -100px -116px; width:92px; height:46px;display:inline-block;}
#security span.mcafee span, #security span.verisign span {display:none;}
#security li a { display: block; width: 100px; height: 65px; border: 0px solid blue;}

.o { color: #b4370c;}
a.facebook, a.youtube, a.twitter { float: left; display: block; width: 23px; height: 23px; text-indent: -3000px; overflow: hidden; }
a.pinterest { float: left; display: block; width: 68px; height: 23px;  text-indent: -3000px; overflow: hidden; }
a.facebook { background: url(../images/css-image-sprite.png) no-repeat -0px -90px;  }
a.youtube { background: url(../images/css-image-sprite.png) no-repeat -60px -90px;  }
a.twitter { background: url(../images/css-image-sprite.png) no-repeat -30px -90px;  }
a.pinterest {background: url(../images/css-image-sprite.png) no-repeat -100px -90px; }
p.copyright {clear: both; text-align: center; color: #a4a5a2;}


/***** Bug Fixes *****/
/* Clearfixes */
.feature:after,
#connect:after {content: ".";display: block;clear: both;	visibility: hidden;line-height: 0;	height: 0;}
#left {float: left;width: 460px;text-align: left;}
#right {width: 460px;text-align: left; float:right;}
#left-540 {float: left;width: 540px;text-align: left;}
#right-400 {float: right;width: 400px;text-align: left;}
.left-540 {float: left;width: 540px;text-align: left;}
.right-400 {float: right;width: 400px;text-align: left;}
.left-330 {float: left;width: 330px;text-align: left;}
.right-610 {float: right;width: 610px;text-align: left;}
.left-430 {float: left;width: 430px;text-align: left;}
.right-510 {float: right;width: 510px;text-align: left;}

.clear {clear: both;height: 0;line-height: 0;}
.clear20{clear: both; margin-bottom:20px;}
.clear30{clear: both; margin-bottom:30px;}
.clear50{clear: both; margin-bottom:50px;}
.clear100{clear: both; margin-bottom:100px;}
.clear200{clear: both; margin-bottom:200px;}
a img {border:none;}

.il {float:left;margin: 0 10px 10px 0;}
.ir {float:right;margin:0 0 10px 10px;}
.ia {clear:both; margin-bottom: 10px;}fbu
.c {text-align:center;}
.t {width: 220px;}

#s-L {float:left;width:550px;text-align:left;padding-top:6px;}
#s-R {float:right;width:350px;}
#body-right-top {height:6px;}
#body-right-main {padding: 0 10px 10px 10px;}
#body-main-bottom {height:17px;line-height:0;font-size:0;}
#body-main-bottom-AM {height:17px;line-height:0;font-size:0;}

.mo{font-size:large; color:#b4370a; font-weight:bold;}
.mol{font-size:x-large; color:#b4370a; font-weight:bold;}
.mos{font-size:small; font-family:Arial; color:#b4370a;}
.b-green {border:1px solid green;}
.b-red {border:1px solid red;}
.bb-gray {border-bottom:1px solid #AAA; margin-bottom:5px;}
.bb-green {border-bottom:1px solid #E3E6DC; margin-bottom:5px;}
.bb-white {border-bottom:1px solid #FFF; margin-bottom:5px;}

.t-r {text-align:right;}
.t-c {text-align:center;}
.t-l {text-align:left;}
#f-left {float:left; width:500px; border-right:1px solid #CCCCCC;}
#f-right {float:left; width:350px; margin: 0 0 0 30px; }
#f-right h2 {margin:0 0 10px 0px;}
img.f {margin: 15px 15px 0 0;} 
#prd-select{margin: 10px auto 0 auto; height:350px;}
#prd-list {margin:30px auto 0 auto; width:600px;}
.prd-row{clear:both; height:80px;}
.l {float:left;}
.r {float:right;}
/*.c {clear:both;}*/

/*
    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;}
#cboxOverlay{position:fixed; width:100%; height:100%; opacity: 0.8 !important; }
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    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;}
#colorbox{}
#cboxContent{margin-top:0px;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:0px solid #000; background:#fff; -moz-border-radius: 10px; border-radius: 10px;} 
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px;  background:url(images/prev.png) no-repeat top left; width:30px; height:30px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/next.png) no-repeat top right; width:30px; height:30px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; top:0px; right:0px; display:block; background:url(images/fancy_close.png) no-repeat top left; width:30px; height:30px; text-indent:-9999px;border: none;}
/*#cboxClose.hover{background-position:bottom center;}*/



.btn { text-transform:uppercase; margin:0;  display: inline-block;  border: 1px solid transparent;border-radius: 4px;  line-height: 1.42857143;text-align: center;  white-space: nowrap; vertical-align: middle;  cursor: pointer; -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;  user-select: none;  }
.btn-default {  color: #333; background-color: #fff; border-color: #ccc;}
.btn-lg {padding:10px 20px; font-size:18px;}
.btn-outline{color:#999;background-color:transparent;border-color:#999}
.btn-outline:active, .btn-outline:focus, .btn-outline:hover{color:#fff;background-color:#97cfa8;border-color:#97cfa8}
.btn-outline-inverse{color:#fff;background-color:transparent;border-color:#fff}
.btn-outline-inverse:active,
.btn-outline-inverse:focus,.btn-outline-inverse:hover{color:gray;text-shadow:none;background-color:#fff;border-color:gray}
.button {color:#fff;background-color:transparent;border-color:#fff 			}
.buttonmedium {color:#fff;background-color:transparent;border-color:#fff	}
.buttonsmall {color:#fff;background-color:transparent;border-color:#fff			}
.buttonmini {color:#fff;background-color:transparent;border-color:#fff			}

/*Breadcrumbs*/
#breadcrumb{font: 11px Arial, Helvetica, sans-serif; height:30px; line-height:30px; color:#9b9b9b;width:100%; overflow:hidden; margin:-15px 0 10px 0;padding:0px;}
#breadcrumb li{list-style-type:none;float:left; padding-left:10px;}
#breadcrumb a{height:30px;display:block;background-image:url('../images/bc_separator.png');background-repeat:no-repeat; background-position:right;padding-right: 15px;text-decoration: none;color:#454545;}
#breadcrumb a:hover{color:#b4370c;}
.home{border:none;margin: 8px 0px 8px -10px;}

  .tooltip {
    display:none;
    background:transparent url(../images/black_arrow.png);
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#eee;
  }
  .promo-lead 
        {
            width: 980px;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, .35);
            -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .35);
            -moz-box-shadow: 0 1px 3px rgba(0,0,0,.35);
}
.p-20 {padding:20px;}
.bg-white { background-color:white}
.promo-lead h2 {margin:0}     
      
        
 #promo-lead-pray {height: 389px; width: 980px; background-image: url(../images/promo-lead-pray.jpg); background-repeat:no-repeat; background-position: top left; margin: 0 0 20px 0}
 #promo-lead-pray h2, #inspProducts h2 {display:none;}
 #promo-lead-pray p {margin-left:500px;padding:110px 30px 0 0;}
 .promo-lead-image {margin: 20px 20px 20px 0;}
 #promo-example {margin-left:500px;padding:0 30px 0 0;}
 
 .basket-ccs-container {background-color: white; border: 1px solid white; padding: 10px 10px 10px 0; margin: 0 0 10px 0;	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	}
 .basket-ccs {min-height:171px; width: 550px; background-image: url(/images/basket-ccs.jpg); background-repeat:no-repeat; background-position: top right; margin: 0 0 20px 0}
 .basket-ccs-text {padding: 0 270px 0 20px; font-size: 12px; text-align:left;}
 .basket-ccs-text-product {padding: 0 20px 0 20px; margin-top:30px; font-size: 12px; text-align:left;}
 .basket-ccs p {margin-top: 0;}
 .basket-ccs-text-product p {margin: 10px 0 0 0;}
 
 .ccs-image {float:right; margin: 0 15px 20px 20px;}
  .ccs-image-index {float:right; margin: 0 115px 20px 20px;}
  
 .ccs-float-image {float:left; margin: 0 30px 20px 0;}
 .css-product-float {float:left; margin: 5px 10px 10px 0; border:1px solid Gray;}
 .css-float-image-left {float:left; margin:0px 10px 10px 0;}
.float-mount-feature, .float-mount-feature-right  { width:130px; background-color: white; border: 1px solid #b4370c; padding: 20px; margin: 0 20px 20px 0;	border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.float-mount-feature {float:left;}
.float-mount-feature-right {float:right;}
.fl-r-10 {float:right; margin: 0 0 10px 10px;}
.fl-r-20 {float:right; margin: 0 0 20px 20px;}
.fl-l-10 {float:left; margin: 10px 10px 0 0;}
.fl-l-20 {float:left; margin: 20px 20px 0 0;}
.float-mount-feature h3 {margin: 0 0 10px 0;}
#float-mount-description {background-color: white; border: 1px solid white; padding: 20px; margin: 0 0 20px 0;	border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
#float-mount-description h3 {margin: 0 0 10px 0;}
div.note {background-color:white; padding: 10px; margin: 20px 0 0 0; border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
#product-container {}
#product-container-inner {}
.product-row {clear:both;}
.product {float:left; width: 239px; height:200px; text-align:center; }
.product-image-container {height: 90px;}
.product img {text-align:center;}
.product h2 {margin:0; padding:0;}
.product p {margin:0; padding:0;}
.product a {color:Black;}
img.floatright {float:right; margin: 0 0 20px 20px;}
.from {font-size:small; color: #b4370c; }
img.designTemplateIcon {margin:0 5px 5px 0; border:1px solid gray;}
.gift-card-preview {margin-left:20px; padding:20px; background-color:white; position:relative;}
.gift-card-preview {position:relative; top:0; left:0;}
.gift-card-preview h2 {margin:0;}
.error-message {border:1px solid red; background-color:white; padding: 10px; margin: 20px 0 0 0; border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}

/*Basket Options*/
.basket-item {}
.basket-item-description {font-size:small; color: #333;}
.basket-item img {border:1px solid #EEE;}
.basket-shipping-options-message {margin:5px 0 5px 0; text-align:right;}
.basket-shipping-options {margin:25px 0 0 0; padding:0; text-align:right;}
.sh-mo{font-size:medium; color:#000;}
.it-mo {font-size:medium; color:#000;}
.basket-promotion-activate-container {text-align:right;}
.basket-total-summary {background-color:white; padding: 10px 20px 30px 10px; margin: 10px 0 0 0; border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.basket-total-summary h2, .basket-total-summary p {margin:0;}
.basket-container {background-color:#eee; padding: 15px 20px 30px 15px; margin: 10px 0 0 0; border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.basket-container h2, .basket-container p {margin:0;}
.basket-container p.message {margin-bottom:10px;}
.basket-confirm-order {font-size:medium; margin:20px 0;}
.basket-payment-option {  text-align:left; margin: 0 0 10px 0; padding:0; }
.basket-payment-options {width:250px;float:right; border:1px solid #DDD; padding:20px;}
.message {margin-bottom:10px;}
.t-b-o {font-weight:bold; color: #b4370c;}
.t-b-g {font-weight:bold; color: green;}
.white-rounded-container {background-color:white; padding: 15px 0; margin: 0; border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.preview-amount-large {position:relative; top: -320px; left:290px; color:White; font-family:Arial; font-size:40px;}
.preview-from {position:relative; top: -290px; left:100px;  font-family:Arial; font-size:12px;}
.preview-to {position:relative; top: -284px; left:100px;  font-family:Arial; font-size:12px;}
.preview-amount {position:relative; top: -278px; left:100px;  font-family:Arial; font-size:12px;}
.preview-code {position:relative; top: -272px; left:100px;  font-family:Arial; font-size:12px;}
.preview-message {position:relative; top: -255px; left:50px; width: 400px;  font-family:Arial; font-size:9px;}
#tblOrderItems {width:100%;}
#christian-series-container {}
.christian-series-col-left {width:470px; float:left; }
.christian-series-col-right {width:470px; float:right; }
.video-feature {margin: 30px 0 0 0;}
.video-feature p {font-size:12px;}
.video-feature h3 {margin:0;}
.featured-container {background-color:white; border:1px solid #c3c3c3; border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); margin: 0; padding:10px;}
.featured-container h2, .featured-container h3, .featured-container p {margin:0;}
.featured-item { float: left; width: 180px; }
.featured-product-container {padding:0 0 0 10px;}
.featured-product {float:left; width:31%; padding-right:10px;}
.as-seen-on-container {}



#fbfancount 
{
    float:left;
    background: white;
    border: 1px solid #C1C1C1;
    color: #333;
    display: inline-block;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size:12px;
    height: 14px;
    line-height: 14px;
    margin-left: 0px;
    min-width: 15px;
    padding: 3px 3px;
    text-align: center;
    white-space: nowrap;
}


#promo h2 {font-size:large; margin:0 0 10px 0; line-height:normal;}
span.help-desc {padding:0 0 0 8px;}
.checkout-form .row-fluid .span4 {text-align:right; color:Gray;}

/*Product Inspirational*/
h3.h {margin-bottom:5px; line-height:16px;}
.jqt{margin:0 auto; text-align:left;}
.ul1{padding-left: 20px; margin-bottom:10px;}
.ih{margin:5px 0; }
.q{font-style:italic; font-size:.8em;}
.qp{margin-bottom:5px;}
.sz{font-size:x-small;}
.am{color:#A9601E; font-size:x-large; font-weight:bold;}
.ip{margin: 0 10px 20px 0;background-color: white;padding: 10px;float: left;width: 290px;height: 350px; border-radius: 5px;}
.mi{font-size:xx-small; float:right;}
.in{margin-bottom:15px;}
.r{text-align:right; text-decoration:underline; font-size:large;}
        
     

/* User Profile - Image Gallery Pagination*/

#slides .pagination {width:100%;padding:7px 0px;float:left;}
#slides ul {margin:0;}
#slides .pagination li {float:left;margin:0 7px 7px 0;list-style:none;}
#slides .pagination li.endrow {margin:0 0px 7px 0}
#slides .pagination li a.th100x100 {display:block;width:60px;height:60px;margin:0px;border:1px solid #fff;float:left;}
a.th100x100 img {width:60px; height:60px;}
#slides .pagination li.current a {border:1px solid #7f7f7f;margin:0;}
.slides_container div {display:block;}
div.tab-content {overflow:visible;}


/*----------------------------------------------------------------
    Gallerific
-----------------------------------------------------------------*/
div.content {display: none;}
div.content a, div.navigation a {text-decoration: none;}
div.content a:focus, div.content a:hover, div.content a:active {text-decoration: underline;}
div.controls-container { }
div.controls a {padding: 0 5px;}
div.ss-controls {float: left;}
div.nav-controls {float: left;}
div.slideshow img {vertical-align: middle;border: 0px solid #ccc; width:100%;}
div.download {float: right;}
div.caption-container {position: relative;}
span.image-caption {display: block;}

/*div.caption {padding: 5px 0 0 5px;}*/
div.image-title {font-weight: bold; font-size: 1.4em;}
div.image-desc {line-height: 1.3em;padding-top: 12px;}
div.navigation {}
ul.thumbs {margin: 0;padding: 0; }
ul.thumbs li {float: left;padding: 0;margin: 0px 5px 5px 0; list-style: none;}
a.thumb { width:60px; height:60px; padding: 0px;display: block; border: 1px solid #fff;}
ul.thumbs li.selected a.thumb {}
a.thumb:focus {outline: none;}
ul.thumbs img {border: none;display: block;}
div.pagination {clear: both;}
div.navigation div.top {margin-bottom: 12px;height: 11px;}
div.navigation div.bottom {margin-top: 12px;}
span.previous {display:none;}
.controls {clear:both;}
.meta-container {clear: both;}
.controls-container{ height: 20px; float:right;}
.caption-container { float:left;}
.special-offer {width:400px; float:right;}
.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width:110px;
    max-height:110px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 22px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
}

.nbs-flexisel-nav-left {
    left: -10px;
        top: 40px !important;
    background: url(/i/als-left.png) no-repeat;
}

.nbs-flexisel-nav-right {
    right: -10px;
    top: 40px  !important;
    background: url(/i/als-right.png) no-repeat;
}

.nbs-flexisel-item img.as-seen-on-img, .nbs-flexisel-item img.as-seen-on-img-top  {width:80px;float:left; margin-right:35px;}
.nbs-flexisel-item img.as-seen-on-img-top { margin-top:20px;}
   

#features{position:relative; top:-18px}
#features h2 {text-align:center; position: relative;top:39px; z-index:10; font-size:2.0em;}
#features h2.bw a, #features h2.bw a {color:#000;} 
#features h2.wb a, #features h2.wb a {color:#fff;   text-shadow: 1px 2px 4px #000000;}
#features h2 a:hover {text-decoration:none;}
#features .feature {float:left;margin:0px 3px 5px 0; } /* width:310px; height:230px;*/
.feature img {}

       
.programDetailAdmin {margin-bottom:20px;}
.programDetailAdmin h2 {font-size:20px; margin-bottom:10px;}
.form-control {background-color: rgba(255,255,255,0.8);}

.glyphicon {margin: 2px 0 0 0;}
.selectWidth {width: 100%;margin:0;text-indent: 25px;} 

.left-inner-addon {
    position: relative;
}
.left-inner-addon input {
    padding-left: 35px;    
}
.left-inner-addon i {
    position: absolute;
    padding: 10px 12px;
    pointer-events: none;
    color:#777;
}

.right-inner-addon {
    position: relative;
}
.right-inner-addon input {
    padding-right: 30px;    
}
.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 10px 12px;
    pointer-events: none;
      color:#777;
}

/*----------------------------------------------------------------
    RESPONSIVE LAYOUT
-----------------------------------------------------------------*/
/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-width : 300px) {
      #features .feature {float:left;margin:0px 0px 15px 0;  height:260px; } 
}


    
@media only screen and (min-width : 320px) and (max-width : 480px) {
    body {padding:0;}
    #header {}
    #container-outer,  #footer, .container-outer, #header-ratings {width: auto; margin: 0 auto;padding:0 5px;}
    #header {padding:10px;}
    #logo {margin: 0 auto; width:120px; float:none;}
    #phone, #facebook {display:none;}
    #header-connect {display:none;}
    .freeShipping {text-align:center;} 
    #header-nav-container { float:none;}
    #basket-container {float:none;}
    #footer {padding:10px;}
    #footer-as-featured-on {display:none;}
    #corner {display:none;}
    .container-outer {margin: 0; padding:10px 10px 0 10px;}
    .promo-line-shadow-divider {display:none;}
    .promo-line-divider {display:none;}
    .feature .feature-right, .feature .feature-left {display:block; margin: 0 auto 10px auto; float:none}
    #myTab {margin-top:20px; padding-top:10px;}
    .frame-opt{ width: 40px; }
    .frame-opt .mos {font-size: 11px;}
    .checkout-form .row-fluid .span4 {text-align:left; }

    #fmedia {clear:both;}

}

/* Smartphones (landscape) ----------- 
@media only screen and (min-width : 321px) {
}*/

/* Smartphones (portrait) ----------- 
@media only screen and (max-width : 320px) {
}*/

@media only screen and (min-width : 480px) and (max-width : 767px) {
    body {padding:0;}
    #container-outer, #header, #footer, .container-outer, #header-ratings {margin: 10px auto 0 auto;} 
    /*{width:470px; margin: 0 auto; padding:0 5px;}*/
    #header {padding:10px;} 
    #header-nav-container {width: 380px;margin: 0 auto; float:none;}
    #header-connect {display:none;}
    .freeShipping {text-align:center;}
    #footer {padding:10px;}
    #footer-as-featured-on {display:none;}
    #corner {display:none;}   
    .promo-line-shadow-divider {display:none;}
    .promo-line-divider {display:none;}
    .feature .feature-right, .feature .feature-left {display:block; margin: 0 auto 10px auto; float:none}
    p.alphabet-letters-intro {display:none;}   
    .as-featured-on-horizontal {padding:0 10px;}  
    table.art td, .letter-size, .letters-in-caw .letter-caption {width:40px; height:60px;}
    #facebook {float:none;}
    .promo-container h2, .promo-container h3 {display:block; line-height: 24px;}
    .promo-container img {display:none;}
    #myTab {margin-top:20px; padding-top:10px;}
    .frame-opt{width: 60px; }
    .frame-opt .mos {font-size: 12px;}
    .checkout-form .row-fluid .span4 {text-align:left;}
    .ip{width: 196px; height: 380px;}

       #fmedia {clear:both;}

}

@media only screen and (min-width : 627px) {
      #features .feature {float:left;margin:0px 20px 10px 0; width:267px; height:205px; } 
      #featured {padding:50px 0 100px 0;
      #videos h2 { font-size:26px;}
}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) { 
    #container-outer, .container-outer, #header, #footer, #header-ratings {width:750px; margin: 0 auto;  }
    #corner {display:none;}
    #header {margin: 0 auto; padding:10px;}
    #footer {margin: 0 auto; padding:10px;}
    #phone { margin: 0 75px;}
    .promo-line-shadow-divider {display:none;}
    .promo-line-divider {display:none;}
    #frontpage-feature .video-container iframe {width: 239px;height: 137px;}
    .video-container iframe {width: 500px;height: 281px;}   
     #header {padding:10px;}
    #logo {margin: 0 auto;  width:200px; padding: 10px 10px 0 10px;}
    #header-connect {display:none;}
    .freeShipping {text-align:center;}   
    #footer {padding:10px;}
    #footer-as-featured-on {display:none;}
    #corner {display:none;}
    .promo-line-shadow-divider {display:none;}
    .promo-line-divider {display:none;}   
}

@media only screen and (min-width : 768px) {
     .logo { margin: 20px 0 0 0px;} 
     #c-can {margin-top:96px;}
    .nbs-flexisel-item img.as-seen-on-img, .nbs-flexisel-item img.as-seen-on-img-top  {width:100px;float:left; margin-right:25px;}
    #features .feature {float:left;margin:0px 20px 20px 0; width:310px; height:230px; }

    #featured {padding:10px 0 10px 0; margin-top:20px; margin-bottom:0px}
    #videos {margin-top:20px; margin-bottom:100px}
    #asseenon {margin-top:100px; margin-bottom:0px}

}

@media only screen and (min-width : 992px)  {
     .logo { width: 250px; margin: 10px 0 0 0px;}  
}

@media only screen and (min-width : 1025px) {
    #features .feature { width:310px;margin:0px 5px 10px 0;  height:230px; }
    .nbs-flexisel-nav-left { left: -30px;    top: 55px  !important;}
    .nbs-flexisel-nav-right {right: -30px;     top: 55px  !important;}
}
@media only screen and (min-width : 1200px) {
    #features .feature {width:370px;margin:0px 5px 10px 0;  height:280px;}
   #videos h2 { font-size:26px;}
}

@media only screen and (min-width : 1024px) and (max-width : 1224px) {
    #container-outer, .container-outer, #footer, #header-ratings {width:960px; margin: 0 auto;  }
    #phone {margin: 0 140px;}
    .promo-line-shadow-divider {display:none;}
    .promo-line-divider {display:none;}
    #myTab {margin-top:20px; padding-top:10px;}
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    #container-outer, .container-outer, #header, #footer, #header-ratings {width:1170px; margin: 0 auto;  }
    #phone {margin: 0 140px;}
}