/*	Table OF Contents
==========================
1.  General Styles
2.  Promo Items
3.  Regular Links
4.  Header
5.  MegaMenu
6.  Search Box
7.  Social Fonts
8.  Column Widths to Replace Tables for Images
9.  Breadcrumbs
10. Right Sidebar
11. Main Content
12. Footer
13. Blog Items
14. Dotted Boxes
15. Floats
16. Hero Image
17. Styled Lists
18. Callouts, Reminders and Quotes
19. Responsive


/* =========================
   1. General
   ========================*/
      
     
body{
	font-family: 'Source Sans Pro', Arial, sans-serif;
	color:#20799F;
	background:#cee5f2 url('../image-files/bubbles-2.png') top center repeat;
	background-attachment:fixed;
	margin: 0 auto;
	font-weight:300;
	font-size:17px;
}

.sitewrapper {
    margin:0 auto;
    position:absolute;
    top:0;
    left:auto;
    right:auto;
    width:100%;
    overflow:hidden;
    background:transparent url() top center repeat-x;
}

.container{
	background:#fff;
}

ul,li{
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5 {
font-family: 'Open Sans Condensed', 'Oswald', serif;
font-weight:700;
text-align:center;
}

h1{
	font-size:44px;
	color: #20799F;
	text-align:center;
}

h2 {
color:#20799F;
font-size:36px;
text-align:center;
}

h3 {
color:#20799F;
font-size:30px;
text-align:center;
}

h4 {
color:#20799F;
font-size:26px;
text-align:center;
}

h5 {
color:#20799F;
font-size:22px;
text-align:center;
}

.inner-wrapper .caption {
    font-size:12px;
	line-height:16px;
	color:#333333;
	margin-top:5px;
	margin-bottom:10px;
}

/* =========================
   2. Promo Items
   ========================*/

.promo { margin: 10px 5px 10px 0px; min-width: 150px; max-height: 60px; }
.promo img { height: auto; width: auto; text-align: center; }
.promoitems { width: 100%; margin: 0 auto; }


/* =========================
   3. Regular Links
   ========================*/
   
a:link {
color:  #20799F;
font-weight: bold;
font-size: 100%; 
text-decoration: none;
}

a:visited {
color: #2284AA;
font-weight: bold;
font-size: 100%; 
text-decoration: underline;
}

a:hover {
color: #84B8CE;
font-weight: bold;
font-size: 100%;                 /* Deep red as in Nav headers */
text-decoration: underline;
}


/* =========================
   4. Header
   ========================*/

header{
    background:transparent;
	margin-bottom:125px;
}
	
	
header .wrapping {
position: fixed;
top:0;
z-index: 99;
width: 100%;
background-color:#fff;
border-bottom:1px solid #999;
}	

header .container{
	background:none !important;
	max-width:1150px;
}



/* =========================
  5. MegaMenu
   ========================*/
	
ul.navbar-nav {
	float: left;
	margin-left:-22px;
	background-color:#fff;
}
.navbar-header{
	font-weight:700;
	
}

.navbar-header .navbar-brand-horizontal .logo, .navbar-header .navbar-brand-horizontal .slogan{
     display: none;
}

.navbar-brand .logo{
	display:block;
	font-size:38px;
	line-height:75px;
	margin-bottom:0px;
	margin-top:0px;
	color: #20799f;
	font-family: 'Open Sans Condensed', 'Jane Austen', cursive;
	white-space:nowrap;
text-indent:15px;
	text-shadow:0px 1px 6px #fff; 
	background:transparent url('../image-files/bubbles-logo-sm.png') bottom left no-repeat;
}

.navbar-brand .slogan{
	display:block;
	font-size:22.25px;
	color:#20799F;
	font-family: 'Open Sans Condensed', 'Oswald', sans-serif;
	text-transform:uppercase;

}
.navbar-default {
	margin-bottom: 0;
	float: left;
	width: 100%;
	background-color:#fff;
	white-space:nowrap;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color:#999;
	background: none;
	
}

.navbar-default .navbar-nav > .active > a:hover{
color:#20799F; 
}

.navbar-default .navbar-nav > li a{

	position:relative;
}

.navbar-default .navbar-nav > li .dropdown-menu a:before{
	display:none;
}

.navbar-brand, .navbar-brand-horizontal{
	position:relative;
}

.navbar-default .navbar-nav > li > a {
	font-size: 14px;
	line-height:20px;
	color:#999;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	
}

.navbar-default .navbar-nav > li > a:hover {
	font-size: 14px;
	line-height:20px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	color:#20799F;
}

.navbar-default {
border: none;
background-color: transparent;
}

.navbar-nav > li {
	margin: 0;
	position: relative;
	
}
.navbar-nav > li:last-child{
	padding-right:0px;
}
.navbar-nav > li > a {
	font-family: 'Oswald', sans-serif;
	padding: 0;
	outline: none !important;
	overflow: hidden;
	padding-top:8px;
	padding-bottom:17px;
	padding-left:6.75px;
	padding-right:0px;
	color:#20799F;
	text-transform:uppercase;
	
}

.navbar-default .dropdown-menu > li > a{
	font-family:'Oswald', san-serif;
	font-size:14px;
	color:#fff;
	font-weight:300;
	line-height:32px;
	text-indent:0px;
	text-transform:uppercase;
}
.dropdown-menu > li > a:hover{
	color:#20799F;
}

.navbar-default .dropdown-menu > li > a:hover {
background-color:#20799f;
color:#fff;
}

.navbar-default .container{
	position: relative;
	
}

.navbar-nav li.dropdown.active .red{
color:#E6001F;
padding-left:25px;
padding-right:0px;
}

.nav-right{
margin-left:-110px;
}

@media (max-width:991px) {
.navbar-nav li.dropdown.active .red{
color:#E6001F;
padding-left:0;
}

.nav-right{
margin-left:0px;
}

ul.navbar-nav {
	float: left;
	margin-left:0px;
}

}

.navbar-default .navbar-toggle{
	color:#5e5e5e;
	height:40px;
	top:0px;
	border:none;
	border-radius:0;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background: none;
}
.navbar-default ul.dropdown-menu {
	background: #84B8CE;
	padding:0;
	min-width: 40px;
	border-radius:0;
	
}

.megamenu-content ul.dropdown-menu {
	
	padding:0;
	min-width: 20px;
	border-radius:0;
}

.dropdown a i{
	display:none;
}

.navbar-nav{
	margin-right:0px;
	margin-top: 5px;
	margin-bottom: 0px;
}

.navbar-nav > li:hover ul.dropdown-menu {
	display: block;
}

.megamenu .nav,
.megamenu .collapse,
.megamenu .dropup,
.megamenu .dropdown {
  position: static;
}
.megamenu .container {
  position: relative;
}
.megamenu .dropdown-menu {
  left: auto;
}
.megamenu .nav.navbar-right .dropdown-menu {
  left: auto;
  right: 0;
}
.megamenu .megamenu-content {
  padding: 20px 20px;
}
.megamenu .dropdown.megamenu-fw .dropdown-menu {
  left: 0;
  right: 0;
}

.megamenu-content h4,.megamenu-content a{
	text-decoration:none;
	font-size:14.5px;
	font-family:'Oswald', san-serif;
	font-weight:300;
	color:#20799F;
	text-transform:uppercase;
}
.megamenu-link-list{
	border-left:0px solid #ccc;
	border-right:0px solid #ccc;
	padding:0px;
	margin-top:0px;
}
.megamenu-link-list li a{
    color:#5e5e5e;	
	list-style:none;
	padding:0 5px;
}
.megamenu-link-list li a:hover{
    background-color: #20799F;	
	list-style:none;
	padding:0 5px;
}
.megamenu-link-list li {
color:#fff;
list-style: none;
white-space:nowrap;
}

.navbar-default .navbar-nav li:hover{
    color:#fff;
}

.navbar-default .navbar-nav li { 
    text-indent:5px; 
    
}

.navbar-nav li.dropdown.active{
padding-right:0px;

}

.navbar-nav .home{ 
padding-right:0px; 
}


/* =========================
  6. Search Box
   ========================*/

header .nav-search {
background-color:transparent;
}


.nav-search{
    position:absolute;
	right:29%;
	top:34px;
	z-index:99;
	overflow:hidden;
	border: none;
	padding-left: 5px;
	margin-right: 0px;
	height:36px;
}

.nav-search input.srctext {
background: #eeeeee; 
border: none;
color: #CFC9C4;
width: 150px;
height: 37px;
padding:0;
margin:0;
font-size:14px;
text-indent:10px;
font-weight:700;
text-shadow: 2px 2px 2px #fff;
position:relative;
border-radius:4px;
}

.nav-search input.srctext:focus {
width:180px;
}

.nav-search input.srcbtn {
background: #20799f url('../image-files/mag-glass.png') center center no-repeat;
width: 38px;
border: none;
height: 37px;
padding:0;
margin:0;
color:#84B8CE;
border-radius:4px;
}

/* =========================
   7. Social Fonts
   ========================*/

.social-links{
	clear:both;
	height: 100px;
	background-color:#84B8CE;
	border-bottom:3px solid #E6E6E5;	
}

.social{
	margin:5px auto 0 auto;
	padding:5px;
	display:table;
	text-align:right;
}

.social li a{
	color:#fff;
	line-height:36px;
	text-align:center;
	font-size:24px;
	height:36px;
	width:36px;
	display:block;
	background-color: #20799F;
	border-radius:4px;
}

.social-links .social li.cart a {
background-color:transparent;
width:87px;
height:36px;
line-height:36px;
position:absolute:
top:80px;
right:0;
z-index:9999999;
} 

.social-links .social li.cart a:hover {
background-color:transparent;
}

.social li{
	display:inline-block;
	padding:30px 2.5px;
}

.social li:hover a{
	color:#fff;
}

.social li:hover a:hover{
color:#fff;
background-color:#84B8CE;
}

/* =========================
   8. Column Widths to Replace Tables for Images
   ========================*/

.five-columns-wide{
	margin-top:10px;
	clear: both;
	display: table;
}

.five-columns{
	float:left;
	margin-right:25px;
	margin-bottom:20px;
}

.inner-wrapper .five-columns img{
	width:100%;
	max-width: 105px;
	height:auto;
	border: 0px solid #ccc;
        -moz-box-shadow: 1px 0 5px #555;
        -webkit-box-shadow: 1px 0 5px #555;
        box-shadow: 1px 0 5px #555;
}

.five-columns h3{
	color:#20799F;
	font-size:16px;
	line-height:20px;
	text-transform:uppercase;
	margin:0 auto;
	margin-top:24px;
	text-align: center;
	background-color: transparent;
}

.five-columns h4{
	color:#20799F;
	font-size:12px;
	line-height:20px;
	margin:0 auto;
	text-align: center;
	max-width:120px;
}

.four-columns-wide{
	margin-top:10px;
	clear:both;
	display: table;
}

.four-columns{
	float:left;
	margin-right:22px;
	margin-bottom:20px;
}

.inner-wrapper .four-columns-wide .four-columns img{
	width: 100%;
	max-width: 145px;
	height:auto;
	border: 0px solid #ccc;
        -moz-box-shadow: 1px 0 5px #555;
        -webkit-box-shadow: 1px 0 5px #555;
        box-shadow: 1px 0 5px #555;
}

.four-columns h3{
	color:#20799F;
	font-size:16px;
	line-height:20px;
	text-transform:uppercase;
	margin:0 auto;
	margin-top:24px;
	text-align: center;
	background-color: transparent;
}

.four-columns h4{
	color:#20799F;
	font-size:12px;
	line-height:20px;
	margin:0 auto;
	text-align: center;
	font-weight: 700;
}


.three-columns-wide{
	clear: both;
	display: table;
	margin: 0 auto;
	margin-top:10px;
}

.three-columns{
	margin: 0 auto;
	float: left;
	margin-bottom:10px;
	text-align: center;
	margin-top:10px;
    width: 33%;
    padding: 0 1%;
}

.inner-wrapper .three-columns img{
	width: auto;
	height:auto;
	border: 0px solid #ccc;
        -moz-box-shadow: 1px 0 5px #555;
        -webkit-box-shadow: 1px 0 5px #555;
        box-shadow: 1px 0 5px #555;
}

.three-columns h3{
	color:#20799F;
	font-size:16px;
	line-height:20px;
	text-transform:uppercase;
	margin:0 auto;
	margin-top:24px;
	text-align: center;
	background-color: transparent;
}

.three-columns h4{
	color:#20799F;
	font-size:12px;
	line-height:20px;
	margin:0 auto;
	text-align: center;
	font-weight: 700;
}


.two-columns-wide{
	margin-top:10px;
	clear: both;
	display: table;
}

.two-columns{
	margin-right: 20px;
	float: left;
	margin-bottom:20px;
}

.inner-wrapper .two-columns img{
	width: 100%;
	max-width:315px;
	height:auto;
	border: 0px solid #ccc;
        -moz-box-shadow: 1px 0 5px #555;
        -webkit-box-shadow: 1px 0 5px #555;
        box-shadow: 1px 0 5px #555;
}

.two-columns h3{
	color:#20799F;
	font-size:16px;
	line-height:20px;
	text-transform:uppercase;
	margin:0 auto;
	margin-top:24px;
	max-width:350px;
	text-align: center;
	background-color: transparent;
}

.two-columns h4{
	color:#20799F;
	font-size:12px;
	line-height:20px;
	margin:0 auto;
	text-align: center;
	font-weight: 700;
}

.smallimg {
max-height: 111px;
}
 
/* =========================
   9. Breadcrumbs
   ========================*/

.breadcrumb .container {
    border-top: 1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	max-width:1150px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	height:5px;
}

.breadcrumb{ 
	position:relative;
	background:none;
	padding:0;
	margin-bottom:0;
	font-family: 'Open Sans Condensed', 'Oswald', sans-serif;
	font-weight: 700;
}

.breadcrumb ul{
	margin:5px 0;
	text-align:left;
}

.breadcrumb li{
	margin:0;
	padding:0;
	display:inline-block;
	text-transform: uppercase;
}

.breadcrumb li a{
	text-decoration:none;
	text-transform: uppercase;
	
}

.breadcrumb li,.breadcrumb li a{
	color: #20799F;
	font-size:12px;
	line-height:18px;
}

.breadcrumb li,.breadcrumb li a:hover{
	color:#ccc;
	line-height:18px;
}

.breadcrumb li,.breadcrumb li a:active{
	color: #000;
}

.breadcrumb li:after{
	content:' ::';
	padding:0 3px;
	color: #20799F;
	font-size: 14px;
}

.breadcrumb li:last-child:after{
	content:'';
}


/* =========================
   10. Right Sidebar
   ========================*/

.btn-group button:hover,.btn-group button:focus,.btn-group button:active{
	color:#fff !important;
}

.btn-group button span{
	position:absolute;
	top:10px;
	right:10px;
	font-size:14px;
	color:#484848;
}

.right-sidebar, .shadow-containers{
	position:relative;
	padding-bottom:20px;
	padding-top:20px;	
}

.shadow-containers img {
margin: 0 auto;
display: block;
}

.right-sidebar img{
	width:100%;
	max-width:150px;
	margin-right:10px;
	height:auto;
	float:left;
}
.right-sidebar.latest img{
	width:100%;
	height:auto;
	float:none;
	max-width:100%;
}

.right-sidebar .date{
	font-family: 'Open Sans Condensed', 'Oswald', sans-serif;
	float:left;
}

.right-sidebar .date .day{
	display:block;
	color:#ffffff;
	font-size:30px;
	
}
.right-sidebar .date .month{
	font-size:18px;
	color:#717171;
}

.right-sidebar h5{
	color:#20799F;
	font-size:18px;
	line-height:20px;
	margin:0;
	text-transform:uppercase;
}
.right-sidebar p{
    font-size:14.5px;
    line-height:22px;
	color:#555;
	margin-top:10px;
	margin-bottom:10px;
}

.right-sidebar p.red{
    font-size:14px;
    line-height:20px;
	color:#ff0000;
}

.right-sidebar a.btn, .latest-post a.btn{
	background: #1f1f1f;
	border-radius:4px;
	color:#5e5e5e;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 14px;
	padding:9px 17px;
	position: relative;
	margin-top:10px;
	margin-left:20px;
	font-family: 'Open Sans Condensed', 'Oswald', sans-serif;
}
.right-sidebar a.btn:hover, .latest-post a.btn:hover{
	background:#20799F;
}

.btn.sold-out:hover{
	background: #1f1f1f !important;
	cursor:not-allowed;
}

.right-sidebar-heading {
color:#5e5e5e;
margin: 0 auto;
width: 100%;
padding: 3px;
font-weight: 700;
margin-bottom: 10px;
text-align: center;
font-size: 16px;
}

.right-sidebar{
        padding:10px;
        margin: 0px auto 0px auto;
        width: 100%;
        display: block;
        background-color:#f4f4f4;
}

.shadow-containers{
	border: 0px solid #ccc;
        -moz-box-shadow: 1px 0 5px #555;
        -webkit-box-shadow: 1px 0 5px #555;
        box-shadow: 1px 0 5px #555;
        padding: 5px;
        margin: 0px auto 20px auto;
        width: 100%;
        display: block;
        -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px ; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
}

.right-sidebar.latest .day{
	background:#20799F;
	width:70px;
	font-size:32px;
}
.right-sidebar.latest .month{
	background:#212121;
	width:70px;
	display:block;
	font-size:16px;
	line-height:29px;
	color:#5e5e5e;
}

.right-sidebar ul{
	margin-left:5px;
	color: #20799F;
	font-weight: 700;
}
.right-sidebar li{
	list-style:none;
	font-size:13px;
	font-family:'Open Sans Condensed', 'Oswald', san-serif;
}

.right-sidebar li a {
color: #20799F;
}


.right-sidebar.latest img{
	margin-bottom:20px;
	width:100%;
	height:auto;
}


.right-sidebar .ItemCenter img{
max-width:250px; 
clear:both;
margin:10px auto;
text-align:center;
}

.right-sidebar .ItemCenter {
max-width:100%; 
clear:both;
margin:10px auto;
text-align:center;
float:left;
}

.right-sidebar .ItemLeft{
width:100%;
margin:0 auto;

}

.half-width-img {
with:100%;
margin:10px auto;
text-align:center;
}

.half-width-img td{
max-width:50%;
padding:0 5px;
}
.half-width-img td img {
width:90px;
height:auto;
text-align:center;
padding:5px;
}

.right-sidebar .ItemCenter img.animated {
max-width:80%;
height:auto;
margin:0 auto;
text-align:center;
padding-left:25px;
padding-right:25px;
}

@media screen and (max-width:984px) {
.half-width-img td {
max-width:100%;
float:left;
}
}

/* =========================
  11. Main Content
   ========================*/

#main-content-area{
	position:relative;
	line-height:20px;
	font-size:12px;
	margin:0 auto;
	margin-top:0px;
	max-width:1150px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}

 section#main-content-area > div.container > div.row > div#equalheight > div.col-lg-8.col-md-8.col-sm-8.demo {
