/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText{
font-family:arial;
font-size:12px;
line-height:20px;
padding-left:9px;
}
.errorBox { font-family : arial; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, dotum, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, dotum, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  background: white;
  color: #000000;
  margin: 0px;
  font-family:dotum, Helvetica, sans-serif
}

A, A:visited{
  color: #58585A;
  text-decoration: none;
}

A:hover, A:active{
  color: #DA2287;
  text-decoration: none;
}

FORM {
	display: inline;
}

TR.header {
  background: white;
  color: black;
}

TR.headerNavigation {
  background: white;
}

TD.headerNavigation {
  font-family: arial;
  font-size: 11px;
  background: white;
  color: black;
}

.menu, a.menu{
padding: 3px 10px 3px 10px;
margin: 4px 0px 4px 0px;
float:left;
font-size:14px;
font-weight:bold;
color: #58585A;
font-family:arial;
}

A.headerNavigation { 
  color: black; 
  font-size: 11px;
  font-family: arial;
  }

A.headerNavigation:hover {
  color: black;
  font-weight: bold;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
font-family: dotum;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
font-family: dotum;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #ffffff;
  height:20px
}

TD.footer {
font-family: dotum;
  font-size: 11px;
  background: #ffffff;
  color: #ffffff;
  font-weight: bold;
}

input.search{
color:#A8A9AC;
font-size:10px;
height:18px;
margin-right:-3px;
vertical-align:middle;
margin-top:-1px;
margin: -1px -3px 2px 0px;
}

.infoBox {
}

.infoBoxContents {
font-family: dotum;
  font-size: 11px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
font-family: dotum;
  font-size: 11px;
}

TD.infoBoxHeading {
font-family: dotum;
  font-size: 14px;
  font-weight: bold;
  color: #58585A;
}

TD.infoBox, SPAN.infoBox {
font-family: dotum;
  font-size: 11px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #CCCCCC;
  border-spacing: 1px;
}

.productListing-heading {
font-family: dotum;
  font-size: 11px;
  background: #CCCCCC;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
font-family: dotum;
  font-size: 11px;
}

A.pageResults {
  color: #58585A;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
font-family: dotum;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
font-family: dotum;
  font-size: 11px;
  color: #000000;
}

TD.main, P.main {
font-family: dotum;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: dotum;
  font-size: 11px;
}

TD.accountCategory {
  font-family: dotum;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: dotum;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: dotum;
  font-size: 12px;
}

TD.tableHeading {
  font-family: dotum;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: dotum;
  font-size: 11px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: dotum;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: dotum;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: dotum;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: dotum;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: dotum;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: dotum;
  color: #ff0000;
}

SPAN.errorText {
  font-family: dotum;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, dotum, sans-serif; font-size: 11px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, dotum, sans-serif; font-size: 11px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, dotum, sans-serif; font-size: 11px; }
.messageStackError, .messageStackWarning { font-family: Verdana, dotum, sans-serif; font-size: 11px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, dotum, sans-serif; font-size: 11px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, dotum, sans-serif; font-size: 11px; color: #ff0000; }
/* custom */
#bodycontainer{
width:940px;
text-align:left;
margin: auto;
background:#ffffff;
}
#maincontent{
text-align:left;
padding-left:20px;
overflow:hidden;
}
#textmain{
}
#boxes{
margin-top:15px;
margin-bottom:10px
}
.productListing{
float:right;
width:100%;
}
#leftcolumn{
float:left;
width:150px;
}
#rightcolumn{
float:left;
width:750px;
}
#listing_container{
float:left;
text-align: left; 
padding:13px; 
width:156px;
min-height:276px;
height:270px;
}
#product_img{
padding: 2px; 
text-align: center;
overflow:hidden;
width:150px;
height:215px;
}
 
#product_name{
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:146px;
padding-left:2px;
}

#product_price{
float:left;
position:relative;top:-47px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:148px;
padding-left:2px;
}
#product_price_no_color{
float:left;
position:relative;top:-15px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:148px;
padding-left:2px;
}
A.extraimg{
padding:2px 2px 0px 0px;
}
.chart{
font-family:arial;
font-size:9px;
border:1px solid #cccccc;
}
.spec{
float:left;
font-family:arial;
position:relative;
color: 575757;
width:420px
}
.spec_label{
color:#575757;
float:left;
font-family:arial;
font-size:12px;
line-height:26px;
margin:0;
padding:0 0 0 10px;
position:relative;
width:75px;
}
.spec_detail{
color:#575757;
float:left;
font-family:arial;
font-size:12px;
line-height:26px;
margin:0;
padding:0 60px 0 0;
position:relative;
}
#mainimg{
width:306px;
height:300px;
display:inline;
}
#colors{
float:left;
position:relative;top:-15px;
display:-moz-inline-box;
display:inline-block;
width:148px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:2px;
}

