@import url("https://fonts.googleapis.com/css?family=Raleway");
@import url("menu2.css");
@import url("fontello/fontello.css");

/* Global Styles
-------------------------------------------------------------- */

body { 
  font-size: 14px;
  color: #999!important; 
  font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
  line-height: 22px;
  margin: 0px;
}
div[class*="col-"]{ padding-right: 27px!important;padding-left: 27px!important; }
header {height: 350px;margin-bottom: 50px;background: url("../images/header-background.jpg") center top no-repeat;}
.modal-header {border-bottom: none!important;}
.modal-dialog {margin-top: 60px!important;}
img#logo {position: relative;top:75px;border: none;}
section.content {margin-bottom: 50px;}
footer {text-align: center; text-transform: uppercase;}
footer .copyright {font-size: 10px;padding-bottom: 25px;}
a#corner {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	height: 112px;
	width: 134px;
	background: transparent url(../images/corner_ad.png) top left no-repeat !important;
	background: none;
	text-indent: -999em;
	text-decoration: none;
}
a {color: #79bdf7;}
a:hover {color: #fff!important;text-decoration: none!important;}
.listenlive { width: 155px; padding: 7px 10px 5px 10px; position: relative; top: 238px; background: #79904a; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #fff; text-transform: uppercase; text-align: center;}
.listenlive a { color: #fff; text-decoration: none; }
.listenlive a:hover { color: #fff; text-decoration: none; }
.listenlive:hover { background: #8faa57; }

h1,h2,h3,h4,h5,h6 { font-family: "Raleway",sans-serif!important;color:#adc1c5!important;font-weight: normal!important; }

h1 { font-size: 2em!important; line-height: 1.25em; margin-bottom: 0.5em; }
h2 { font-size: 2em!important; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em!important; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

img.border	{ border: 10px solid #fff;width: 97%; }
img.space	{ margin: 0px 0px 20px 0px;}
p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }

ul, ol      { margin:0px 0px 20px 0px!important;padding: 0 0 0 10px!important; }
ul          { list-style:none; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus, 
a:hover     { color: #000; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }

hr {
  border-top: 1px dashed #777!important;
  height: 1px!important;
  width: 100%;
  margin-top: 40px!important;
  margin-bottom: 40px!important;
}

hr.space {
  background: #fff;
  color: #fff;
}

.staffPics {float: left;margin-right: 25px;}

table   { margin-bottom: 1.4em; }

.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active { background: #282828; }

.cart-summary { float: right; }
.productTextInput { width: 50px; }
.bkgnd { background: #fff; }
li.price { color: #2862aa; font-size: 35px; margin-bottom: 20px; }
fieldset { margin-bottom: 25px; }

.blog-post .post-details {
        color: #fff;
        text-align: center;
        float: left;
        background: url(../Images/blogDate_back.png) no-repeat;
        width: 70px;
        height: 80px;
	padding: 10px 15px 15px 10px;
        margin-right: 20px;
        margin-bottom: 10px;
        display: inline-block;
        clear: right;
}
.blog-post .post-details .month {
        font-size: 10px;
        text-transform: uppercase;
	padding: 0px;
        margin: 0px;
}
.blog-post .post-details .day {
        font-size: 30px;
        text-transform: uppercase;
	padding: 0px;
        margin: 0px;
}
.blog-post .post-details .year {
        font-size: 10px;
        text-transform: uppercase;
	padding: 0px;
        margin: 0px;
}

/******** Store ********/

ul.catalogueList { margin: 30px 0px -20px 0px!important; }
ul.catalogueitemdump { list-style-type: none; margin: 0px; display: inline-flex; }
ul.catalogueitemdump a { color:#fff; font-size: 17px; padding: 0px 13px; text-transform: uppercase; }
.cartSummaryLink {
	display: inline-block;
    padding: 6px 12px;
    margin: 0px 0px 0px 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #337ab7;
    border: 1px solid transparent;
    border-radius: 4px;
    color: white;
}
.price-sm strong { font-size: 18px; }
.cartrow {
	border: medium none;
	margin-left: 0 !important;
	text-transform: uppercase;
}
.cartlabel {
	float: left;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
}
.cart-item {
	float: left;
	width: 10%;
}
.productitemcell {
	min-height: 90px;
	line-height: 90px;
	border-bottom: 1px dashed #777;
}
.productItem img, .productItemLast img { width: 100%; }
.product-image img {
	border: none;
	max-width: 65px;
	padding-bottom: 15px;
}
.product-remove a:link, .product-remove a:visited {
	line-height: 0;
	font-weight: 700;
	text-transform: uppercase;
}
.product-remove a:hover, .product-remove a:active {
	opacity: 0.8;
}
.cldetails {
	width: 46%;
}
.clprice, .cltax, .clcost, .clremove {
	width: 10%;
}
#catCartDetails .product-image {
	width: 9%;
}
.product-title {
	width: 100%;
}
.product-title2 {
	width: 47%;
}
.clqty, .product-qty {
	width: 14%;
}
.product-qty input.cartInputText {
	width: 60%;
	height: 30px;
}
.cart-opt {
	margin: 0;
	overflow: hidden;
}
.cart-opt p {
	margin: 0 0 3px;
}
#cart-footer hr {
	margin: 3px 0;
}
#opt-total-container {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	margin: 0;
	overflow: hidden;
	padding: 20px;
}
.opt-total-data .productitemcell {
	border: medium none;
	height: auto;
	padding: 0;
}
.opt-total-data {
	display: block;
	margin-bottom: 5px;
	text-align: right;
}
.opt-total-data h3 {
	margin: 0;
}
select.shippingDropDown {
	width: 95%;
	height: 37px;
    margin-bottom: 10px;
}
input#DiscountCode, input#GiftVoucher {
	display: inline;
    height: 30px;
    margin-bottom: 10px;
    max-width: 280px;
    width: 225px;
}
a#catshopbuy:link, a#catshopbuy:visited {
	display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #33b74c;
    border: 1px solid transparent;
    border-radius: 4px;
    color: white;
    width: 100%;
}
#catCartDetails fieldset, #catCartDetails table {
	border: medium none;
	padding: 1.25em 0;
}
table.webform {
    width: 100%;
}
table.webform td {
    line-height: 24px;
    padding: 6px;
}
input[type=checkbox], input[type=radio] {
    margin-right: 10px!important;
}
input[type="text"], input[type="email"], input[type="password"], texarea, select {
	border-radius: 0px;
	height: auto;
	padding: 9px 12px;
}
input[type="text"], input[type="email"], input[type="password"], input.discountcodeInput, input[type="textarea"], select {
	background: #2d2d2d;
	border: none;
	box-shadow: none;
	color: #fff;
}
.form-control { background-color: #2d2d2d; border: none; border-radius: 0px; }
label, input[type="text"], input[type="email"], input[type="password"], textarea {
	font-style: normal;
	width: 100%;
	font-weight: 300;
	color: #fff!important;
}
select { width: 100%;height: 42px; }
#payment-form input.purchase-amount {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    display: inline;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    width: 33%;
}
#purchase-total {
    border-bottom: 1px dashed #777;
    border-top: 1px dashed #777;
    margin-bottom: 20px;
    padding: 10px;
    font-size: 20px;
    color: #fff;
}

/* Misc classes and elements
-------------------------------------------------------------- */
.centered { text-align: center; }
#map { width: 100%; height: 450px; margin-bottom: 0px; }
.itvn-logo {width: 150px;}

/* Viewport Size Styles
-------------------------------------------------------------- */

@media (max-width: 770px) {
	
	[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
		text-align: center; }
	nav select { width: 50%; margin-top: 20px; }
	header { background: none; }
}

@media (max-width: 480px) {
	
	body { background: #030303 url(../images/background-mobile.png) repeat-x!important; }
	header { height: 150px; }
	img#logo { top: 15px; }
	.listenlive { top: 197px; }
	.hide-xs { display: none; }
	nav select { width: 50%; margin-top: 20px; }
	.cldetails { width: 25%!important; }
	.clprice, .cltax, .clcost, .clremove { width: 20%!important; }
	.cart-item { width: 20%; }	
	#catCartDetails .product-image { width: 20%; }
	.cart-item .product-price { width: 25%; }
	.cart-item .product-qty { margin-right: -15px!important; }
	.cart-item .product-total { width: 20%; }
	.btn-primary { width: 100%!important; }
	.productItem h3, .productItemLast h3 { font-size: 1.25em; }
	.productItem .col-xs-6, .productItemLast .col-xs-6 { min-height: 420px; }
	div[class*="col-"] { padding-right: 12px!important; padding-left: 12px!important; }
}

/* @end */