border-top-left-radius:10px;
}

.inner-wrapper {
padding-bottom: 20px;
}

.inner-wrapper p{
    font-size:16px;
    line-height:28px;
	margin-top:20px;
	margin-bottom:20px;
	color:#2a2a2a;
}

.inner-wrapper img {
max-width: 100%;
}


.inner-wrapper ul{
padding: 0;
margin: 0 0 0 20px;
}

.inner-wrapper li{
margin-left: 10px;
padding-left: 10px;
}


/* =========================
  12. Footer
   ========================*/

footer {
max-width:1150px;
margin:0 auto;
border-bottom:1px solid #ddd;
}

footer .container{
	position:relative;
	padding-top:20px;
	padding-bottom: 20px;
	margin-bottom: 60px;
	background-color:#84B8CE;
    color: #fff;
    font-size:14px; 
    border-top:1px solid #ddd;
    border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}


footer h4{
	font-size:20px;
	text-transform:uppercase;
	padding-bottom:10px;
	color:#5e5e5e;
}

footer h4 span{
	color:#5e5e5e;
	position:relative;
	margin-right:10px;
}

footer .container p {
color:#fff;
}

footer .container a{ 
color:#20799F; 
font-weight: 300;
font-family:'Source Sans Pro', san-serif;
}
.sitemap{
	margin:0;
	padding:0;
}
.sitemap li{
	font-family: 'Source Sans Pro', 'Open Sans Condensed', 'Oswald', sans-serif;
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:1px solid #999;
	line-height:30px;
	font-size:15px;
	text-transform:uppercase;
}
.sitemap li:last-child{
	border-bottom:0;
}
.sitemap li:before{
	content:'.';
	font-size:40px;
	color:#696969;
	line-height:5px;
	padding-right:10px;
}

