/*CSS Document*/
/*
00CCFF;
*/
@font-face {
    font-family: 'bitterbold';
    src: url('fonts/bitter-bold-webfont.eot');
    src: url('fonts/bitter-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bitter-bold-webfont.woff2') format('woff2'),
         url('fonts/bitter-bold-webfont.woff') format('woff'),
         url('fonts/bitter-bold-webfont.ttf') format('truetype')/*,
         url('fonts/bitter-bold-webfont.svg#bitterbold') format('svg')*/;
    font-weight: normal;
    font-style: normal;
}


html{
	font-family: "Source Sans Pro",sans-serif;
	min-height: 100%;
	min-width: 100%;
	
}
BODY{
	color:#666;
	font-family: "Source Sans Pro",sans-serif, Trebuchet MS, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	background-color:#f5f5f5;
}
hr.home{
	color: #CCC;
	background-color: #CCC;
	height: 0;
	border-style: none; 
	margin: 0.3em 0 2em 0;
}

h1{color:#00B3F1; font-family: 'Sanchez', Trebuchet MS, Helvetica, sans-serif; font-size: x-large; margin-bottom:10px; margin-top:0px;}
h2{color:#00B3F1; font-family: 'Sanchez', Trebuchet MS, Helvetica, sans-serif; font-size: large; margin-top:10px; }
h3{color:#00B3F1;  font-family: 'Sanchez', Trebuchet MS, Helvetica, sans-serif; font-size: 18px; letter-spacing: -0.1px; text-align:left;  margin-bottom:10px; margin-top:10px; }
h4{color:#00B3F1;  font-family: 'Sanchez', Trebuchet MS, Helvetica, sans-serif; font-size: 16px; letter-spacing: -0.1px; text-align:left; line-height: 1.6em; }
h5{font-family: 'Sanchez', Trebuchet MS, Helvetica, sans-serif; font-size: 16px; letter-spacing: -0.5px; text-align:justify;  }

p{ margin-top: 0.2em; line-height: 1.5; }

textarea, input{
	font-family: "Source Sans Pro",sans-serif,Arial,sans-serif; 
}

.container{
	padding: 0 10px;
	background-color: #fff;
}
.container2{
	margin-left:auto;
	margin-right:auto;
	padding: 0;
	background-color: #000;
}

#cookie_header{
	margin: 0;
	padding: 0;
	width:100%;
	background-color:#212121;
}
#cookie_heading{
	color:#eee;
	float:left;
	width:25%;
	padding:12px 12px 10px 12px;
	font-size:16px;
	background-color:#212121;
}
#cookie_text{
	font-size:12px;
	padding:5px;
	color:#ccc;
	width:55%;
	float:left;
	background-color:#212121;
}
#cookie_link_large{
	font-size:18px;
	font-weight: normal;
	color:#85BBD7;
	width:10%;
	float:left;
	padding:9px 5px 10px 5px;
	text-decoration:none;
	background-color:#212121;
}
#cookie_link{
	font-size:12px;
	font-weight: normal;
	color:#85BBD7;
	width:10%;
	float:left;
	padding:14px 5px 13px 5px;
	text-decoration:none;
	background-color:#212121;
}

#cookie_link a, #cookie_link_large a{
	color:#85BBD7;
}

#header{
	width: 100%;
	height: 160px;
	background-repeat:no-repeat;
}
#main-logo{
	width:100%;
	float:left;
}
#banner{
	width:100%;
	padding-top:10px;
	text-align:right;
}
#menu{
	background: #FFFFFF url("../images/menu.jpg") repeat-x left top;
	position: relative;
}


nav {
    /* font-family: 'Roboto', sans-serif; */
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: 28px;
    margin: 0;
    position: relative;
}

#basket,#header-basket{
	font-size: 12px;
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 210px;
	float: right;
	margin: 3px 5px 2px 5px;
	padding: 0 8px;
}
.basket-text{
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	color: #000000;
	margin-top: 0;
	display: block;
	line-height: normal;
}
.btn-basket,.header-btn-basket{
	float: left !important;
}
.btn-checkout,.header-btn-checkout{
	float: right !important;
}
.btn-pay360{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width:200px;
	border:solid 1px #333; 
	padding:10px;
}


#footer{
	clear: both;
	border-top: solid 1px #bdbdbd;
	padding: 5px 0 10px 0;
}
#footer a:hover {
    background-color: white;
    color: #ccc;
    text-decoration: none;
    font-weight: bold;
}
#footer a {
    color: #00B3F1;
    text-decoration: none;
    font-weight: bold;
}

.footer-link{
	margin:0 10px;
}

.divider{
}
.test-site{
	color: #FF0000;
	font-size: 18px;
	font-weight: bold;
	height:30px;
}

#search{
	padding-top:2px;
	height: 29px;
	width: 215px;
	float: left;
}
.search-box-sidebar{
	width: 100%;
	margin: 3px 0 5px 0;
	height: 20px;
	background: #fff;
}

.white{
	padding: 0;
	background-color:#fff;
}
.black{
	background-color:#212121;
}
.charcoal, .charcoal-bold, .charcoal-medium, .charcoal-medium-bold,.charcoal-large, .charcoal-large-bold{
	color:#272727;/*#272727;*/
}

.charcoal-bold,.charcoal-medium-bold,.charcoal-large-bold{
	font-weight:bold;
}

.charcoal-medium,.charcoal-medium-bold{
	font-size:14px;
}
.charcoal-large,.charcoal-large-bold{
	font-size:18px;
}
.charcoal-xlarge,.charcoal-xlarge-bold{
	font-size:20px;
}
.list-price{
	float:left;
}

/* PORTLET */
.sidebar-left{
	margin-left:10px;
}
.portlet{
	
}
.portlet-decoration,.portlet-decoration-product
{
	height: 25px;
	background: #00B3F1;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;		
}
.portlet-decoration-product
{
	background: #00B3F1;
}
.portlet-decoration-advert
{
	height: 0px;
	background: #fff;
}
.portlet-title, .portlet-title-product{
	background: #00B3F1;
	border-radius: 5px 5px 0 0;
	font-size: 13px;
	text-align:center;
	color: #FFFFFF;
	font-weight: bold;
	padding: 4px 0 0 0;
}

.portlet-content, .portlet-content-basket {
	font-size: 0.9em;
	margin: 0 0 20px 0;
	padding: 5px 8px;
	border: solid 1pt #00B3F1;
}
.portlet-content-advert-left{
	margin: 0 0 20px 0;
}

/* CONTENT */
#main-content{
	margin-bottom:30px;
}

.right-content{
	padding-left:0;
	padding-right:0;
}

/*checkout customer*/
#create-account-form
{
	height:auto;
	margin:0 10px 20px;
	background:#fff;
	padding:10px;
	border:2px solid #5F9304;
	overflow:auto;	
	
}
#login-account-form{
	height:auto;
	margin:0 10px 20px;
	background:#fff;
	padding:10px;
	border:2px solid #5F9304;	
}
#delivery-addresses{
	height: auto;
	margin: 0 0 20px 0;
	background: #FFF;
}
#delivery-options
{
	float: left;
	height: auto;
	margin: 0 0 20px 0;
	width: 100%;
	background: #FFF;
	padding: 0;
}
#delivery-addresses-list
{
	float: left;
	height: auto;
	margin: 0 10px 20px;
	width: 25%;
	background: #FFF;
	padding: 10px;
}
#basket-review
{
	float: left;
	height: auto;
	margin: 0 10px 20px;
	width: 60%;
	background: #FFF;
	padding: 10px;
}

