@charset "utf-8";
/* CSS Document */

body {
	/*background:#fcfcfd url(../img/bg.jpg) repeat-x top;*/
	background:#fcfcfd;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#192648;
	margin: 0px;
	padding: 0px;
}

hr {
	border: 1px solid #c43b35;
	height: 2px;
	background: #c43b35;
}
.l { float: left; }
.r { float: right; }
.cleanAll, .clear { clear:both; }
.noB { border: none; }
/******************************* COMMON ***************************************/
.pageHold {
	margin: 7px auto 10px auto;
	width: 847px;
	height: 100%;
	float:inherit;
	padding: 0px 0px 0px 0px;
}
.menuBottom ul {
	margin: 0;
	padding: 0; 
	list-style-type: none; 
	list-style-image: none;
}
.menuBottom li { display: inline;}
.radar{ 
	float:left;
	background:url(../img/radar.gif);
	width:176px;
	height:60px;
}
.radar .writing{ 
	font-size:11px; 
	float:right; 
	padding:12px 20px 0px 0px;
	line-height:18px;
}
.radar .writing a{ color:#004891;  }
.items {
	background-color:#e8eff7;
	width:151px;
	border-bottom:#b6b4b4 4px solid;
	float:left;
	padding: 5px 10px 8px 15px;
}
.items ul {
	margin: 0;
	padding: 0; 
	list-style-type: none; 
	list-style-image: none;
}
.items li {
	padding: 10px 0px 10px 0px;
	line-height: 18px;
	font-size:12px;
	color:#004891;
	background:url(../img/li_bg.jpg) repeat-x bottom;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.left {
	width: 176px;
	float:left;
	padding-left:5px;
}
.right {
	width:660px;
	background-color:#FFFFFF;
	float:left;
}
.mainContainer{
	width:847px;
	background:url(../img/main.jpg) repeat-y;
	float:left;
}
.rightWhiteLine {
	width:660px;
	height:19px;
	background:url(../img/white-round-bar.gif);
	float:left;
}
.rightContent{
	width:630px;
	float:left;
	padding:0px 10px 20px 15px;
	min-height:600px;
	height:auto !important;
	height:600px;	
}
.infoLinks {
	padding: 15px;
	color: #fff;
	float: left;
}
/******************************* HEADER ***************************************/
.header {
	width:847px;
	height:62px;
	float:left;
	background-image:url(../img/banner.jpg);
}
.flashBanner {
	width:847px;
	height: 104px;
	background-image:url(../img/main.jpg);
	float:left;
}
#flash {
	float:left;
	width:842px;
	padding:0px 0px 0px 5px;
}
.sale {
	padding: 20px 20px 0px 0px;
	float: right;
}
.logo {
	float: left;
	padding: 15px 0px 0px 20px;
}
/******************************* FOOTER ***************************************/
.footer {
	background:url(../img/footer.jpg);
	width: 847px;
	height:68px;
	float:left;
	color:#fff;
	font-size:10px;
	line-height:18px;
}
.copyright{
	float:left;
 	padding:15px 0px 0px 15px;
}
.pageBottom{
	width: 100%;
	height:81px;
	float:left;
}
.writing {
	text-align:center;
	font-size:10px;
	margin: 18px auto 0px auto;
	width:840px;
}
.writing ul {
	margin: 0;
	padding: 0; 
	list-style-type: none; 
	list-style-image: none;
}
.address {
	color:#fff; 
	float:right;
	padding: 0px 15px 0px 0px;
	width: 50%;
	text-align:right;
}

.backlink { float: right;  }
.backlink p { font-size: 11px; padding: 0px 20px 0px 0px; margin: 0px; color: #bebebe; }
.backlink a { color: #87a0ba; }

/******************************* MENU ***************************************/
.menu {
	width:847px;
	height: 36px;
	float: left;
	background-image:url(../img/menu-bg.jpg);
	color:#fff;
}
.menuBtn{
	float:left;
	padding: 12px 0px 0px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.menuBtn ul {
	margin: 0;
	padding: 0; 
	list-style-type: none; 
	list-style-image: none;
}
.menuBtn li { display: inline;}
.shopping{
	float:right;
	font-size:10px;
	padding: 12px 10px 0px 0px;
}
.menuBottom{
	float:right;
	padding:15px 15px 0px 0px; 
	text-align:right;
}
/******************************* ANCHORS ***************************************/

a { font-family:Verdana, Arial, Helvetica, sans-serif; color: #1278AF; }
.shopping a, .members a { color:#fff;}
.items li a, .radar a{
	text-decoration:none;
	color:#004891;
}
.items li a:hover{
	text-decoration:underline;
	color:#1271DA;
}
.writing a{color:#1d4b7a;}
.menuBottom a { color: #fcfdfe }
.categoryHold li a {
	font-size: 10px;
	color: #1271DA;
}	
h2 a {
	font-size: 16px;
	color: #1263B4;
	font-weight: normal;
}
h2 a:hover { color:#308FEF; }
a.small {
	font-size: 12px;
	color: #1263B4;
	font-weight: normal;
}
p a { color: #268ff8; }
p a:hover { color: #7aa0e9; }
.menuBtn a { text-decoration:none; color:#fff; }
.menuBtn a:hover { text-decoration:underline; color:#2a97fe;}
.infoLinks a {
	color: #fff;
	text-decoration:none;
	line-height: 14px;
}
/******************************* TYPOGRAPHY ***************************************/
h1 {
	color:#004791;
	font-size:18px;
	font-weight:bold;
	margin: 0px;
}
.items h1 {
	font-size:16px;
	margin: 0px;
	padding-top: 10px;
}
p{ font-size:12px; line-height:18px; }
.members p {
	color: #fff;
	text-align:right;
	padding: 10px 15px 0px 0px;
	font-size: 11px;
	margin: 0px;
}
.sale p {
	font-size: 10px;
	color:#fff;
	line-height:14px;
	padding: 0px;
	margin: 0px;
	text-align:right;
}
.radar p { 
	padding: 12px 0px 0px 65px; 
	margin: 0px;
	font-size: 10px;
	color: #fff;
	font-weight: bold;
}
.copyright p, .address p  {
	padding: 0px;
	margin: 0px;
	color: #c3c4c5;
	font-size: 11px;
}
.prdAccHold p, .prdAccHold h2 {
	text-align:center;
}
h2 {
	font-size: 14px;
	clear: both;
	margin: 0px;
	color: #1266e2;
}
.loginFrm h2 a {
	font-size: 12px;
}
h3 {
	font-size: 11px;
	line-height: 14px;
	padding: 0px;
	margin: 0px;
}
h5 {
	font-size: 12px;
	color: #fff;
	font-weight:normal;
	line-height: 11px;	
	margin: 0px;
	padding: 8px 0px 0px 0px;
}
.shoppingCartH1 h5 { padding-left: 10px; }
label {
	font-size: 12px;
	font-weight: bold;
}
/******************************* FORMS ***************************************/
.frmRow {
	clear:both;
	padding:2px 0px 0px 0px;
}
.note {
	color:#666666;
	font-size:11px;
}
.comp {
	clear:both;
	text-align:center;
	padding:9px 0px 9px 0px;
}
.label {
	color: #333;
	float:left;
	padding:2px 1px 2px 1px;
	font-size:11px;
	vertical-align:top;
	text-align:right;
}
.ele {
	color:#000000;
	float:right;
	padding:6px 1px 2px 1px;
	font-size:11px;
	vertical-align:top;
	text-align:left;
}
.req { color:#D10E48; font-size: 10px; }

.flDiv {
	float:left;
	width:49%;
}

input, textarea { border: 1px solid #999999; }

.divUpdateFrm { padding:15px 0px 15px 0px; float: left; }
.divUpdateFrm .frmTbl { width:100%; }
.divUpdateFrm .label { width:25%;}
.divUpdateFrm .ele { width:73%; text-align:left;}

.divChangePwFrm { padding:15px 0px 15px 0px; float: left; }
.divChangePwFrm .frmTbl { width:100%; }
.divChangePwFrm .label { width:25%;}
.divChangePwFrm .ele { width:73%; text-align:left;}

.divLoginFrm { padding:15px 0px 15px 0px; float: left; }
.divLoginFrm .frmTbl { width:100%; }
.divLoginFrm .label { width:25%;}
.divLoginFrm .ele { width:73%; text-align:left;}

#divLoginFrm .label { clear:both; float:none; text-align:left; }
#divLoginFrm .ele { clear:both; float:none; text-align:left; }

.divOrderDetFrm { width:100%; }
.divOrderDetFrm .label { width:40%; font-weight: bold; }
.divOrderDetFrm .ele { width:58%; padding-top: 2px; }

.divContactFrm .label { width:25%;color:#333; font-weight:bold;}
.divContactFrm .ele { width:73%; font-weight:100; padding-top: 2px; }

.divRetPassword .label { width:25%;color:#333; font-weight:bold;}
.divRetPassword .ele { width:73%; font-weight:100; padding-top: 2px; }

.divRegFrm { padding:8px 8px 8px 8px; }
.divRegFrm .frmTbl { width:65%; }
.divRegFrm .fl {
	float:left;
	width:49%;
}
.divRegFrm .label { clear:both; float:none; text-align:left; padding: 3px 0px 1px 0px; font-weight: bold; }
.divRegFrm .ele { clear:both; float:none; text-align:left; padding:1px 0px 1px 0px;}

.divShipBillFrm { padding:8px 8px 8px 8px; }
.divShipBillFrm .frmTbl { width:65%; }
.divShipBillFrm .fl {
	float:left;
	width:49%;
}
.divShipBillFrm .label { clear:both; float:none; text-align:left; padding: 3px 0px 1px 0px; font-weight: bold; }
.divShipBillFrm .ele { clear:both; float:none; text-align:left; padding:1px 0px 1px 0px;}


.divMainListingTable {
	clear:both;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
}
.mainListTable
{
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	width:100%;
}
.mainListTable th
{
	background-color: #FFFFFF;
	border:1px solid #999999;
	color:#454d60;
	padding:5px 2px 5px 2px;
	font-size:12px;
	text-align:center;
}
.mainListTable .short {
	background-color: #E9E9E9;
	height:21px;
}
.mainListTable td {
	color:#000000;
	border:1px solid #DDDDDD;
	height:20px;
	font-size:11px;
}
.mainListTable .shortTD {
	background-color: #F0F0F0;
	border:1px solid #CCCCCC;
	height:20px;
	font-size:11px;
}
.mainListTable th a {
	font-size:12px;
	text-decoration: none;
	color:#000000;
}
.mainListTable th a:selected {
	font-size:12px;
	text-decoration: none;
	color:#000000;
}
.mainListTable th a:hover {
	text-decoration:underline;
	color:#333333;
}
.mainListTable td a {
	font-size:11px;
	text-decoration: none;
	color:#666666;
}
.mainListTable td a:selected {
	font-size:11px;
	text-decoration: none;
	color:#666666;
}
.mainListTable td a:hover {
	text-decoration:underline;
	color:#000000;
}
.mainListTable #adminlist td { background-color: #EAFFEA; }
.checkoutBtn, .confirmBtn, .submitBtn {
	width: 146px;
	height: 46px;
	border:none;
	cursor:pointer;
}
.checkoutBtn { background:url(../img/button_checkout.jpg) no-repeat; }
.submitBtn { background:url(../img/button_submit.jpg) no-repeat; }
.confirmBtn { background:url(../img/button_confirm.jpg) no-repeat; }
.updateBtn, .removeBtn, .loginBtn, .sendBtn, .registerBtn, .modifyBtn {
	width: 72px;
	height: 23px;
	border:none;
	cursor:pointer;
}
.updateBtn{ background:url(../img/button_update.jpg) no-repeat; }
.removeBtn { background:url(../img/button_remove.jpg) no-repeat; }
.loginBtn { background:url(../img/button_login.jpg) no-repeat; }
.sendBtn { background:url(../img/button_send.jpg) no-repeat; }
.registerBtn { background:url(../img/button_register.jpg) no-repeat; }
.modifyBtn { background:url(../img/button_modify.jpg) no-repeat; }

/******************************* SYSTEM MESSAGES ***************************************/
#sucMsg {
	font-size:13px;
	border:1px solid #a9d260;
	background-color: #fafff1;
	margin: 15px 0px 15px 0px;
	padding:10px 10px 10px 10px;
	color: #6c985f;
	font-weight:normal;
	text-align:center;
	width: 96%;
}
#systemErrDiv {
	text-align:center;
	width:96%;
}
#errorTable, #errorTableFront {
	border:solid #E4AC58 1px;
	margin: 15px auto 15px auto;
	padding: 5px;
	text-align: left;
	background-color:#FDF1E3;
	width:96%;
}
#errorTable #head, #errorTableFront #head {
	font-size:12px;
	margin:5px auto;
	text-align:center;
	font-weight:normal;
	color:#FF9900;
}
#errStr {
	border:solid #D10E48 1px;
	margin:15px 0px 15px 0px;
	padding:10px 10px 10px 10px;
	text-align:center;
	font-weight:bold;
	color: #D10E48;
	font-size:12px;
	background:#FCC2D2;
}
#errPnt, #errPnt a {
	font-size:11px;
	color:#FF9900;
	margin:5px 5px 5px 10px;
}
.jsErr {
	color: #BF2B2B;
	font-size: 10px;
}
.ajaxErr {
	font-size: 10px;
	color: #D10E48;
}

/******************************* CATEGORY LIST ***************************************/
.categoryHold {
	float: left;
	padding: 10px 0px 40px 0px;
}
.categoryHold ul { 
	margin: 0px;
	padding: 0px;
	
}
.categoryHold li {
	list-style:none;
	display:inline;	
}
.categoryImg {
	float: left;
	width: 150px;
	padding: 10px 20px 0px 0px;
	text-align: center;
	vertical-align:middle;
}
.categoryDesc {
	width: 460px;
	float: left;
}

.featuredImg {
	float: left;
	width: 320px;
	padding: 10px 20px 0px 0px;
	text-align: center;
	vertical-align:middle;
}
.featuredDesc {
	width: 290px;
	float: left;
}


/******************************* PRODUCT INFO ***************************************/
.prdHold {
	padding: 0px 0px 20px 0px;
	float: left;
}
.prdImg {
	float: left;
	width: 190px;
	text-align:center;
	padding: 30px 40px 20px 0px;
}
.prdInfo {
	float: right;
	width: 400px;
	padding: 20px 0px 0px 0px;
	min-height:200px;
	height:auto !important;
	height:200px;
	
}
.prdInfo li {
	font-size: 11px;
}
.prdAcc {
	width: 100%;
	float: left;
	padding: 20px 0px 0px 0px;
}
.prdAccHold {
	float: left;
	width: 180px;
	padding: 10px 15px 0px 15px;
}
.prdAccImg {
	height: 100px;
	text-align:center;
}
.prdAddCart {
	float: left;
	width: 190px;
	padding: 20px 0px 0px 0px;
}
.prdAddCartQty {
	padding: 20px 0px 0px 0px;
	text-align:center;
}
.prdAddCartBtn {
	padding: 20px 0px 0px 0px;
	text-align:center;
}
.prdAddCartBtnSm {
	padding: 40px 0px 0px 0px;
	text-align:center;
}
.cartQty {
	font-size: 10px;
	color: #333;
	padding-top: 10px;
	text-align:center;
}

/******************************* SHOPPING CART ***************************************/

.shoppingCartHold {
	border: 1px solid #666;
}
.shoppingCart { background: #f8f8f9; }
.shoppingCart0 { background: #ededef; }
.shoppingCart, .shoppingCart0 {
	width: 100%;
	float: left;
}

.shoppingCartH {
	padding: 0px 0px 0px 0px;
	clear: both;
	height: 30px;
	background: #618bd8;
	border-top: 1px solid #91B5F9;
	border-bottom: 1px solid #91B5F9;	
}
.shoppingCartH1 { width: 348px; text-align:left; }
.shoppingCartH2 { width: 60px; text-align:center; }
.shoppingCartH3 { width: 80px; text-align:center; }
.shoppingCartH4 { width: 60px; text-align:center; }
.shoppingCartH5 { width: 80px; text-align:center; }
.shoppingCartH6 { width: 60px; text-align:center; }

.shoppingCartH1, .shoppingCartH2, .shoppingCartH3, .shoppingCartH4, .shoppingCartH5, .shoppingCartH6 { float: left;}

.shoppingCart1, .shoppingCart2, .shoppingCart3, .shoppingCart4, .shoppingCart5, .shoppingCart6 {
	font-size: 11px;
	padding-top: 20px;
	float: left;
}

.shoppingCart1 {
	width: 80px;
	padding: 10px;
	text-align: center;
}
.shoppingCart2 { width: 250px; }
.shoppingCart3 {
	width: 60px;
	text-align:center;
	color: #333;
}
.shoppingCart4 {
	width: 80px;
	text-align:center;
	color: #0798E3;
	padding-top: 14px;
}
.shoppingCart4 input { 
	color: #333;
	text-align: center;
	padding: 4px 0px 0px 0px;
	height: 18px;
	overflow:hidden;
}
.shoppingCart5 {
	width: 70px;
	text-align:center;
	color: #FA3434;
	font-weight: bold;
}
.shoppingCart6 {
	width: 60px;
	text-align:center;
}
.shoppingCartTotal {
	clear: both;
	height: 20px;
	background: #c43b35;
	border-top: 1px solid #F8A9A9;
	border-bottom: 1px solid #F8A9A9;
}	
.shoppingCartTotal p {
	text-align:right;
	color: #fff;
	font-weight:bold;
	padding: 0px 20px 0px 0px;
	margin: 0px;
}
.shoppingCartShipping p {
	text-align:right;
	color: #fff;
	padding: 0px 20px 0px 0px;
	margin: 0px;
}
.shoppingCartShipping {
	clear: both;
	height: 20px;
	background: #7aa0e7;
	border-top: 1px solid #91B5F9;
	border-bottom: 1px solid #91B5F9;
}	
.shoppingCartBtns {
	height: 60px;
	padding: 20px 0px 0px 0px;
}
.shoppingCartBtns img { padding: 0px; }
.shoppingCartNotice {
	clear: both;
	text-align: right;
	padding: 20px 0px 20px 0px;
}
.shoppingCartNotice p { 
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	line-height: 14px;
	color: #666666;
}

/******************************* LOGIN ***************************************/
.loginFrm {
	float: left;
	width: 250px;
	padding: 20px;
}
.regInfo {
	float: left;
	width: 340px;
	padding: 20px 0px 0px 0px;
}
/******************************* MEMBER MODULE ***************************************/

.orderHold {
	float: left;
	margin: 20px 0px 20px 0px;
	padding: 10px 0px 10px 0px;
	border: 1px solid #666;
}
.orderH {
	float: left;
	width: 100%;
}
.orderH1, .orderH2, .orderH3, .orderH4, .orderH5, .orderH6, .orderH7, .orderH8, .orderH9 {
	float: left;
	font-weight: bold;
	font-size: 12px;
	text-align:center;
}
.orderH1 { width: 10px; padding-left: 10px; }
.orderH2 { width: 155px; }
.orderH3 { width: 105px; }
.orderH4 { width: 50px; }
.orderH5 { width: 80px; }
.orderH6 { width: 120px; }
.orderH7 { width: 60px; }
.orderH8 { width: 80px; }
.orderH9 { width: 50px; padding-right: 10px; }

.order {
	float: left;
	width: 100%;
	padding: 10px 0px 10px 0px;
}
.order1, .order2, .order3, .order4, .order5, .order6, .order7, .order8, .order9 {
	float: left;
	font-size: 11px;
} 
.order1 { width: 10px; text-align:center; padding-left: 10px; }
.order2 { width: 155px; text-align:center; }
.order3 { width: 105px; text-align:center; }
.order4 { width: 50px; text-align:center; }
.order5 { width: 80px; text-align:center; }
.order6 { width: 120px; text-align:center; }
.order7 { width: 60px; text-align:center; }
.order8 { width: 80px; text-align:center; }
.order9 { width: 50px; text-align:center; padding-right: 10px; }

/******************************* ORDER DETAIL ***************************************/
.noteHold { padding-top: 20px; }
.note { background: #f8f8f9; }
.note0 { background: #ededef; }

.noteDate {
	font-size: 10px;
	font-weight: bold;
	padding: 10px 10px 0px 10px;
	color: #333;
}
.note p, .note0 p {
	padding: 0px 10px 10px 10px;
	color: #333;
}
/******************************* CONTACT US ***************************************/
.map {
	float: left;
	margin: 20px 0px 20px 0px;
	width: 100%;
	height: 300px;
	border: 1px solid #666;
}
/******************************* CONFIRM ORDER ***************************************/
.shipBillInfo {
	float: left;
	width: 300px;
}

.confirmHold {
	border: 1px solid #666;
}
.confirm { background: #f8f8f9; }
.confirm0 { background: #ededef; }
.confirm, .confirm0 {
	width: 100%;
	float: left;
}

.confirmH {
	padding: 0px 0px 0px 0px;
	clear: both;
	height: 30px;
	background: #618bd8;
	border-top: 1px solid #91B5F9;
	border-bottom: 1px solid #91B5F9;	
}
.confirmH1 { width: 378px; text-align:left; padding-left: 20px; }
.confirmH2 { width: 60px; text-align:center; }
.confirmH3 { width: 80px; text-align:center; }
.confirmH4 { width: 60px; text-align:center; }
.confirmH5 { width: 80px; text-align:center; }
.confirmH6 { width: 60px; text-align:center; }

.confirmH1, .confirmH2, .confirmH3, .confirmH4, .confirmH5, .confirmH6 { float: left;}

.confirm1, .confirm2, .confirm3, .confirm4, .confirm5, .confirm6 {
	font-size: 11px;
	padding-top: 20px;
	float: left;
}

.confirm1 {
	width: 80px;
	padding: 10px;
	text-align: center;
}
.confirm2 { width: 290px; }
.confirm3 {
	width: 60px;
	text-align:center;
	color: #333;
}
.confirm4 {
	width: 80px;
	text-align:center;
	color: #0798E3;
}

.confirm5 {
	width: 70px;
	text-align:center;
	color: #FA3434;
	font-weight: bold;
}
.confirm6 {
	width: 60px;
	text-align:center;
}
.confirmTotal {
	clear: both;
	height: 20px;
	background: #c43b35;
	border-top: 1px solid #F8A9A9;
	border-bottom: 1px solid #F8A9A9;
}	
.confirmTotal p {
	text-align:right;
	color: #fff;
	font-weight:bold;
	padding: 0px 20px 0px 0px;
	margin: 0px;
}
.confirmShipping p {
	text-align:right;
	color: #fff;
	padding: 0px 20px 0px 0px;
	margin: 0px;
}
.confirmShipping {
	clear: both;
	height: 20px;
	background: #7aa0e7;
	border-top: 1px solid #91B5F9;
	border-bottom: 1px solid #91B5F9;
}	
.confirmBtns {
	height: 60px;
	padding: 20px 0px 0px 0px;
}
.confirmBtns img { padding: 0px; }
.confirmNotice {
	clear: both;
	text-align: right;
	padding: 20px 0px 20px 0px;
}
.confirmNotice p { 
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	line-height: 14px;
	color: #666666;
}
/******************************* INTER ***************************************/
.paypalLoading {
	width: 300px;
	margin: 0px auto;
	text-align: center;
	padding: 100px 0px 100px 0px;
}
.ajaxLoader {
	text-align: center;
	padding: 40px 0px 0px 0px;
}

/******************************* ABOUT ***************************************/
.aboutImages {
	float: left;
}
.aboutText {
	float: left;
	width: 405px;
	padding-right: 20px;
}