
/***************************************************************************     TOP-LEVEL CONTAINERS      */

body{
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #646464;
}

#container{
	width: 957px;
	margin: 0 auto;
}

/***************************************************************************     GENERIC COMPONENTS AND STYLES    */
a{
	text-decoration: none;
}

.small{
	font-size: 10px;
}

.center{
	text-align: center;
}

#main .sidebar-right{
	clear: right;
	float: right;
	margin-top: 3px;
}
td.valign-middle{
	vertical-align: middle;
}
table td{
	padding: 0;
	margin: 0;
}
.clear{
	clear: both;
}

/***************************************************************************     BLUE BOXES    */

.box-blue{
	width: 232px;
	color: white;
}
.box-blue .title{
	height: 35px;
	position: relative;
	background: transparent url(../images/box-blue-title.png) left top no-repeat;
}
.box-blue .title span{
	display: block;
	position: absolute;
	bottom: 9px;
	left: 15px;
	font-weight: bold;
}
.box-blue .center span{
	width: 204px;
	text-align: center;
}
.box-blue .content{
	padding: 7px 15px;
	/*background: transparent url(../images/box-blue-content.png) left bottom no-repeat;/**/
	background: #00263d;
}
.box-blue .bottom{
	height: 11px;
	background: white url(../images/box-blue-bottom.png) left bottom no-repeat;
}
.box-blue .content a.more{
	background: transparent url(../images/arrow-white.png) right center no-repeat;
	padding-left: 12px;
	font-size: 1px;
	padding-top: 7px;
}

/***************************************************************************     DOTTED REGIONS    */
.dotted-top{
	padding: 10px 20px;
	border-top: 1px dotted #d6d6d6;
}

/***************************************************************************     BLUE ARROW LINKS    */
a.arrow-blue{
	padding: 0 17px 0 0;
	color: #3aa2d9;
	background: transparent url(../images/arrow-blue.png) right center no-repeat;
}
a.arrow-blue:hover{
	color: white;
}
a.blue {
    color: #3aa2d9;
}
#divSelectedVariantsPlace td.backissueCellNoBorder a.arrow-blue{
    padding-left: 10px;
}

/***************************************************************************     WHITE ARROW LINKS    */
a.arrow-white{
	padding: 0 12px 0 0;
	color: white;
	background: transparent url(../images/arrow-white.png) right center no-repeat;
}
a.arrow-white:hover{
	text-decoration: underline;
}

/***************************************************************************     WHITE ARROW LINKS THAT MAY SPAN MULTIPLE LINES    */
/* These need separate styling and additional markup (a span tag at the end of the link) to make their appearance consistent across all browser */
a.arrow-white-multirow{
	/*color: white;*/
	font-weight: bold;
	max-width: 200px;
}
a.arrow-white-multirow span{
	padding-left: 5px;
	background: transparent url(../images/arrow-white.png) right center no-repeat;
}

/***************************************************************************     PRINT LINK    */
a.print{
	padding: 1px 0 1px 16px;
	color: black;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	background: transparent url(../images/print.gif) left center no-repeat;
}

/***************************************************************************     BLUE SIDEBAR BUTTON    */
a.sidebar-button {
	display: block;
	margin: 10px -2px 10px 0;
	width: 234px;
	height: 25px !important;
	height: 35px;
	padding-top: 10px;
	text-align: center;
	font-weight: bold;
}
a.sidebar-button-backissues {
    background: transparent url(../images/btn/Buy-back-issues-button.jpg) left top no-repeat;
}
a.sidebar-button-subscribe {
    background: transparent url(../images/btn/sidebar.jpg) left top no-repeat;
}
a.sidebar-button-freetrial {
    background: transparent url(../images/btn/free-trial.jpg) left top no-repeat;
}
a.sidebar-button span{
	padding-right: 10px;
	background: transparent url(../images/arrow-white.png) right center no-repeat;
	color: white;
}
a.sidebar-button:hover span{
	text-decoration: underline;
}

/***************************************************************************     "TABBED TITLE" REGION    */

div.tabtitle{
	color: white;
	width: 231px;
	background: #006990 url(../images/tabtitle-top.jpg) left top no-repeat;
	margin-top: 5px;
}
div.tabtitle .title{
	padding: 10px 30px;
	text-align: center;
	font-weight: bold;
}
div.tabtitle .content{
	background: transparent url(../images/tabtitle-bottom.png) left bottom no-repeat;
	padding: 25px 15px 5px 15px;
}
div.tabtitle .content a.arrow-white{
	font-weight: bold;
}
div.tabtitle .content p{
	margin-bottom: 20px;
	font-style: italic;
}