#payment{
	background: #422D0E url('../images/aluminium.jpg') repeat scroll 0 0;
	border: 2px solid #5F9304;
	/*clear: both;*/
	width: 100%;
	padding: 10px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
#payment-form-text
{
	float: left;
	background: #FFF;
	margin: 0 10px 20px;
	width: 100%;
	height: auto;
	padding: 10px;
}
.login-form
{
	width:400px;
	margin: 20px;
}
#confirmation-form
{
	float: left;
	height: auto;
	margin: 0 10px 20px;
	width: 45%;
	background: #FFF;
	padding: 10px;
}


/* BUTTONS */

.button-md, .button-sm,.button-sm-blue,.button-sm-red,.button-sm-green,.button-sm-promo{
	font-weight:bold;
	padding: 5px 10px;
	color:#fff;
	background: #00B3F1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size:14px;
	text-align:center;
}
.button-sm,.button-sm-blue,.button-sm-red,.button-sm-green{
	padding: 3px 5px 2px 5px;
	font-size:11px;
	margin:3px 0;
	line-height: normal;
}
.button-sm-promo{
	padding: 5px 5px 3px 5px;
	font-size:13px;
	margin-top: -1px;
	line-height: normal;
}
.button-md:hover,.button-sm:hover{
	background-color:#003c64;
}
.button-sm-blue{
	background: #00B3F1;
}
.button-sm-red{
	background: #e80000;
}
.button-sm-green,.button-sm-promo{
	background: #339900;
}
.button-sm-blue:hover{
	background: #0063a4;
}
.button-sm-red:hover{
	background: #c10000;
}
.button-sm-green:hover,.button-sm-promo{
	background: #287d00;
}

.button-right, .checkout-button-right{
	float:right;
}
.button-voucher{
	margin: 0 0 0 10px;
}

a.button-basket:link{
	padding: 3px 5px 2px 5px;
	color:#fff;
	background: #00B3F1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size:12px;
	text-align:center;
	font-weight:bold;
}
 a.button-basket:hover{
	background-color:#003c64;
}
.button-addtobag{
	float:right;
}

.button-checkout{
	margin-right:0;
}

.product-out-of-stock{
	font-size:16px;
	font-weight:bold;
	color:#00B3F1;
	margin-left: 5px;
}
.pageTitle{
	font-size: 24px;
	line-height: 26px;
	clear: both;
	position: relative;
	margin: 0 0 10px;
}
.pageTitle-small{
	font-size: 16px;
	line-height: 26px;
	clear: both;
	position: relative;
	margin: 0 0 10px;
}
.heading{
	font-size: 18px;
	clear: both;
	position: relative;
	margin: 0 0 10px;
}
.sub-heading{
	font-size: 16px;
	clear: both;
	position: relative;
	margin: 0 0 10px;
}

#basket-total {
    font-weight: bold;
    font-size: 12px;
}
.center
{
	margin: 0 auto;
	text-align:center;
}
.right
{
	float:right;
}
#nav-bar
{
	width: 535px;
	height: 27px;
	margin: 0;
	float: right;
}


A:link, A:visited, A:hover{
	color: #00B3F1;
	text-decoration: none;
	font-weight: bold;/*900;*/
}
A:hover{
	color: #333;
}

A.idx-link:link, A.idx-link:visited, A.idx-link:hover{
	color: #00B3F1;
	text-decoration: none;
	font-weight: bold;/*900;*/
	font-size: 14px;
}
A.idx-link:hover{
	color: #333;
}

A.blue-link:link, 
A.blue-link:visited, 
A.blue-link:hover
{
	color: blue;
	text-decoration:none;
	font-weight: bold;
}

A.blue-link:hover
{
	color: blue;
	text-decoration:underline;
}

.horizontal-line
{
	background-color: #5F9304;
	height: 4px;
}

.basket-full-text-display
{
	display:none;
}

/*customer*/
.my-account{
	font-size: 16px;
	color: #000;
}
.my-account HR{
	margin-bottom: 10px;
	margin-top: 10px;
}
/* my account form*/
#my-account-form{
	margin-left:0;
	
}

/*Text*/
.basket-progress{
	font-size: 12px;
	color: #0B75AF;
	font-weight: bold;/*900;*/
}
.info-text{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

.product-title{
	font-weight: bold;/*900;*/
}
.items{
	clear: both;
	padding-top: 10px;
}

table.myaccount{
	background-color:#fff;
	width:100%;
}


/* PUBLICATION */
.publication-list-item-container{
	height: 300px;
	width: 200px;
	float:left;
	text-decoration: none;
	margin: 0 7px;
}
.publication-list-image{
	height: 150px;
	width: 150px;
}
.publication-list-info{
	height: 40px;
	width: 150px;
	margin: 5px 0;
}
.publication-list-desc,.publication-list-issue-desc{
	font-weight: bold;
	font-size:12px;
	color: #000000;
	line-height:15px;
	text-align:center;
}
.publication-list-desc{
	height:30px;
}
.publication-list-price{
	text-align:center;
	font-size:12px;
}
.publication-list-notes{
	height:58px;
	padding: 0;
	color: #000000;
}
.publication-list-info2{
	width: 160px;
	margin: 5px 0 10px 0;
	padding: 0;
	color: #000000;
}
.publication-list-notes2{
	height:70px;
	padding: 0;
	color: #000000;
	overflow: hidden;
}
.publication-image {
    float: left;
    text-decoration: none;
    margin-right: 10px;
}


/* PRODUCT */
.product-list-item-container{
	height: 240px;
	width: 150px;
	float: left;
	text-decoration: none;
	margin: 0 17px 30px 17px;
}
.product-list-image{
	text-align:center;
	height: 150px;
	width: 150px;
}
.product-list-info{
	height: 55px;
}
.product-related-info{
	height: 65px;
}
.product-list-desc, .product-list-price{
	height: 35px;
	font-size: 12px;
	color: #666666;
	overflow: hidden;
	padding: 0 8px;
	font-weight: bold;
	text-align:center;
}
/*.product-list-desc
{
	height: 35px;
}*/

.product-list-price{
	overflow:visible;
	font-size: 14px;
}
.product-list-button{
	height:25px;
	margin:5px 2px;
	width:80px;
	float:left;
	padding: 3px;
	color:#333;
	background: #f0f0f0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
	font-size:12px;
		
}
.product-list-button:hover{
	background: #666;
	color:#fff;
}
.product-list-outoforder
{
	height:25px;
	margin:5px 2px;
	width:80px;
	float:left;
	padding: 3px;
	color:#ff0000;
	background: #f0f0f0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
}
.product-list-info-basket{
	height:30px;
	margin:0 5px;
}

/* ISSUE */
.issue-list-item-container, .search-list-item-container{
	height: 235px;
	width: 150px;
	float: left;
	text-decoration: none;
	margin: 0 17px 30px 17px;
}
.issue-list-item-desc{
	height: 45px;
	margin-top:10px;
	text-align:center;
	overflow:hidden;
}
.issue-list-image{
	height: 150px;
	width: 150px;
	text-align:center;
}


.btn-right{
	float:right;
}

/*main product*/
#product-image-main{
	height: 100%;
	width: 100%;
	background-color: #fff;
	margin-bottom:30px;
}
#product-image-small-container
{
	height: 80px;
	width: 300px;
	margin: 20px;
  text-align:left;
}
.product-image-small
{
	height: 65px;
	width: 65px;
	background-color: #EEEEEE;
	margin-right: 6px;
	float: left;
}
.product-title
{
	font-size: 12px;
}
.product-price
{
	font-size: 20px;
	font-weight: bold;
	color: #666;
	margin:0 0 10px 0;
	/*width:100px;*/
	float:left;
}
.product-price-smaller
{
	font-size: 12px;
	color: #777;
	margin-left: 10px;
}
.product-quantity
{
	font-size: 14px;
	/*margin: 3px 5px 0px 0px;*/
	margin: 10px;
	float: right;	
}
.product-button-add
{
	margin: 6px 0;
	float: right;
	width:110px;
}
.product-notes
{
	margin: 10px 5px;
	float:left;
	width:320px;
}
.product-offer-desc{
	font-size:16px;
	font-weight:bold;
	color:#609219;
	margin-top:5px;
}


