/** ------------------------------------------------------ **/
/** -------------------2 column layout -------------------- **/
body {
	background-color: #020816;
	color: #000000;
	font-family: 'Roboto Regular', Verdana, Helvetica, sans-serif;
  	font-weight: normal;
	font-size: 1.5em;
	margin: 0px;
	text-align: left;
}

#skip-navigation{
	height:0px;	
	overflow: hidden; 
}

	
#wrapper-header{
	background-color: #01050d;
	height: 86px;
}

#wrapper-search{
	background-color: #dce1e9;
	height: 58px;
}

#wrapper-navigation{
	background-color: #0d222b;
	border-bottom: 1px solid #4b5e75;
	width: 100%;
	height: 49px;
}
* html #wrapper-navigation {  /* This is the Tan hack */
	height: 50px; 
	hei\ght: 49px; 
	}
#wrapper-content{
	background-color: #ffffff;
	clear:both;
	padding-bottom: 20px;
	padding-top: 10px;
	width: 100%;
}
#content{
	background-color: #ffffff;
	text-align: left;
}
#wrapper-newsletter {
	padding-left: 0px;
	padding-right: 0px;
}
#wrapper-footer{
	background-color: #020816;
	border-top: 1px solid #868b93;
	width: 100%;
}	
#wrapper-footer2{
	background-color: #081823;
	border-top: 1px solid #4b5e75;
	width: 100%;
}	

.wrapper-inner{
	margin: 0 auto;
	position:relative;
	text-align: left;
	width: 976px;
}
* html .wrapper-inner {  /* This is the Tan hack */
	width: 976px; 
	w\idth: 976px; 
}

#preview, #preview-admin{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:2001;
}	
#preview p, #preview-admin p{
	background-color:#0000FF;
	color:#FFFFFF;
	margin:0px;
	padding:8px;
	font-size:14px;
	font-weight:bold;
}
#preview-admin p{
	background-color:#333333;
}


#header{
	padding-top: 15px;
	position: relative;
}

/*homepage layout */
#centerc-home {
	background-color: #ffffff;
	position: relative;
}

/*1 column layout */
#centerc-1col {
	padding-bottom: 30px;
	padding-top: 20px;
	width:976px;
}

/*2 column layout */
#centerc-2col{
	display: inline;
	float:left;
	margin-left:249px;
	overflow:hidden;
	padding-bottom: 30px;
	padding-top: 20px;
	position:relative;
	width:727px;
}
* html #centerc-2col {  /* This is the Tan hack */
	width: 727px; 
	w\idth: 727px; 
}
	
#leftc, #leftc2{
	padding-bottom: 20px;
}
	
#foot{
	background-color: #020816;
	font-size: 16px;
	padding-bottom: 50px;
	padding-top: 40px;

}
#foot2{
	font-size:12px;
}


#uc4-link{
	color:#ee5e2f;
	font-size:10px;
	padding-bottom: 50px;
	text-align:center;
}
#uc4-link a,#uc4-link a:visited{
	color:#ee5e2f;
	text-decoration:none;
}
#leftcAd {
	margin-bottom: 15px;
	text-align: center;
}
#resultsad {
	border-top: 1px solid #afb0b1;
    padding-bottom: 11px;
    padding-top: 12px;
    text-align: center;
}

/** ------------------------------------------------------ **/
/** ----------------- bootstrap structure ---------------- **/

/**** override default bootstrap css ****/

.form-horizontal .control-label {
	text-align: left;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
	margin-left: 0px;
	left:0px;
}
.nav-pills>li {
	font-size: 1em;
}
.nav-pills>li>a {
	font-size: 1.4em;
	text-decoration: none;
}
.nav-pills>li>a:hover {
	text-decoration: underline;
}
.nav-pills>li>a {
	padding-left: 10px;
	padding-right: 10px;
}

ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;
    margin-top: 0;
 }
.dropdown-menu>li>a {
	background-color: #ffffff !important;
	color: #697176 !important;
	font-size: 0.7em;
}
.dropdown-menu>li>a:hover {
	text-decoration: underline;
}

.pagination>li {
	font-size: 1em;
}
.pagination>li>a, .pagination>li>span {
	padding: 6px 10px;
}
.breadcrumb {
	background-color: #ffffff;
	border-bottom: 1px solid #afb0b1;
	border-radius: 0px;

}
.breadcrumb>li {
	font-size: 1.2em;
}
.breadcrumb>li>a, .breadcrumb>li>a:visited {
	color: #777;
	text-decoration: none;
}
.breadcrumb>li>a:hover {
	color: #6699CC;
	text-decoration: underline;
}

.tooltip {min-width:200px;}
.tooltip-inner {padding: 20px 5px; line-height: 1.4em;}
.tooltip.top{padding:5px 0;margin-top:-3px}

.collapsing {
    -webkit-transition: none;
    transition: none;
}
a.btn-primary, a.btn-primary:visited, a.btn-danger, a.btn-danger:visited,
a.btn-warning, a.btn-warning:visited, a.btn-success, a.btn-success:visited, a.btn-offer, a.btn-offer:visited {
	color: #ffffff;
	width: 100%;
}
a.btn-primary:hover, a.btn-danger:hover, a.btn-warning:hover, a.btn-success:hover, a.btn-offer:hover {
	color: #ffffff;
	text-decoration: underline;
	width: 100%;
}
.badge {
	background-color: #ca0000;
}
.btn-success, .btn-success:hover {
	background-color: #7f9b33;
	border-color: #7f9b33; 
}
.btn-danger, .btn-danger:hover {
	background-color: #ca0000;
	border-color:#ca0000; 
}
.btn-primary, .btn-primary:hover {
	background-color: #124e80;
	border-color: #124e80;
}
.btn-offer, .btn-offer:hover {
	background-color: #465d70;
	border-color: #465d70;
}
.btn-warning, .btn-warning:hover {
	background-color: #ec971f;
	border-color: #ec971f;
}
.form-group {
	position: relative;
}
.popover {
	background-color: #000000;
	width: 300px;
	max-width: 320px;
}
.popover-title {
background-color: #000000;
	border-bottom: 1px solid #000000;
	color: #ffffff;
}
.popover p {
	color: #ffffff;
}
.popover-content {
	color: #ffffff;
}
.popover a, .popover a:hover, .popover a:visited {
	color: #ffffff;
	text-decoration: underline;
}
.popover>.arrow, .popover>.arrow:after {
	border-bottom-width: 0;
    border-bottom-color: #000000 !important;
}
.popover.top>.arrow:after {
	border-top-color: #000000;
}
#popovercloseid {
	color: #ffffff;
	opacity: 1;
}
#popovercloseid:hover, #popovercloseid:focus {
	color: #ca0000;
	opacity: .5;
}
.btn-order {
	max-width: 130px;
}
#modal {
	z-index: 4000;
}
.modal-open .tooltip {
   z-index: 4070;
}

