/* START Boxes */
.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}
#account-nav .box {
	min-height:150px;
	text-align:center; 
	background-color: rgb(3, 132, 191);
}
#account-nav .box:hover {
	min-height:150px;
	text-align:center; 
	background-color: rgb(0, 189, 242);
}
#account-nav .boxcart {
	min-height:150px;
	text-align:center; 
	background-color: rgb(108, 159, 0);
}
#account-nav .boxcart:hover {
	min-height:150px;
	text-align:center; 
	background-color: rgb(116, 171, 0);
}
#account-nav h3 {
	color:#FFFFFF;
}
#account-nav a:hover {
	color:#FFFFFF;
	background-color: rgb(0, 189, 242);
}
	
#DeBug {
	position:fixed;
	left:0px;
	top:0px;
	width:250px;
	height:20px;
	z-index:1000;
	color: #000;
	background-color: #FC0;
	padding: 5px;
}

#ColouredBox {
	display: block;
	clear: both;
	color: #FFF;
	text-align:center;
	width: 100%;
	clear:both;
}
#ColouredBox .content {
	max-width: 994px;
	margin-left:auto;
	margin-right:auto;
}
#ColouredBox select {
	color: #000;
	font-size:1.0em;
}

#ColouredBox h3 {
	display: inline;
	font-weight: 300;
	color: #FFF;
	font-size: 1.1em;
}

#ColouredBox .BoxBlack {
	background-color: #213D41;
	padding: 10px;
}
#ColouredBox .BoxBlack a {
	text-decoration:none;
	color: #fff;
}
#ColouredBox .BoxBlack h2 {
	color: #fff;
}

#ColouredBox h2 {
	font-weight: 300;
	text-align:center;
	margin-top: 0em;
	margin-bottom: 0.2em;
	font-size:1.8em;
}
#ColouredBox h2 a {
	font-weight: 300;
	color: #FFF;
	text-align:center;

}
#ColouredBox .BoxGreen {
	background-color: rgb(108, 159, 0);
	padding: 10px;
}
#ColouredBox .BoxGreen a {
	text-decoration:none;
	color: #fff;
}
#ColouredBox .BoxGreen h2 {
	color: #fff;
}
#ColouredBox .BoxGreen h3 {
	color: #fff;
}

#ColouredBox .BoxWhite {
	background-color: #fff;
	padding: 10px;
	color: #000;
}
#ColouredBox .BoxWhite a {
	color: #06C;
}
#ColouredBox .BoxWhite h2 {
}
#ColouredBox .BoxWhite a:hover {
	color: #06C;
}

#ColouredBox .BoxBlue {
	background-color: #00BDF2;
	/*background-color: rgb(3, 132, 191);*/
	padding: 10px;
}
#ColouredBox .BoxBlue2 {
	background-color: rgb(3, 132, 191);
	padding: 10px;
}

#ColouredBox .BoxOrange {
	background-color: rgb(255, 132, 0);
	padding: 10px;
}
#ColouredBox .BoxOrange a:hover {
	text-decoration: underline;
	color: #fff;
}
#ColouredBox .BoxOrange a {
	text-decoration:none;
	color: #fff;
}
#ColouredBox .BoxRed {
	background-color: #bd2900;
	padding: 10px;
}
#ColouredBox .BoxRed h2, #ColouredBox .BoxBlue h2, #ColouredBox .BoxBrown h2 {
	color: #fff;
}
#ColouredBox .BoxRed a:hover, #ColouredBox .BoxBlue a:hover {
	text-decoration: underline;
	color: #fff;
}
#ColouredBox .BoxRed a, #ColouredBox .BoxBlue a {
	text-decoration:none;
	color: #fff;
}
#ColouredBox .BoxGrey {
	background-color: #d8e4e8;
	padding: 10px;
	color:#000000;
}
#ColouredBox .BoxGreyDark {
	background-color: #92a6aa;
	padding: 10px;
}
#ColouredBox .BoxLightGrey {
	background-color: #F0F0F0;
	padding: 10px;
}
#ColouredBox .BoxCheckout {
	background-color: #FFFFFF;
	border: 1px solid #4E92DC;
	padding: 10px;
}
#ColouredBox .BoxPurple {
	background-color: #CC6699;
	padding: 10px;
}
#ColouredBox .BoxPurple h2 {
	color: #fff;
}
#ColouredBox .BoxPurple a {
	text-decoration:none;
	color: #fff;
}
#ColouredBox .BoxMustard {
	background-color: #b0cf00;
	padding: 10px;
	color: #000;
}
#ColouredBox .BoxMustard a {
	color: #06C;
}
#ColouredBox .BoxMustard h2 {
}
#ColouredBox .BoxMustard a:hover {
	color: #06C;
}