.sitemap li a{
	color:#20799F;
	text-decoration:none;
}


.sitemap li a:hover{
	color:#20799F;
}


/* =========================
   13. Blog Items
   ========================*/

.blogItItem {
margin:18px 0;
padding:0 12px;
border:1px solid #ccc;
box-shadow:4px 4px 4px #ccc;
border-radius:4px;
clear:inherit;
}
.blogItItem1 {
margin:18px 0;
height:585px;
padding:0 12px;
border:1px solid #ccc;
box-shadow:4px 4px 4px #ccc;
border-radius:4px;
}

.blogItItem2 {
margin:18px 0;
height:570px;
padding:0 12px;
border:1px solid #ccc;
box-shadow:4px 4px 4px #ccc;
border-radius:4px;
}

.blogItItem3 {
margin:18px 0;
height:250px;
padding:0 12px;
border:1px solid #ccc;
box-shadow:4px 4px 4px #ccc;
border-radius:4px;
}

.blogItItem .blogItThumbnail {
float:left;
padding:0 12px;
margin-right:10px;
margin-bottom:10px;
clear:both;
}


/* =========================
  14. Dotted Boxes
   ========================*/

.dotted-float-right{
float:right; 
width:30%; 
border:dotted; 
padding:10px;
margin-left:10px;
}