#dialog-confirm {
	font-size: 1.6em;
}
.ui-dialog-title {
	font-size: 1.6em;
}
.checkbox-zones {
	width: 100%;
}
.checkbox-zones div {
	clear: both;
	width: 100%;
}

.checkbox-zones input[type=checkbox]{
	margin-right: 10px;
}

.jumbotron p {
	color: #ffffff;
	font-size: 14px;
	margin-top: 10px;
}



/** ------------------------------------------------------ **/
/** ------------------- header --------------------------- **/

#header-left{
	float: left;
}
#header-right{
	color:#FFFFFF;
	float: right;

}
#header_graphic{
	float:  left;	
	margin-left: 4px;
	position:relative;
	z-index:500;
}
#header_graphic img {
	display: block;
}
#strapline {
	float: left;
}
#strapline p {
	color: #eeeeef;
	margin-left: 20px;
	margin-top: 12px;
	font-size: 2em;
}

#navigation{
	float:right;
	position:relative;
}

/** ------------------------------------------------------ **/
/** -------------------navigation ------------------------ **/

#navigation ul {
	float: right;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#navigation ul li {
	display: inline;
	padding: 0px;
	margin: 0px; 
}
#navigation ul li a, #navigation ul li a:visited {
	background-color: transparent;
	color: #ffffff;
	display: block;
	float: left;
	font-size: 14px;
	padding-bottom:0px;
	padding-left: 0px;
	padding-right: 15px;
	padding-top:0px;
	text-decoration: none;
}
#navigation ul li a:hover, #navigation ul li a:active {	
	color: #ffffff;
	text-decoration: underline;	
}

#nav-icon, #members-nav-icon {
	display: none;
}
#navigation ul li a.navLast {
	padding-right: 0px;
}
#navigation ul li a#myAccount {
	color: #77b7ec;
}
#navigation ul li a#register {
	color: #95c909;	
}
#navigation ul li a#logout {
	color: #ca0000;
}
#navigation ul li a:hover#myAccount, #navigation ul li a:hover#register, #navigation ul li a:hover#logout {
	text-decoration: underline;
}

	
/** ------------------------------------------------------ **/
/** ------------------------ menu ------------------------ **/

#leftcNav {
	background-color: #dce1e9;
	float: left;
	margin-bottom: 20px;
	padding: 5%;
	padding-top:  0px;
	width: 100%;
}

#leftc ul, #leftc2 ul {
	list-style: none;
	margin: 0px;
	padding: 0px;	
	padding-right: 0px;
}
#leftc ul li, #leftc2 ul li {
	border-bottom: 1px solid #999da1;
	font-size: 1em;
	margin: 0; 
	padding: 0; 
}

#leftc ul li a, #leftc ul li a:visited, #leftc2 ul li a, #leftc2 ul li a:visited {
	display: block; 
	font-family: 'Roboto Medium', Verdana, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	color: #272626;
	margin: 13px 0px 13px 0px;
	padding-left: 5%;
	padding-right: 4%;
	text-decoration: none;
}

#leftc ul li a:hover, #leftc2 ul li a:hover {
	text-decoration: underline;
}

#leftc ul li ul {
	display: none;
}

#leftc ul li ul li {
	border: none;
}

#leftc ul li ul li a, #leftc ul li ul li a:visited, #leftc ul li ul li a:hover{
	padding-left: 10%;
}

#leftc ul li ul li ul li a, #leftc ul li ul li ul li a:visited{
	padding-left: 66px;
	width: 153px;
}
* html #leftc ul li ul li a, * html #leftc ul li ul li a:visited{
	width: 197px; 
	w\idth: 153px; 
}
	
.menu_header {
	border-bottom: 2px solid #697176;
	color: #272626;
	display: block;
	font-size: 1.8em;
	padding-bottom: 10px; 
	padding-left: 0px;	
	padding-right: 0px;	
	padding-top: 0px;
	margin: 0px;
	text-decoration: none;	
	/*width avoids extra whitespace in ie5-6*/
	width: 100%;
}

.menu-double{
	padding-bottom: 25px !important;
	padding-top: 10px !important;
}	


/** ------------------------------------------------------ **/
/** ------------------------ menu subsection ------------- **/

#submenu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#submenu ul li{
	margin: 0; 
	padding: 0; 
}

#submenu ul li a, #submenu ul li a:visited{
	border-bottom: 1px solid #666666;
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 34px;
	padding-right: 0px;
	padding-top: 5px;
	text-decoration: none;	
	/*width avoids extra whitespace in ie5-6*/
	width: 194px;
}
* html #submenu ul li a,  #submenu ul li a:visited {  /* This is the Tan hack */
	width: 228px; 
	w\idth: 194px; 
}

/** ------------------------------------------------------ **/
/** ------------------- footer --------------------------- **/
#footerleft{
    float: left;
}
#footerleft ul{
    list-style: none; 
    margin: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
    position: absolute;
	white-space: nowrap;
}
#footerleft ul li{
	color: #ffffff;
	display: inline;
	font-size: 0.9em;
	margin: 0;	
	padding-right: 11px;	
}
#footerleft ul li a{		
	color: #ffffff;
	text-decoration: none;
}
#footerleft ul li a:hover, #footerleft ul li a:active, #footerleft ul li a:focus{	
    color: #999999;
	text-decoration: none;	
}
#footerright{
    float: right;
}
#footerright ul{
    list-style: none; 
    margin: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
    white-space: nowrap;
}
#footerright ul li{
	color: #ffffff;
	display: inline;
	font-size: 0.9em;
	margin: 0;	
	padding-right: 11px;	
}
#footerright ul li a{		
	color: #ffffff;
	text-decoration: none;
}
#footerright ul li a:hover, #footerright ul li a:active, #footerright ul li a:focus{	
    color: #CCCCCC;
	text-decoration: none;	
}
#foot ul#socialIcons li#footPaypal {
	border-bottom: 0px;
}
#foot ul#socialIcons li#footPaypal a {
	background-image: none;
}
	
/** ------------------------------------------------------ **/
/** ------------------- HTML elements -------------------- **/

caption {
	font-weight: normal;
	text-align: left;	
}
th {
	font-family: 'Roboto Bold', Verdana, Helvetica, sans-serif;
	font-weight: 700;
	text-align: left;	
}

/** ------------------------------------------------------ **/
/** ------------------- form ------------------------- **/

form {
  margin: 0px;
  padding: 0px;
  }
fieldset {
  border: 0px;
  margin:0px;
  padding: 0px;
  padding-top: 10px;
  width: auto;
  }
legend {
  font-weight: bold;
  padding-bottom: 10px;
}
input {
  float: left;
  margin-right: 10px
  }
select {
  float: left;
  margin-right: 10px
  }
textarea{
  margin-bottom:5px;
}	 
input.buttons {
  float: none;
}
form fieldset div {
  padding-bottom: 0px;
  clear: both;
  overflow:auto;
  }
form fieldset p {
  padding-bottom: 10px;
  margin: 0px;
  clear: both;
  }