/************************************     HORIZONTAL LINK BARS, SEPARATED    */
ul.horizontal{
	display: block;
}
ul.horizontal li{
	display: block;
	float: left;
	padding: 0 10px;
}
ul.horizontal:before, ul.horizontal:after {  
	content: "\0020"; 
	display: block; 
	height: 0; 
	visibility: hidden;	 
} 
ul.horizontal:after { 
	clear: both; 
}
ul.separator-white-small li{
	padding-right: 12px; /*Add separator width, so +2px in this case*/
	background: transparent url(../images/ul-separator.gif) right center no-repeat;
}
ul.separator-white-small li.last{
	background-image: none;
}

ul.separator-white-arrow{
	margin: 0 auto;
}
ul.separator-white-arrow li{
	height: 31px;
	padding: 0 5px;
}
ul.separator-white-arrow li a{
	display: block;
	padding: 0 5px;
	line-height: 32px;
}
ul.separator-white-arrow li.active a{
	background: transparent url(../images/top-menu-active.gif) left top repeat-x;
}
ul.separator-white-arrow li.separator,
ul.separator-white-arrow li.separator:hover{
	padding: 0;
	width: 5px;
	background: transparent url(../images/arrow-white.png) right center no-repeat;
}

/***************************************************************************     HEADER      */

#header{
	position: relative;
	height: 80px;
	background: transparent url(../images/header.jpg) center top no-repeat;
}

#logo{
	display: block;
	width: 170px;
	height: 70px;
	float: left;
	background: transparent url(../images/logo.jpg) left top no-repeat;
}

#header .info{
	float: right;
	text-align: right;
	padding: 6px 0;
}

#header .bar{
	position: absolute;
	right: 0;
	bottom: -4px;
	height: 33px;
	width: auto;
	padding: 0 20px 0 15px;
	background: transparent url(../images/header-bar.jpg) right top no-repeat;
}

#header .bar .left-corner{
	width: 5px;
	height: 33px;
	background: transparent url(../images/header-bar-left.jpg) left top no-repeat;
	float: left;
	margin-left: -20px;
}

/* Here, centered floats are used: http://www.pmob.co.uk/pob/centred-float.htm  */
#header .bar .bar-menu{
/*	float: right;*/
	position: relative;
	left: -50%;
}
#header .bar ul{
	margin: 0;
	position: relative;
	top: 7px;
	left: 50%;
}
/*end centered floats*/

#header .bar a{
	/*color: white;*/
}
#header .bar a:hover{
	text-decoration: underline;
}

#header .bar a.basket{
	display: block;
	height: 16px;
	padding-left: 20px;
	background: transparent url(../images/basket.png) left top no-repeat;
}

/***************************************************************************     TOP MENU BAR      */

#top-menu{
	height: 33px;
	background: transparent url(../images/top-menu-bar.png) left top no-repeat;
	position: relative;
	z-index: 200;
}
#top-menu ul.horizontal.separator-white-arrow{
	margin-top: 0;
}

#top-menu .center-floats{
	position: relative;
	float: right;
	left: -50%;
}
#top-menu .center-floats ul.horizontal.separator-white-arrow{
	float: none;
	position: relative;
	left: 50%;
}


/***************************************************************************     DROP-DOWN MENU      */

#dd-top{
	float: left;
	position: relative;
	cursor: pointer;
}
#dd-top .menu-title{
	width: 183px;
	height: 33px;
	text-align: center;
	background: transparent url(../images/dd-top.png) left top no-repeat;
	position: relative;
	z-index: 3;
}
#dd-top .menu-title span{
	position: relative;
	top: 10px;
	color: #fff;
}

#dd-top ul.dd-menu{
	display: none;/**/
	width: 183px;
	overflow: visible;
	background: transparent url(../images/dd-bg.png) left bottom no-repeat;
	list-style: none;
	list-style-type: none;
	position: absolute;
	top: 28px;
	left: 0;
	margin: 0;
	padding: 4px 0 0 0;
}
#dd-top:hover ul.dd-menu{
	display: block;
}
#dd-top ul.dd-menu li{
	height: auto;
	background: transparent url(../images/dd-li.gif) left top no-repeat;
	display: block;
	position: relative;
}
#dd-top ul.dd-menu li.first{
	background-image: none;
}
#dd-top ul.dd-menu li a{
	display: block;
	width: 155px !important;
	width: 175px;
	padding: 5px 0 5px 20px;
	color: #4e4e4e;
}
#dd-top ul.dd-menu li:hover ul li a{
	color: #4e4e4e;
}
#dd-top ul.dd-menu li:hover a,
#dd-top ul.dd-menu li:hover ul li a:hover{
	color: #036;
}