.dotted-float-right ul, .dotted-float-left ul{
list-style-type: none;
padding: 0;
margin: 0;
}

.dotted-float-right li, .dotted-float-left li {
margin-left: 0px;
padding-left: 10px;
}

.dotted-float-left{
float:left; 
width:30%; 
border:dotted; 
padding:10px;
}


/* =========================
   15. Floats
   ========================*/

.ItemCenter{ 
margin: 0 auto;
width:100%;
text-align:center;
}

.ItemLeft{
float: left;
margin-right:10px;
}

.ItemRight{
float:right;
margin-left:10px;
}


/* =========================
  16. Hero Image
   ========================*/


.heroimage .container {
	max-width:1150px;
	background:transparent;
}

.heroimage{ 
	position:relative;
	background:transparent!important;
	padding:0;
        margin-top:250px;
	margin-bottom:30px;
	color:#fff;
}

.heroimage p { 
font-size:19px; 
max-width:500px; 
}

.heroheadline { 
font-size:36px; 
font-family:'Open Sans Condensed', sans-serif; 
text-transform:uppercase; 
font-weight:700;
}

.heroimage .btn-group { 
border:5px solid #fff; 
padding:10px; 
font-size:16px; 
font-weight:700; 
text-transform:uppercase; 
}

.heroimage a, .heroimage a:hover, .heroimage a:visited { 
color:#fff; 
text-decoration:none; 
}