label {
  display:block;
  float: left;
  font-family: 'Roboto Regular', Verdana, Helvetica, sans-serif;
  font-size: 1.5em;
  font-weight: normal;
  margin-right: 0px;
  padding-bottom: 10px;
  }
.nofloat{
	float:none;
	margin-right:0px;
}	
/* hide anti spam box */
.sec-form-field {
	display: none;
}

.error {
    color: #ca0000;
	font-size: 1.3em;
}

.contactInput{
	border:1px solid #4c4c4c;
	color:#4c4c4c;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	margin-bottom:11px;
	padding:0px;
	padding-bottom:9px;
	padding-top:9px;
	padding-left:11px;
	padding-right:11px;
}
.contactInputLarge{
	width:326px;
}
* html .contactInputLarge{
	width:350px;
	w\idth:326px;
}

.contactInputSmall{
	width:76px;
}
* html .contactInputSmall{
	width:100px;
	w\idth:76px;
}

.submitButton{
	margin-left:210px;
}	

.InputButtonBlue{
	background-color:#005a7e;
	border:0px;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	margin-top:6px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
}
/** ------------------------------------------------------ **/
/** ------------------- div table replacements ----------- **/

/*create a row*/
div.TableReplaceRow {
	clear: both;
	padding-top:0px;
  }
/*label cell*/
div.TableReplaceRow div.TableReplaceLeft {
	float: left;
	text-align: left;
	width: 200px;
	margin: 0px;
  }
/*data cell*/
div.TableReplaceRow div.TableReplaceRight {
	float: right;
	margin: 0px;
	margin-left: 27px;
	width: 500px;
  } 

div.TableReplaceRow div.TableReplaceLeftB {
	float: left;
	text-align: left;
	width: 400px;
	margin: 0px;
  }
/*data cell*/
div.TableReplaceRow div.TableReplaceRightB {
	float: right;
	margin: 0px;
	margin-left: 27px;
	width: 300px;
  } 


div.TableReplaceRowClear {
	clear: both;
  }
  
.clearboth {
	clear:both;
}

/** ------------------------------------------------------------ **/
/** ----------------------- shop ------------------------------ **/

.price {
	font-size: 1.4em;
}



.blackPriceWas {
	text-decoration: line-through;
}

.redPrice {
	color: #FF0000;
}
.formAdd{
	padding-bottom: 18px; 
}
.formAdd input{
	float: none;
	margin-bottom: 10px;
}
.selectOptions {
	clear:both;
	display:block;
	float: none;	
	margin-bottom: 10px;
}

#downloads{
	clear:both;
	margin-bottom:12px;
}

/** ------------------------------------------------------ **/
/** ------------------- filters -------------------------- **/
#filterContainer {
	/*border: 1px solid #555e5e;*/
	background-color: #dce1e9;
	float: left;
	margin-bottom: 20px;
	padding: 5%;
	padding-top:  0px;
	width: 100%;
}
#filterContainer .filterset {
	border-bottom: 1px solid #999da1;
}
.filter-h2 {
	border-bottom: 1px solid #555e5e;
	font-size: 1.6em;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 6px;
}
a.filter-h3, a.filter-h3:hover, a.filter-h3:visited {
	display: block; 
	font-family: 'Roboto Medium', Verdana, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	color: #272626;
	margin: 13px 0px 13px 0px;
	padding-left: 5%;
	padding-right: 4%;
	text-decoration: none;
}
#filterContainer ul {
	display: none;
	list-style: none;
	padding-bottom: 8px;
	padding-left: 5%;
	width: 100%;
}
#filterContainer ul li {
	margin-bottom: 8px;
}
#filterContainer ul li a.filtertag, #filterContainer ul li a.filtertag:hover {
	background: url(../images/filter-tickboxes.gif); 
	background-position: 0px -6px;
	background-repeat: no-repeat;
	border-bottom: none;
	color: #555e5e;
	font-size: 14px;
	font-weight: normal;
	height: 27px;
	margin: 0px;
	padding: 0px;
	padding-left: 25px;
	text-decoration: none;
	width: 100%;
}
/** html #filterContainer ul li a.filtertag, #filterContainer ul li a.filtertag:hover {
	width: 196px;
	w\idth: 171px;
}*/
.filterClosed {
	background-image: url(../images/filter-h3-bg.png);
	background-position: 95%;
	background-repeat: no-repeat;
}
.filterOpen {
	background-image: url(../images/filter-open-bg.png);
	background-position: 95%;
	background-repeat: no-repeat;
}
#filterContainer ul li a.ticked, #filterContainer ul li a.ticked:hover {
	background-position: -26px -32px
}
#filter_slider_target, #filter_slider_issue {
	margin: 0px 8px 8px 8px;
}
.ft_spanprice {
	color: #555e5e;
	font-size: 14px;
	padding-bottom: 8px;
}
#ft_spanpricemin, #ft_spanissuemin {
	float: left;
}
#ft_spanpricemax, #ft_spanissuemax {
	float: right;
}
#filterResultsWrap {
	position: relative;
}
#filterLoading {
	display: none;
	left: 0px;
	position: absolute;
	text-align: center;
	top: 200px;	
	width: 100%;
}

#comicFilterContainer {
	background-color: #dce1e9;
	float: left;
	margin-bottom: 20px;
	padding: 5%;
	width: 100%;
}
#comicFilterContainer .filterset {
	border-bottom: 1px solid #999da1;
}
#comicFilterContainer .filterset p {
	font-size: 1em;
}
#comicFilterContainer a.filter-h3 {
	font-family: 'Roboto Medium', Verdana, Helvetica, sans-serif;
	font-weight: normal;
	color: #272626;
	margin: 10px 0px 10px 0px;
}
.filterSetClosed {
	background-image: url(../images/comic-filter-closed-bg.png);
	background-position: 95%;
	background-repeat: no-repeat;
}
.filterSetOpen {
	background-image: url(../images/comic-filter-open-bg.png);
	background-position: 95%;
	background-repeat: no-repeat;
}
#comicFilterContainer a.filter-h3 , #comicFilterContainer a.filter-h3:hover, #comicFilterContainer a.filter-h3:visited {
	color: #272626;
	text-decoration: none;
}
#comicFilterContainer ul {
	list-style: none;
	padding-bottom: 8px;
	padding-left: 5%;
	width: 100%;
}
#comicFilterContainer ul li {
	border-bottom: 0px;
	margin-bottom: 8px;
}
#comicFilterContainer ul li a.filtertag, #comicFilterContainer ul li a.filtertag:hover {
	background: url(../images/filter-tickboxes.gif); 
	background-position: 0px -6px;
	background-repeat: no-repeat;
	border-bottom: none;
	color: #555e5e;
	font-family: 'Roboto Regular', Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	padding-left: 25px;
	padding-right: 10px;
	text-decoration: none;
	width: 100%;
}
#comicFilterContainer ul li a.ticked, #comicFilterContainer ul li a.ticked:hover {
	background-position: -67px -59px
}
.checkboxWrapFixed {
	border: 1px solid #cccccc;
	height: auto;
	max-height: 250px;
	margin-bottom: 10px;
	padding-top: 5px;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}
