/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/

/*@import url(//fonts.googleapis.com/css?family=Open+Sans);
@import url(//fonts.googleapis.com/css?family=Rokkitt:700);*/

/* -----------------------------------------
   Shared Styles
----------------------------------------- */

body {
	background: #ECECEC;
	font-family: Verdana, sans-serif;
	color: black;
	padding: 10px 0px;
}

/*body, div, dl, dt, dd, ul, ol, li, pre, form, p, blockquote, th, td { font-size: 12px;}
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { font-size: 12px; }*/

h1, h2, h3, h4, h5, h6 {
	color: black;
	margin-bottom: 6px;
	margin-top: 6px;
}

h6 {
	font-size: 12px;
}

p {
	font-size: 12px;
	margin-bottom: 8px;
}

	p.lead {
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 8px;
	}

a {
	color: #036;
}

a.underline {
    text-decoration:underline;    
    }

	a:hover, a:active, a:focus {
		color: #657398;
		text-decoration: underline;
		outline: 0 none;
		cursor: pointer;
	}

/*aside { background-color: #454545; }*/

.row .row {
	margin: 0;
}

.margin-bottom {
	margin-bottom: 10px;
}

.margin-top {
	margin-top: 10px;
}

ul.button-group {
	margin: 0px 10px 10px 9px;
}

	ul.button-group li {
		margin: 0px;
	}

