﻿BODY
{
	margin: 0px;
	background-color: Black;
	color:White;
}
body,pre{font-family: Arial;font-size: 10pt;}

.button{ background:#F27C07 url('images/button.png') repeat-x scroll center center; white-space:nowrap;border:none; padding:2px 8px; font-weight:bold; text-decoration:none; font-family:Arial; cursor:pointer; color:#000000; text-align:center; width:110px; height:32px; }
input.button{#padding:0;}
a.button{ line-height:20px; display:inline-block;}

/*Viewer*/
.vwrWrpTbl{ border-collapse:collapse; margin:6px;}
.vwrWrpTbl #vwrImage{text-align:center; width:650px; vertical-align:top; height:100%;}
.vwrWrpTbl #vwrDetails{ vertical-align:top; height:800px;}
.vwrWrpTbl #vwrDetails .button{ width:110px;border:none; height:32px; text-align:left; padding-left:4px;}
.vwrWrpTbl #vwrDetails img.imgPhoto{ border:0; max-width:100px;}
.vwrWrpTbl #vwrDetails .ttl{ font-weight:bold;}
.vwrWrpTbl #vwrDetails .vwrBlock{ margin-bottom:10px; text-align:left;}
.vwrWrpTbl #printContent td{ padding:2px;}
.vwrWrpTbl #printContent tr{ border-bottom:1px dotted #505050;}
.vwrWrpTbl table.vwrChks{ margin:0 auto;}
.vwrWrpTbl table.vwrChks td{ width:40px; text-align:center;}

#vwrDetails #btnZoomIn{ background:url(images/btnZoomIn.png) no-repeat;}
#vwrDetails #btnZoomOut{ background:url(images/btnZoomOut.png) no-repeat;}
#vwrDetails #btnEmail{ background:url(images/EmailButton.png) no-repeat;padding-left:1px; }
#vwrDetails #btnPrint{ background:url(images/PrintButton.png) no-repeat;}
#vwrDetails .btnSave{ background:url(images/SaveButton.png) no-repeat; padding-left:1px;}
#vwrDetails .picLink{ text-decoration:none; color:White;display:block; background:url(images/zoom.gif) no-repeat right bottom; width:120px;}
#vwrDetails .picLink img{ display:block; margin:0 0 4px 20px;}
#vwrDetails .vwrPrnEml{ width:228px; border-collapse:collapse;}
#vwrDetails .vwrPrnEml td{padding:0;}
#vwrDetails .vwrTopBtn{ margin-bottom:10px;}
/*#vwrDetails #lnkClearZoom{display:inline-block; background:#F27C07 url('images/button.png') no-repeat scroll center center; white-space:nowrap;border:none; font-weight:bold; text-decoration:none; font-family:Arial; cursor:pointer; color:#000000; text-align:center; width:104px; height:32px; line-height:32px; text-align:left; padding-left:6px;}*/

.TopLogo
{
	background-image: url(images/Logo.jpg);
	height: 122px;
	background-color: #120B21;
}

.link
{
	font-size: 13px;
	color: #fdc11e;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	cursor:pointer;
}
.txt2
{
	font-weight: normal;
	font-size: 13px;
	color: #d7d4d4;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
.header
{
	font-weight: bold;
	font-size: 15px;
	text-transform: none;
	color: #fdc11e;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
}

.txt
{
	font-size: 12px;
	color: White;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.txt1
{
	font-size: 12px;
	color: #000000;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}


.bg_page
{
	background-position: center top;
	background-attachment: scroll;
	background-repeat: no-repeat;
}
.txt3
{
	font-weight: bold;
	font-size: 13px;
	color: #d7d4d4;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
}
.style6
{
	font-size: 11px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.link1
{
	font-size: 13px;
	color: #fdc11e;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.header1
{
	font-weight: bold;
	font-size: 15px;
	text-transform: none;
	color: #fdc11e;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	text-decoration: none;
}

.NoRepeat
{
	background-repeat: no-repeat;
}

.Hiden
{
	display: none;
	visibility: hidden;
}

.Clickable
{
	cursor: pointer;
}

.Dragable
{
	cursor: move;
}

.OverlayAuto
{
	overflow: auto;
}


.Break
{
	clear: both;
}

.PagerNumbers
{
	font-size: small;
	color: White;
	padding: 3px 3px 3px 3px;
	background-color: #222222;
	border: solid 1px #212121;
	text-decoration: none;
	vertical-align: middle;
}

.PagerNumbersSelected
{
	font-size: small;
	color: #222222;
	padding: 3px 3px 3px 3px;
	background-color: White;
	border: solid 1px #212121;
	text-decoration: none;
	vertical-align: middle;
}

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: Black;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
}

.ViewerRow
{
	background-image: url(images/smallBorder.png);
	background-repeat: no-repeat;
	height: 22px;
	background-position: bottom;
	padding-top: 2px;
	padding-bottom: 2px;
}

.ViewerButton
{
	padding-bottom: 15px;
	padding-right: 15px;
	vertical-align: top;
}

.fltrAdvanced
{
	display: none;
}

.EmailFooter
{
	background-repeat: no-repeat;
	background-image: url(images/bg_popup_botom.png);
	background-position: center top;
	height: 46px;
}

.PopupBg
{
	background-repeat: no-repeat;
	background-image: url(images/bg_popup.png);
	background-position: left top;
}

.LoginBg
{
	background-repeat: no-repeat;
	background-image: url(images/bg_login.png);
	background-position: center top;
	height: 546px;
	vertical-align: top;
}

/*--- Register ---*/
.tdVrtPnl INPUT, .tdVrtPnl TEXTAREA, .tdVrtPnl SELECT, .tdVrtPnl SELECT
{
	text-align: left;
	width: 150px;	
	margin-bottom: 5px;
	border: solid 1px #dddddd;
}

#LeftSide label, #RigthSide label
{
	text-align: left;
	white-space: nowrap;
	width: 140px;
	float: left;
	color: White;
}

#LeftSide label em, #RigthSide label em
{
	padding: 0px 5px 0px 0px;
	color: Red;
}


#Welcome
{
	text-align: left;
	clear: both;
	color: White;
	padding-left: 20px;
}

#LeftSide
{
	text-align: left;
	width: 350px;
	float: left;
	padding-left: 20px;
}

#RigthSide
{
	display: block;
	text-align: left;
	width: 350px;
	float: left;
}

#Botom Div em
{
	color: Red;
}

#Botom
{
	padding-top: 20px;
	vertical-align: top;
	float: left;
	clear: both;
	width: 600px;
	color: White;
	padding-left: 20px;
}


/*--- Search Page ---*/
.SearchTop
{
	background-image: url(images/search.gif);
}

.SerachForm
{
	background-image: url(images/formBack.png);
	background-repeat: no-repeat;
}

#mydiv INPUT
{
	width: 81px;
	margin: 0 10px 0 10px;
	color: Black;
}
.SerachFormResult
{
	padding: 5px;
	white-space: nowrap;
	color: White;
	background-image: url(images/searchAgain.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100%;
}

.SerachFormResultTop
{
	background-image: url(images/searchAgain_top.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: 100%;
}

#SerachForm div
{
	padding: 5px;
	color: White;
}

#SerachForm .txt1
{
	width: 81px;
	margin: 0 10px 0 10px;
	color: Black;
}

#SerachForm SELECT
{
	width: 90px;
	font-size: 12px;
	margin: 0 10px 0 10px;
}

#SerachForm INPUT
{
	font-size: 12px;
	height: 13px;
	text-decoration: none;
}

.List TD
{
	padding: 1px;
	text-align: center;
	vertical-align: top;
	color: white;
}

#SerachForm .colorTypeFilter TD
{
	vertical-align: top;
	text-align: left;
	padding: 0px;
	margin: 0px;
	color: White;
}

.separator
{
	background-image: url(images/gridSeparate.png);
	color: White;
	padding-top: 5px;
	padding-bottom: 5px;
}

#PrintContent TD
{
	color: Black;
}

/*--- Email ---*/
#Email TD INPUT
{
	text-align: left;
	width: 234px;
	float: left;
	margin-bottom: 5px;
	border: solid 1px #dddddd;
}

#Email TD TEXTAREA
{
	text-align: left;
	width: 380px;
	float: left;
	margin-bottom: 5px;
	border: solid 1px #dddddd;
}

#Email TD label
{
	text-align: left;
	white-space: nowrap;
	width: 130px;
	float: left;
	color: white;
}
#Email TD
{
	white-space: nowrap;
}

#Email TD label em
{
	padding: 0px 5px 0px 0px;
	color: Red;
}

.RemoveFromPrint
{
}

.botomBg
{
	background-image: url(images/botom.png);
	background-repeat: no-repeat;
}

.watermark
{
	color: #777777;
	font-family: Arial Narrow;
	font-size: 12px;
	background: #ccccc;
}

#tblShapes{ width:500px;}
#tblShapes div { padding:2px; text-align:center;}
.shapesItem{ display:block; width:70px; float:left;}


.pnlReg { color:White;}
.pnlReg em{ color:Red; padding-right:2px;}
.pnlReg .tdVrtPnl{ vertical-align:top;}

.pnlReg .tdVrtPnl span{ display:block; width:300px;}
.pnlReg .tdVrtPnl span span{ display:inline-block; width:120px; }
.pnlReg .tdVrtPnl #dvRefs span span {width:80px; padding-left:30px;}
.pnlReg .tdVrtPnl input, .pnlReg .tdVrtPnl select, .pnlReg .tdVrtPnl textarea{ margin-bottom:5px; width:150px;}
.pnlReg .tblBtmBtns{margin-top:40px;}
#Welcome ,.tblForms{ padding-left: 20px;}


/*Add To Cart*/
.cartForm, .cartBtns{ margin-top:30px; color:White;}
.cartForm em{ color:Red; padding-right:2px;}
.cartForm span{ display:block; margin-bottom:10px;}
.cartForm span span{ display:inline-block; width:120px; }
.cartForm input, .cartForm select, .cartForm textarea{ margin-bottom:2px; width:300px;}
.popup{min-height: 100px; width: 210px; text-align: center; vertical-align: middle; padding: 20px; background-color:White; color:Black;}
.popup .button { margin-top:10px;}


.forgotPwd{ margin:0 auto; padding:100px; width:320px; text-align:left; font-weight:bold;}
.forgotPwd .inpUsName{ width:190px; margin:10px 0; float:right;}
.forgotPwd .frgInstr{ font-weight:normal;}
.forgotPwd td { padding-bottom:10px; text-align:left;}
.forgotPwd .button{ float:right;}

.emlButtons{ margin:30px 120px 50px;}
.mdlContent{ text-align:left;}
.ajax__validatorcallout{color:Black;}