/************************************************************************************

************************************************************************************/

/* ELEMENTS */
body {
	padding:10px 0px;
	background: #7ad2f6 url('../../images/bg-body-light.jpg') repeat-x;
	/*font-family: "Helvetica Neue", Arial;*/
	font-size:12px;
	line-height:180%;
	color:#000;
}

p {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 24px;
}

h1 {

}


a:link,a:visited {
	color:#6699CC
}

a:hover {

}

h1 {
	color:#102e50;
	font: 400 60px/1.3 'Bree Serif', Georgia, serif;
	font-size:28px;
	font-weight:normal;
	margin:0 0 10px 0;
}

h2 {
	color:#102e50;
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	font-weight:normal;
	margin:0 0 2px 0;
}

h3 {
	color:#102e50;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	font-weight:normal;
	margin:0 0 2px 0;
}

h5 {
	color:#102e50;
	font-size:12px;
	margin:0 0 6px 0;
}


hr {
	margin:0 0 20px 0;
}

ul li, ol li {
	color:#000;
}

/* LAYOUT */
.content {
  background-color: #fff;
  padding: 20px;
  -webkit-border-radius: 6px 6px 6px 6px;
     -moz-border-radius: 6px 6px 6px 6px;
          border-radius: 6px 6px 6px 6px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
          box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

.container {
  max-width: 940px;
  margin: 0 auto;
}

.content .sidebar {
  margin-left: 0;
  padding-left: 19px;
  border-left: 1px solid #eee;
}


#footer {
	padding:10px;
	text-align: center;
	font-size: 12px;
	color:#242424;
}

/* TOP BAR **********************************************************************/
.topbar {
	padding:0 0 3px 0;
	color:#000;
}
.topbar a {
	color:#000;
}

/* HEADER **********************************************************************/
#header {
	/*background:#f6f6f6*/;
	height:60px;
}
.tagline {
	color:#05408f;
	padding-left:3px;
}
.header-links {
	color:#ddd;
}

.search {
	padding:14px 10px 0 0;
	margin:0 0 6px 0;
}
.query {
	width:360px
}
.search .btn {
	height:16px;
	margin-left:5px;
}
.logo {
	width:255px;
}
@media (max-width: 468px) {
	.logo {
		width:175px;
	}
}


/* NAVIGATION **********************************************************************/
.navbar {
	font-family: 'Oswald', sans-serif;
	font-size:12px;
	font-weight: 200; 
	margin:10px 0 10px 0;
}

.navbar-inner, .navbar-inner .container {
	background-color: #004080;
	border-color: #6699cc;
	background-image: none;
}

.navbar .nav > li > a, .navbar .nav > li > a:hover, .navbar .nav > li > a:visited {
	text-shadow: none;
	color:#fff;
}

.navbar .nav li.dropdown>.dropdown-toggle .caret, .navbar .nav li.dropdown>a:hover .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

@media (min-width: 950px) {
	ul.nav li.dropdown:hover ul.dropdown-menu {
		display: block;
	}
	a.menu:after, .dropdown-toggle:after {
		content: none;
	}
}

/* mobile menu item hover */
.navbar .nav > li > a, .navbar .nav > li > a:visited {
    text-shadow: none;
    color: #fff;
}

.navbar .nav > li > a:hover {
	background-color: #6699cc;
	border-color: #004080;
}


.dropdown-menu a {
	font-size:11px;
}