#dd-top ul.dd-menu li.expanded a{
	padding-right: 20px;
	width: 140px !important;
	width: 180px;
	background: transparent url(../images/dd-arrow.png) 167px center no-repeat;
}
#dd-top ul.dd-menu li ul{
	display: none;
	width: 144px !important;
	width: 159px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: -120px;
	z-index: 2;
}

#dd-top ul.dd-menu li:hover a{
	background: transparent url(../images/dd-hover.png) left top no-repeat;
}
#dd-top li.last{
	margin-bottom: 1px;
}
#dd-top ul.dd-menu li.last:hover a{
	background: transparent url(../images/dd-hover-last.png) left top no-repeat;
}
#dd-top ul.dd-menu li.expanded ul li a{
	display: block;
	padding: 5px 0 5px 10px;
	color: #3aa2d9;
	background: transparent url(../images/dd-arrow.png) left center no-repeat;
}
#dd-top ul.dd-menu li ul li a,
#dd-top ul.dd-menu li.expanded ul li a,
#dd-top ul.dd-menu li.expanded:hover ul li a,
#dd-top ul.dd-menu li.last:hover ul li a{
	background: transparent url(../images/dd-arrow.png) left center no-repeat;
}

#dd-top ul.dd-menu li:hover ul{
	display: block;
	background: transparent none; 
}
#dd-top ul.dd-menu li ul li{
	width: 138px !important;
	width: 158px;
	height: auto;
	padding: 0 10px 0 10px;
	background: transparent url(../images/dd-submenu.png) left top repeat-y;
}

#dd-top ul.dd-menu li ul li.first{
	padding: 0;
	width: 158px !important;
	background: transparent url(../images/dd-submenu.png) left top repeat-y;
}
#dd-top ul.dd-menu li ul li.last{
	padding: 0;
	width: 158px !important;
}
#dd-top ul.dd-menu li ul li.first span{
	display: block;
	width: 138px !important;
	width: 158px;
	padding: 0 10px 0 10px;
	background: transparent url(../images/dd-submenu-top.png) left top;
	background-repeat: no-repeat;
	background-repeat: none;
}
#dd-top ul.dd-menu li ul li.last span{
	display: block;
	width: 138px !important;
	width: 158px;
	padding: 0 10px 5px 10px;
	position: relative;
	bottom: -3px;
	background: transparent url(../images/dd-submenu-bottom.png) left bottom no-repeat;
}
#dd-top ul.dd-menu li ul li a{
	background: transparent none;
}

/***************************************************************************     MAIN CONTENT      */

ul.breadcrumbs{
	list-style: none;
	list-style-type: none;
}
.top ul.breadcrumbs{
	position: absolute;
	left: 30px;
	top: 0;
	z-index: 180;
}
.top ul.breadcrumbs li{
	display: block;
	float: left;
	padding: 8px 0 8px 18px;
	background: transparent url(../images/dd-arrow.png) 7px center no-repeat;
}
.top ul.breadcrumbs li.first{
	padding-left: 0;
	background-image: none;
}
.top ul.breadcrumbs a{
	font-size: 9px;
}
.top ul.breadcrumbs a:hover{
	color: #90a8c0;
}

/***************************************************************************     SEARCH FORM      */
#search-form{
	float: right;
	padding: 3px 3px 0 0;
	position: relative;
}
#search-form input,
#search-form select,
#search-form a.ui-selectmenu{
	float: right;
	border: 0 none;
}
#search-form .button-search{
	display: block;
	width: 73px;
	height: 26px;
	background: transparent url(../images/btn/search.png) left top no-repeat;
	margin-left: 3px;
}
#search-form .search-term{
	width: 149px !important;
	width: 159px;
	height: 25px;
	padding-top: 0;
	padding-left: 10px;
	background: transparent url(../images/search-bg.gif) left top no-repeat;
}
#search-form .search-category{
	width: 93px;
	height: 25px;
	background: transparent url(../images/search-category-bg.gif) right top no-repeat;
}
#search-form a.ui-selectmenu{
	display: block;
	width: 93px !important;
}
ul.ui-selectmenu-menu-dropdown{
	background: transparent url(../images/search-dd-bg.png) left top repeat;
	z-index: 200 !important;
}
ul.ui-selectmenu-menu-dropdown li a{
	text-align: right;
	color: #4e4e4e;
}
#search-form a span, #search-form a:active span, #search-form a:visited span{
    color: #607890;
}
#search-form a:hover span{
    color: #036;
    text-decoration: none !important;
}
ul.ui-selectmenu-menu-dropdown li:hover{
	background: #86c7cd;
}
ul.ui-selectmenu-menu-dropdown li:hover a{
	color: #036;
}
#search-form .ui-selectmenu-status{
	line-height: 24px !important;
	padding-top: 0 !important;
	padding-right: 20px !important;
	overflow: visible;
}