/*list-view*/
.sorter-pager
{
	margin: 0 auto;
}
.list-view-loading
{
	background: url(loading.gif) no-repeat;
}
.list-view .summary
{
	margin: 0 0 5px;
	text-align: right;
}
.list-view .sorter
{
	margin-left:10px ;
	clear:left;
	float: left;
	font-size: 11px;
	height: 30px;
	background: #ECECEC;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	padding: 7px 15px 0 15px;
}
.list-view .sorter UL
{
	display: inline;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.list-view .sorter LI
{
	display: inline;
	margin: 0 0 0 5px;
	padding: 0;
}
.list-view .sorter A.asc
{
	background: url(up.gif) no-repeat right center;
	padding-right: 10px;
}
.list-view .sorter A.desc
{
	background: url(down.gif) no-repeat right center;
	padding-right: 10px;
}
/*checkout*/
.portlet-decoration-checkout
{
	padding: 3px 8px;
	background: #5F9304;
	border-left: 5px solid #000;
}
.portlet-title-checkout
{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #FFF;
	text-align: center;
}
.portlet-content-checkout
{
	font-size: 0.9em;
	margin: 0;
	padding: 5px 8px;
	background: url(#0);
}
.portlet-checkout
{
	margin-right:auto;
	margin-left:auto;
	width: 100%;
}
.portlet-content ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.portlet-content li {
    padding: 2px 0 4px 0px;
	font-size:14px;
}

table.basket-view {
	background-color: #fff;
	width: 100%;
}
table.offers-view {
	color: #666;
	background-color: #fff;
	font-size: 14px;
}
table.offers-view td {
	background-color: #fff;
	padding: 6px 4px 4px 4px;
	border-top: 1px solid #00B3F1;
}

table.basket-view td {
	background-color: #fff;
	border-top: 3px solid #c6dbff;
	padding: 8px 4px 4px 4px;
}
table td.no-border {
	border-color: #fff;
}

/* SUBSCRIPTION PAGE */
.sub-image{
	float:left;
	width:50%;
}
.sub-html{
	float:left;
	width:50%;
}
#subscription-image-main{
	width: 100%;
	background-color: #fff;
	margin-bottom: 20px;
	overflow: auto;
}
.subscription-notes{
	margin:0 20px 0 10px;
}
#subscription-image-pub{
	height: 60px;
	width: 160px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
}
#subscription-image-pub-note{
	height: 60px;
	width: 100px;
	background-color: #fff;
	margin-left: 10px;
	margin-top:5px;
	font-size:14px;
	float:left;
}
#subscription-offers{
	border: solid 1pt #00B3F1;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	padding: 5px 5px 10px 5px;
}
#subscription-latest-issue{
	border: solid 1pt #00B3F1;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	padding: 5px;
	margin: 0 auto;
	width:160px;
	height:270px;
}
#suboffertext{
	/*background-color: #e2e2e2;*/
	background-color: #fff;
	margin-bottom: 20px;
	overflow: auto;
}
.suboffertext-left{
	float:left;
	padding:5px 0px 5px 4px;
	width:42%;
}
.suboffertext-right{
	float:right;
	text-align:right;
	padding:5px 4px 5px 0;
	width:58%;
}

#sub-offers-list{
	overflow: auto;
}
.offer-title{
	color:#800000;
	font-weight: bold;
}
.offer{
	padding: 0px;
	overflow: auto;
}
.offer-left{
	float:left;
	padding:5px 0px 5px 4px;
	width:75%;
}
.offer-right{
	float:right;
	text-align:right;
	padding:5px 4px 5px 0;
	width:25%;
}
.sub-overseas-price{
	margin-bottom:10px;
	margin-top:0;
	text-align:right;
}
.offers-view{
	margin-bottom:20px;
}

.offers-view td{
	background-color:#fff;
	padding:0;
}


/* YIIPAGER */
UL.yiiPager
{
	clear: both;
	float: left;
	font-size: 12px;
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 100%;
	display: inline;
}
UL.yiiPager LI
{
	display: inline;
}
UL.yiiPager A:link, UL.yiiPager A:visited
{
	font-weight: bold;
	color: #333;
	padding: 6px 9px;
	text-decoration: none;
}
UL.yiiPager .page A
{
	font-weight: normal;
}
UL.yiiPager A:hover
{
	border: 1px solid #0060a6;
}
UL.yiiPager .selected A
{
	background: #00B3F1;
	color: #FFFFFF;
	font-weight: bold;
}
UL.yiiPager .hidden A
{
	color: #888888;
}


/*std form*/
.row{
	margin: 5px 0;
}
FORM.std LABEL, FORM.std p span{
	color: #000;
	padding-left: 5px;
	padding-top: 4px;
	float: left;
	text-align: left;
	font-size: 14px;
}
form.contact label{
}
FORM.std SPAN.required{
	color: #FF0000;
	float:none;
}
FORM.std LABEL{
	clear:both;
	padding-right: 5px;
}
FORM.std .errorMessage{
	color: #FF0000;
	font-size: 0.9em;
}
FORM.std .errorSummary P{
	margin: 0;
	padding: 5px;
}
FORM.std .errorSummary{
	border: 2px solid #C00;
	padding: 3px 15px;
	margin: 0 0 10px;
	background: #FEE;
	font-size: 0.9em;
}
FORM.std .errorSummary UL{
	margin: 0;
	padding: 0 0 0 5px;
}
FORM.std .errorSummary LI{
	padding: 0;
}
/*keeps checkbox + label inline*/
FORM.std INPUT[type=checkbox]+LABEL{
	display: inline !important;
}
form.std .label-promotion{
	padding-top: 2px;
	font-size: 12px;
	color: #000;
}
form.std .input-text-promotion{
	width: 100%;
}
form.std .input-text, form.std .input-text-postcode, form.std .input-text2{
	height:22px;
	font-size:14px;
	color:#000;
	font-weight:normal;
	padding-left: 5px;
	width: 230px;
	margin:4px 0;
}
form.std .select-text{
	height:22px;
	font-size:14px;
	color:#000;
	font-weight:normal;
	margin:4px 0;
}
form.std .input-text-postcode{
	width: 100px;
}
form.std .input-text2{
	width:165px;
}
SPAN.required{
	color: #FF0000;
	float:none;
}
/**
* Hide first and last buttons by default.
 */
