/*--------------------------------- 
	
updated time: 06-05-2008
		
 ----------------------------------*/


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

.container { width:100%;}

/****** 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 { content:"."; clear:both; height:0; visibility:hidden; display:block; }
.clearFloat { display:inline-block; /* Fixes IE/Mac */ }
/* Hides from IE-mac \*/

* html .clearfix { height:1%; }
.clearFloat { display:block; }

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

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 {
	margin: 0px;
	background-color:#FFF;
	color:#333;
	font:normal 11px/150% Arial;
	background: url(../img/site/background.jpg) no-repeat fixed center center;
}

.textInput{ border:1px solid #CCCCCC;}
#container{ margin:0 auto; width:869px;}
#header{ margin:0 auto; width:869px; height:110px; }
#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% Arial; 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:#EF1F97;	text-decoration:underline;}


/* ------------home------------*/
#container{ width:845px; margin:18px auto 0; border:3px solid #E0E0E0; }
#header{ width:802px; 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;}


#navi{ list-style:none; width:802px; margin:0 auto; height:31px; }
#navi li { float:left; height:31px; display:block; text-align:center; line-height:31px;}
#navi li  a:link, #navi li  a:visited{ color:#333; text-decoration:none; height:29px; display:block; line-height:31px; border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
#navi li  a.selected,
#navi li  a:hover{ color:#FFF; text-decoration:none; height:31px; display:block; line-height:31px;}
#navi li.navi01{ width:132px;  height:31px;  background:url(../img/front/navi/navi01.gif) ;}
#navi li.navi01 a{ border:0;}
#navi li.navi01 a.selected,
#navi li.navi01 a:hover{ background:url(../img/front/navi/over/navi01.gif) ;}

#navi li.navi02{ width:145px;}
#navi li.navi02 a.selected,
#navi li.navi02 a:hover{ background-color:#f56cbc;}
#navi li.navi03{ width:60px; }
#navi li.navi03 a.selected,
#navi li.navi03 a:hover{ background-color:#f56cbc;}
#navi li.navi04{ width:80px;}
#navi li.navi04 a:hover{ background-color:#f56cbc;}
#navi li.navi05{ width:95px; }
#navi li.navi05 a:hover{ background-color:#f56cbc;}
#navi li.navi06{ width:90px; }
#navi li.navi06 a:hover{ background-color:#f56cbc;}
#navi li.navi07{ width:105px; }
#navi li.navi07 a:hover{ background-color:#f56cbc;}
#navi li.navi08{ background:url(../img/front/navi/navi08.gif) ;}
#navi li.navi08 a{ border:0;}
#navi li.navi08 a:hover{ background:url(../img/front/navi/over/navi08.gif) ;}

#flashShow{ width:802px; margin:0 auto;}

#newsletter{ width:802px; margin:8px auto; height:28px; background-color:#f56cbc;}
#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 #f56cbc; font:normal 10px/17px Arial; color:#f56cbc; padding-left:3px; padding-top:2px; float:left}

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

#eventShow{ width:802px; margin:0 auto;}
.col_1{ float:left;}
.col_2{ float:left;}
.col_2 img{ padding-left:32px;}
.col_3{ float:left;}
.col_3 img{ padding-left:32px;}
.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{width:802px; 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{ margin-top:16px;}


/* -----------/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;}