/******************************************    HORIZONTAL TOP MENU      */

#top-menu ul.horizontal{
	float: right;
	margin-top: 10px;
}
#top-menu ul.horizontal li a{
	/*color: white;*/
}
#top-menu ul.horizontal li a:hover{
	text-decoration: underline;
}

/***************************************************************************     MAIN CONTENT      */

#main{
	margin-top: -6px;
}
#main .top{
	position: relative;
}

/***************************************************************************     FOOTER      */

#footer{
	margin-top: 15px;
}

#footer a, table.confirmation_cart td a{
	color: #646464;
}
#footer a:hover, table.confirmation_cart td a:hover{
	color: #036;
}

/***************************************************************************     PAGE-SPECIFIC STYLES     */

/***************************************************************************     HOMEPAGE     */
#main.homepage{
	
}
#main.homepage .top{
	height: 300px;
	background: transparent url(../images/main/homepage.jpg) left top no-repeat;
}
#main.homepage .top #carousel{
	position: absolute !important;
	top: 0;
	left: 0;
}
#main.homepage .top #carousel,
#main.homepage .top #carousel div{
	height: 300px !important;
}
#main.homepage .top ul.breadcrumbs{
	left: 160px;
}
#main.homepage .boxes{
	margin-top: 9px;
}
#main.homepage .boxes .box-blue{
	float: left;
	margin-right: 9px;
}
#main.homepage .boxes .last{
	margin-right: 0;
}
#main.homepage .boxes .box-blue .content{
	height: 80px;
}

/***************************************************************************     PRODUCT DETAILS     */
#main.product-details{
	
}
#main.product-details .top{
	height: 300px;
	width: 716px;
	background: transparent url(../images/main/product-details.jpg) left top no-repeat;
}
#main.product-details .top ul.breadcrumbs{
	left: 0;
}
#main.product-details .product-picture a{
	color: white;
}
#main.product-details .product-picture img{
	position: absolute;
	left: 49px;
	top: 53px;
}
#main.product-details .product-picture span{
	position: absolute;
	left: 165px;
	top: 220px;
}
#main.product-details .product-picture span img{
	position: static;
}
#main.product-details .product-description{
	position: absolute;
	top: 43px;
	left: 285px;
	width: 370px;
	height: 220px;
	overflow: auto;
	color: white;
}
#main.product-details .product-description div.content a {
    color: #ff7200;
}
#main.product-details .product-description h1.title{
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 10px;
}

#main.product-details .top .right{
	float: right;
	padding-top: 6px;
}
#main.product-details .top .addthis_button{
	float: right;
	margin-left: 8px;
}
#main.product-details .top .print{
	display: block;
	float: right;
}

#main.product-details .sidebar-right .box-blue .content table td{
	text-align: right;
}
#main.product-details .sidebar-right .box-blue .content table{
	width: 100%;
}

/************************** Product details Bottom area */

#main.product-details .subscribe{
	margin: -40px 0 0 0;
	width: 715px;
	height: auto;
	background: transparent none;
	position: relative;
	z-index: 2;
	color: white;
}
#main.product-details .subscribe .title{
	margin: 0 auto 0 377px;
	width: 262px;
	height: 16px !important;
	height: 51px;
	padding: 35px 0 0 0;
	text-align: center;
	font-weight: bold;
	background: transparent url(../images/main/product-details-subscribe-label.png) left top no-repeat;
}
#main.product-details .subscribe .content{
	padding: 15px 15px 0 20px;
	background: #00263d url(../images/main/product-details-subscribe-top.jpg) left top no-repeat;
}
#main.product-details .subscribe .bottom{
	height: 10px;
	width: 715px;
	margin: 0;
	padding: 0;
	background: #00263d url(../images/main/product-details-subscribe-bottom.png) left bottom no-repeat;
}
#main.product-details .subscribe .content label{
	font-weight: bold;
	line-height: 25px;
}
#main.product-details .subscribe .content label.backissue{
	font-weight: bold;
	line-height: inherit;
}
#main.product-details .subscribe .content select{
	border: 3px solid white;
	background: #cce2ed;
	padding: 3px;
	color: #00263d;
	font-weight: bold;
}