/* Color Information */
ul.colorinfo li{display:-moz-inline-box; display:inline-block; align:left; width:10px; height:10px; border:1px solid #CCC; position:relative;top:-24px;}
ul.colorinfo li a{display:block; width:16px; height:16px; border:2px solid #ECECEC; overflow:hidden; *width:20px; *height:20px}
ul.colorinfo li a.on, ul.colorinfo li a:hover{border:2px double #333}
.colorinfo .red{background:#F30}
.colorinfo .blue{background:#034c8c}
.colorinfo .green{background:#008f34}
.colorinfo .olive{background:#669900}
.colorinfo .cream{background:#FFFFCC}
.colorinfo .coffee{background:#996633}
.colorinfo .tan{background:#CC9933}
.colorinfo .khaki{background:#CC9933}
.colorinfo .yellow{background:#Fcdd51}
.colorinfo .orange{background:#F90}
.colorinfo .violet{background:#92278F} 
.colorinfo .purple{background:#461B7E}
.colorinfo .pink{background:#F49AC1}
.colorinfo .beige{background:#F5F5DC}
.colorinfo .white{background:#FFF}
.colorinfo .brown{background:#804000}
.colorinfo .gray{background:#666}
.colorinfo .lightgray{background:#E8E8E8}
.colorinfo .black{background:#000}
.colorinfo .camel{background:#8A4117} 
.colorinfo .metallic{background-position:-16px -10px}
.colorinfo .multi{background:url(images/black-white-stripes.gif)} 
.colorinfo .pattern{background-position:-16px -139px}
.colorinfo .navy{background:#330099}

#colorboxes{
position:relative;left:-35px;
display:-moz-inline-box;
display:inline-block;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

/* Color Box */
ul.colorbox li{display:-moz-inline-box; display:inline-block; align:left; width:40px; height:12px; margin-right:5px; border:1px solid #CCC; }
ul.colorbox li a.on, ul.colorinfocolorbox li a:hover{border:2px double #333}
.colorbox .red{background:#F30}
.colorbox .blue{background:#034c8c}
.colorbox .green{background:#008f34}
.colorbox .olive{background:#669900}
.colorbox .cream{background:#FFFFCC}
.colorbox .coffee{background:#996633}
.colorbox .tan{background:#CC9933}
.colorbox .khaki{background:#CC9933}
.colorbox .yellow{background:#Fcdd51}
.colorbox .orange{background:#F90}
.colorbox .violet{background:#92278F} 
.colorbox .purple{background:#461B7E}
.colorbox .pink{background:#F49AC1}
.colorbox .beige{background:#F5F5DC}
.colorbox .white{background:#FFF}
.colorbox .lightgray{background:#E8E8E8}
.colorbox .brown{background:#804000}
.colorbox .gray{background:#666}
.colorbox .black{background:#000}
.colorbox .camel{background:#8A4117}
.colorbox .navy{background:#330099}
.colorbox .metallic{background-position:-16px -10px}
.colorbox .multi{background:url(images/black-white-stripes.gif)} 
.colorbox .pattern{background-position:-16px -139px}

li.navy:hover {
	border:2px double#333;
}

li.red:hover {
	border:2px double #333;
}

li.blue:hover {
	border:2px double #333;
}

li.green:hover {
	border:2px double #333;
}

li.olive:hover {
	border:2px double #333;
}

li.cream:hover {
	border:2px double #333;
}

li.coffee:hover {
	border:2px double #333;
}

li.tan:hover {
	border:2px double #333;
}

li.khaki:hover {
	border:2px double #333;
}

li.yellow:hover {
	border:2px double #333;
}

li.orange:hover {
	border:2px double #333;
}

li.violet:hover {
	border:2px double #333;
}

li.purple:hover {
	border:2px double #333;
}

li.pink:hover {
	border:2px double #333;
}

li.beige:hover {
	border:2px double #333;
}

li.white:hover {
	border:2px double #333;
}

li.lightgray:hover {
	border:2px double #333;
}

li.brown:hover {
	border:2px double #333;
}

li.gray:hover {
	border:2px double #333;
}

li.black:hover {
	border:2px double #333;
}

li.camel:hover {
	border:2px double #333;
}

li.metallic:hover {
	border:2px double #333;
}

li.multi:hover {
	border:2px double #333;
}

li.pattern:hover {
	border:2px double #333;
}


/* Daily Special */
#daily_special{
text-align:left;
width:200;   
position:relative;left:9px; top:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

#index_table{
float:top;
padding:2px;
border: 0px solid #000; 
}
.daily_special_td{  
border: 4px solid gray;	
}



#backgroundPopup{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;  
width:100%;  
top:0;  
left:0;  
background:#000000;  
border:1px solid #cecece;  
z-index:1;  
}  
#popupContact{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:300px;  
width:650px;  
background:#FFFFFF;  
border:2px solid #cecece;  
z-index:2;  
padding:12px;  
font-size:13px;  
}  
#popupContact h1{  
text-align:left;  
color:#6FA5FD;  
font-size:22px;  
font-weight:700;  
border-bottom:1px dotted #D3D3D3;  
padding-bottom:2px;  
margin-bottom:20px;  
}  
#popupContactClose{  
font-size:14px;  
line-height:14px;  
right:6px;  
top:4px;  
position:absolute;  
color:#6fa5fd;  
font-weight:700;  
display:block;
}
#popupContactClose:hover{
cursor:hand;
}

#login_google{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/    
background:#FFFFFF;     
padding:12px;  
font-size:13px;  
}  

#a_login_google:hover{
cursor:hand;
}