UL.yiiPager .first, UL.yiiPager .last
{
	display: none;
}
/*yiitab*/
.yiiTab
{
	margin-top: 0;
}
.yiiTab UL.tabs
{
	padding: 2px 0;
	margin: 0;
	border-bottom: 1px solid #BBBBBB;
	font: bold 12px Arial, sans-serif;
}
.yiiTab UL.tabs LI
{
	list-style: none;
	margin: 0;
	display: inline;
}
.yiiTab UL.tabs A
{
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	padding: 2px 0.5em;
	border: 1px solid #BBBBBB;
	border-bottom: none;
	background: #DDDDDD;
	text-decoration: none;
}
.yiiTab UL.tabs A:link
{
	color: #667;
}
.yiiTab UL.tabs A:visited
{
	color: #667;
}
.yiiTab UL.tabs A:hover
{
	color: #000;
	background: #BBBBBB;
	border-color: #797979;
}
.yiiTab UL.tabs A.active
{
	background: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
.yiiTab DIV.view
{
	border-left: 1px solid #BBBBBB;
	border-right: 2px solid #797979;
	border-bottom: 1px solid #797979;
	padding: 8px;
	margin: 0;
}


#added {
    width:220px;
    /*height:60px;*/
	height:auto;
    border:1px solid #5F9304;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-weight:bold;
    padding:10px;
    margin:5px;
    float:left;
}
#subs-list
{
	color: #666;
	font-size:14px;
	font-weight:bold;
}
#subs-list2
{
	color: #000;
	font-size:12px;
}

.address-block
{
	float:left;
	width:200px;
	color:#666;
	font-size:14px;
	font-weight:normal;
	margin-bottom:10px;
	line-height:17px;
}

.grey-row
{
	background: #e2e2e2;
}
.alt
{
	margin-left:10px;
}
.hightlight-text {
	font-weight:bold;
}
.welcome{
	font-size: 14px;
	font-weight: bold;/*900;*/
	color:#5F9304;
	margin-left:10px;
	margin-bottom:5px;
}

/**
 * 1 PAGE CHECKOUT
 */
.checkout-section{
	margin-bottom: 2em;
}
.checkout-payment{
	width:95%;
	overflow:auto;
	margin:0 auto 20px auto;
	padding:5px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

table.review-order{
	color: #666;
	background-color: #fff;
	font-size: 14px;
	width:100%;
}
table.review-order td{
	background-color: #fff;
	padding: 1px 4px 1px 4px;
}

label.required{
}

.form-checkout-checkbox{
	height:15px;
	width:15px;
}

label[for=Paypoint_bankAccountAuthorised], label[for=Paypoint_bankAccountHolder], label[for=Paypoint_DDAdvancedNoticeByEmail]{
	color:#333;
	font-weight: normal;
	font-size:12px;
}

.control-label
{
	margin-bottom: 0px;
	margin-top: 5px;
	font-weight: 600;
	color:#666;
}

.form-control {
  display: block;
  height: 24px;
  padding: 2px 5px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  margin:0;
}

.form-control-2 {
  display: block;
  width: 45%;
  height: 24px;
  padding: 2px 5px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  margin:0;
}

.form-checkout-checkbox {
	height:15px;
	width:15px;
}

label[for=BankDetails_bankAccountAuthorised], label[for=BankDetails_bankAccountHolder] {
	color:#333;
	font-weight: normal;
	font-size:12px;
}
.form-actions{
	margin:20px 0;
}


/*payment button clicked */
.processing {
    background-color: transparent;
    background: url(../images/icons/processing.gif);
    background-position:  center center;
    background-repeat: no-repeat;
	filter: alpha(opacity=100);
    opacity: 1;
}
.processing * {
	filter: alpha(opacity=60);
    opacity: .8;
}
.dont-display-div
{
	height:0px;
	overflow:hidden;
}
.display-div
{
	overflow:visible;
	margin:10px 0;
	height:25px;
	text-align: center;
	font-size:20px;
	font-weight:bold;
}
/*breadcrumbs*/
div.breadcrumbs
{
	font-size: 1em;
	padding: 0;
	color:#666;
}

div.breadcrumbs span
{
	font-weight: bold;
}

/* bold raido button selection */
.product-repeat-order label {
	margin-bottom:6px;
	vertical-align:middle;
}
.product-repeat-order input[type="radio"]:checked+label { 
	font-weight: bold; 
	margin-bottom:6px;
	vertical-align:middle;
}

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
	width:90%;
}

div.flash-error
{
	background:#FBE3E4;
	color:#ff0000;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#eaf8ff;
	color:#00B3F1;
	border-color:#00B3F1;
}

.sitemap a:link, .sitemap a:visited{
	text-decoration:none;
	color:#555;
}
.sitemap a:hover, .sitemap a:active{
	text-decoration:underline;
	color:#555;
}
.sitemap ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0 0 0 1.5em;
}

.sitemap li
{
	padding: 2px 0 4px 0px;
}

.sitemap h3 {
    font-size: 1.4em;
    line-height: 1;
    margin-bottom: 0.3em;
}

.sitemap h3 a:link, .sitemap h3 a:visited{
	font-weight: normal;
}
.sitemap h3 a:hover, .sitemap h3 a:active{
	font-weight: normal;
}

/* EVENT */
.event-list-desc
{
	font-size: 18px;
	color: #222222;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
}
.event-list-desc-small
{
	font-size: 14px;
	margin-bottom: 5px;
	color: #222222;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
}

table.ticket-view{
	background-color:#00B3F1;
	font-size:12px;
}

table.ticket-view th{
	background-color:#00B3F1;
	border-left:solid 1px #00B3F1;
	border-right:solid 1px #00B3F1;
	padding-left:1px;
	color:#fff;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}

table.ticket-view td{
	background-color:#fff;
	border-top-width: 3px;
	border-left:solid 1px #00B3F1;
	border-right:solid 1px #00B3F1;
	text-align: center;
}

.ticket-summary{
	border: solid 2pt #00B3F1;
	background-color:#fff;
	padding:10px;
	overflow:auto;
	font-size:12px;
}
.summary-text{
	background-color:#00B3F1;
	padding:10px;
	color:#fff;
	font-size: 16px;
	font-weight: bold;
}
.summary-image
{
	float: right;
	margin-right:20px;
}
.event-html{
	font-size:12px;
}
.form-control-textarea,.ticket-notes, .product-notes {
  display: block;
  width: 100%;
  height: 50px;
  padding: 2px 5px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  margin:0;
}


#index-main{
	display:block;
}

.category{
	margin-bottom:30px;
	font-size:16px;
	color:#014F27;
}

input[type="radio"], input[type="checkbox"]{
	margin: 5px 0 0;
	line-height: normal;
}

.product-option-name{
  float:left;
  font-size:18px;
  font-weight:bold;
  width:130px;
}
.product-options{
  float:left;
  font-size:18px;
  font-weight:bold;
  width:220px;
}