#main.product-details .subscribe .content .data{
	margin-top: 20px;
}
#main.product-details .subscribe .content .data th{
	border-bottom: 1px solid #2a8dd5;
	text-align: left;
	padding-bottom: 10px;
}
#main.product-details .subscribe .content .data td{
	padding: 6px 0;
	border-bottom: 1px solid #0b4063;
}
#main.product-details .subscribe .content .data tr.last td{
	border-bottom: 0 none transparent;
}

#main.product-details .subscribe .content table{
	border: 0;
	width: 100%;
}

/***************************************************************************     CONFIRMATION     */
#main.confirmation{
	
}
#main.confirmation .top{
	height: auto;
	width: 716px;
	background: #001e2b url(../images/main/confirmation.jpg) left top no-repeat;
}
#main.confirmation .top .bottom-corners{
	height: 11px;
	margin-top: 10px;
	background: white url(../images/main/confirmation-bottom.png) left bottom no-repeat;
}
#main.confirmation .top ul.breadcrumbs{
	left: 0;
}

#main.confirmation .top .content{
	margin: 0;
	padding: 45px 0 0 55px;
	width: 610px;
	overflow: visible;
	color: white;
	font-size: 10px;
}

#main.confirmation .top .content h1{
	font-size: 17px;
	padding: 12px 0 5px 15px;
	margin: 0;
}
#main.confirmation .top .content p{
	padding: 5px 0 0 15px;
	margin-bottom: -5px;
}

#main.confirmation .top .content hr{
	border-color: white;
}

#main.confirmation .top .content .related{
	width: 645px;
	border: 0 none;
	margin: 0 0 0 -18px;
	padding: 0;
}
#main.confirmation .top .content .related li{
	display: block;
	width: 161px;
	height: 230px;
	float: left;
	background: url(../images/related-shadow.png) center top no-repeat;
	padding: 22px 0 0 0;
	margin: 0;
	border: 0px none;
	text-align: center;
}
#main.confirmation .top .content .related img{
	width: 120px;
	height: 160px;
}
#main.confirmation .top .content .related a.title{
	color: white;
	line-height: 25px;
	padding-bottom: 5px;
}
#main.confirmation .top .content .related a.thumbnail{
	display: block;
	width: 120px;
	padding-bottom: 20px;
	margin: 0 auto;
	position: relative;
}
#main.confirmation .top .content .related a.thumbnail .reflection{
	/*position: static;
	display: block;
	margin: -2px 0 0 0;
	padding: 0;/**/
	position: absolute;
	left: 0;
	top: 158px;
}
#main.confirmation .top .content .related a.thumbnail img.reflection{
	z-index: 0;
}
#main.confirmation .top .content .related a.arrow-blue{
	position: relative;
	z-index: 2;
}

#main.confirmation .top .right{
	float: right;
	padding-top: 6px;
}
#main.confirmation .top .addthis_button{
	float: right;
	margin-left: 8px;
}
#main.confirmation .top .print{
	display: block;
	float: right;
}

#main .sidebar-right .box-blue .content{
	font-size: 10px;
}
#main .sidebar-right .box-blue .content table td{
	text-align: center;
}
#main .sidebar-right .box-blue .content table{
	width: 100%;
}
#main .sidebar-right .box-blue .content ul{
	list-style: none;
	list-style-type: none;
	margin-top: 10px;
	padding-right: 15px;
}

.currencylist
{
	margin-top:4px;
	margin-left:10px;
    background: none repeat scroll 0 0 #CCE2ED;
    border: 3px solid white;
    color: #00263D;
    font-weight: bold;
}

/* order details */
#main.confirmation .order-details table.order-details-table td {
    padding: 5px 5px 5px 0px;
}
#main.confirmation .order-details table.order-details-table td {
    width: 80px;
}
#main.confirmation .order-details table.order-details-table td.qty, #main.confirmation .order-details table.order-details-table th.qty {
    width: 45px;
}
#main.confirmation .order-details table.order-details-table td.address, #main.confirmation .order-details table.order-details-table th.address {
    width: 120px;
}
#main.confirmation .order-details table.order-details-table td.price, #main.confirmation .order-details table.order-details-table th.price {
    width: 80px;
    text-align: right;
}
#main.confirmation .order-details table.order-details-table td.links, #main.confirmation .order-details table.order-details-table th.links {
    width: 80px;
}
#main.confirmation .order-details table.order-details-table td.expiry, #main.confirmation .order-details table.order-details-table th.expiry {
    width: 65px;
}
#main.confirmation .order-details table.order-details-table td.name, #main.confirmation .order-details table.order-details-table th.name {
    width: 120px;
}

.order-progress li
{
    float:left;
     padding: 8px 0 8px 18px;
     display:block;
}

.shoppingcart-page
{
    /*float:left;*/
}

