@font-face {font-family: "Segoe Script"; src: url(../img/site/segoescb.ttf);}
@font-face {font-family: "Viner Hand ITC"; src: url(../img/site/vineritc.ttf);}
/*--------------------------------- 
	
updated time: 06-05-2008
		
 ----------------------------------*/


/*----------------- GLOBAL ------------------*/
form, p, h2, h3, h4, h5, h6, h7, span, ul, li { margin: 0px; padding: 0px; }
.lowerLight {color: #999;}

h1 {
font-size:25px; color: #999; font-family: Geneva, Arial;
}
/****** Sortable Styles ******/
/* a style which makes div touch the bottom of content */
.clear { border:1px solid transparent !important; margin-top:-1px !important; border-top:0; margin-top:0; clear:both; visibility:hidden; }
/* clearFloat */
.clearFloat:after {visibility: hidden; clear: both; display: block; height: 0px; content: "."}
.clearFloat {zoom: 1;}

td, p {
	font:normal 11px/150% Arial;
	color:#000000;
	text-decoration: none;
}
a         {color:#666; text-decoration: none;}
a:hover   {color:#f09; text-decoration: underline;}

select{font:normal 11px/150% Arial; }
img { border: none; margin:0; padding:0 }

.space1px{ height:1px; clear:both; font-size:1px; margin:0 auto; }
.space4px{ height:4px; width:90%; clear:both; font-size:1px;}
.space8px{ height:8px; font-size:1px; visibility:hidden; clear:both; width:10px; margin:0 auto;}
.space12px{ height:18px; font-size:1px; visibility:hidden; clear:both; width:10px; margin:0 auto;}
.space24px{ height:24px; visibility:hidden; clear:both; }
.space30px{ height:30px; visibility:hidden; clear:both; }
.space96px{ height:96px; visibility:hidden; clear:both; }
.space50px{ height:180px; visibility:hidden; clear:both; }

body {
	overflow-x: hidden;
	margin: 0px;
	background-color:#FFF;
	color:#333;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../img/site/background.gif);
}

.textInput{ border:1px solid #CCCCCC;}
#header{margin:0 auto;}
#Logo{ padding:12px 0 0 34px;}
#leftPannel{ float:left; width:204px; background:#B3BDD3;}
#leftPannel form{ padding:0; margin:0; padding:4px;}
#leftPannel form select{ width:104px; height:18px;}
.field{ width:175px; margin:0 auto; height:24px;}
.seeallfield{ width:175px; margin:0 auto; height:28px; line-height:28px;}
.field label, .seeallfield label{ width:54px; text-align:right; float:left; padding-right:3px; }
#rightPannel{ float:right; width:657px; }
img.sep{ margin-top:18px;}
.orange{ color:#FF6600;}


/*----------------- / GLOBAL ------------------*/

#headerRight           { font:Bold 12px/150% Arial; color:#666;	text-decoration:none;}
#headerRight a:link    { font:Bold 12px/150% "Segoe Script"; color:#666;	text-decoration:none;}
#headerRight a:visited { font:Bold 12px/150% Arial; color:#666;	text-decoration:none;}
#headerRight a:hover   { font:Bold 12px/150% Arial; color:#f09;	text-decoration:underline;}


/* ------------home------------*/
#outerShell, #pageBottom {margin: 0px auto; width: 1054px; background-image: url(../img/site/bg_shadow_top.png);}
#outerBox {margin: 0px 15px; background-color: #fff;}
#container{margin: 0px 32px; padding-top: 20px;}
#pageBottom {background-repeat: no-repeat; background-image: url(../img/site/bg_shadow_bottom.png); line-height: 4em;}
#pageBottom span {margin-left: 40px;}
#header{margin:0 auto;  }
#logo{float:left; width:268px; height:48px; padding-top:28px; }
#slogan{ float:left; width:166px; height:48px; background:url(../img/front/slogan.gif) left bottom no-repeat; padding-top:28px; }
#headerRight{ float:right; width:360px;height: 28px;}
#currentUserArea{text-align:right; height:32px; padding-top:12px; }
#basket-img{ float:right; margin-top:-25px; padding-right:5px;}
#searchForm{ float:right; width:274px; padding-top:20px;}
#btnSearchGo{ float:right; padding-top:6px;}
#searchArea{ float:right; width:300px;height: 20px;}
#btnSearchGo{}
#searchAreaLine1{ font:normal 11px/125% Tahoma; color:#666666;}
#searchAreaLine1 em{ font-weight:normal; color:#333; text-decoration:none; font-weight:normal; font-style:normal;}
#searchAreaLine1 em a:link, #searchAreaLine1 em a:visited{font:normal 11px/125% Tahoma; font-weight:normal; color:#C36FFF; text-decoration:underline;}
#searchAreaLine1 em a:hover{ color:#333; text-decoration:none;}
.keywordInput{ width:90px; height:14px;  font:normal 10px/17px Arial;}
#nav1-list{ list-style:none; padding:0px 0 0 0; float:right;}
#nav1-list li{ float:left;}

.headBar {margin-left: auto; line-height: 32px;}
.headBar a {overflow: hidden; display: block; height: 40px; float: left; background-position: left top; margin: 0 1em; text-indent: 999px; }
.headBar a:hover {background-position: left 40px;}

.headerbar {margin: 0; line-height: 30px; float:left;}
.headerbar a {overflow: hidden; display: block; height: 22px; background-position: left top; margin: 0; text-indent: 999px; }
.headerbar a:hover {background-position: left 24px;}

.floatLeft {float: left;}
#navi {margin-left: 50px; list-style:none; z-index: 999; position: absolute; text-align: left; font-size: 1.5em;}
#navi > li {float: left;}
#navi ul, #navi li{text-align: left; list-style-type: none; padding: 0px; margin: 0px;}
#navi ul {margin-left: -6px; width: 240px; position: absolute;}
#navi ul ul {clear: left; width: 200px; margin-left: 180px; margin-top: -36px; *margin-top: 0px; *margin-left: -10px;}
#navi ul li {width: 192px; float: left; padding:0 24px; font-size: 0.8em; background-image: url(../img/site/bg_main_menu_middle.png);}
#navi ul ul li {width: 152px; clear: left; background-image: url(../img/site/bg_sub_menu_middle.png);}
#navi ul {display: none;}
#navi li:hover > ul {display: block;}
#navi ul a {width: 100%;}
#navi ul a, #navi ul a:link, #navi ul a:visited, #navi ul a:active {color: #f09;} 
#navi ul a:hover {text-decoration: none; color: #333;} 
#navi .lv1_bottom {width: 100%; padding: 0; height: 37px; overflow: hidden; background-image: url(../img/site/bg_main_menu_bottom.png);}
#navi .lv2_bottom {width: 100%; padding: 0; height: 37px; overflow: hidden; background-image: url(../img/site/bg_sub_menu_bottom.png); background-position: -1px top;}
#navi ul .title {display: block; line-height: 36px; border-top: 1px solid #ccc;}
#navi ul ul .title {line-height: 30px;}
#navi .hasChild {background-image:url("../img/site/trangle.png"); background-position:right center; background-repeat:no-repeat;}
#navi ul > li:first-child > .title {border-top: none;}

#navi > li > .title {display: block; background-position: center top; height: 48px; text-indent: -9999px; color: #f09;}
#navi > li > .title.selected {background-position: center -48px;}
#navi > li:hover > .title {background-position: center -48px;}
#navi .navi01 {background-image: url(../img/site/main_menu_0.png);}
#navi .navi02 {background-image: url(../img/site/main_menu_1.png);}
#navi .navi03 {background-image: url(../img/site/main_menu_2.png);}
#navi .navi04 {background-image: url(../img/site/main_menu_3.png);}
#navi .navi05 {background-image: url(../img/site/main_menu_4.png);}
#navi .navi06 {background-image: url(../img/site/main_menu_5.png);}
#navi .navi07 {background-image: url(../img/site/main_menu_6.png);}
#navi .navi08 {background-image: url(../img/site/main_menu_7.png);}

#flashShow{margin:0 auto;}

#newsletter{ width:802px; margin:8px auto; height:28px; background-color:#f09;}
#newsletterTitle{ padding:7px 12px 0 28px; float:left;}

.newsletterForm{ float:left; height:28px; width:153px; padding-top:3px;}
.newsletterInput{ width:116px; height:17px; border:1px solid #f09; font:normal 10px/17px Arial; color:#f09; padding-left:3px; padding-top:2px; float:left}

.newsletterGo{ border:0; float:left; width:22px; padding-top:2px;}

#eventShow{margin: 15px auto 0px;}
.col_1{ float:left;}
.col_2{ float:left;}
.col_2 img{margin-left:10px;}
.col_3{ float:right;}
.col_3 img{}
.col_sep{ float:left; width:1px; background:url(../img/front/sep.gif); height:133px;}

#downLinks{ width:800px; height:26px; border:1px solid #C2C2C2; margin:6px auto; list-style:none;}
#downLinks li{ float:left; padding-top:5px; }
#downLinks li.first{ padding-left:12px;}

#footer{ margin:0 auto; border-top:1px solid #CCCCCC; padding-top:12px;}
#footer img{ float:right; padding-right:5px; margin-bottom:18px;}


/* -----------/home--------------*/




/* -----------internal--------------*/
#subNavi{ width:802px; margin:0 auto; background-color:#C36FFF; height:30px; display:block; line-height:30px; text-align:center; color:#FFFFFF; margin-bottom:10px;}
#subNavi a:link, #subNavi a:visited{ padding:0 6px; color:#FFFFFF; text-decoration:none;}
#subNavi a.selected:link{ font-weight:bold;}
#subNavi a:hover{ padding:0 6px; color:#FFFFFF; text-decoration:underline;}

.pagesLink{ text-align:right; margin:12px 30px 6px 0; height:30px; }
.pagesLink, .pagesLink a:link, .pagesLink a:visited{ font:normal 11px/32px Arial; color:#333; }
.pagesLink span{ font:bold 12px/150% Arial; color:#C36FFF;}
.pagesLink a:hover{ color:#C36FFF; text-decoration:none;}



.prodAllwrap{ width:71px; margin:0 auto; }
.prodThumbwrap{width:71px; background:url(../img/front/views_bottom_bg.png) repeat-y; text-align:center; }
.proThumb{ padding-right:3px;}
#prodThumb1 a, #prodThumb2 a, #prodThumb3 a, #prodThumb4 a { border:1px solid #CCCCCC; width:40px; height:40px; display:block; margin:0px auto 6px;	}
#prodThumb1 a:hover, #prodThumb2 a:hover, #prodThumb3 a:hover, #prodThumb4 a:hover { border:1px solid #C36FFF; width:40px; height:40px;  display:block;}
table.extraLinks{ margin-top:-18px;} 
td.description{border:1px solid #CCCCCC; border-top:0; background-color:#F7F7F4;}
.proDesc{ padding:12px;}	


#prodName {color:#666;font-family:'Trebuchet MS',Arial,'Times New Roman'; font-size:16px;font-weight:bold;text-transform:uppercase; margin-top:12px;}
#fabric {color:#767675;font-size:10px;font-style:italic; margin-bottom:12px;}
#productOldPrice{ font:bold 16px/150% trebuchet ms; color:#B7B7B7; text-decoration: line-through; margin-top:16px;}

#productNewPrice{font:bold 16px/150% Arial; color:#C36FFF;}
.boldtext{ font-weight:bold;}
#chooseColor{}


/* -----------/internal--------------*/


.usaadd {
	float:left;
	width:440px;
	height:215px;
	text-align:center;
}
 .usaaddli{ width:210px; height:100px; float:left;}
 .carttol{
 float:left; 
 position:relative; 
 top:-17px;
 *top:-13px !important;
*top:-13px;
margin-right:1px;
 }
 .submit1 {
background:none;
border:0;
margin-left:21px;
*margin-left:0px !important;
*margin-left:0px;
}
.left_server a{
font-size:14px;

}
.i09_righthead {
	font-size: 14px;
}
.i12_abcd_menu {
	width: 20px;
	height: 22px;
	float: left;
	cursor:pointer;
	background-image: url(../img/front/ec_abcd.gif);
	background-repeat: no-repeat;
	margin-left: 2px;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
}
.i12_abcd_menu a { display:block;  font-size: 14px; font-weight: bold;color:#333333; text-decoration:none;}

a.infooter {color: #c3c3c3; font-family: Geneva, Calibri, Arial; font-size: 12px; margin-left:10px;}

.static_page_content, .static_page_about {
	line-height: 1.2em;
	font-size: 13px;
	font-family: Arial;
	float: left;
	color: #999;
	width: 300px;
}
.static_page_content {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../img/site/static_left_border.png);
	min-height: 420px;
	width: 625px;
	float: left;
}
.static_page_content strong, .static_page_about strong {font-size: 13px; color: #666; font-family: Arial; line-height: 1.2em;}
.static_page_content p, .static_page_about p {font-size: 13px; color: #999; font-family: Arial; line-height: 1.2em;}
.static_page_content a {text-decoration: underline;}