.dropdown-menu {
	margin-top:-5px !important;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
    display: block;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent; 
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

.nav li > ul > li a.dropdown-toggle {
	background-image: url('../../images/arrow3.png');
	background-repeat: no-repeat;
	background-position: 93% 50%;
}

.navbar-inner {
	z-index: -1;
}

/* mobile navigation */

.nav-list>.active>a, .nav-list>.active>a:hover, .nav-list>.active>a:focus {
    background-color: #004080;
}


/* NAVIGATION *********************************************************************
.navbar {
	margin:10px 0 10px 0;
	font-family: 'Oswald', sans-serif;
	font-size:13px;
	text-transform:uppercase;
	height:40px;
}
.navbar-inner {
	background:#004080 !important;
	color:#fff !important;
	height:40px;
	background-image:none !important;
	filter:none !important;	
}
.navbar .nav > li > a, .navbar .nav > li > a:link, .navbar .nav > li > a:hover {
	color:#fff;
	padding-right:17px;
}

ul.nav li.dropdown:hover ul.dropdown-menu {
	display: block;
}
a.menu:after, .dropdown-toggle:after {
	content: none;
}

.dropdown-menu a {
	font-size:11px;
}

.dropdown-menu {
	margin-top:-5px !important;
}
.navbar .last {
}

.navbar .shopping-cart {
	padding: 10px 0 0 0;
	text-transform: none;
	text-align: right;
}


.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
    display: block;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

.dropdown-toggle {
	background-image: url('../../images/arrow3.png');
	background-repeat: no-repeat;
	background-position: 93% 50%;
}
*/

/* TWITTER FEED **********************************************************************/
.twitter-feed {
	background:#588cc8;
	color:#fff;
}
.tweet {
	padding:10px;
}

/* NAVIGATION FOOTER *****************************************************************/
.navfooter {
	background:#eee;
	height:410px;
}
@media (max-width: 767px) {
    .navfooter {
        background:##eee;
        height:1150px;
    }
}

.navfooter ul {
	margin: 10px 0 0 5px;
}
.navfooter li {
	list-style-type: none;
	margin:4px 0px;
}
.share-this {
	padding:20px;
}
.navfooter form {
	background:none;
	border:none;
	margin-bottom:0px;
}
.navfooter label {
	padding:0 5px 0 0;
}

.navfooter h3 {
	font: 400 60px/1.3 'Oswald', sans-serif;
	font-size: 15px;
}
.copyright {
	font-size:11px;
	color:#242424;
	margin:20px 0 0 0;
}
.featured-products img {
	padding-right:12px;
}
.box {
    border-right: 1px solid #ddd;
    padding: 12px;
}

.last {
    border: 0 none;
}

/* HOME PAGE *****************************************************************/

.productList {
	margin:0px;
	padding:0px;
}

.carousel {

}
.carousel-indicators {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 5;
  margin: 0;
  list-style: none;
}

.carousel-indicators li {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  text-indent: -999px;
  background-color: #ccc;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 5px;
}

.carousel-indicators .active {
  background-color: #fff;
}

.carousel-control {
	display:none;
}


/* FAQ *****************************************************************/
#faq {}
#faq li {list-style-type: none; padding-left:20px;}
#faq .title {background:#004080;color:#fff;font-size:18px;font-weight:bold;padding:10px;}
#faq .heading {background:#EEEEEE;padding:10px;font-size:14px;color:#000;font-weight:bold;border-left:1px solid #ddd;border-right:1px solid #ddd;border-topt:1px solid #ddd;}
#faq .section {border:1px solid #ddd;}
#faq .section ul {margin:15px 0px; padding;0px;}
#faq .section ul li {padding-bottom:10px;}
#faq .section ul li a:link, .section ul li a:visited {font-size:13px;color:#097bd7;}
#faq .answer {font-size:12px;color:#000;background:#eee;padding:10px;margin-right:20px;}
#faq .answer table {background:#fff;}


/* PRODUCT LISTING *****************************************************************/
.product-listing, .category-listing {
	border: #E8E8E8 solid 2px;
	padding:10px;
	margin:10px 0 10px 0;	
	clear:both;
}

.product-listing:hover, .category-listing:hover {
	background: #eee;
}


.product-listing .price {
	color:#102e50;
	font: 400 18px/1.3 'Bree Serif', Georgia, serif;
}

.product-listing .addToCart {
	float:left;
}
.product-listing .details {
	float:right;
}

.pagination ul {
	margin:10px;
}

.pagination li.current a {
	background:#6699CC;
	color:#fff;
}

.showing {
	color:#102e50;
	font: 14px/1.3 'Bree Serif', Georgia, serif;
}

.subCategories {
	margin:25px 0 0 0;
}


.listing .image:hover {
	border: #666 solid 2px;
}

.listing a.title:link {

}
.listing a.title:hover {
	text-decoration: none;
}

.category-listing {
	height:325px;
	text-align: center;
	position:relative;
}
.category-listing img {
	padding:0 0 10px 0;
	margin:5px 0 0 0;
}
.category-listing .about {
	text-align: left;
}
.category-listing .about p {
	font-size:11px;
}
.category-listing .details {
	position:absolute;
    bottom:0;
    right:0;
    padding:0 10px 5px 0;
}


.smartListPager {
	margin: 30px 0 20px 0;
}
.smartListPager ul {
}
.smartListPager ul li {
	display:inline;
}



/* PRODUCT LISTING *****************************************************************/



/* PRODUCT DETAILS *****************************************************************/
.product-details {
	margin:20px 0px;
}
.product-details .attributes {
	
}
.price {
	font-size: 14px;
}
.qty {
	height:16px;
}
.social {
	padding:10px 0 0 0;
}
.thumbnails ul {
	margin:0px 40px;
	padding:0px;
}
.thumbnails ul li {
	list-style-type: none;
	float:left;
	padding:5px;
	border:1px solid #666;
	margin-right:13px;
}
.thumbnails ul li.first {
	margin-left:5px;
}


.faq .q {
	color: blue;
	text-decoration: underline;
	cursor: hand;
	cursor: pointer;
}
.faq .a {
	display: none;
	background: #eee;
	padding: 4px;
}

/* PRODUCT DETAIL TABS *****************************************************************/
.tab-content #description,.tab-content #specs,.tab-content #faq,.tab-content #reviews {
	padding:0px 10px;
}


