﻿body {
	margin: 0;
	padding:0;
	font-family: Verdana, Arial, Tahoma, Calibri;
	font-size: 16px;
	overflow: scroll;
}
#pageContainer {
	position: relative;
	width: 1003px;
	margin-left: auto;
	margin-right: auto;
	font-size: .8em;
}
#header {
	position: relative;
	top: 0px;
	width: 1003px;
	height: 132px;
}
#mainMenuDiv {
	position: relative;
	top: 100px;
	width: 1003px;
	z-index: 1;
}
#admincontent,
.content {
	position: relative;
	top: 0px;
	left: 160px;
	width: 823px;
	min-height: 620px;
	padding: 5px 10px 90px 10px;
}
#rightCol {
	position: relative;
	top: 0px;
	left: 1003px;
	width: 0px;
}
#adminleftCol,
#leftCol {
	position: relative;
	margin-left: -1003px;
	width: 160px;
}
#rightContent,
#leftContent,
#adminleftContent {
	position: absolute;
	top: 0px;
}
#adminleftContent,
#leftContent {
	width: 150px;
	padding: 10px 5px 5px 5px;
}
#adminfooter,
#footer {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 993px;
	height: 50px;
	padding: 25px 5px 0px 5px;
	text-align: center;
	color: Gray;
}
#adminfooter {
	width: 831px;
}
#logo {
	position: absolute;
	top: 5px;
	background-image: url(imgs/hdr/logo3.png);
	background-repeat: no-repeat;
	width: 888px;
	height: 90px;
	text-indent: -999999px;
	z-index: 1;
	cursor: pointer;
}
.logoImg {
	position: absolute;
	top: 5px;
}
#rightImg {
	position: absolute;
	top: 8px;
	right: 65px;
}
#leftImg {
	position: absolute;
	top: 8px;
	left: 65px;
}
/*#divSearch {
	font-size: 0.85em;
	position: absolute;
	right: 15px;
	z-index: 10;
}*/
/*#bntalogo {
	position: absolute;
	top: 0px;
	left: 150px;
}
#hdrCoin {
	position: absolute;
	top: 0px;
	right: 150px;
}*/
/*.menuBar {
	line-height: 21px;
	height: 32px;
	display: block;
	width: 1001px;
	font-weight: bold;
	position: absolute;
	top: 8px;
}*/
/*************************** Home Page *************************/
/*#pnlCoinGrid {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}*/
.divCards {float: left; width: 568px;}
.divCardsImg {margin: 40px auto 0px auto; width: 503px;}
/********************** Titles and Headers *********************/
h1, h2, h6 {
	font-weight: bold;
	color:#d00;
	font-size: 1.5em;
	margin: 10px 0px 10px 0px;
}
h2 {
	font-size: 1.3em;
	margin: 5px 0px 5px 0px;
}
h6 {
	font-size: 1.1em;
	font-weight: lighter;
	margin: 5px 0px 5px 0px;
}
.FAQuestion {
	/*font-weight: bold;*/
	/*font-size: 1.1em;
	color: #000;
	margin: 5px 0px 5px 0px;*/
	cursor: pointer;
}
.adminViewOrderHeader {
	color: #ffff33;
	background-color: #227d22;
}
/************************ default site classes ***************/
.hoverMenu {
	visibility:hidden;
	padding: 2px;
}
.defaultPanel {
	padding: 2px;
}
.menuPanel {
	width: 140px;
}
a,
a:visited {
	color:Blue;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
.bold {
	font-weight: bold;
}
.ib {
	font-weight: bold;
	font-style: italic;
}
.center{
	text-align:center;
}
.centerContent{
	margin-left: auto;
	margin-right: auto;
}
.floatLeft {float: left;}
.floatRight {float: right;}
.clearFloat {clear: both;}

.black {color: black;}
.red {color: Red;}
.blue {color: Blue;}
.orange {color: Orange;}
.green {color: green;}

.rrpBeaten {
	color: Red;
	font-weight: bold;
	text-decoration: line-through;
}
.sold {
	color: Red;
	font-weight: bold;
}
.hand {
	cursor: pointer;
}
.formLbl {
	clear: both;
	float: left;
	width: 140px;
	margin-top: 4px;
	text-align: left;
}
.formContent {
	float: left; margin-top: 2px;
}
.formTxtBox {
	width: 270px;
}
.formDDL {
	width: 276px;
}
.formBtns {
	clear: left;
	margin-left: 140px;
	padding-top: 10px;
}
.MsgTxtBox {
	overflow: hidden;
	width: 270px;
}
.centerImg {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.detailsLabel,
.detailsLabel2,
.detailsLabel3 {
	clear: both;
	float: left;
	width: 110px;
	margin-bottom: 5px;
	font-weight: bold;
}
.detailsContent,
.detailsContent2,
.detailsContent3 {
	float: left;
	width: 390px;
	margin-bottom: 5px;
}
.detailsLabel2 {
	width: 80px;
}
.detailsContent2 {
	width: 120px;
}
.detailsLabel3 {
	margin-left: 10px;
}
.detailsContent3 {
	width: 135px;
}
.displaynone {display: none;}
hr {
	display: block;
	border: 0px;
	height: 2px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), #227d22, rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), #227d22, rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), #227d22, rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), #227d22, rgba(0,0,0,0));
}
.moreImgsContainer {
	width: 238px;
	height: 150px;
	margin: 0px auto 10px auto;
	text-align: center;
}
.marginBot5 {
	margin-bottom: 5px;
}
.marginTop10 {
	margin-top: 10px;
}
.marginRight10 {
	margin-right: 10px;
}
.marginLeft10 {
	margin-left: 10px;
}
.margin10 {
	margin: 10px;
}
.paddinBot26 {
	padding-bottom: 26px;
}
.fontsize09 {
	font-size: 0.9em;
}
.fontsize085 {
	font-size: 0.85em;
}
.fontsize08 {
	font-size: 0.8em;
}
.fontsize12 {
	font-size: 1.2em;
}
.height10 {
	height: 10px;
}
/*.inputValign input[type="radio"]
.inputValign input[type="checkbox"] {
    vertical-align: middle;
    }*/
.inputValign input {
    vertical-align: middle; 
}
input[type="radio"]{
	vertical-align: text-bottom;
}
input[type="checkbox"] {
	vertical-align: bottom;
}
/************************ Buttons ***************************/
.newBtn,
.redBtn,
.blueBtn {
	/*height: 21px;*/
	padding: 2px 8px 2px 8px;
	text-decoration: none;
	background-color: #227d22;
	border: 2px ridge #ff0000;
	color: #ff0;
	font-size: .9em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.redBtn {
	background-color: #ff0000;
	border: 2px ridge #227d22;
}
.blueBtn {
	background-color: #00f;
}
.lbbtnSmall,
.btnSmall {
	line-height: 21px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.btnSmallLeft,
.btnSmallLeftBlue {
	float:left;
	background-image: url(imgs/btns/grn_btn_sml_l.png);
	background-repeat: no-repeat;
	height: 21px;
	padding-left: 5px;
	text-decoration: none;
	margin-left: 3px;
}
.btnSmallRight,
.btnSmallRightBlue {
	float:left;
	background-image: url(imgs/btns/grn_btn_sml_r.png);
	background-repeat: no-repeat;
	height: 21px;
	padding-right: 7px;
	text-decoration: none;
}
a.btnSmall,
a.btnSmallBlue {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #ff0;
	text-decoration: none;
	background-image: url(imgs/btns/grn_btn_sml_m.png);
	background-repeat: repeat-x;
	float: left;
	line-height: 21px;
	padding-left: 8px;
	padding-right: 8px;
}
.btnSmallLeftBlue {
	background-image: url(imgs/btns/blue_btn_l.png);}
.btnSmallRightBlue {
	background-image: url(imgs/btns/blue_btn_r.png);}
a.btnSmallBlue {
	background-image: url(imgs/btns/blue_btn_m.png);}
a.btnSmall:hover,
a.btnSmallBlue:hover,
.newBtn:hover {
	text-decoration: underline;
}
.newBtn:visited,
.blueBtn:visited {color: #ff0;}
/************************* Left Menu Links *************************/
.basketLink,
.preordLink,
.leftMenuStd {
	position: relative;
	font-size: .85em;
	background: #ffffff url(../temp3/imgs/btns/blue_totem.png);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 45px;
	text-align: center;
	padding-bottom: 5px;
	margin: 0px 0px 0px 0px;
}
.leftMenuStd {
	background:#ffffff url(imgs/btns/grn_totem.png);
}
.preordLink {
	background: #ffffff url(../temp3/imgs/btns/red_totem.png);
}
.basketLink a,
.preordLink a,
.leftMenuStd a {
	display: block;
	color: White;
}
	.basketLink a:hover,
	.preordLink a:hover,
	.leftMenuStd a:hover {
		color: Yellow;
		text-decoration: underline;
	}
/**************************** Menus ****************************/
#ulMainMenu li {
	display: inline;
	font-size: .85em;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	line-height: 29px;
	background-image: url(imgs/hdr/grn_btn_l.png);
	background-repeat: no-repeat;
	padding: 10px 0 10px 0;
	margin-left: -2px;
}
#ulMainMenu li a {
	background-image: url(imgs/hdr/grn_btn_r.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 10px 18px 10px 18px;
	color: Yellow;
}
#ulMainMenu .redBg {
	background-image: url(imgs/hdr/mmRedBtnL.png);
}
#ulMainMenu .redBg a {
	background-image: url(imgs/hdr/mmRedBtnR.png);
}
#ulMainMenu .blueBg {
	background-image: url(imgs/hdr/mmBlueBtnL.png);
}
#ulMainMenu .blueBg a {
	background-image: url(imgs/hdr/mmBlueBtnR.png);
}
/******************************************* used for admin menu only *****************************/
/*   center the horizantal main menu   */
.MainMenu .AspNet-Menu-Horizontal {
	float: left;
	width: 100%;
}
.MainMenu .AspNet-Menu-Horizontal ul {
	clear: left;
	float: left;
	position: relative;
	left: 50%;
}
.MainMenu .AspNet-Menu-Horizontal ul li {
	float: left;
	position: relative;
	right: 50%;
}
/* End of centering */
.MainMenu .AspNet-Menu-Leaf,
.MainMenu .AspNet-Menu-WithChildren {
	font-size: .85em;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	line-height: 29px;
	background-image: url(imgs/hdr/grn_btn_l.png);
	background-repeat: no-repeat;
	padding-bottom: 0px;
	margin-right: 3px;
}
.MainMenu red {
	background-image: url(imgs/hdr/mmRedL.png);
}
.MainMenu .AspNet-Menu-Leaf a,
.MainMenu .AspNet-Menu-WithChildren a {
	background-image: url(imgs/hdr/grn_btn_r.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 0px 18px 3px 18px;
	color: Yellow;
	text-decoration: none;
}
.MainMenu .AspNet-Menu-Selected,
.MainMenu .AspNet-Menu-Selected a:visited,
.MainMenu .AspNet-Menu-Leaf a:hover,
.MainMenu .AspNet-Menu-WithChildren a:hover {
	text-decoration: underline;
}
/*******************************************************************/
.LeftMenu .AspNet-Menu-Leaf,/* menu item no children */
.LeftMenu .AspNet-Menu-WithChildren, /* menu item with children */
.LeftMenuDar .AspNet-Menu-Leaf,
.LeftMenuDar .AspNet-Menu-WithChildren,
.LeftMenuAce .AspNet-Menu-Leaf,
.LeftMenuAce .AspNet-Menu-WithChildren,
.hlLGrnTotem {
	font-size: .85em;
	background:transparent url(imgs/btns/grn_totem.png);
	background-repeat: no-repeat;
	color: Yellow;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	line-height: 45px;
	text-align: center;
	padding-bottom: 5px;
	margin: 0px 0px 0px 0px;
}
.LeftMenu ul.AspNet-Menu li {/* all tier's */
	background:transparent url(imgs/btns/grn_totem.png);
}
.LeftMenuDar ul.AspNet-Menu li {/* all tier's */
	background:transparent url(imgs/btns/darstaed_totem.png);
}
.LeftMenuAce ul.AspNet-Menu li {/* all tier's */
	background:transparent url(imgs/btns/red_totem.png);
}
.LeftMenu ul.AspNet-Menu ul li,/* second tier */
.LeftMenuDar ul.AspNet-Menu ul li,
.LeftMenuAce ul.AspNet-Menu ul li {/* second tier */
    z-index: 100;
	font-size: 1em;
	left: 110px;
	top: -20px;
}
.LeftMenuAce ul.AspNet-Menu ul li:last-child {/* second tier */
	background:transparent url(imgs/btns/blue_totem.png);
}
.hlLGrnTotem, .hlLGrnTotem a {
	text-align: center;
	display: block;
	color: #fff;
}
.LeftMenu ul.AspNet-Menu ul li,
.hlLGrnTotem {/* second tier */
	background:transparent url(imgs/btns/lgrn-totem.png);
	width: 150px;
}
.LeftMenu .AspNet-Menu-Leaf a,
.LeftMenu .AspNet-Menu-WithChildren a,
.LeftMenuDar .AspNet-Menu-Leaf a,
.LeftMenuDar .AspNet-Menu-WithChildren a,
.LeftMenuAce .AspNet-Menu-Leaf a,
.LeftMenuAce .AspNet-Menu-WithChildren a {
	padding-left: 18px;
	padding-right: 18px;
	color: White;
	text-decoration: none;
}
.LeftMenu .AspNet-Menu-Selected,
.LeftMenu .AspNet-Menu-Selected a:visited,
.LeftMenu .AspNet-Menu-Leaf a:hover,
.LeftMenu .AspNet-Menu-WithChildren a:hover,
.LeftMenuDar .AspNet-Menu-Selected,
.LeftMenuDar .AspNet-Menu-Selected a:visited,
.LeftMenuDar .AspNet-Menu-Leaf a:hover,
.LeftMenuDar .AspNet-Menu-WithChildren a:hover,
.LeftMenuAce .AspNet-Menu-Selected,
.LeftMenuAce .AspNet-Menu-Selected a:visited,
.LeftMenuAce .AspNet-Menu-Leaf a:hover,
.LeftMenuAce .AspNet-Menu-WithChildren a:hover {
	color: Yellow;
	text-decoration: underline;
}
/******************** Gridview separate results **************/
.CGVsepres {
	border-bottom: solid 1px #0000d7;
}
/******************** Repeater **************/
.rptHdr {
	background-color: #227d22;
	color: #ffff33;
	padding: 3px;
	font-weight: bold;
}
.rptHdrItm {
	margin: 5px 0 0 0;
	padding: 3px;
	font-weight: bold;
}
.rptItm {
	border-bottom: solid 1px #0000d7;
}
.rptSelect {
	position: relative;
	width: 100%;
}
.rptItmDetails {
	position: relative;
	top: 0;
	left: 0;
	width: 770px;
}
.vaCenter {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	line-height: 150px;
	width: 50px;
	text-align: center;
    background-color: rebeccapurple;
}
	.vaCenter * {
	vertical-align: middle;}
.posBotRight {
	position: absolute;
	bottom: 0;
	right: 0;
}
/************************ PopUps *****************************/
#popup
{
	background-image: none;
	margin: 0px;
	font-family: Arial, helvetica, Sans-Serif;
	overflow: auto;
	font-size: .75em;
}
#popupContainer {
	margin: 0px;
	padding: 0px;
}
#popupFoot {
	height: 21px;
	text-align: center;
	line-height: 21px;
}
#popupFoot {
	margin-top: 5px;
}
#popupContent 
{
	margin: 0px;
	min-height: 600px;
	font-size: 1.1em;
	color: #333333;
}
#popupBtn {
	width: 112px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 3px;
}
.pnlMsgPopup {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,0.3);
	z-index: 1001;
}
#divMsg {
	/*width: 400px;
	margin: 15px auto;*/
	position: relative;
	width: 300px;
	margin: 200px auto;
	background-color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #d00;
	padding: 10px;
	text-align: center;
}
.divMsgPopup,
#divMsgPopup,
#divMasterPopup {
	position: relative;
	width: 430px;
	margin-top: 200px;
	margin-left: calc(50% - 202px);
	background: #fff;
	border: 3px ridge #227d22;
	padding: 10px 10px 00px 10px;
	overflow: auto;
}
/*.closeBtn {
	position: absolute;
	top: 5px;
	right: 5px;
}*/
/*********************** Orders Css *************************/
.addressBox1,
.addressBox2 {
	float: left;
	width: 345px;
	height: 140px;
	border: solid 1px #f1e020;
	padding: 5px;
}
.addressBox2 {
	width: 345px;
	border-left: none;
}
.address {
	float: left;
	width: 190px;
}
.contact {
	float: left;
	width: 155px;
}
.orderBox {
	clear: both;
	width: 701px;
	padding: 5px;
	border: solid 1px #f1e020;
	border-top: none;
}
/*****************************************************************/
.catsreorder li {
	list-style:none;
}
.DragHandleClass
 {
 width: 10px;
 height: 10px;
 margin: 2px;
 background-color: #42709F;
 cursor:move;
 }