.checkboxWrapFixedNoBorder {
	border: 0px !important;
}
#comicFilterContainer .open {
	display: block;
}
#comicFilterContainer .closed {
	display: none;
}


/** ------------------------------------------------------ **/
/** ------------------- bespoke -------------------------- **/

#home-box{
	margin-left:18px;
}
#search{
	padding-bottom: 10px;
	padding-top: 11px;
}
#search-filter {
	width:100%;
}
#m_searchfilter {
	margin-right: 0px;
	width:100%;
}
#search-box {
	width: 80%;
}
#m_searchtext {
	color: #2d2d2d;
	font-family: 'Roboto Medium', Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	width: 100%;
}
#search-button {
	width: 19%;
}
#searchbtn{
	background-color: #7e9a33;
	background-image: url(../images/button-bg.png);
	background-position: 90%;
	background-repeat: no-repeat;
	font-family: 'Roboto Bold', Verdana, Helvetica, sans-serif;
	font-weight: normal;
	color: #ffffff;
	margin-right: 0px;
	width:100%;
}
#adv-search {
	background-image: url(../images/adv-search-bg.png);
	background-position: 90%;
	background-repeat: no-repeat;
	padding-top: 9px;
	padding-bottom: 5px;
}
#adv-search p {
	font-size: 1em;
	margin-bottom: 0px;
	padding-right: 5%;
	text-align: center;
}	
#adv-search a {
	color: #272626;
	font-family: 'Roboto Bold', Verdana, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	text-decoration: none;
}
#filters {
	background-color: #7e9a33;
	margin-bottom: 20px;
}
#twitter {
	border: 1px solid #afb0b1;
	background-color: #ffffff;
	margin-bottom: 20px;
}
#homepageText p {
	color: #2d2d2d;
	font-family: 'Roboto Medium', Verdana, Helvetica, sans-serif;
	font-size: 2.2em;
	font-weight: normal;
}
#homepageText a, #homepageText a:visited {
	color: #7f9e31;
	font-family: 'Roboto Bold', Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}
#homepageText a:hover{
	text-decoration: underline;
}
#bestsellers {
	background-color: #ca0000;
	color: #ffffff;
	float: left;
	font-family: 'Roboto Bold', Verdana, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
	margin-bottom: 12px;
	margin-top: 0px;
	padding-bottom: 12px;
	padding-top: 10px;
	text-align: center;
	width: 100%;
}
a.bestseller-title, a.bestseller-title:visited {
	color: #ffffff !important;
}
a.bestseller-title:hover {
	text-decoration:  underline;
}
.comicSummary {
	border-top: 1px solid #afb0b1;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 11px;
	padding-top: 12px;
}
.comicSummary h2 {
	color: #5c5d60;
	font-family: 'Roboto Medium', Verdana, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
	margin-bottom: 25px;
	margin-top: 10px;
}
.comicSummary h2 a, .comicSummary h2 a:visited {
	color: #5c5d60;
	text-decoration: none;
}
.comicSummary h2 a:hover {
	color: #5c5d60;
	text-decoration: underline;
}
.comicSummary p {
	font-size: 1.4em;
}
.comicImage {
	padding-left: 0px;
}
.comicButtons {
	padding-right: 0px;
}
a.viewmore, a.viewmore:visited {
	color: #ca0000;
	font-family: 'Roboto Bold', Verdana, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
	text-decoration: none;
}
a.viewmore:hover{
	color: #ca0000;
	text-decoration: underline;
}
a.btn-style, a.btn-style:visited {
	background-image: url(../images/button-bg.png);
	background-position: 90%;
	background-repeat: no-repeat;
	border:0px;
	color: #ffffff;
	font-family: 'Roboto Medium', Verdana, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 10px;
	text-align: left;
	text-decoration: none;
}
a.btn-style:hover {
	color: #ffffff;
	text-decoration: underline;
}
.details {
	background-color: #124e80;
}
.ihavethis {
	background-color: #4b5d70;
}
.iwantthis {
	background-color: #7f9b33;
}
.sellacopy {
	background-color: #cb0505;
}
.btn-shipping {
	margin-bottom: 0px;
	margin-top: 10px;
}

.jumbotron {
	background-image: url(../images/jumbotron-bg2.jpg);
	background-repeat:no-repeat;
	background-position: top;
	background-size: cover;
	background: url(../images/jumbotron-bg2.jpg) no-repeat center center\0/ ; /* IE8 HACK */
	border-top: 13px solid #475a6d; 
	float: left;
	margin-bottom: 0px;
	padding-bottom: 35px;
	padding-top: 35px;
	text-align: center;
	width: 100%;
}
.jumbotron h2 {
	color: #ffffff;
	font-family: 'Roboto Regular', Verdana, Helvetica, sans-serif;
	font-size: 2.6em;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 39px;
}

#newsletterform {
	margin-top: 22px;
}
#newsletter {
	float: left;
	width: 78%;
}
#newsletter input[type=text]{
	text-align: center;
	width:535px;
}
#newsletter-button {
	float: left;
	width: 22%;
}
#newsletter-button input[type=submit] {
	width: 100%;
}

.btn-join, btn-join:hover {
	background-color: #c60101 !important;
	background-image: url(../images/button-bg.png);
	background-position: 80%;
	background-repeat: no-repeat;
	border: 1px solid #c60101 !important;
	color: #ffffff !important;
	margin-right: 0px;
	width: 19%;
}

#registerBanner {
	background-color: #020816;
	margin-top: 42px;
	padding-bottom: 20px;
	padding-top: 35px;
	text-align: center;
	text-transform: uppercase;
}
#registerBanner p {
	color: #ffffff;
	font-size: 25px;
}

#foot h3 {
	border-bottom: 1px solid #1b2733;
	color: #ffffff;
	font-size: 1.2em;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 15px;
}
#foot ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#foot ul li {
	font-size: 1em;
}
#foot ul li a, #foot ul li a:visited {
	color: #ffffff;
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	text-decoration: none;
}
#foot ul li a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#foot ul#socialIcons li {
	border-bottom: 1px solid #1b2733;
}
#foot ul#socialIcons li a {
	background-image:url(../images/social-bg.png);
	background-position: right;
	background-repeat: no-repeat;
	padding-left: 7px;
	padding-top: 12px;
	padding-right: 34px;
	padding-bottom: 13px;
}
#foot ul#socialIcons li img {
	float: left;
	display: block;
	margin-right: 5px;
}
#foot p {
	color: #ffffff;
	font-size: 1em;
	margin-top: 11px;
	line-height: 1.6em;
}
#foot p a, #foot p a:hover, #foot p a:visited {
	color: #ffffff;
	text-decoration: underline;
}
#foot ul li a#footRegister, #foot ul li a#footRegister:visited {
	color:#95c909;
}
#foot ul li a#footLogin, #foot ul li a#footLogin:visited {
	color: #7bbef6;
}
a#membersLink, a#membersLink:hover, a#membersLink:visited {
	color: #ca0000;
}