#ColouredBox .BoxVariations {
	background-color: rgb(165, 195, 206);
	padding: 10px;
}

#ColouredBox .BoxBrown {
	background-color: #cf8200;
	padding: 10px;
}
#ColouredBox .BoxBrown a {
	text-decoration:none;
	color: #fff;
}
#ColouredBox .BoxOrange {
	background-color: #FF9900;
	padding: 10px;
}
#ColouredBox .BoxOrange a {
	text-decoration:none;
	color: #fff;
}
#ColouredBox a:hover {
	text-decoration: underline;
}
#ColouredBox a {
	text-decoration:none;
}
#ColouredBox .search {
	position:relative;
	color: #FFFFFF;
	width: 40%;
	margin-left:auto;
	margin-right:auto;
}
#ColouredBox .search fieldset {
	position:relative;
	margin: 0px;
	padding: 0px;
	border:none;
	padding-left: 10px;
	padding-right: 30px;
	border: 1px #00BDF2 solid;
	background-color: #fff;
}
#ColouredBox .search fieldset .icon {
	position:absolute;
	top: 10px;
	width: 16px;
	height: 16px;
	background-position: -241px -34px;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	padding: 0;
	border: 0;
	text-indent: -99999px;
	background-color: transparent;
	background-image: url(/images/mobile-icons/global-sprite.png);
	cursor: pointer;
}
#ColouredBox .search fieldset .q {
	float:left;
	margin: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #000;
	font-size: 1em;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 0px;
	padding-right: 0px;
	width:100%;
	border:none;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

#ColouredBox .search fieldset .q:focus {
    outline-width: 0;
}

/* ColourBoxClass */

.ColouredBox {
	display: block;
	clear: both;
	color: #FFF;
	text-align:center;
	width: 100%;
	clear:both;
}
.ColouredBox .content {
	max-width: 994px;
	margin-left:auto;
	margin-right:auto;
}
.ColouredBox select {
	color: #000;
	font-size:1.0em;
}

.ColouredBox h3 {
	display: inline;
	font-weight: 300;
	color: #06C;
}

.ColouredBox .BoxBlack {
	background-color: #213D41;
	padding: 10px;
}
.ColouredBox .BoxBlack a {
	text-decoration:none;
	color: #fff;
}
.ColouredBox .BoxBlack h2 {
	color: #fff;
}

.ColouredBox .BoxBlue h1 {
	color: #fff;
}
.ColouredBox h2 {
	font-weight: 300;
	text-align:center;
	margin-top: 0em;
	margin-bottom: 0.2em;
}
.ColouredBox h2 a {
	font-weight: 300;
	color: #FFF;
	text-align:center;

}
.ColouredBox .BoxGreen {
	background-color: rgb(108, 159, 0);
	padding: 10px;
}
.ColouredBox .BoxGreen a {
	text-decoration:none;
	color: #fff;
}
.ColouredBox .BoxGreen h2 {
	color: #fff;
}
.ColouredBox .BoxGreen h3, .ColouredBox .BoxPurple h3, .ColouredBox .BoxBlack h3, .ColouredBox .BoxRed h3, .ColouredBox .BoxBrown h3 {
	color: #fff;
}
.ColouredBox .BoxBlue {
	background-color: #00BDF2;
	/*background-color: rgb(3, 132, 191);*/
	padding: 10px;
}
.ColouredBox .BoxBlue2 {
	background-color: rgb(3, 132, 191);
	padding: 10px;
}