.checkout .productname a,.checkout .productname a:active,.checkout .productname a:visited
{
    color:White;
}

table.confirmation_cart tr.cart-item-row td {
    padding: 3px 3px 3px 0;
}
table.confirmation_cart td.price, table.confirmation_cart th.price {
    text-align: right;
    white-space: nowrap;
}
/*
.checkout-addresses
{
    border: 1px solid #D3D3D3;
    margin-top:10px;
    padding:10px;  
}
.checkout-addresses span{
  color:White;
}
*/
/*order design NEW NEW:*/
#top-menu .center-floats {
    float: right;
    left: -50%;
    position: relative;
}

ul.separator-white-arrow {
	margin: 0 auto;
}

ul.separator-white-arrow li {
	height: 31px;
	padding: 0 5px;
}

ul.separator-white-arrow li a {
	display: block;
	padding: 0 5px;
	line-height: 32px;
}

ul.separator-white-arrow li.active a {
	background: transparent url(../images/top-menu-active.gif) left top repeat-x;
}

ul.separator-white-arrow li.separator,
ul.separator-white-arrow li.separator:hover {
	padding: 0;
	width: 5px;
	background: transparent url(../images/arrow-white.png) right center no-repeat;
}

.clear {
	clear: both;
}

#top-menu ul.horizontal.separator-white-arrow {
	margin-top: 0;
}

#top-menu .center-floats {
	position: relative;
	float: right;
	left: -50%;
}

#top-menu .center-floats ul.horizontal.separator-white-arrow {
	float: none;
	position: relative;
	left: 50%;
}

#main.order_confirmation {
	
}

#main.order_confirmation .content {
	width: 850px;
	margin: 20px 0 55px 50px;
}

#main.order_confirmation .content p {
	margin: 7px 0;
}

#main.order_confirmation .content hr {
	width: 565px;
	clear: none;
	border-color: #0087d2;
	margin: 5px 0;
}

#main.order_confirmation .content hr.full {
	width: 100%;
	border-color: #C5C5C5;
}

table.addresses {
	min-width: 430px;
	margin-bottom: 5px;
}

table.addresses td {
	vertical-align: top;
	text-align: left;
}

table.confirmation_cart {
	width: 100%;
}

table.confirmation_cart th {
	text-align: left;
	white-space:nowrap;
	padding-right: 5px;
}

table.confirmation_cart th.end {
	text-align: right;
}

table.confirmation_cart td {
	/*padding-right: 10px; Ben 110516: not sure why this is here? */
}

a.button-place-order {
	display: block;
	float: right;
	margin-top: 5px;
	width: 124px;
	height: 29px;
	text-align: center;
	text-decoration: none;
	color: white;
	font-size: 10px;
	font-weight: bold;
	line-height: 28px;
	background: transparent url(../images/btn/big-blue.gif) left top no-repeat;
}

a.button-place-order span {
	padding-right: 8px;
	background: transparent url(../images/arrow-white.png) right 3px no-repeat;
}

.billtothisaddress {
    background: transparent url(../images/btn/Bill-to-this-add.jpg) left top no-repeat;
    width: 148px;
    height: 37px;
}

input[type=submit].checkout {
    background: transparent url(../images/btn/big-blue.gif) left top no-repeat;
    width: 124px;
    height: 29px;
    font-weight: bold;
}

.applycouponcodebutton, .applychangesbutton {
    background: transparent url(../images/btn/Apply.jpg) left 3px no-repeat;
    width: 76px;
    height: 22px;
}

.continueshopping {
    background: transparent url(../images/btn/Continue-shopping.jpg) left 3px no-repeat;
    width: 148px;
    height: 37px;
}

.updatecart {
    background: transparent url(../images/btn/Update-cart.jpg) left 3px no-repeat;
    width: 148px;
    height: 37px;
}

input[type=submit] {
	color: white;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
}

.button-small-gray,
.button-small-lightgray {
	width: 77px;
	height: 22px;
	color: white;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
}

.button-small-gray {
	background: transparent url(../images/btn/small-gray.jpg) left 3px no-repeat;
}
.button-small-lightgray {
	background: transparent url(../images/btn/small-lightgray.jpg) left 3px no-repeat;
}

.button-medium-gray {
	width: 115px;
	height: 22px;
	color: white;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
}

.button-medium-gray {
	background: transparent url(../images/btn/slim-blue-large.png) left 3px no-repeat;
}

.button-small-blue-glow {
	width: 80px;
	height: 25px;
	color: white;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(../images/btn/slim-blue-small.png) left 3px no-repeat;
}