.button
{
	background-color: #4a566f;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a566f', endColorstr='#23255a'); /* IE 5.5-7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4a566f, endColorstr=#23255a); /* IE 8 */
	background-image: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #4a566f), to(#23255a)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #4a566f, #23255a); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #4a566f, #23255a); /* FF3.6+ */
	background-image:     -ms-linear-gradient(top, #4a566f, #23255a); /* IE10 */
	background-image:      -o-linear-gradient(top, #4a566f, #23255a); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #4a566f, #23255a); /* W3C */

}
.button:hover, .button:focus { 
  	background:#414d8a; 
  	/* bkp of original effects (top,#23255a, #4a566f) */
    zoom: 1; /* required for ie 6 - 8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#626d88', endColorstr='#3c3e73'); /* IE 5.5-7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#626d88, endColorstr=#3c3e73); /* IE 8 */
	background-image: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #626d88), to(#3c3e73)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #626d88, #3c3e73); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #626d88, #3c3e73); /* FF3.6+ */
	background-image:     -ms-linear-gradient(top, #626d88, #3c3e73); /* IE10 */
	background-image:      -o-linear-gradient(top, #626d88, #3c3e73); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #626d88, #3c3e73); /* W3C */
}
.button.secondary { 
	font-size: 10px;
	font-weight: normal;
	height: 37px;
	color: #fff; border: 1px solid #454545;
	background-color: #222; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222'); /* IE 5.5-7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#444444, endColorstr=#222222); /* IE 8 */
	background-image: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #444), to(#222)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #444, #222); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #444, #222); /* FF3.6+ */
	background-image:     -ms-linear-gradient(top, #444, #222); /* IE10 */
	background-image:      -o-linear-gradient(top, #444, #222); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #444, #222); /* W3C */
	zoom: 1; /* required for ie 6 - 8 */
}
.button.secondary:hover, .button.secondary:focus { 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#000000'); /* IE 5.5-7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#222222, endColorstr=#000000); /* IE 8 */
	background-image: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #222), to(#000)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #222, #000); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #222, #000); /* FF3.6+ */
	background-image:     -ms-linear-gradient(top, #222, #000); /* IE10 */
	background-image:      -o-linear-gradient(top, #222, #000); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #222, #000); /* W3C */
}

#btnPay, #btnPayDisabled {
	min-width: 200px;
	color: white;
}

.button.fixedSize {
	width: 100px;
}

.no_display {
	display: none;
}


fieldset {
	background-color: #F6F6FA;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	padding: 12px;
	margin: 0 0 5px;
}

.panel {
	background: #F6F6FA;
	border: solid 1px #d0d0d0;
	margin: 0 0 6px 0;
	padding: 10px;
}

	.panel label {
		cursor: default;
	}

label {
	font-size: 11px;
	color: black;
}

fieldset legend {
	font-size: 13px;
	background: none;
}
/*input:invalid {
	background-color: #ffd800;
	border: 2px solid #f00;
}
input:required {
	background-color: #ffd800;
	border: 2px solid #f00;
}*/
.error input, input.error, .error span, span.error, .error textarea, textarea.error, .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus {
	color: red;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
	margin: 0 0 2px 0;
	padding: 6px;
	color: black;
    height: 33px;
}

input::-webkit-input-placeholder { /* WebKit browsers */
	color: #b0b0b0;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #b0b0b0;
}

input:focus:-moz-placeholder {
	color: #b7dcef;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #b0b0b0;
}

input:focus::-moz-placeholder {
	color: #b7dcef;
}

input:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #b0b0b0;
}

input:-ms-input[placeholder] { /* Internet Explorer 10+ */
	color: #b0b0b0;
}

input:focus {
	outline: none;
	box-shadow: 0px 0px 7px #61C5FA;
	border-color: #61C5FA;
}

:focus::-webkit-input-placeholder {
	color: #b7dcef;
}

select {
	height: 30px;
}

.capitalized {
	text-transform: capitalize;
}

.white {
	color: white;
}

div.alert-box {
    color: #333333;
    font-size: 14px;
	text-align: center;
    text-shadow:none;
    margin-left:10px;
    margin-right: 10px;
}

div.alert-box.success2 {
	background-color: #D1EBC3;
}

div.alert-box.fail2 {
	background-color: #ebc3c3;
}

/* -----------------------------------------
   Master Pages (Master)
----------------------------------------- */

/* GG Header section */
#header {
	position: relative;
	/*min-height: 120px;*/
	z-index: 1;
}

#logo {
	position: relative;
	left: 0px;
}

#viewSwitcher {
	color: gray;
	text-align: center;
	padding-bottom: 10px;
}

#testPanel {
	width: 100%;
	height: 30px;
	line-height: 30px;
	background-color: #00aeef;
	color: #ffffff;
	text-align: center;
	margin-top: -10px;
	margin-bottom: 10px;
	font-weight: bold;
}

.nav-bar { height: 40px; background: #D0D0D0; margin-left: 0; margin-top: 20px; padding: 0; }
.nav-bar > li {background-color:#D0D0D0;} 
.nav-bar > li a{background-color:gray;} 
.nav-bar > li a:hover {background-color:#1A6C8B;}

#pnlAccountsSidePanel .nav-bar.vertical > li {background-color:#e7e5e6;color:#0099E6;border-color:#999;} 
#pnlAccountsSidePanel .nav-bar.vertical > li a {background-color:#e7e5e6;color:#0099E6;} 
#pnlAccountsSidePanel .nav-bar.vertical > li.active > a {background-color:#888;color:#fff;} 
#pnlAccountsSidePanel .nav-bar.vertical > li a:hover {background-color:#0099E6;color:#fff;} 

/*.nav-bar > li {background-color:#e7e5e6;color:#0099E6;border-color:#999;} 
.nav-bar > li a {background-color:#e7e5e6;color:#0099E6;} 
.nav-bar > li.active > a {background-color:#888;color:#fff;} 
.nav-bar > li a:hover {background-color:#0099E6;color:#fff;} 
.nav-bar > li.active, .nav-bar.vertical > li.active {background:#454545;border-color:#666;} 
.nav-bar.vertical > li, .nav-bar.vertical > li:last-child {border-color:#999;}*/

/*.twelve, .row .twelve { padding: 0 }*/

.main {
	padding: 10px 0;
	background-color: white;
}

.autowidth {
    width:auto
}

/* -----------------------------------------
   Master Pages (Substore)
----------------------------------------- */
#SubStoreSidePanel label {
}

div.topHeaderPanel, div.headerPanel {
	background-color: #C9C9DB;
	border: none;
	margin: 0;
	padding: 1px 10px;
}

div.topHeaderPanel {
	margin-bottom: 10px;
}

div.mainHeader, div.mainHeader h3 {
	background-color: #000;
	color: white;
}

/* -----------------------------------------
   Basket
----------------------------------------- */
/*img {
	width: 100px;
}*/
.noPad {
	padding: 0;
}
.noPadLeft { padding-left:0; }

.paddAdjust {
	padding-right: 4px;
}

.cartHeader {
	background-color: #c7c7c7;
	color: #000;
}

.pointsMsg {
	margin-bottom: 10px;
	margin-right: 10px;
	display: block;
	text-align: right;
}

.basketItemTitle {
	font-weight: bold;
	font-size: 12px;
    display:block;
}

.basketItemText {
    display:block;
    padding-top:1.5em;
}

.basketProductTitleHeader {
	padding-left: 10px;
}

#gvBasket th {
	border-left: none #fff;
	border-right: none #fff;
	border-top: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
}
ul.accordion {
	border: none; 
}
ul.accordion > li {
	border-top: 1px solid #3c3e73;border-bottom: 1px solid #ddd;
}
ul.accordion li div.title { background: #C9C9DB; padding: 12px; }
ul.accordion > li.active { background: #C9C9DB; border-top: 1px solid #3c3e73; border-bottom: 1px solid #ddd;}
ul.accordion > li.active .content { background: #FFF; }
ul.accordion > li.active .title { background: #C9C9DB; padding-top: 12px;}
ul.accordion > li.liGap { border: none; margin-bottom:4px;}

#txtQty {
    min-width:40px;
}

/* -----------------------------------------
   Addresses
----------------------------------------- */
.framedArea {
	display: block;
	padding: 6px 10px 7px;
	border: 1px solid #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	overflow: hidden;
	margin-left: 10px;
}

/* -----------------------------------------
   Welcome
----------------------------------------- */
.radios {
	margin-bottom: 8px;
}

    .radios label {
        display: inline;
    }

	/* -----------------------------------------
   PayCard
----------------------------------------- */
	.radios .aspNetDisabled label {
		color: rgb(120,80,80);
	}

/* -----------------------------------------
   Checkout
----------------------------------------- */
#termsPanel {
	/*text-align: right;
	margin-left: 470px;*/
}

table tr th {
	padding: 10px 0;
	color: #000;
}

.test1 {
	/*background-image:url('/Store/static/images/xremove.jpg');*/
	height: 18px;
	width: 20px;
}

/* -----------------------------------------
   3D Secure
----------------------------------------- */
#fancybox-wrap, #fancybox-wrap:before, #fancybox-wrap:after {
	-webkit-box-sizing: initial;
	-moz-box-sizing: border-box;
	box-sizing: initial;
}

/* -----------------------------------------
   Accounts
----------------------------------------- */
#accountsSidePanel a {
	/*color: #3A7FA0;*/
	font-size: 12px;
	font-weight: bold;
}

.accountsSidePanel {
	background: #E7E5E5;
	border: solid 1px #D0D0D0;
	margin: 0 0 5px 0;
	padding: 8px 10px;
}

#accountsSidePanel .selected {
	background: #C3E5F5;
}

#accountOrderDetails blockquote {
	border-left: 2px solid #D0D0D0;
	font-weight: bold;
	font-size: 16px;
	padding: 8px;
	background-color: #FFF;
	border: outset;
	color: black;
}

#accountOrderDetails a {
	font-weight: bold;
	text-decoration: underline;
}