/* =========================
   17. Styled Lists
   ========================*/

.inner-wrapper ul{
   margin:20px 20px;
   font-size:13.5px;
}

.inner-wrapper .checks li:before{
    content: '✔';   
    margin-left: -2em; margin-right: 1em;
    list-style-type:none;
    color:#20799F;
    padding-right:3px;
 }

.inner-wrapper .checks li{
   list-style-type:none;
}

.inner-wrapper ul .checks{
   list-style: none;
   list-style-position:outside;
}

.inner-wrapper .x li:before{
    content: 'X';   
    margin-left: -2em; margin-right: 1em;
    list-style-type:none;
    color:#990000;
    padding-right:6px;
 }

.inner-wrapper .x li{
   list-style-type:none;
}

.inner-wrapper ul .x{
   list-style: none;
   list-style-position:outside;
}

.inner-wrapper ul .asterisk, .inner-wrapper .asterisk li {
   margin:0;
   padding:0;
   list-style:none      
}

.inner-wrapper .asterisk li {
   padding-left:20px; 
}

.inner-wrapper .asterisk li:before {
   content: "✸";
   color:#20799F;
   margin-left: -1.75em; 
   margin-right: .8em;
   font-size:1.25em;
   padding-right:3px;
}


.inner-wrapper ul .diamond, .inner-wrapper .diamond li {
   margin:0;
   padding:0;
   list-style:none      
}

.inner-wrapper .diamond li {
   padding-left:20px; 
}

.inner-wrapper .diamond li:before {
   content: "✧";
   color:#20799F;
   margin-left: -1.75em; 
   margin-right: .8em;
   font-size:1.25em;
   padding-right:3px;
}

.inner-wrapper ul .arrow, .inner-wrapper .arrow li {
   margin:0;
   padding:0;
   list-style:none      
}

.inner-wrapper .arrow li {
   padding-left:20px; 
}

.inner-wrapper .arrow li:before {
   content: "➞";
   color:#20799F;
   margin-left: -1.75em; 
   margin-right: .8em;
   font-size:1.25em;
   padding-right:3px;
}

.inner-wrapper ul .star, .inner-wrapper .star li {
   margin:0;
   padding:0;
   list-style:none      
}

.inner-wrapper .star li {
   padding-left:20px; 
}

.inner-wrapper .star li:before {
   content: "✪";
   color:#20799F;
   margin-left: -1.75em; 
   margin-right: .8em;
   font-size:1.25em;
   padding-right:3px;
}


/* =========================
  18. Callouts, Reminders and Quotes
   ========================*/


blockquote{
padding:20px;
margin:20px;
border-left:10px solid #20799F;
color:#999;
}

.quotegray{
padding:20px;
margin:20px;
border-left:10px solid #ddd;
color:#999;
}

.quotegreenright{
padding:20px;
margin:20px;
border-right:10px solid #20799F;
color:#999;
text-align:right;
}

.author p{
font-size:13.5px;
}

.CalloutBox{
width:90%;
margin:20px auto;
padding:20px;
background:#FFFFAA url( ) bottom left no-repeat;
box-shadow:1px 1px 1px #ccc;
}

div.full-width-box {
background-color:#84B8CE;
margin: 15px 0px 10px 0px;
padding: 15px;
color:#fff;
border: 1px solid #20799f;
}

.CalloutBox p{
font-size:14px;
}

.ReminderBoxLeft{
width:33%;
margin:10px;
padding:10px;
float:left;
box-shadow:1px 1px 5px #ccc;
background-color:#fff;
}