/* SHOPPING CART *****************************************************************/
.actionButtons {
	text-align: right;
}
.actionButtons .btn {
	margin-right:10px;
}

.promo-code {
	margin:0px;
	padding:0px;
	border:1px solid red;
}

.cartTotals {
	width:225px;
}
.cartTotals td {
	padding:4px;
}
.cartTotals .cart-label {
	text-align: right;
}

.hidden {
	display: none;
}


/* HOME PAGE CALLOUTS *****************************************************************/
.callouts {}
.callout {
	border:1px solid black;
}
.featured {
}
.recent {
}
.product-slider {
	border:1px solid #ddd;
	margin:20px 0 0 0;
}

.product-slider h4 {
	color:#102e50;
	font: 400 60px/1.3 'Bree Serif', Georgia, serif;
	font-size:16px;
	font-weight:normal;	
	padding:10px 0 5px 10px;
	text-transform: uppercase;
}

h4 .left, h4 .right {
	display: inline-block;
	width: 22px;
	height: 22px;
	cursor: pointer;
}
h4 .right {
	background: url(../../images/arrow-p.png) no-repeat center center;
}
h4 .left {
	background: url(../../images/arrow-pleft.png) no-repeat center center;
}

#homeBannerSlider, .carousel-inner {
	width:900px;
	height:346px;
}

#homeFeaturedSlider{
	width:900px;
	height:275px;
}
#recentSlider{
	width:900px;
	height:275px;
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
	#homeBannerSlider {
		width:680px;
		height:261px;
	}
	#homeBannerSlider a img {
		width:680px;
		height:261px;
	}
	.carousel-inner {
		width:680px;
		height:261px;
	}
	#homeFeaturedSlider{
		width:680px;
		height:275px;
	}
	#recentSlider{
		width:680px;
		height:275px;
	}		
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	#homeBannerSlider {
		width:575px;
		height:221px;
	}
	#homeBannerSlider a img {
		width:575px;
		height:221px;
	}
	.carousel-inner {
		width:575px;
		height:221px;
	}
	#homeFeaturedSlider{
		width:575px;
		height:275px;
	}
	#recentSlider{
		width:575px;
		height:275px;
	}	
}

/* Portrait phone */
@media (max-width: 375px) {
	#homeBannerSlider {
		width:325px;
		height:124px;
	}
	#homeBannerSlider a img {
		width:325px;
		height:124px;
	}
	.carousel-inner {
		width:325px;
		height:124px;
	}	
}


h4 {
	color:#102e50;
	font: 400 60px/1.3 'Bree Serif', Georgia, serif;
	font-size:16px;
	font-weight:normal;	
}

a.pname {
	margin:5px 25px;
	text-align: center;
	display:block;
}

a.sliderImage {
	margin:0 25px 0 25px;
	text-align: center;
	display:block;	
}

span.sale_tag {
	background: url(../../images/sale_tag.png) no-repeat scroll 0 0 transparent;
	height: 54px;
	margin: 17px 0px 0px -75px;
	position: absolute;
	width: 55px;
	z-index: 100;
}

#checkoutNav {
	padding:0 0 0 5px;
	margin:10px 0 20px 0;
	height:40px;
	border:1px solid #dedede;
	list-style-type:none;
	background-color:#fff;
	background:url(../../images/checkoutNav3.gif) no-repeat right center #fff;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}
#checkoutNav li {
	float:left;
	line-height:40px;
	color:#777;
	padding-left:.75em;
	background:url(../../images/checkoutNav2.gif) no-repeat right center;
	padding:0 25px 0 15px;
	font-weight:bold;
}
#checkoutNav li.link {
	background:url(../../images/checkoutNav.gif) no-repeat right center;
	font-weight:normal
}
#checkoutNav li.first {
	padding-left:10px;
}
#checkoutNav li.last {
	background:none;
}
#checkoutNav li.current {
	color:green;
	text-decoration: underline;
}
#checkoutNav.orderComplete {
	background-image:none;
	background-color:#fff;
}
#checkoutNav li a {
	display:block;
}							
#checkoutNav li a:link,
#checkoutNav li a:visited {
	color:#777;
	text-decoration:none;
}	
#checkoutNav li a:hover,
#checkoutNav li a:focus {
	color:#dd2c0d;
}

#fuseOptions caption {
	font-weight: bold;
}
#fuseOptions select {
	font-size:12px;
}

.cart-fuse-option {
	color:#666;
	font-size: 11px;
}


/* COMPANY */
#company .svIndex {
	margin: 0px;
}
#company .pageTitle {
	margin-bottom:10px;
}

#company .pagination ul {
	margin:10px;
}

#company .pagination li.current a {
	background:#6699CC;
	color:#fff;
}

#company .pagination li {
	float:left;
}