#accountAddressDetails a, #accountCardDetails a {
    text-decoration: underline;
}
/* Navigation Stylin' */
#navbrowse a:hover, #navoffers a:hover, #navmac a:hover, #navnew a:hover {
	color: #BE3626;
}

#navbrowse:hover, #navoffers:hover, #navmac:hover, #navnew:hover {
	text-shadow: none;
	background: #EC932B;
	color: #BE3626;
}

img#logo {
	width: 145px;
}

.top-bar {
	background: none;
	min-height: 30px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 0;
}

	.top-bar ul {
		margin-left: 0;
		display: inline;
		height: 30px;
		line-height: 30px;
		list-style: none;
		width: 100% !important;
	}

		.top-bar ul.left {
			float: left;
			width: auto;
			margin-bottom: 0;
		}

.left li {
	width: 24.4558%;
	text-align: center;
	font-family: 'Rokkitt', serif;
}

.top-bar ul li:last-child {
	margin-right: 0;
	float: right;
}

.top-bar ul > li {
	float: left;
	background: #491A0E;
	border: 3px solid #BE3626;
	margin-right: 5px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	text-shadow: 0 1px 1px #000;
}

	.top-bar ul li, .top-bar ul > li a:not(.button) {
		height: 30px;
		line-height: 26px;
		font-weight: normal;
		font-size: 19px;
	}

.mainTitle {
	height: 30px;
	border: 3px solid #be3626;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top: none;
	background-color: #000;
	overflow: hidden;
}

nav.mainTitle ul, nav.mainTitle ul li {
	display: inline-block;
}

.pageTitle {
	font-size: 14px;
	line-height: 26px;
	margin: 0 15px;
	color: #FFF;
	display: inline;
	float: left;
	text-transform: capitalize;
}

	.pageTitle.mobile {
		margin: 0;
	}

.socialLinks {
	float: right;
	margin: 4px;
}
/* Search Box */
.searchbox {
	background: #427FA6;
	padding: 3px 4px 3px 4px !important;
	border-radius: 5px;
	font-family: 'Rokkitt', serif;
	height: 60px;
}

	.searchbox input[type="text"] {
		border-radius: 5px;
		font-size: 14px;
		height: 28px;
		margin-bottom: 1px;
	}

.searchText {
	margin-left: 8px;
	float: right;
	font-size: 18px;
	color: #fff;
}