.alpha{
	padding-left:0;
}
.beta{
	padding-left:0;
	padding-right:0;
}
.gamma{
	padding-left:10px;
	padding-right:10px;
}
.omega{
	padding-right:0;
}
.delta,.delta0{
	padding-left:0px;
	padding-right:0px;
}

.list-item,.front-page-list-item{
	margin-bottom:30px;
	padding-left:10px;
	padding-right:10px;
}
.input-text2{
	width:40px;
}

.col-sm-input-1, .col-sm-input-2, .col-sm-input-3, .col-sm-input-4, .col-sm-input-5, .col-sm-input-6, .col-sm-input-7, .col-sm-input-8, .col-sm-input-9, .col-sm-input-10, .col-sm-input-11, .col-sm-input-12 {
	float: left;
}

.col-sm-input-9 {
	width: 75%;
}
.col-sm-input-8 {
	width: 66.66666667%;
}
.col-sm-input-7 {
	width: 58.33333333%;
}
.col-sm-input-6 {
	width: 50%;
}
.col-sm-input-5 {
	width: 41.66666667%;
}
.col-sm-input-4 {
	width: 33.33333333%;
}
.col-sm-input-3 {
	width: 25%;
}

#portlet-left{
	display:block;
}
#portlet-right{
	display:none;
}

@media only screen and (max-width: 1023px){
	/* nav bar */

	nav{
		background: none repeat scroll 0 0 #00B3F1;
	}

	.menu-left{
		width:100%;
		float:right;
	}
	.search {
		float:left;
		width:100%;
	}
	#basket{
		display:none;
	}
	#header-basket{
		display:block;
	}
	#basket-text {
		float:none;
		margin:0 ;
		padding: 1px;
		font-family:  "Source Sans Pro",sans-serif, Helvetica, Arial, sans-serif;
		font-size: 12px; 
		text-align:center;
		width:auto;
		height:22px;
		color:#333;
		text-align:center;
		background:#fff;
		border:0;
	}
	#checkout {
		float:none;
		width:150px; 
		height:26px;
		text-align:center;
		margin:0 auto;
		background-color:#609219;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	.image-list, .image-paper-list{
		width:100%;
		height:100%;
	}

	#menu{
		background-color:#00B3F1;
		background-image:none;
	}
}

@media only screen and (max-width: 320px) {
	.col-sm-input-1, .col-sm-input-2, .col-sm-input-3, .col-sm-input-4, .col-sm-input-5, .col-sm-input-6, .col-sm-input-7, .col-sm-input-8, .col-sm-input-9, .col-sm-input-10, .col-sm-input-11, .col-sm-input-12 {
		float: left;
	}

	.col-sm-input-9 {
		width: 100%;
	}
	.col-sm-input-8 {
		width: 100%;
	}
	.col-sm-input-7 {
		width: 100%;
	}
	.col-sm-input-6 {
		width: 100%;
	}
	.col-sm-input-5 {
		width: 100%;
	}
	.col-sm-input-4 {
		width: 100%;
	}
	.col-sm-input-3 {
		width: 100%;
	}
	.col-sm-input-2 {
		width: 100%;
	}
	.col-sm-list-3, .col-sm-list-4 {
		width: 100%;
	}
	#header{
		height:191px;
	}

	#product-image-small-container{
		height:100%;
		width:100%;
		margin-top:10px;
		margin-bottom:20px;
	}
	.yiiTab ul.tabs
	{
		padding: 2px 0;
		margin: 0;
		font: bold 10px Verdana, sans-serif;
	}

	.yiiTab ul.tabs li
	{
		list-style: none;
		margin: 0;
		float:left;
		width:67px;
		background: #DDDDDD;
		height:27px;
		margin-right:2px;
		margin-bottom:4px;
		text-align:center;
		padding-top:6px;
	}
	.yiiTab div.view
	{
		width:207px;
		padding-top: 8px;
		margin: 0;
		min-height:300px;
	}
	.subtype{
		width: 100%;
		margin-right: 0;
	}

	.left,.right{
		float:none !important;
	}

	.category-image{
		width:226px;
		height:100px;
	}
	.button-checkout{
		margin-bottom:15px;
	}
	.button-checkout-right{
		float:none;
		margin-bottom:15px;
	}
	.input-text{
		width:98% !important;
	}
	.delta0{
		clear:both;
		padding-left:0px;
		padding-right:0px;
	}
	.alpha{
		padding-left:0;
		padding-right:0;
	}
	.beta{
		padding-left:0;
		padding-right:0;
	}
	.gamma{
		padding-left:0;
		padding-right:0;
	}
	.omega{
		padding-left:0;
		padding-right:0;
	}

	.alpha2{
		padding-left:0;
		padding-right:0;
		margin:0 0 30px 0;
	}
	.beta2{
		padding-left:0;
		padding-right:0;
		margin:0 0 30px 0;
	}
	.omega2{
		padding-left:0;
		padding-right:0;
		margin:0 0 30px 0;
	}

	.has-form{
		width:100%;
	}
	.toolbar{
		display:none;
	}
	#portlet-left{
		display:none;
	}
	#portlet-right{
		display:block;
	}

	.sub-image{
		float:left;
		width:100%;
	}
	.sub-html{
		float:left;
		width:100%;
	}

	.button-return{
		padding-left:0;
		padding-right:0;
		margin-bottom:10px;
		float:left;
	}
	.button-continue{
		padding-left:0;
		padding-right:0;
		float:left;
	}
	.button-voucher{
		margin: 10px 0 0 0;
	}

	#most-popular{
		display:none;
	}
	.advertisement{
		display:none;
	}
	.zocial.button-blue-promotion{
		margin-top:10px;
		margin-left:0;
	}

	#header-basket{
		width: 50%;
		float:right;
		margin-top:7px;
		padding: 0 2px;
	}
	#search{
		margin-top:7px;
		width: 97%;
	}
	#searchbox{
		width:78%;
	}
	#international{
		width:97%;
		float:left;
		margin-top:7px;
		margin-bottom:7px;
	}
	#basket{
		display: none;
	}
	.header-btn-basket{
		display: none;
	}
	.header-btn-checkout{
		float: none !important;
		text-align:center;
	}
	.portlet-content-advert, .portlet-content-advert-left{
		float:left;
		max-width: 150px;
		margin-left: 10px;
	}
	.free-delivery{
		max-width: 150px;
		margin: 10px auto;
	}
	.carousel-show-image{
		width:240px;
	}
	.myaccount-show{
		width:100%;
	}

	.magbox0, .magbox {
		width: 50%;
		height: auto;
	}
	.sectiontitle {
		font-size: 18px;
		padding-left: 0;
	}
	.jumpmenu {
		margin: 0px;
	}
	.subgift1{
		width: 100%;
		float: left;
	}
	.subgift2{
		width: 100%;
		float: left;
	}
	#centralMainBanner{
		width:100%
	}
	.postcard-single-image{
		width:93%;
		height:93%;
	}

	#menu-checkout-stage{
		height:65px;
	}

	#menu-checkout-stagedone{
		height:65px;
	}
	.join-image{
		display:none;
		margin-right:10px;
		float:left;
	}
	.join-image-2{
		display:block;
		margin:0 auto;
		float:none;
		text-align:center;
	}

	#join{
		float:left;
	}
	.join-form{
		float:none;
	}
	.join-email{
		width:68%;
	}
	.join-name{
		width:53%;
	}
	.navbar-nav > li{
		width:100%;
	}
	#index-main{
		display:none;
	}
	#block-container {
		display: -webkit-box;
		display: -moz-box;
		display: box;

		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		box-orient: vertical;
	}
	#block1 {
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		box-ordinal-group: 1;
	}
	#block2 {
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		box-ordinal-group: 2;
	}
	#block3 {
		-webkit-box-ordinal-group: 3;
		-moz-box-ordinal-group: 3;
		box-ordinal-group: 3;
	}
	#block4 {
		-webkit-box-ordinal-group: 4;
		-moz-box-ordinal-group: 4;
		box-ordinal-group: 4;
	}
	#block5 {
		-webkit-box-ordinal-group: 5;
		-moz-box-ordinal-group: 5;
		box-ordinal-group: 5;
	}
	#block6 {
		-webkit-box-ordinal-group: 6;
		-moz-box-ordinal-group: 6;
		box-ordinal-group: 7;
	}
	#block7 {
		-webkit-box-ordinal-group: 7;
		-moz-box-ordinal-group: 7;
		box-ordinal-group: 7;
	}
	#block8 {
		-webkit-box-ordinal-group: 8;
		-moz-box-ordinal-group: 8;
		box-ordinal-group: 8;
	}
	#block9 {
		-webkit-box-ordinal-group: 9;
		-moz-box-ordinal-group: 9;
		box-ordinal-group: 9;
	}
	#block10 {
		-webkit-box-ordinal-group: 10;
		-moz-box-ordinal-group: 10;
		box-ordinal-group: 10;
	}
	#cookie_heading{
		width:30%;
	}
	#cookie_text{
		width:70%;
	}
	#cookie_link, #cookie_link_large{
		text-align:center;
		width:50%;
	}
	.publication-list-item-container,.product-list-item-container,.issue-list-item-container{
		float:none;
		margin:0 auto 30px auto;
	}
}