a.button-small-blue-glow-orderdetail {
	display: block;
	padding: 7px 0 0 0;
	float: right;
	margin: 10px 25px 0 20px;
	width: 80px;
	height: 25px;
	color: white;
	text-align: center;
	border: 0;
	background: transparent url(../images/btn/slim-blue-small.png) left 3px no-repeat;
}

select.update-del-address {
    width: 460px;
}

input.text-blue {
	border: 3px solid #e8e7e3;
	background: #cce2ed;
	padding: 3px;
}

/***************************************************************************     REGISTER     */

#main.registration table.table-container tr.section-header td {
    font-weight: bold;
    font-size: 110%;
    padding: 15px 0 0 0;
}

#main.registration table.table-container tr.row td {
    padding: 3px 0 0 0;
}

#main.registration table.table-container tr.row td:first-child {
    padding-left: 10px;
}

div.section-title {
    font-weight: bold;
    font-size: 110%;
}

/***************************************************************************     LOGIN     */

#main.login .sidebar-right .box-blue .content table td {
	text-align: center;
}

#main.login .sidebar-right .box-blue .content table {
	width: 100%;
}

#main.login .top {
	padding: 80px 0 40px 0;
}

#main.login .contentbox {
	width: 33%;
	float: left;
	margin: 0 20px;
}

#main.login .contentbox .content {
	/*height: 235px;*/
}

/***************************************************************************     BIG BLUE BUTTONS WITH WHITE GLOW AROUND     */
input.button-big-blue-glow {
    border: 0;
}

.contact-form input.button-big-blue-glow {
    display: inherit;
    margin: 0;
}

a.button-big-blue-glow, input.button-big-blue-glow {
	display: block;
	/*margin: 5px auto 0 auto; Ben 110516: commented as was giving some weird positioning with new buttons this is being used on (eg. in account pages) */
	width: 144px;
	height: 53px;
	text-align: center;
	text-decoration: none !important;
	color: white;
	font-size: 11px;
	font-weight: bold;
	line-height: 52px;
	background: transparent url(../images/btn/big-blue-glow.png) left top no-repeat;
}

a.button-big-blue-glow span {
	padding-right: 10px;
	background: transparent url(../images/arrow-white.png) right 3px no-repeat;
}

div.password-recovery-page a.button-big-blue-glow {
    margin: 0;
}

/***************************************************************************     LOGIN FORM     */
div.sign-in {
	padding: 20px 10px 0 10px;
}

div.sign-in p {
	clear: both;
	padding: 10px 0;
	/*white-space:nowrap;*/
}

div.sign-in label {
	display: block;
	float: left;
	width: 90px;
	padding-right: 10px;
	line-height: 24px;
}

div.sign-in input.text-blue {
	width: 160px;
}

div.sign-in label.checkbox {
	float: none;
	text-align: left;
	display: inline;
	line-height: normal;
}

div.sign-in label.spacer {
	line-height: 5px;
}

div.sign-in .button-big-blue-glow {
	margin: 5px auto 0 auto;
	clear: both;
}

/***************************************************************************     SIGN-UP BOX FORM     */
div.sign-up-box{
	padding: 75px 10px 0 10px;
}

div.sign-up-box .button-big-blue-glow {
	margin: 5px auto 0 auto;
}

/***************************************************************************     CONTENT BLUE BOXES WITH LABELS (NO SHADOW UNDER LABEL)     */
.contentbox {
	margin: 0;
	padding: 0;
}

.contentbox .label {
	margin: 0 auto;
	padding: 0 5px;
	position: relative;
	height: 27px;
	width: 50%;
	background: transparent url(../images/contentbox/label.png) right top no-repeat;
	text-align: center;
}

.contentbox .label .left {
	margin: 0;
	padding: 0;
	left: 0;
	width: 5px;
	height: 27px;
	position: absolute;
	background: transparent url(../images/contentbox/label-left.png) left top no-repeat;
}

.contentbox .label span {
	display: block;
	width: 100%;
	color: white;
	position: absolute;
	bottom: 2px;
	left: 0;
	margin: 0;
	font-size: 11px;
	line-height: 12px;
	text-align: center;
}

.contentbox .top {
	height: 5px;
	width: 100%;
	padding: 0 !important;
	margin: 0;
	background: transparent url(../images/contentbox/top.png) right top no-repeat;
}

.contentbox .top .left {
	width: 5px;
	height: 5px;
	float: left;
	background: transparent url(../images/contentbox/top-left.png) left top no-repeat;
}

.contentbox .bottom {
	height: 5px;
	width: 100%;
	background: transparent url(../images/contentbox/bottom.png) right top no-repeat;
}