.ColouredBox .BoxOrange {
	background-color: rgb(255, 132, 0);
	padding: 10px;
}

.ColouredBox .BoxOrange a {
	text-decoration:none;
	color: #fff;
}
.ColouredBox .BoxRed {
	background-color: #bd2900;
	padding: 10px;
}
.ColouredBox .BoxRed h2, .ColouredBox .BoxBlue h2, .ColouredBox .BoxBrown h2 {
	color: #fff;
}
.ColouredBox .BoxOrange a:hover, .ColouredBox .BoxRed a:hover, .ColouredBox .BoxBlue a:hover, .ColouredBox .BoxBrown a:hover {
	text-decoration: underline;
	color: #fff;
}
.ColouredBox .BoxRed a, .ColouredBox .BoxBlue a {
	text-decoration:none;
	color: #fff;
}
.ColouredBox .BoxGrey {
	background-color: #d8e4e8;
	padding: 10px;
	color:#000000;
}
.ColouredBox .BoxGreyDark {
	background-color: #92a6aa;
	padding: 10px;
}
.ColouredBox .BoxLightGrey {
	background-color: #F0F0F0;
	padding: 10px;
}
.ColouredBox .BoxCheckout {
	background-color: #FFFFFF;
	border: 1px solid #4E92DC;
	padding: 10px;
}
.ColouredBox .BoxPurple {
	background-color: #CC6699;
	padding: 10px;
}
.ColouredBox .BoxPurple h2 {
	color: #fff;
}
.ColouredBox .BoxPurple a {
	text-decoration:none;
	color: #fff;
}
.ColouredBox .BoxMustard {
	background-color: #b0cf00;
	padding: 10px;
	color: #000;
}
.ColouredBox .BoxWhite {
	background-color: #fff;
	padding: 10px;
	color: #000;
}
.ColouredBox .BoxMustard a, .ColouredBox .BoxMustard a {
	color: #06C;
}
.ColouredBox .BoxMustard h2, .ColouredBox .BoxMustard h2 {
}
.ColouredBox .BoxMustard a:hover, .ColouredBox .BoxMustard a:hover {
	color: #06C;
}

.ColouredBox .BoxVariations {
	background-color: rgb(165, 195, 206);
	padding: 10px;
}