.searchMessage {
	margin-top: 5px;
	float: left;
}

.searchButton {
	float: right;
	margin-top: 1px;
}
/* Top Items */
.filler100pc {
	height: 100%;
	width: 100%;
}

.topItems {
	margin-top: 20px;
}

	.topItems li {
		display: inline-block;
		width: 115px;
		height: 30px;
		background: url(../arrow-right.html) no-repeat 95% 40% #427FA6;
		margin: 5px 0 5px 5px;
		padding: 2px;
		padding-left: 5px;
		font-size: 14px;
		border-radius: 3px;
		line-height: 24px;
	}

		.topItems li a {
			color: #FFF;
			text-shadow: 0 1px 1px #000;
			font-family: 'Rokkitt', serif;
			font-size: 24px;
		}

		.topItems li.support {
			background: url(../master-nav-btn-support.html) no-repeat;
		}

		.topItems li.account {
			background: url(../master-nav-btn-account.html) no-repeat;
		}

#header h4 {
	color: #fff;
}

/* Orders Tab*/
.gridviewPager table {
    margin: 0 auto;
}

.gridviewPager table td {
    background-color:white;
}

.gridviewPager span {
    background-color:red;
    color: white;
    padding: 4px;   
}

.gridviewPager a {
    background-color:white;
}

/* Background Image/Overlay/Clickability */
.clickable-background {
	z-index: -2;
}

	.clickable-background #background-link {
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

.bgContainer {
	position: fixed;
	z-index: -3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.overlay {
	position: fixed;
	z-index: -2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position-x: 0;
	background-position-y: 0;
	background-repeat: repeat;
	/*background:url('04.png') 0 0 repeat;*/
}
/* End of Background Image Styles */

/*Top Bar*/

#topnav {
	color: #aaa;
	background: transparent;
	text-align: right;
	padding-bottom: 4px;
}

#nav {
	/*overflow: hidden;*/
	vertical-align: bottom;
	padding-top: 8px;
}

#tools {
	position: relative;
	top: 0px;
	right: 0px;
	color: white;
	text-align: right;
	line-height: 11pt;
	font-size: 11px;
	font-weight: bold;
	display: inline;
	display: table;
	border-collapse: collapse;
	float: right;
	margin-top: 18px;
}

	#tools a {
		font-size: 1.3em;
	}

	#tools .tab {
		display: inline-block;
		padding: 2px 8px;
	}

	#tools #panelSearch {
		display: inline;
		display: table-cell;
		padding: 5px;
		background-color: #f6f6fa;
		text-align: left;
	}

.inputSearch {
	height: 26px;
	width: 200px;
	border: 1px solid #ccc;
	font-size: small;
}

#tools .cart-tools {
	display: table-cell;
	padding: 5px;
	background-color: #F6F6FA;
	border: 1px solid #ccc;
	font-size: 1.4em;
    vertical-align: middle;
}
.padding10{
	padding: 10px;
}


/*Payment Options*/
.paymentOption{
    height:60px;
}

.paymentOptionLabel {
    padding-top:13px;
    padding-left:5px;
    font-size:13px;
    line-height:12px;
   
}

.paymentOptionSelect
{
    padding-top:11px;
    vertical-align:middle;
    position:relative;
}

.paymentUnavailable
{
    padding-top:3px;
    color:red;
    font-style:italic;
    
}
#gvBasket > tbody > tr > td > img {
    max-width: none;
}


ul.accordion > li.active .content.morePaymentOptions
{ 
    background:#F6F6FA; 

}

ul.accordion li.morePaymentOptions 
{ 
    border-top-color:#DDD; 

}

ul.accordion li div.title.morePaymentOptions 
{ 
    height:33px;
    padding: 8px 0px 0px 5px;
}

ul.accordion > li > div.title.morePaymentOptions:after
{
    top: 11px;
}

.morePaymentOptions
{
    visibility:hidden;
}

#wishlistShare {
	text-align: right; display: block; padding: 0 1em 1em 0;
}

.checkBoxLinedup {
	display: -webkit-inline-box;
	float: right;
	text-align: right;
	padding-top: 2em;
}

.checkBoxLinedup label {
	font-size: 13px;
	padding-right: 6px;
	padding-top: 2px;
}

/* Download List */
#downloadLinks {
	width: 100%;
	border-spacing: 0;
}

#downloadLinks .sectionRow {
	font-weight: bold;
	background-color: #C9C9DB;
}

#downloadLinks .headerRow {
	font-weight: bold;
	font-style: italic;
	background-color: #e7e5e6;
}

#downloadLinks .supportRow {
	font-style: italic;
	background-color: #e7e5e6;
}