.ReminderBoxRight{
width:30%;
margin:10px;
padding:10px 5px;
float:right;
box-shadow:1px 1px 5px #ccc;
background-color:#fff;
}

.ReminderBoxRight ul li {
list-style-type:none;
padding:2px 0;
margin-left:-10px;
}

.ReminderBoxLeft p, .ReminderBoxRight p, .ReminderBox p{
font-size:13.5px;
color:#20799F;
}


/* =========================
   19. Responsive
   ========================*/


/* Large desktop */
@media (min-width: 1200px) {

.promo { margin: 10px 35px 10px 35px; min-width: 150px; max-height: 60px; }

/*.navbar-nav > li > a {
	padding-left:0px;
	padding-right:0px;
}*/
}

 
 @media (max-width: 991px) {
 
 .promoitems .promo { display: none; }
 }
 
/* Portrait tablet to landscape and desktop */
@media (max-width: 980px) {
.desktopOnly {display: none; }

header { max-width: 760px; }

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover {
font-weight: 100; 
}

.navbar-nav > li > a {
	padding-left:13px;
	padding-right:13px;
}

.right-sidebar img{
	max-width:100%;
	float:none;
	margin-right:0;
	margin-bottom:20px;
}
.navbar-nav {
margin-bottom: auto;
margin-top: auto;
}
.navbar-nav > li:after{
	display:none;
}
.navbar-nav > li > a{
	padding:0;
}

.navbar-nav > li{
	padding:10px 0 0 10px;
}

.navbar-nav > li:hover ul.dropdown-menu {
	display: none;
}
ul.dropdown-menu {
	display: none;
	width: 100%;
	margin-bottom: 20px;
	position: relative;
	float: none;
}
ul.navbar-nav{
	display:block;
}

.dropdown a i{
	display: inline-block;
}

.container > .navbar-header, .container > .navbar-collapse{
	padding-bottom:10px;
	padding-left:10px;
}

ul.navbar-nav{
	float:none;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	text-align:left;
}
}

@media (max-width: 936px) {
.nav-search{
    position:absolute;
	right:0%;
	top:155px;
}
}

@media (max-width: 826px) {
.nav-search{
    position:absolute;
	right:0%;
	top:155px;
}
}



/* Landscape phone to portrait tablet */
@media (max-width: 800px) {
header {
left:0;
right:0;
}
	
.right-sidebar, .shadow-containers{
	display:table;
	margin:0 auto;
}

.right-sidebar, .shadow-containers{
	margin-bottom: 20px;
}
 }
 
 @media (max-width: 700px) {
 .promoitems .promo {display: none; }
 }
  @media (max-width: 568px) {
 .breadcrumb { margin-top:0px; }
 h1 { font-size:30px; }
 .ReminderBoxRight{
 float:left;
 margin:0 auto;
 width:100%;
 clear:both;
 }
 }
 
  @media (max-width: 560px) {
 .social li a {display: none; }
li.cart a { display:block; }
 }
 
 
 
/* Landscape phones and down */
@media (max-width: 400px) {

.navbar-brand .logo{
	font-size:30px;
	white-space:nowrap;
}

.three-columns {
width: 50%;
}
.social-links .social{
/*display:none; */
}

.breadcrumb ul{
	padding-top:0;
}

.navbar-default .navbar-toggle,.nav-search,.nav-search button {
	height:30px;
	line-height:30px;
	background-color:#fff;
}

.nav-search:hover{
	width:250px;
}

.nav-search { 
display: none;
}

.right-sidebar, .shadow-containers{
	margin-bottom: 20px;
}
}

@media (max-width: 360px) {

.right-sidebar, .shadow-containers{
	margin-bottom: 20px;
}	
}

@media (max-width: 320px) {
	.right-sidebar, .shadow-containers{
	margin-bottom: 20px;
}
	}
		
@media (max-width: 500px) {
	.three-columns { width: 98%; padding: 0; }
	
	}
		

@media (max-width: 568px) and (orientation: landscape) { 
.social-links { display: none; }
.navbar-brand-horizontal {
float:left;
}

.navbar-header .navbar-brand-horizontal .logo{
	display:block;
	font-size:32px;
	line-height:70px;
	margin-top:10px;
	color: #20799F;
	max-width:200px;
	white-space:nowrap;
	text-shadow:0px 1px 6px #fff; 
	background:transparent url('../image-files/bubbles-logo-sm.png') bottom left no-repeat;
}

.navbar-header .navbar-brand-horizontal .slogan{
	display:block;
	font-size:13.25px;
	color:#5e5e5e;
	font-family: 'Open Sans Condensed', 'Oswald', sans-serif;
	text-transform:uppercase;
    max-width:200px;
}
header { margin-bottom:50px; }
.navbar-default{ background:#84B8CE; }

.breadcrumb{
margin-top:-125px; }
 }
	
#main-content-area .container .row .grey {
background-color: #f4f4f4;
max-width:300px;
float:right;
}

.red{
color:#E6001F;
}

@media (max-width:455px) {
.navbar-brand .logo { font-size:32px; white-space:no-wrap; }
}

@media (max-width:320px) {
.navbar-brand .logo {font-size:31px;}
}

.social-links .container {width:100%; padding:0;}
.social-links .container .navbar-default { width:100%; padding:0; margin-left:0; }
.social{margin:5px 0; padding:0; float:right; }
.navbar-default .container{ width:100%; padding-left:0px;}