#membersNav {
	margin-bottom: 20px;
}

table.table {
	font-size: 1.2em;
	text-align: left;
	width: 100%;
}

table.table th {
	text-align: left;
}
 table.table td.thumbNail {
	width: 69px;
}
table.table td.seller-thumbnail {
	width: 137px;
}
table.table td.seller-thumbnail img {
	width: 120px;
}
table.table th.TDAlignRight, table.table td.TDAlignRight {
	text-align: right;
}

.btn-table {
	width: 100%;
}

a.seller {
	margin-top: 10px;
}
#successContainer {
	position: fixed;
	top: 50%;
	width: 100%;
	z-index: 3000;
}
#divSuccessMessage {
	display: none;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	max-width: 800px;
	width: 80%;
}
.divFlash {
	color: #ffffff;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	text-align: center;
	width: 100%;
}
.divFlash a, .divFlash a:hover, .divFlash a:visited {
	color: #ffffff;
	text-decoration: underline;
}
.searchResults {
	float: left;
	list-style: none;
}
.searchResults li {
	font-size: 1.4em;
	line-height: 1.6em;
}
.searchResults li a, .searchResults li a:visited {
	color: #697176;
	text-decoration: none;
}

.searchResults li a:hover  {
	color: #697176;
	text-decoration:underline;
}
.searchSellers:nth-of-type(odd){
	clear: both;
}
.searchSellers div {
	float: left;
	height: auto;
	width: 100%;
}

.searchSellers div.thumbnail {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	max-height: 110px;
	max-width: 110px;
	overflow: hidden;
}
.searchSellers p {
	float: left;
	vertical-align: bottom;
}
#pagination {
	margin-bottom: 20px;
	margin-top: 20px;
}
a.paginationButton, a.paginationButton:hover, a.paginationButton:visited {
	background-color: #428bca;
	border: 1px solid #428bca;
	color: #ffffff;
}
.DivPrev {
	text-align: left;
}
.DivNext {
	text-align: right;
}
.DivRecords {
	font-size:  1.4em;
	padding-top: 6px;
	text-align: center;
}
.comicDetails {
	margin-bottom: 20px;
}
#m_sortbyfilter {
	margin-right: 0px;
}
.sortby {
	margin-top: 12px;
	padding-left: 0px;
}
.article h2 {
	border-bottom: 1px dashed #AFB0B1;
	padding-bottom: 10px;
}
.navHelp {
	margin-bottom: 15px;
}
#helpMenu {
	background-color: #DCE1E9;
	float: left;
	margin-bottom: 20px;
	padding: 5% 5% 5%;
	width: 100%;	
}
#resultsFilter {
	border-top: 1px solid #afb0b1;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 10px;
	width: 100%;
}
#filterResults{
	padding-right: 5px;
}
#filterResults div#sortFilter {
	float: right;
	padding-right: 0px;
}
#limitResults {
	padding-left: 0px;
}
#sortFilter label {
	padding-top: 5px;
}
.collectionContainer div#resultsFilter {
	border-top: 0px;
}

.collectionContainer div.sortby select {
	margin-right: 0px;
}

.updateButton {
	background-color: #7f9b33;
	border: 1px solid #7f9b33;
	color: #FFFFFF;
	font-family: 'Roboto Medium', Verdana, Helvetica, sans-serif;
	width: 100%;
}
a.cancel {
	background-color: #cb0505;
	border:	1px solid #cb0505;
	color: #ffffff !important;
	font-family: 'Roboto Medium', Verdana, Helvetica, sans-serif;
	width: 100%;
}
#postDescription{
	height: 200px;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
}
.descImage {
	bottom: 0px;
	left: 0px;
	position: absolute;
	z-index: 1000;
}
#readMore {
	position: absolute;
	top: 160px;
	right: 15px;
	z-index: 2000;
}
#close {
	display: none;
	position: absolute;
	right: 15px;
	z-index: 2000;
}
.description {
	margin-bottom: 10px;
	padding-bottom: 20px;
}

#additionalInfo {
	/*display: none;*/
}
a#viewmore, a#viewmore:hover, a#viewmore:visited {
	color: #000000;
	margin-bottom: 10px;
	text-decoration: underline;
}
#uploadForm {
	margin-bottom: 20px;
}
.list_buttons {
	padding-top: 15px;	
}

.list_buttons span {
  background-color: #dcdcdc;
  background-image: url(../images/cross.png);
  background-position: right;
  background-repeat: no-repeat;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 12px;
  padding: 10px;
  padding-right: 30px;
}
.ui-widget {
	font-family: 'Roboto Regular', Verdana, Helvetica, sans-serif;
	font-size: 1em !important;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: 'Roboto Regular', Verdana, Helvetica, sans-serif !important;
	font-size: 1.4em !important;
}

/* Override font size as ui-widget has bigger font size */
.ui-widget .popover .popover-content p small {
	font-size: 0.57em !important;
}


#submissionFilter legend {
	font-size: 2em;
}

#submissionFilter div.ui-widget {
	font-size: 1em !important
}
.panel-heading h2 {
	margin-top: 0px;
}
.panel-footer p {
	margin-bottom: 0px;
}
#messageDate {
	text-align: right;
}
#actionform label {
	font-family: 'Roboto Bold', Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 700;
}
/*#actionform td div.form-group {
	float: left;
	margin-bottom: 0px;
}*/
.unread {
	font-family: 'Roboto Bold', Verdana, Helvetica, sans-serif;
	font-weight: 700;
}
.tagline {
	font-size: 0.8em;
}
.dashboardLink {
	float: right;
	margin-top: 23px;
	margin-bottom: 0px;
}
#genres {
	border-top: 1px solid #e5e5e5;
	padding-top: 15px;
}
#creatives div.list_buttons, #genres div.list_buttons {
	border-bottom: 1px solid #e5e5e5;
}
img.credit {
	margin-bottom: 15px;
}
#editComic {
	text-align: right;
}
.glyphicon-white {
	color: #ffffff;
}
#imageBtn input[type=submit] {
	margin-bottom: 15px;
	width: 100%;
}
.hideButton {
	display: none;
}
.sellerComicImage {
	margin-bottom: 15px;
	max-height: 242px;
	overflow: hidden;
	width: 100%;
}
a.thankyouLink, a.thankyouLink:visited {
	text-decoration: underline;
}
a.thankyouLink:hover {
	color: #ca0000;
	text-decoration: underline;
}
.panel-body a, .panel-body a:visited {
	text-decoration: underline;
}
.panel-body a:hover {
	color: #ca0000;
	text-decoration: underline;
}

hr {
	border: 0px;
	border-bottom: 1px solid #afb0b1;
	height: 0px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 18px;
}