@media only screen and (min-width: 321px) and (max-width: 479px) {
	.col-sm-input-1, .col-sm-input-2, .col-sm-input-3, .col-sm-input-4, .col-sm-input-5, .col-sm-input-6, .col-sm-input-7, .col-sm-input-8, .col-sm-input-9, .col-sm-input-10, .col-sm-input-11, .col-sm-input-12 {
		float: left;
	}

	.col-sm-input-9 {
		width: 100%;
	}
	.col-sm-input-8 {
		width: 100%;
	}
	.col-sm-input-7 {
		width: 100%;
	}
	.col-sm-input-6 {
		width: 100%;
	}
	.col-sm-input-5 {
		width: 100%;
	}
	.col-sm-input-4 {
		width: 100%;
	}
	.col-sm-input-3 {
		width: 100%;
	}
	.col-sm-input-2 {
		width: 100%;
	}

	.col-sm-list-3, .col-sm-list-4 {
		width: 100%;
	}

	#header{
		height:195px;
	}


	#product-image-small-container{
		height:100%;
		width:100%;
		margin-top:10px;
		margin-bottom:20px;
	}
	.yiiTab ul.tabs li{
		width: 32%;
	}
	.subtype{
		width: 100%;
		margin-right: 0;
	}
	.left,.right{
		float:none !important;
	}
	.category-image{
		width:226px;
		height:100px;
	}
	.button-checkout{
		margin-bottom:15px;
	}
	.button-checkout-right{
		float:none;
		margin-bottom:15px;
	}
	.button-return{
		padding-left:0;
		padding-right:0;
		margin-bottom:10px;
		float:left;
	}
	.button-continue{
		padding-left:0;
		padding-right:0;
		float:right;
	}
	.button-voucher{
		margin: 10px 0 0 0;
	}

	.input-text{
		width:98% !important;
	}
	.delta0{
		clear:both;
		padding-left:0px;
		padding-right:0px;
	}
	.alpha{
		padding-left:0;
		padding-right:0;
	}
	.beta{
		padding-left:0;
		padding-right:0;
	}
	.gamma{
		padding-left:0;
		padding-right:0;
	}
	.omega{
		padding-left:0;
		padding-right:0;
	}

	.alpha2{
		padding-left:0;
		padding-right:0;
		margin:0 0 30px 0;
	}
	.beta2{
		padding-left:0;
		padding-right:0;
		margin:0 0 30px 0;
	}
	.omega2{
		padding-left:0;
		padding-right:0;
		margin:0 0 30px 0;
	}

	.has-form{
		width:100%;
	}
	.toolbar{
		display:none;
	}
	#portlet-left{
		display:none;
	}
	#portlet-right{
		display:block;
	}

	.sub-image{
		float:left;
		width:100%;
	}
	.sub-html{
		float:left;
		width:100%;
	}

	#most-popular{
		display:none;
	}
	.advertisement{
		display:none;
	}
	.zocial.button-blue-promotion{
		margin-top:10px;
		margin-left:0;
	}

	#header-basket{
		width: 50%;
		float:right;
		margin-top:7px;
		padding: 0 2px;
	}
	#search{
		margin-top:7px;
		width: 97%;
	}
	#searchbox{
		width:78%;
	}
	#international{
		width:97%;
		float:left;
		margin-top:7px;
		margin-bottom:7px;
	}
	#basket{
		display: none;
	}
	.header-btn-basket{
		display: none;
	}
	.header-btn-checkout{
		float: none !important;
		text-align:center;
	}
	.portlet-content-advert, .portlet-content-advert-left{
		float:left;
		max-width: 150px;
		margin-left: 10px;
	}
	.free-delivery{
		max-width: 150px;
		margin: 10px auto;
	}
	.carousel-show-image{
		width:240px;
	}
	.myaccount-show{
		width:100%;
	}

	.magbox0, .magbox {
		width: 50%;
	}
	.sectiontitle {
		font-size: 24px;
		padding-left: 0;
	}
	.jumpmenu {
		margin: 0px;
	}
	.subgift1{
		width: 100%;
		float: left;
	}
	.subgift2{
		width: 100%;
		float: left;
	}
	#centralMainBanner{
		width:100%
	}
	.postcard-single-image{
		width:95%;
		height:95%;
	}
	#menu-checkout-stage{
		height:65px;
	}

	#menu-checkout-stagedone{
		height:65px;
	}
	.join-image{
		display:none;
		margin-right:10px;
		float:left;
	}
	.join-image-2{
		display:block;
		margin:0 auto;
		float:none;
		text-align:center;
	}

	#join{
		float:left;
	}
	.join-form{
		float:none;
	}
	.join-email{
		width:74%;
	}
	.join-name{
		width:52%;
	}
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover{
		width:100%;
	}
	#index-main{
		display:none;
	}

	#block-container {
		display: -webkit-box;
		display: -moz-box;
		display: box;

		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		box-orient: vertical;
	}
	#block1 {
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		box-ordinal-group: 1;
	}
	#block2 {
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		box-ordinal-group: 2;
	}
	#block3 {
		-webkit-box-ordinal-group: 3;
		-moz-box-ordinal-group: 3;
		box-ordinal-group: 3;
	}
	#block4 {
		-webkit-box-ordinal-group: 4;
		-moz-box-ordinal-group: 4;
		box-ordinal-group: 4;
	}
	#block5 {
		-webkit-box-ordinal-group: 5;
		-moz-box-ordinal-group: 5;
		box-ordinal-group: 5;
	}
	#block6 {
		-webkit-box-ordinal-group: 6;
		-moz-box-ordinal-group: 6;
		box-ordinal-group: 7;
	}
	#block7 {
		-webkit-box-ordinal-group: 7;
		-moz-box-ordinal-group: 7;
		box-ordinal-group: 7;
	}
	#block8 {
		-webkit-box-ordinal-group: 8;
		-moz-box-ordinal-group: 8;
		box-ordinal-group: 8;
	}
	#block9 {
		-webkit-box-ordinal-group: 9;
		-moz-box-ordinal-group: 9;
		box-ordinal-group: 9;
	}
	#block10 {
		-webkit-box-ordinal-group: 10;
		-moz-box-ordinal-group: 10;
		box-ordinal-group: 10;
	}

	#block-container2 {
		display: -webkit-box;
		display: -moz-box;
		display: box;

		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		box-orient: vertical;
	}
	#block2-1 {
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		box-ordinal-group: 1;
	}
	#block2-2 {
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		box-ordinal-group: 2;
	}
	#cookie_heading{
		width:30%;
	}
	#cookie_text{
		width:70%;
	}
	#cookie_link, #cookie_link_large{
		text-align:center;
		width:50%;
	}
	.publication-list-item-container,.product-list-item-container,.issue-list-item-container{
		float:none;
		margin:0 auto 30px auto;
	}
}