@media (max-width:656px) {
.social {margin:0 auto; padding-right:0px; float:right;}
}

@media (max-width:796px) {
.navbar-default .container {width:auto; padding-left:10px; }
}

@media (max-width:734px) {
.navbar-brand .logo { font-size:36px; }
}

@media (max-width:440px) {
.navbar-brand .logo { font-size:30px; }
}

@media (max-width:320px) {
.navbar-brand .logo {font-size:24.25px; }
}

@media (max-width:767px) {
#main-content-area .container .row .grey {
background-color: #f4f4f4;
max-width:100%;
float:none;
}

}

@media (max-width:1198px) {
.breadcrumb .container { 
max-width:970px; 
}
}

@media (max-width:991px) {
.breadcrumb .container { 
max-width:750px; 
}
}

@media (max-width:400px) {
.heroimage { display:none; }
#main-content-area { margin-top:200px; }
}


@media (max-width:987px) {
.nav-search{
    position:absolute;
	right:20%;
	
}
}

@media (max-width:768px) {
.currentspecials .container, .currentspecials, .currentspecials .container .ItemRight {text-align:center; margin:0 auto; }
.currentspecials .container .ItemRight {float:none; margin:0 auto; }
.nav-search { top:170px; }
}

@media (max-width:664px) {
.nav-search{
    position:absolute;
	right:12%;
	/*top:115px; */
}
}

@media (max-width:480px) {
.nav-search{
    position:absolute;
	right:25%;
	/*top:115px; */
}
}

@media (max-width:485px) {
.nav-search{
    display:none;
}
.social li.cart { position:absolute; top:135px; left:20px; width:30%; z-index:9999999;}

.currentspecials .container, .currentspecials, .currentspecials .container .ItemRight {text-align:center; margin:0 auto; }
.currentspecials .container .ItemRight {float:none; margin:0 auto; }
}

@media (max-width:402px) {
.social li.cart {top:170px; }
}


#addSiteTo {
        width:90%;
        font-size:85%;
        text-align:center;
        padding:8px 0;
        border:1px solid #000;
        margin:12px auto;}

    #addSiteTo p {
        padding:2px 2px 4px;
        margin:0;
    }

    #addSiteTo img {
        border:0;
        padding:1px 0;
    }

    #addSiteTo .questionMark {
        padding:0;
        margin:1px auto;
        text-align:center;
        width:75%;
    }

    #addSiteTo .questionMark img {
        margin:0 4px 4px 0;
        padding:0;
    }
    
    
    div.full-width-box2 {
   background-color: #ffffff;
	margin: 1px 1px 1px 1px;
	padding: 3px;
   border: 1px solid #20799f;

}

div.half-width-box-right {
   background-color: #ffffaa;
	margin: 5px 5px 5px 5px;
	border: 1px solid #20799f;
	padding: 10px;
	width: 50%;
	float: right;
	font-size:12px;
}
div.half-width-box-right p {
font-size:12px;
}


div.quarter-width-box-right {
   background-color: #ffffaa;
	margin: 5px 5px 5px 5px;
	border: 1px solid #20799f;
	padding: 10px;
	width: 25%;
	float: right;
}


#bubbles { height: 100%; overflow:hidden; }
#bubbles { padding: 0px 0 }
.bubble {
    width: 250px;
    height: 250px;
    background: #fff;
    border-radius: 200px;
    -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
    position: absolute;
}

.x1 {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.2;
    -webkit-animation: moveclouds 45s linear infinite, sideWays 9s ease-in-out infinite alternate;
    -moz-animation: moveclouds 45s linear infinite, sideWays 9s ease-in-out infinite alternate;
    -o-animation: moveclouds 45s linear infinite, sideWays 9s ease-in-out infinite alternate;
}

.x2 {
    left: 500px;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0.5;
    -webkit-animation: moveclouds 55s linear infinite, sideWays 15s ease-in-out infinite alternate;
    -moz-animation: moveclouds 55s linear infinite, sideWays 15s ease-in-out infinite alternate;
    -o-animation: moveclouds 55s linear infinite, sideWays 15s ease-in-out infinite alternate;
}
.x3 {
    left: 650px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.3;
    -webkit-animation: moveclouds 40s linear infinite, sideWays 14s ease-in-out infinite alternate;
    -moz-animation: moveclouds 40s linear infinite, sideWays 14s ease-in-out infinite alternate;
    -o-animation: moveclouds 40s linear infinite, sideWays 14s ease-in-out infinite alternate;
}
.x4 {
    left: 670px;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    transform: scale(0.75);
    opacity: 0.35;
    -webkit-animation: moveclouds 18s linear infinite, sideWays 7s ease-in-out infinite alternate;
    -moz-animation: moveclouds 18s linear infinite, sideWays 7s ease-in-out infinite alternate;
    -o-animation: moveclouds 18s linear infinite, sideWays 7s ease-in-out infinite alternate;
}
.x5 {
    left: 250px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.3; 
    -webkit-animation: moveclouds 17s linear infinite, sideWays 10s ease-in-out infinite alternate;
    -moz-animation: moveclouds 17s linear infinite, sideWays 10s ease-in-out infinite alternate;
    -o-animation: moveclouds 17s linear infinite, sideWays 10s ease-in-out infinite alternate;
}
@-webkit-keyframes moveclouds { 
    0% { 
        top: 500px;
    }
    100% { 
        top: -500px;
    }
}

@-webkit-keyframes sideWays { 
    0% { 
        margin-left:0px;
    }
    100% { 
        margin-left:50px;
    }
}