.videoContainer {
 	margin-bottom:20px;
    position: relative;
    padding-bottom: 45%;
 	height: 0; 
 	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	width: 444px;
}
 
.videoContainer iframe,
.videoContainer object,
.videoContainer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.leftVideo {
	margin-right: 0px;
}
.rightVideo {
	margin-left: 0px;
}

/***** For videos uploaded through wysiwyg *****/
p.iframe {
	margin-bottom:20px;
	max-width: 560px;
  	height: 315px;
	max-height: 315px;
	overflow: hidden;
  	position: relative;
  	/*padding-bottom: 56.25%;*/
}


p.iframe iframe,
p.iframe object,
p.iframe embed {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 560px;
    max-height: 315px;
    width: 100%;
    height: 100%;
}

.activePagination {
	color: #ca0000 !important;
	font-family: 'Roboto Medium', Verdana, Helvetica, sans-serif;
}
.contibutorTable {
	font-size: 1.2em;
	text-align: left;
	width: 100%;
}
.contibutorTable th {
	text-align:left;
	vertical-align:top;
	background-color: #ca0000;
	border-style:solid;
	border-width: 1px;
	border-color:#ca0000;
	color: #ffffff;
	font-family: 'Roboto Regular', Verdana, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 5px 5px 5px 5px;
}
.contibutorTable tr {
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
}
.contibutorTable td {
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #dddddd;
	font-family: 'Roboto Regular', Verdana, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 5px 5px 5px 5px;
}


/*test css for submissions image */
#images {
	border: 5px dashed #F1F1F1;
	border-radius: 20px;
	padding: 14px;
	overflow: visible;
}
#imageLabel {
	display: block;
	clear: both;
	width: 100%;
	text-align: center;
	color: #999;
	cursor: pointer;
}

/* google adsense styling */

.ads_bottomright {
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
	max-width: 300px;
	height: 250px ;
	
}

.menu-sub{
	color:#03729d;
	font-size:10px;
}

#selectboxes select{
	width:120px;
}
.cookiesTable th, .cookiesTable td {
	color: #697176;
	padding: 5px;
	font-size: 1.3em;
}
#pressRelease {
	margin-top: 55px;
}
#popoverLowestGrading, #popoverComment, #lowestGrading, #bundlesContainer {
	display: none;
}
.bundleText {
	color: #124e80;
	font-family: 'Roboto Medium', Verdana, Helvetica, sans-serif;
	font-size: 2em;
	
}

/* Cookie consent */

.cookie-consent {
	position: fixed;
	_position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-image: url(../images/image-bg.png);
	color: #ddd;
	z-index: 10000;
}

.cookie-consent p {
	color:#ffffff;
	float:left;
	margin: 10px 20px;
	margin-right:186px;
	padding: 0;
	text-align:left;
}

.cookie-consent a, .cookie-consent:visited{
	color: #ffffff !important;
	text-decoration:underline;
}

.cookie-consent .accept {
	background-color: #ffffff;
	color: #697176 !important;
	position: absolute;
	top: 10px;
	right: 20px;
}
#sellerResults {
	position: relative;
}
#leftTable h3 {
	background-color: #ca0000;
	color: #ffffff;
	font-family: 'Roboto Medium', Verdana, Helvetica, sans-serif;
	margin-bottom: 0px;
	padding: 10px;
}
#leftTable h3 a, #leftTable h3 a :hover, #leftTable h3 a:visited {
	color: #ffffff;
}
#leftTable table {
	margin-bottom: 20px;
	width: 100%;
}
#leftTable table tr {
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
}
#leftTable table td {
	border-bottom:1px solid #dddddd;
	padding: 5px;
}
#leftPaypal {
	margin-bottom: 20px;
}
.creativeTwitter {
	background-image: url(../images/twitter-bird.png);
	background-position: center left;
	background-repeat: no-repeat;
	margin-left: 15px;
	padding-left: 35px;
}
#or-register {
	border-bottom: 0px; 
	border-top: 1px solid #e5e5e5;
	margin-top: 20px;
	padding-bottom: 0px;
	padding-top: 10px;
}
#collection-search {
	margin-top: 12px;
	width: 100%;
}
#collection-search input {
	margin-right:0px;
	width: 100% !important;
}
#collection-button {
	margin-top: 12px;
	width: 100%;
}
#collection-button input {
	background-color: #7e9a33;
	color: #ffffff;
	font-family: 'Roboto Medium', Verdana, Helvetica, sans-serif;
	margin-right: 0px;
	width: 100% !important;
}
#adverts div {
	margin-bottom: 20px;
}

.creativeImg:nth-of-type(4n+1) {
	clear: both;
}
.creativeImg img {
	margin: 0 auto;
}
.artwork {
	margin-bottom: 10px;
}
.artwork:nth-of-type(4n) {
	clear: both;
}
.merchandise {
	margin-bottom: 15px;
}
.merchandise img {
	display: block;
	margin: 0 auto;
}
.issues img, .artwork img {
	display: block;
	margin: 0 auto;
}
h2.ch-comic {
	background-color: #ca0000;
	background-image: url(../images/ch-comic-bg.jpg), url(../images/ch-comic-bg-strip.jpg);
	background-position: left, left;
	background-repeat: no-repeat, repeat-x;
	color: #ffffff;
	padding-bottom: 12px;
    padding-top: 6px;
    padding-left: 10px;
}
.review-item {
	border-bottom: 1px solid #afb0b1;
	padding-top: 10px;
}
.goldtext {
	color: #FFD700 !important
}

/*--------------- feature sliders --------------------
-----------------------------------------------------*/
.feature-slider-wrap {
	float: left;
	height:380px;
	list-style: none;
	margin: 0px;
	margin-bottom: 20px;
	/*padding: 0px;*/
}
.feature-slider-wrap ul {
	float: left;
	height:380px;
	margin:0px;
	overflow:hidden;
	/*padding:0px;*/
	list-style:none;
}
#feature-slider-1, #feature-slider-2, #feature-slider-3, #feature-slider-4 {
	float: left;
	margin: 0px;
	padding: 0px;
	width:100%;
}

.feature-slider-wrap ul li {
	display: block;
	float: left;
	height: 370px;
	text-align: center;
}

.feature-slider-wrap ul li div.comicImage {
	min-height: 285px;
	padding-left: 15px;
	text-align: center;
}
.feature-slider-wrap ul li div.memberImage {
	width: 190px;
	height: 190px;
	overflow: hidden;
	padding-left: 15px;
	text-align: center;
}
.feature-slider-wrap .bx-controls {
	height: 36px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	top: -220px;
	width: 100%;
}
.feature-slider-wrap .bx-prev {
	background-color: #428bca;
	color: #ffffff;
	position: absolute;
	left: 4px;
	width: 36px;
	height: 36px;
	text-indent: -999999px;
	background: url(../images/prevarrow.png);
	z-index:100;
}