.contentbox .bottom .left {
	width: 5px;
	height: 5px;
	float: left;
	background: transparent url(../images/contentbox/bottom-left.png) left top no-repeat;
}

.contentbox .content {
	padding: 0 10px;
	background: #00263d url(../images/contentbox/content.png) left top repeat-x;
	color: white;
}

.contentbox .content a {
	color: white;
	text-decoration: underline;
}

/************************************************************************************ ezMark custom checkboxes */
.ez-checkbox {
	border: 3px solid #e8e7e3;
	background: #cce2ed;
	width: 14px;
	height: 14px;
	float: left;
	margin: -3px 5px 0 0;
}

.ez-checkbox input {
	opacity: 0;
	filter: alpha(opacity=0);
	outline: 0 none;
}

.ez-checkbox.ez-checked {
	background-image: url(../images/checkmark.png);
	background-position: center center;
	background-repeat: no-repeat;
}

table.deliveryaddress {
	width: 100%;
}

table.deliveryaddress th {
	text-align: left;
	white-space:nowrap;
	padding-right: 5px;
}

table.deliveryaddress td {
	padding-right: 10px;
	white-space:nowrap;
}

table.addressEdit {
   
}

.selectaddress {
     padding-bottom:10px;
}

table.addressEdit td {
    padding-bottom:2px;
}

table.addressEdit td.first {
    text-align: left;
    width: 110px;
}

table.addressEdit td.second {
    text-align: left;
    width: 240px;
}

table.addressEdit td.productpicture {
    width: 75px;
}

table.addressEdit td.contentAdd {
    text-align:left;
    width:150px;
}

table.addressEdit td.contentAdd input {
    width:150px !important;    
}

table.addressEdit td.contentAdd select {
    width:155px;
}

table.addressEdit td input.dropdown, table.addressEdit td input[type="text"] {
    width: 110px;
}

table.addressView td div,table.addressView td {
     padding-bottom:0px;
}

table.addressedit_btns input[type="submit"] {
    float: left;
}

div.topicpage {
    min-height: 300px;
}

#main.confirmation .top .content .freetrial p {
    margin: 0;
    padding: 7px 5px 0px 0px;
}

#main.confirmation .top .content .freetrial p span.error {
    color: Red;
}

div.message-error
{
	color: red;
}

.validation_summary_as_bulletlist ul {
    display: none;
}

.validation_summary_as_bulletlist {
    color:Red;
}



.product-list1 table .product-item
{
    padding:20px !important;
}

#main.passr .sidebar-right .box-blue .content table td{
	text-align: center;
}
#main.passr .sidebar-right .box-blue .content table{
	width: 100%;
}
#main.passr .top{
	padding: 80px 0 40px 0;
}

#main.passr .contentbox{
	width: 33%;
	float: left;
	margin: 0 150px;
}
#main.passr .contentbox .content{
	/*height: 235px;*/
}

#main.passr div.sign-in label{
	width: 130px !important;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCTS IN LINES 1 - TEMPLATE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.product-list1
{
	margin: 0 auto 0 auto;
}

.product-list1 .item-box
{
	text-align: left;
	clear: both;
	position: relative;
	margin-bottom: 10px;
	width:250px;
}

.product-list1 .product-item
{
	margin-top: 10px;
	position: relative;
}

.product-list1 .product-item .product-title
{
	font-weight: bold;
	font-size: 12px;
}

.product-list1 .product-item .product-title a
{
	display: block;
	height: 3em;
	line-height: 1.3em;
	overflow: hidden hidden;
	color:White;
}

span.regRadio input {
    margin-right: 5px;
}
span.regRadio label {
    margin-right: 10px;
}
div.registration table.table-container td.item-value input[type=text], div.registration table.table-container td.item-value input[type=password] {
    width: 133px;
}

div.suspendorderpopup
{
   border: solid 1px #c0c0c0;
  background-color:Gray;
  position:absolute;
  top:-1000px;
  width: 250px;
 padding: 20px;
}

.suspendordermodalBackground  
{
  background-color:#CCCCFF;
  filter:alpha(opacity=40);
  opacity:0.5;
}

.updatedeliveryaddressordermodalBackground
{
  background-color:#CCCCFF;
  filter:alpha(opacity=40);
  opacity:0.5;
}


div.changedeliveryaddressorderpopup
{
    border: solid 1px #c0c0c0;
    background-color:Gray;
    position:absolute;
    top:-1000px;
    width: 600px;
    padding: 20px;
    padding-right:30px;
}

div.changedeliveryaddressorderpopup td
{
     white-space:nowrap;
}
div.changedeliveryaddressorderpopup table{
text-align: center;
}