@-moz-keyframes moveclouds {     
    0% { 
        top: 500px;
    }

    100% { 
        top: -500px;
    }
}

@-moz-keyframes sideWays {
    0% {
        margin-left:100px;
    }
    100% {
        margin-left:350px;
    }
}
@-o-keyframes moveclouds {
    0% { 
        top: 500px;
    }
    100% { 
        top: -500px;
    }
}

@-o-keyframes sideWays {
    0% {
        margin-left:300px;
    }
    100% {
        margin-left:550px;
    }
}


div.three-fourths-width-box {
  width: 85%;
  background-color: #84B8CE;
 margin-left: auto;
 margin-right: auto;
 padding: 15px;
 color:#000;
 margin-top:20px;
 margin-bottom:20px;
 font-size:14px;
 border: 1px solid #20799f
}

div.three-fourths-width-box a:hover {
color:#fff;
}

div.full-width-box-3 {
  background-color:#ffffff;
  margin: 15px 0px 10px 0px;
  padding: 15px; 
   border: 1px solid #20799f;
}

.img-float-left {
	float: left;
	padding: 2px;
	margin-right: 5px;
	border: 2px solid #20799f;
}

.img-float-right {
	float: right;
	padding: 2px;
	margin-left: 5px;
	border: 2px solid #20799f;
}

.img-float-center {
 float: right;
 padding: 2px;
 margin-right: 5px;
 border: 2px solid #20799f;
}

.img-float-center-with-border {
 padding: 2px;
 margin-right: 5px;
 border: 2px solid #20799f;
 float: middle;
}

.img-center-border {
 border: 1px solid #20799f
 }

/*** Clearing of a float ***/

div.clear {
	clear: both;
	width: 100%;
	height: 1px;
}

img.border {
 padding: 2px;
 border: 2px solid #20799f
}

.inner-wrapper { color:#5e5e5e; font-size:15px; line-height:28px; }
.inner-wrapper table { width:100%; max-width:100%; }
.inner-wrapper table img { max-width:90px; height:auto; }


.clear {
	clear: both;
	width: 100%;
	height: 1px;
}

/*
:target {
    display: block;    
    position: relative;     
    top: -158px;
    visibility: hidden;
}

*/


a.jumplink{display: block; position: relative; top: -158px; visibility: hidden;}




.demo{ /*
    margin-bottom: -99999px;
    padding-bottom: 99999px;
    */
}

#equalheight { /*
overflow:hidden;
*/
}

div.inner-wrapper>div.three-fourths-width-box>div.ItemCenter>table>tbody>tr>td>img{height:auto;max-width:125px; padding:10px 0; }
.inner-wrapper table img { padding:10px 0 0 0; }
div.inner-wrapper > table > tbody > tr > td > div.ItemCenter > img.larger-thumb { max-width:225px; height:auto; }
div.inner-wrapper > table > tbody > tr > td > img.large-thumb { max-width:150px; height:auto; padding:10px 0;} 
div.inner-wrapper > div.three-fourths-width-box > div.ItemCenter > table > tbody > tr > td > img.large-thumb { max-width:150px; height:auto; padding:10px 0;}
div.inner-wrapper > div.ItemCenter > table > tbody > tr > td > img.large-thumb { max-width:150px; height:auto; padding:10px 0;}
img.larger-thumb { max-width:225px; height:auto; }
.inner-wrapper > table > img.larger-thumb { max-width:225px; height:auto; }
div.inner-wrapper > div.ItemCenter > table > tbody > tr > td > img.larger-thumb { max-width:225px; height:auto; }
div.inner-wrapper > div.ItemCenter > table > tbody > tr > td > div.ItemCenter > img.larger-thumb {max-width:225px; height:auto; }
div.inner-wrapper > div.ItemCenter > table > tbody > tr > td > div.ItemCenter > img.large-thumb.border {max-width:150px; height:auto; padding:2px; border:2px solid #20799f;}


 #addSiteTo {
        width:100%;
        font-size:85%;
        text-align:center;
        padding:8px 0;
        border:1px solid #000;
        margin:12px auto;
        }

    #addSiteTo p {
        padding:2px 2px 4px;
        margin:0 auto;
    }

    #addSiteTo img {
        border:0;
        padding:1px 0;
        margin:0 auto;
        text-align:center;
        max-width:91px;
        height:auto;
        width:100%;
        margin-left:30%;
        margin-right:30%;
    }

    #addSiteTo .questionMark {
        padding:0;
        margin:1px auto;
        text-align:center;
        width:75%;
        font-size:14.5px;
    }

    #addSiteTo .questionMark img {
        margin:0 4px 4px 0;
        padding:0;
    }
    
    
.full-width-box-right {
background-color:#84B8CE;
padding:10px;
color:#fff;
width:100%;
border: 1px solid #20799f;
margin: 15px auto 10px auto;
clear:both;
font-size:15px;
}

.full-width-box-right p {
color:#fff;
font-size:14.5px;
}

.full-width-box-right a {
color:#fff; 
text-decoration:underline; 
}

.full-width-box-right a:hover {
color:#333;
}

a.highlight, ul.nav.navbar-nav > li.home > a.highlight {
color:#207a9f;
}



.currentspecials { 
background-color:#830300; 
padding:10px 0px; 
color:#fff; 

font-size:13px; 
font-family:Oswald, san-serif; 
font-weight:400; 
}

.currentspecials .container { max-width:1170px; }