.feature-slider-wrap .bx-next {
	background-color: #428bca;
	color: #ffffff;
	position: absolute;
	right: 0px;
	width: 36px;
	height: 36px;
	text-indent: -999999px;
	background: url(../images/nextarrow.png);
	z-index:100;
}

.feature-slider-wrap h3 {
	font-size: 1em;
	margin-top: 5px;
	min-height: 32px;
}

.feature-slider-wrap ul li a.viewmore {
	font-size: 1.2em;
}

.comic-slider-wrap {
	float: left;
	height:450px;
	list-style: none;
	margin: 0px;
	margin-bottom: 0px;
	/*padding: 0px;*/
}
.comic-slider-wrap ul {
	float: left;
	height:450px;
	margin:0px;
	overflow:hidden;
	/*padding:0px;*/
	list-style:none;
}

.comic-slider-wrap ul li {
	display: block;
	float: left;
	height: 440px;
	text-align: center;
}

.comic-slider-wrap ul li div.issues {
	min-height: 290px;
	text-align: center;
}

.comic-slider-wrap .bx-controls {
	height: 36px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	top: -220px;
	width: 100%;
}
.comic-slider-wrap .bx-prev {
	background-color: #428bca;
	color: #ffffff;
	position: absolute;
	left: 4px;
	width: 36px;
	height: 36px;
	text-indent: -999999px;
	background: url(../images/prevarrow.png);
	z-index:100;
}

.comic-slider-wrap .bx-next {
	background-color: #428bca;
	color: #ffffff;
	position: absolute;
	right: 0px;
	width: 36px;
	height: 36px;
	text-indent: -999999px;
	background: url(../images/nextarrow.png);
	z-index:100;
}

.comic-slider-wrap h3 {
	font-size: 1em;
	margin-top: 5px;
	min-height: 32px;
}


/*--------------- Members ------------------------------
-----------------------------------------------------*/

input.InputButtonGreen {
	background-image:url(/2dev/images/button-green.gif);
	background-repeat:repeat-x;
	border:1px solid #e0e3da;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	font-size:13px;
	font-weight:bold;
	height:33px;
	margin-right:5px;
	padding-bottom: 3px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 3px;
	text-decoration: none;
	overflow: visible;
}

input.InputButtonGreen:hover {
	background-color:#97c048;
	background-image:none;
}

a.AbuttonGreen, a.AbuttonGreen:visited {
	background-image:url(/2dev/images/button-green.gif);
	background-repeat:repeat-x;
	border:1px solid #e0e3da;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	float:left;
	font-size:13px;
	font-weight:bold;
	height:15px;
	margin-right:5px;
	padding-bottom: 8px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 8px;
	text-decoration: none;
	overflow: visible;
}
* html a.AbuttonGreen, * html a.AbuttonGreen:visited{
	height:33px;
	he\ight:15px;
}

a.AbuttonGreen:hover {
	background-color:#97c048;
	background-image:none;
}


input.InputButtonOrange {
	background-image:url(/2dev/images/button-orange.gif);
	background-repeat:repeat-x;
	border:1px solid #e0e3da;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	font-size:13px;
	font-weight:bold;
	height:33px;
	margin-right:5px;
	padding-bottom: 3px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 3px;
	text-decoration: none;
	overflow: visible;
}

input.InputButtonOrange:hover {
	background-color:#FF9900;
	background-image:none;
}

a.AbuttonOrange, a.AbuttonOrange:visited {
	background-image:url(/2dev/images/button-orange.gif);
	background-repeat:repeat-x;
	border:1px solid #e0e3da;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	float:left;
	font-size:13px;
	font-weight:bold;
	height:15px;
	margin-right:5px;
	padding-bottom: 8px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 8px;
	text-decoration: none;
	overflow: visible;
}
* html a.AbuttonOrange, * html a.AbuttonOrange:visited{
	height:33px;
	he\ight:15px;
}

a.AbuttonOrange:hover {
	background-color:#97c048;
	background-image:none;
}

a.AbuttonRed, a.AbuttonRed:visited {
	background-image:url(/2dev/images/button-red.gif);
	background-repeat:repeat-x;
	border:1px solid #e0e3da;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	float:left;
	font-size:13px;
	font-weight:bold;
	height:15px;
	margin-right:5px;
	padding-bottom: 8px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 8px;
	text-decoration: none;
	overflow: visible;
}
* html a.AbuttonRed, * html a.AbuttonRed:visited{
	height:33px;
	he\ight:15px;
}

a.AbuttonRed:hover {
	background-color:#bf140e;
	background-image:none;
}

.Padd{
	margin-top:12px;
}	

/*--------------- Secure ------------------------------
-----------------------------------------------------*/

#secure-head-img{
	float:left;
	margin-right:275px;
	width:407px;
}

#foot-secure{
	background-image:none;
	background-color:#FFFFFF;
	border-top:1px solid #b8c9d8;
	padding-bottom:44px;
	margin-top:70px;
}

#checkout-steps-container{
	border-top:1px solid #b8c9d8;
	border-bottom:solid 1px #b8c9d8;
	margin-bottom:18px;
	padding-top:3px;
	padding-bottom:3px;
}
.checkout-steps{
	float:left;
	padding-left:19px;
	padding-top:27px;
	padding-bottom:29px;
}
.checkout-steps-odd{
	background-color:#eff3f7;
	width:176px;
}
* html .checkout-steps-odd{
	width:195px;
	w\idth:176px;
}
.checkout-steps-even{
	background-color:#ffffff;
	width:176px;
}	
* html .checkout-steps-even{
	width:195px;
	w\idth:176px;
}
.checkout-number{
	color:#1AA4EC;
	float:left;
	font-size:42px;
	font-weight:bold;
	line-height:42px;
	width:46px;
}
.checkout-text{
	color:#333333;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
}
.checkout-text-single{
	padding-top:9px;
}
#checkout-help-text{
	padding-left:18px;
}	

#checkout-left-col{
	float:left;
	padding-right:20px;
	width:468px;
}	
* html #checkout-left-col{
	width:488px;
	w\idth:468px;
}	
#checkout-right-col{
	float:left;
	padding-left:20px;
	width:468px;
}
* html #checkout-right-col{
	width:488px;
	w\idth:468px;
}

#checkout-login{
	border-bottom:solid 1px #b8c9d8;
	padding-left:19px;
	padding-bottom:36px;
}	
#checkout-left-box{
	padding-left:19px;
}

#detailsLeft{
	float:left;
	width:260px;
}
#detailsRight{
	float:left;
	width:200px;
}

#forgotten-password{
	margin-top:10px;
	margin-bottom:0px;
	margin-right:10px;
	float:right;
	width:150px;
}
#forgotten-password a, #forgotten-password a:visited{
	color:#787878;
	text-decoration:none;
}
#forgotten-password a:hover{
	text-decoration:underline;
}

.headRightAlign{
	text-align:right !important;
	padding-right:0px !important;
}	