@media only screen and (min-width: 480px) and (max-width: 599px) {
	.col-sm-input-1, .col-sm-input-2, .col-sm-input-3, .col-sm-input-4, .col-sm-input-5, .col-sm-input-6, .col-sm-input-7, .col-sm-input-8, .col-sm-input-9, .col-sm-input-10, .col-sm-input-11, .col-sm-input-12 {
		float: left;
	}

	.col-sm-input-9 {
		width: 75%;
	}
	.col-sm-input-8 {
		width: 66.66666667%;
	}
	.col-sm-input-7 {
		width: 58.33333333%;
	}
	.col-sm-input-6 {
		width: 50%;
	}
	.col-sm-input-5 {
		width: 41.66666667%;
	}
	.col-sm-input-4 {
		width: 33.33333333%;
	}
	.col-sm-input-3 {
		width: 25%;
	}
	.col-sm-input-2 {
		width: 16.66666667%;
	}

	.col-sm-list-3 {
		width: 50%;
		float: left;
	}
	.col-sm-list-4 {
		width: 50%;
		float:left;
	}

	.yiiTab ul.tabs li{
		width: 32%;
	}

	#header{
		height:80px;
	}
	#main-logo{
		width:60%;
		margin:0 auto;
	}
	#banner{
		width: 40%;
		float: right;
		padding-top: 7px;
	}

	#product-image-main{
		height: 60%;
		width: 60%;
		margin: 0 auto;
	}
	#product-image-small-container{
		height:100%;
		width:100%;
		margin-top:10px;
		margin-bottom:20px;
	}
	.button-return{
		padding-left:0;
		padding-right:0;
		float:left;
	}
	.button-continue{
		padding-left:0;
		padding-right:0;
		float:right;
	}

	.input-text{
		width:98% !important;
	}

	.has-form{
		width:100%;
	}
	.toolbar{
		/*min-height:75px;*/
		display:none;
	}
	#portlet-left{
		display:none;
	}
	#portlet-right{
		display:block;
	}

	.subtype-desc{
		min-height: 230px;
	}

	#most-popular{
		display:none;
	}
	.advertisement{
		display:none;
	}
	.zocial.button-blue-promotion{
		margin-top:-2px;
		margin-left:10px;
	}

	.delta0{
		clear:both;
		padding-left:0px;
		padding-right:0px;
	}
	.alpha{
		padding-left:0;
		padding-right:0;
	}
	.beta{
		padding-left:0;
		padding-right:0;
	}
	.gamma{
		padding-left:0;
		padding-right:0;
	}
	.omega{
		padding-left:0;
		padding-right:0;
	}

	.alpha2{
		padding-left:0;
		padding-right:0;
		margin:0 0 30px 0;
	}
	.beta2{
		padding-left:0;
		padding-right:0;
		margin:0 0 30px 0;
	}
	.omega2{
		padding-left:0;
		padding-right:0;
		margin:0 0 30px 0;
	}

	#search{
		float:left;
		margin:7px;
	}
	#international{
		float:right;
		margin:7px;
	}
	#header-basket{
		width: 210px;
		float:right;
		margin-top:7px;
	}
	#basket{
		display: none;
	}
	.portlet-content-advert, .portlet-content-advert-left{
		float:left;
		max-width: 150px;
		margin-left: 10px;
	}
	.free-delivery{
		max-width: 150px;
		margin: 10px auto;
	}
	.myaccount-show{
		width:100%;
	}

	.magbox0, .magbox {
		width: 50%;
		height: auto;
	}
	.sectiontitle {
		font-size: 24px;
		padding-left: 0;
	}
	.jumpmenu {
		margin: 0px;
	}
	.subgift1{
		width: 100%;
		float: left;
	}
	.subgift2{
		width: 100%;
		float: left;
	}
	#centralMainBanner{
		width:100%
	}
	.postcard-single-image{
		width:96%;
		height:96%;
	}
	#join{
		display:block;
	}
	.join-form{
		float:left;
	}
	.join-email{
		width:70%;
	}
	.join-name{
		width:45%;
	}
	#searchbox{
		width:67%;
	}
	#cookie_heading{
		width:30%;
	}
	#cookie_text{
		width:70%;
	}
	#cookie_link, #cookie_link_large{
		text-align:center;
		width:50%;
	}

}