.ColouredBox .BoxBrown {
	background-color: #cf8200;
	padding: 10px;
}
.ColouredBox .BoxBrown a {
	text-decoration:none;
	color: #fff;
}
.ColouredBox .BoxOrange {
	background-color: #FF9900;
	padding: 10px;
}
.ColouredBox .BoxOrange a {
	text-decoration:none;
	color: #fff;
}
.ColouredBox a:hover {
	text-decoration: underline;
	/*background: rgba(25, 25, 25, .1);
	display:block;
	*/
}
.ColouredBox a {
	text-decoration:none;
}
.ColouredBox .search {
	position:relative;
	color: #FFFFFF;
	width: 40%;
	margin-left:auto;
	margin-right:auto;
}
.ColouredBox .search fieldset {
	position:relative;
	margin: 0px;
	padding: 0px;
	border:none;
	padding-left: 10px;
	padding-right: 30px;
	border: 1px #00BDF2 solid;
	background-color: #fff;
}
.ColouredBox .search fieldset .icon {
	position:absolute;
	top: 10px;
	width: 16px;
	height: 16px;
	background-position: -241px -34px;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	padding: 0;
	border: 0;
	text-indent: -99999px;
	background-color: transparent;
	background-image: url(/images/mobile-icons/global-sprite.png);
	cursor: pointer;
}
.ColouredBox .search fieldset .q {
	float:left;
	margin: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #000;
	font-size: 1em;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 0px;
	padding-right: 0px;
	width:100%;
	border:none;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

.ColouredBox .search fieldset .q:focus {
    outline-width: 0;
}

/* START TABS */
.TabBlack {
	background-color: #000000;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #FFF;
	font-weight: bold;
}
a.TabBlack:hover {
	text-decoration: underline;
	color: #FFF;
}
.TabGreen {
	background-color: #6CA701;
	padding: 10px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #FFF;
	font-weight:700;
}
a.TabGreen:hover {
	text-decoration: underline;
	color: #FFF;
}
.TabBlue {
	background-color: #3BAFE3;
	padding: 10px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #FFF;
	font-weight: bold;
}
a.TabBlue:hover {
	text-decoration: underline;
	color: #FFF;
}
.TabRed {
	background-color: #F30;
	padding: 10px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #FFF;
	font-weight: bold;
}
a.TabRed:hover {
	text-decoration: underline;
	color: #FFF;
}
.TabGrey {
	background-color: #E2E2E2;
	padding: 10px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #FFF;
	font-weight: bold;
}
a.TabGrey:hover {
	text-decoration: underline;
	color: #FFF;
}
.TabPurple {
	background-color: #7655FB;
	padding: 10px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #FFF;
	font-weight: bold;
}
a.TabPurple:hover {
	text-decoration: underline;
	color: #FFF;
}
.TabMustard {
	background-color: #b0cf00;
	padding: 10px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #FFF;
	font-weight: bold;
}
a.TabMustard:hover {
	text-decoration: underline;
	color: #FFF;
}
.TabBrown {
	background-color: #cf8200;
	padding: 10px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #FFF;
	font-weight: bold;
}
a.TabBrown:hover {
	text-decoration: underline;
	color: #FFF;
}
/* START TABS */
.BoxLeftNav {
	background-color: #D3EEFA;
	margin-bottom: 10px;
}
/* START PageSet1 */

.boxArticle {
	position:relative;
	display:block;
	background-color: #FC0;
	height: 100%;
	width: auto;
	padding: 10px;
}
.boxArticleRow {
	position:relative;
	display:table;
	height: auto;
	width: 624px;
}
.boxArticleCol1 {
	position:relative;
	float:left;
	width: 144px;
	height: 100%;
	margin-right: 10px;
}
.boxArticleCol2 {
	position:relative;
	float:left;
	width: 470px;
	height: 100%;
}

#BuyBox, .BuyBox {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	padding-top: 10px;
	text-align:center;
	background-color: #dfe8ed;
}

.PriceBox {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding: 10px;
}
.PriceBoxUsed {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:#CADD04;
	padding-top: 10px;
}
.PriceBox .InStock, .PriceBoxUsed .InStock {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size:2em;
	color:#F800DF;
}
.PriceBox .OutStock, .PriceBoxUsed .OutStock {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size:2em;
	color:#000;
	padding: 10px;
	font-weight: 700;
}
.PriceBox .Price, .PriceBoxUsed .Price {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	padding: 10px;
	color: #06C;
}
.PriceBox .Price1, .PriceBoxUsed .Price1 {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size:2em;
	color: #000;
	font-weight:700;
}
.PriceBox .Price2, .PriceBoxUsed .Price2 {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size:1.5em;
	color:#000;
	font-weight:300;
}
.PriceBox .Buy, .PriceBoxUsed .Buy {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#fff;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}
.PriceBox .Buy a, .PriceBoxUsed .Buy a {
	display:block;
	background-color:#2B8400;
	color:#fff;
	width: 100%;
	padding-top:5px;
	padding-bottom: 5px;
}
.PriceBox .Buy a:hover, .PriceBoxUsed .Buy a:hover {
	color:#fff;
	background-color:#339D00;
	text-decoration:none;
}

#Notification .Pop {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#fff;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-right:10px;
}
#Notification .Pop a {
	display:block;
	background-color:#b74980;
	color:#fff;
	width: 100%;
	padding-top:5px;
	padding-bottom: 5px;
}
#Notification .Pop a:hover {
	color:#fff;
	background-color:#CC6699;
	text-decoration:none;
}
.product-box {
margin-top: 0;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
position: relative;
width: 974px;
padding-left: 10px;
padding-right: 10px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: 300;
}
.product-box-2-column {
float: left;
top: 10px;
width: 49%;
padding-right: 1%;
}