/************************** Multi Photos ***********************/
.photos {
	overflow: hidden;
	border: 1px solid #f0f0f0;
	width: 305px;
	/*height: 355px;*/
	padding-left: 5px;
}
.photosImg {
	margin: 5px 5px 0 5px;
	border: solid 1px black;
}
.photos div img {
	margin: 5px 0;
}
.photos ul.thumbs,
.photos ul.thumbsEn {
	margin: 10px 0 0 12px;
	padding: 0;
	list-style: none;
	width: 285px;
	float: left;
}
.photos ul.thumbsEn {
	margin: 10px 0 0 3px;
	width: 60px;
}
.photos ul.thumbs li,
.photos ul.thumbsEn li {
	border: solid 1px black;
	width: 50px;
	height: 50px;
	margin: 5px 5px 0 0;
	padding: 0;
	float: left;
	overflow: hidden;
	text-align: center;
}
.photos ul.thumbs li:hover,
.photos ul.thumbsEn li:hover {
	border: solid 1px red;
}
.photos ul.thumbs li img,
.photos ul.thumbsEn li img {
}
.photos div.btns {
	clear: both; padding: 10px 0px 10px 0px; font-size: .85em;
}
.photoDiv {
	width: 300px;
	height: 225px;
}
.photoDivElrg {
	width: 764px;
	height: 573px;
}
/*********************** View Orders layout ***********************/
.print_delAddrDiv,
.print_statusDiv,
.ord_delAddrDiv,
.ord_statusDiv {
	float: left;
	border: solid 1px #227d22;
	width: 400px;
	height: 155px;
	margin-top: 10px;
	padding: 0px 0px 0px 5px;
	font-size: 0.85em;
}
.ord_statusDiv,
.print_statusDiv {
	border-left: none;
}
.print_delAddrDiv,
.print_statusDiv {
	width: 320px;
	height: 195px;
}
.print_detailsContDiv {
	width: 653px;
}
.print_detailsDiv,
.ord_detailsDiv {
	clear: both;
	border: solid 1px #227d22;
	width: 811px;
	padding: 0px;
	font-size: 0.85em;
}
.print_detailsDiv {
	width: 651px;
}
.print_totalsDiv,
.ord_totalsDiv {
	float: right;
	border: solid 1px #227d22;
	border-top: none;
	width: 330px;
	/*height: 55px;*/
	padding: 5px 2px 0 0;
	font-size: 0.85em;
}
.print_totalsDiv {
	width: 320px;
}
.subTot_lbl {
	float:right;
	text-align: center;
	font-weight:bolder;
}
.subTot_Content {
	clear: both;
	float:right;
	width: 110px;
	text-align: right;
}
.modal_popup 
{
    background:rgb(0,0,0);
	background: transparent\9;
	background:rgba(0,0,0,0.3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);
	zoom: 1;
}
.modal_popup:nth-child(n) {
	filter: none;
}
.modal_popup_panel {
	background: #fff;
	border: 3px ridge #227d22;
	padding: 10px 10px 30px 10px;
	width: 650px;
	height: 700px;
	overflow:auto;
}
.closeBtn {
	position: absolute;
	top: 5px;
	right: 5px;
}


.Cookies {
	position: fixed;
	bottom: 0;
	width: 99%;
	background-color: darkgreen;
	border: 5px ridge red;
	color: #fff;
	font-size: .8em;
}
	#PnlCookies h2 {
		color: #fff;
	}

#cookieNotice {
	position: relative;
	width: 100%;
	max-width: 1003px;
	margin: 0 auto;
	text-align: center;
	padding: 1%;
}

.topRight {
	position: absolute;
	top: .5em;
	right: .5em;
	font-size: 1.3em;
}
	