.back{
	background-color: #ff0033;
	float:left;
	text-align:center !important;
	width:166px;
	height:33px;
}
.aBack, .aBack:visited{
	color:#FFFFFF !important;
	display:block;
	height:25px;
	padding-top:8px !important;
	text-decoration:none;
	width:121px;
}


.divBasketSnapshot{
	float: right;
	font-size: 14px;
	margin-top:13px;
	margin-bottom: 20px;
	padding-left:14px;

}
.divBasketSnapshot a, .divBasketSnapshot a:visited {
	color: #77b7ec;
	text-decoration: none;
}
.divBasketSnapshot a:hover {
	color: #77b7ec;
	text-decoration: underline;
}	


.tdAlignRight{
	text-align:right;
}	
.tdAlignCenter{
	text-align:center;
}	
.vAlignMiddle{
	display:table-cell;
	vertical-align: middle;
}
.vAlignMiddle label{
	display:inline;
	float:none;	
}
.vAlignMiddle input{
	float:none;
	margin-bottom:0px;
}





.date-months{
	padding-left:3px;
}	
.date-months a, .date-months a:visited{
	background-color:#f9f9f9;
	border:1px solid #dddddd;
	color:#ee6800;
	display:inline-block;
	font-weight:bold;
	margin:0px;
	margin-bottom:2px;
	margin-right:2px;
	padding:4px;
	text-decoration:none;
	width:25px;
}
* html .date-months a, * html .date-months a:visited{
	width:35px;
	w\idth:25px;
}	
.date-months a:hover, #years-container a:hover{
	background-color:#ee6800;
	border:1px solid #61910a;
	color:#ffffff;
}

#months-container, #years-container{
	border:1px solid #dddddd;
	margin-top:5px;
	padding-bottom:5px;
	padding-top:5px;
}	
#years-container{
	margin-bottom:4px;
	margin-top: 12px;
	padding-left:3px;
}	
#years-container a, #years-container a:visited{
	background-color:#f9f9f9;
	border:1px solid #dddddd;
	color:#ee6800;
	display:inline-block;
	font-size:13px;
	font-weight:bold;
	height:17px;
	margin:0px;
	margin-right:4px;
	padding:0px;
	padding-top:4px;
	text-align:center;
	text-decoration:none;
	width:107px;
}
* html #years-container a, * html #years-container a:visited{	
	height:21px;
	he\ight:17px;
}

#divMap {
	padding-top: 30px;
	padding-bottom: 30px;
}

#divMapCanvas{
	width:645px;
	height:460px; 
	border:none; 
	overflow:hidden; 
	margin:0px;
}
	

/*------------------------ auto complete -----*/

.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
}
#m_searchtext ul {
  	max-width: 520px;
	width: 100%;
}
#m_searchtext ul.ui-front {
  	z-index: 5000 !important;
} 
  
#indie-popover {
	padding-top: 7px;
	text-align: left;
} 

.addPDF {
	font-size: 1.3em;
	font-family: 'Roboto Medium', Verdana, Helvetica, sans-serif;
}

.newsitem {
	position: relative;
	margin-bottom: 25px;
}

/*.newsitem:nth-of-type(4n+0) {
	clear: both;
}*/

.newsimage{
	display:block;
	height:auto;
	margin-bottom: 30px;
	overflow:hidden;
	position: relative;
	width:100%;
	max-width: 380px;
}
.newsitem p.newsdate {
    background-image: url(../images/newsbg.png);
    color: #ffffff !important;
    font-family: 'Roboto Regular', Verdana, Helvetica, sans-serif;
    font-size: 1.8em;
    margin: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}
.newsitem p.newsdate span {
    display: block;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 18px;
}
.newsdatenumber{
	padding-top:10px;
	padding-left:10px;
	color:#ffffff;
	display:block;
	font-size:1.6em;
	font-weight:bold;
}	

.newsdatemonth{
	color:#ec2523;
	display:block;	
	font-size:1.2em;
	padding-left:10px;
}

.newsitem h2{
	color: #ca0000;
	font-size:2.2em;
	margin-top:6px;
	margin-bottom:8px;
}

.digital-icon {
	font-size: 1.5em;
}

#fileMsg {
	display: none;
}
#fileMsg p {
	color: #a94442;
}	

/* App Page Amends 29-10-2020 - GC */

 #app-banner {
	background-image: url(../images/app-banner1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	padding-top:81px;
 }
 #app-tablet-phone img, #app-comics img, #app-comics2 img {
	display:block;
	margin:0 auto;
 }
 #app-bannertext h1 {
	color:#ffffff;
	font-size:4.5em;
 }
 #app-bannertext p, #app-bannertext2 p {
	color:#ffffff;
}

.app-stores {
	margin-top: 20px;
    margin-bottom: 19px;
}
.app-stores div img {
	height: auto;
    width: auto;
    max-height: 99px;
    margin: 0 auto;
    display: block;
}
#app-features {
	margin-bottom:40px;
}
#app-features h2, #app-banner2 h2, #app-download h2 {
	font-size:3.2em;
	text-align:center;
}
#app-features h2 {
	color:#171717;
	margin-bottom: 50px;
}
#app-banner2 h2 {
	color:#ffffff;
	text-transform:uppercase;
	margin-bottom:20px;
}
#app-features #app-featured-phone img {
	margin: 0 auto;
    display: block;
    max-width: 293px;
    width: 100%;
}	

.app-features-box {
	margin-bottom:50px;
}
#app-features-left .app-features-box img {
	float:right;
}
#app-features-right .app-features-box img {
	float:left;
}
.app-features-box h3 {
	color:#ca0100;
	font-weight:700;
}
#app-features-left .app-features-box h3 {
	text-align:right;
}
#app-features-right .app-features-box h3 {
	text-align:left;
}

 #app-banner2 {
	background-image: url(../images/app-banner2.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	padding-top:20px;
	padding-bottom:60px;
 }

 #app-bannertext2 {
	margin-top:20px;
 }

 .app-price {
	font-size:3.8em;
	line-height:1.2em;
 }

 #app-download {
	padding-top:50px;
	padding-bottom:50px;
 }
 #app-download h2 {
	color:#171717;
	margin-bottom: 20px;
	text-transform:uppercase;
}
#app-download h3 {
	color:#ca0000;
	font-size:2.6em;
	text-align:center;
	text-transform:uppercase;
}

#app-publishers {
	background-color: #f2f2f2;
	padding-top:50px;
	padding-bottom:50px;
}
#app-publishers img {
	height:auto;
	max-width:499px;
	width:100%;
}
#app-publishers h2 {
	color:#ca0000;
	font-size:3.2em;
	margin-top:0px;
}
.app-btn, .app-btn:visited {
	background-color: #ca0000;
	color:#ffffff;
	display:inline-block;
	font-size:1.8em;
	padding:10px 30px;
	text-decoration:none;
	margin-top:20px;
}
.app-btn:hover {
	color:#ffffff;
	text-decoration:none;
}