@media only screen and (min-width: 600px) and (max-width: 767px) {
	.col-sm-input-1, .col-sm-input-2, .col-sm-input-3, .col-sm-input-4, .col-sm-input-5, .col-sm-input-6, .col-sm-input-7, .col-sm-input-8, .col-sm-input-9, .col-sm-input-10, .col-sm-input-11, .col-sm-input-12 {
		float: left;
	}

	.col-sm-input-9 {
		width: 75%;
	}
	.col-sm-input-8 {
		width: 66.66666667%;
	}
	.col-sm-input-7 {
		width: 58.33333333%;
	}
	.col-sm-input-6 {
		width: 50%;
	}
	.col-sm-input-5 {
		width: 41.66666667%;
	}
	.col-sm-input-4 {
		width: 33.33333333%;
	}
	.col-sm-input-3 {
		width: 25%;
	}
	.col-sm-input-2 {
		width: 16.66666667%;
	}
	.col-sm-list-2 {
		float:left;
		width: 33.33333333%;
	}
	.col-sm-list-3 {
		float:left;
		width: 50%;
	}
	.col-sm-list-4 {
		float:left;
		width: 50%;
	}

	.yiiTab ul.tabs li{
		width: 32%;
	}

	#header{
		height:80px;
	}
	#main-logo{
		width:60%;
		margin:0 auto;
	}
	#banner{
		width: 40%;
		float: right;
		padding-top: 7px;
	}

	#product-image-main{
		height: 50%;
		width: 50%;
		background-color: #fff;
	}

	#product-image-small-container{
		height:100%;
		width:100%;
		margin-top:10px;
		margin-bottom:20px;
	}
	.button-return{
		padding-left:0;
		padding-right:0;
		float:left;
	}
	.button-continue{
		padding-left:0;
		padding-right:0;
		float:right;
	}

	.input-text{
		width:98% !important;
	}

	.has-form{
		width:100%;
	}
	.toolbar{
		/*min-height:55px;*/
		display:none;
	}
	#portlet-left{
		display:none;
	}
	#portlet-right{
		display:block;
	}
	.advertisement{
		display:none;
	}
	.zocial.button-blue-promotion{
		margin-top:-2px;
		margin-left:10px;
	}

	.alpha{
		padding-left:0;
		padding-right:0;
	}
	.beta{
		padding-left:0;
		padding-right:0;
	}
	.gamma{
		padding-left:0;
		padding-right:0;
	}
	.omega{
		padding-left:0;
		padding-right:0;
	}

	.alpha2{
		padding-left:0;
		padding-right:0;
		margin:0 0 30px 0;
	}
	.beta2{
		padding-left:0;
		padding-right:0;
		margin:0 0 30px 0;
	}
	.omega2{
		padding-left:0;
		padding-right:0;
		margin:0 0 30px 0;
	}

	#search{
		float:left;
		margin:7px;
	}
	#international{
		float:right;
		margin:7px;
	}
	#header-basket{
		width: 210px;
		float:right;
		margin-top:7px;
	}
	#basket{
		display: none;
	}
	.portlet-content-advert, .portlet-content-advert-left{
		float:left;
		max-width: 150px;
		margin-left: 10px;
	}
	.free-delivery{
		max-width: 150px;
		margin: 10px auto;
	}

	.magbox0, .magbox {
		width: 50%;
	}
	.postcard-single-image{
		width:97%;
		height:97%;
	}
	#join{
		float:left;
	}
	.join-form{
		float:left;
	}
	.join-email{
		width:70%;
	}
	.join-name{
		width:45%;
	}
	#searchbox{
		width:67%;
	}

}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.col-sm-input-1, .col-sm-input-2, .col-sm-input-3, .col-sm-input-4, .col-sm-input-5, .col-sm-input-6, .col-sm-input-7, .col-sm-input-8, .col-sm-input-9, .col-sm-input-10, .col-sm-input-11, .col-sm-input-12 {
		float: left;
	}

	.col-sm-input-9 {
		width: 75%;
	}
	.col-sm-input-8 {
		width: 66.66666667%;
	}
	.col-sm-input-7 {
		width: 58.33333333%;
	}
	.col-sm-input-6 {
		width: 50%;
	}
	.col-sm-input-5 {
		width: 41.66666667%;
	}
	.col-sm-input-4 {
		width: 33.33333333%;
	}
	.col-sm-input-3 {
		width: 25%;
	}
	.col-sm-input-2 {
		width: 16.66666667%;
	}

	.col-sm-list-2 {
		float:left;
		width: 20%;
	}
	.col-sm-list-3 {
		width: 33.33333333%;
		float: left;
	}
	.col-sm-list-4 {
		width: 50%;
		float:left;
	}

	.yiiTab ul.tabs li{
		width: 49%;
	}

	#header{
		height:130px;
	}

	#product-single-image-view{
		max-width:200px;
	}
	#product-image-small-container{
		height:100%;
		width:100%;
		margin-top:10px;
		margin-bottom:20px;
	}
	.button-checkout{
		margin-bottom:15px;
	}
	.button-checkout-right{
		float:right;
		margin-bottom:15px;
	}
	.button-return{
		padding-left:0;
		padding-right:0;
		float:left;
	}
	.button-continue{
		padding-left:0;
		padding-right:0;
		float:right;
	}

	.input-text{
		width:98% !important;
	}

	.has-form{
		width:100%;
	}
	.zocial.button-blue-promotion{
		margin-top:-2px;
		margin-left:10px;
	}
	#search{
		float:left;
		margin:7px;
	}
	#international{
		float:right;
		margin:7px;
	}
	#header-basket{
		width: 210px;
		float:right;
		margin-top:7px;
	}
	#basket{
		display: none;
	}

	#join{
		float:left;
	}
	.join-image{
		display:none;
		margin-right:10px;
		float:left;
	}
	.join-image-2{
		display:block;
		margin:0 auto;
		float:none;
		text-align:center;
	}
	.join-form{
		float:none;
	}
	.join-email{
		width:74%;
	}
	.join-name{
		width:52%;
	}

	.navbar-nav > li{
		font-size:14px;
		text-align:left;
	}
	.nav-vertical li a{
		min-height:40px;
		height:auto;
	}
	#searchbox{
		width:67%;
	}
}

@media only screen and (min-width: 1024px) {
	.col-sm-input-1, .col-sm-input-2, .col-sm-input-3, .col-sm-input-4, .col-sm-input-5, .col-sm-input-6, .col-sm-input-7, .col-sm-input-8, .col-sm-input-9, .col-sm-input-10, .col-sm-input-11, .col-sm-input-12 {
		float: left;
	}

	.col-sm-input-9 {
		width: 75%;
	}
	.col-sm-input-8 {
		width: 66.66666667%;
	}
	.col-sm-input-7 {
		width: 58.33333333%;
	}
	.col-sm-input-6 {
		width: 50%;
	}
	.col-sm-input-5 {
		width: 41.66666667%;
	}
	.col-sm-input-4 {
		width: 33.33333333%;
	}
	.col-sm-input-3 {
		width: 25%;
	}
 	.col-sm-input-2 {
		width: 16.66666667%;
	}

	.col-sm-list-2 {
		float:left;
		width: 20%;
	}
	.col-sm-list-3 {
		width: 25%;
		float: left;
	}
	.col-sm-list-4 {
		width: 33.33333333%;
		float: left;
	}
	.button-return{
		padding-left:0;
		padding-right:0;
		float:left;
	}
	.button-continue{
		padding-left:0;
		padding-right:0;
		float:right;
	}
	.zocial.button-blue-promotion{
		margin-top:-2px;
		margin-left:10px;
	}
	.input-text{
		width:98% !important;
	}
	#searchbox{
		width:100px;
	}

	.navbar-nav > li{
		font-size:14px;
		text-align:left;
	}
	.navbar-nav > li:last-child{
		border-right: 0;
	}
}

@media (max-width: 599px) {
	.website-footer .legal-footer .statement{
		width: 100%;
	}
	.website-footer .legal-footer .statement{
		margin-top:10px;
		width: 100%;
		float: left;
	}
	.website-footer .legal-footer .statement p {
		text-align:left;
	}

}
@media (max-width: 767px) {
	.toolbar-left {
		float: none;
	}
	.toolbar-right {
		margin-top:5px;
		padding-left:16px;
		float: left !important;
	}
}

@media screen and (min-width:0px) and (max-width: 599px)
{
	.basket-large-screen {display: none;}
}
@media screen and (min-width: 600px)
{
	.basket-small-screen  {display: none;}
}
.container{
	padding: 0 10px;
}
.error{
	color:red;
}

.product-before-offer-price
{
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin:10px 0;
	text-decoration:line-through;
}

.product-offer-price
{
	font-size: 20px;
	font-weight: bold;
	color: #E82730;
	margin:10px 0;
}