@charset "utf-8";
/* CSS Document for catiffany.com by eric 04-20-09*/
*{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
a img{ border:0px;}
html,body{ background:#323232 url(../images/bodybg.gif) repeat-x scroll center top;}
ul{ list-style:none;}

/*--------------------------------------------------links stylesheets-----------------------------------------------*/
a{ color:#999; text-decoration:none;}
a:link,a:visited{ color:#999; text-decoration:none;}
a:hover{ color:#15B1E4; text-decoration: underline;}

/*--------------------------------------------------layout stylesheets-----------------------------------------------*/
.layout{ width:951px; margin:0 auto; height:auto;}
.box{ float:left; width:951px;height:auto; clear:both; background-color:#ffffff;}
/*--------------------------------------------------header stylesheets-----------------------------------------------*/
#header{ width:100%; height:106px; float:left; position:relative; background:#333 url(../images/topbg.gif) repeat-x scroll center bottom ;}
#logo{
	position:absolute;
	top:12px;
	left:10px;
	width:267px;
	height:38px;
}
#menu{
	position:absolute;
	top:10px;
	right:0px;
	text-align:right;
}
#menu a{ padding:2px 10px; display:inline;}
#nav{
	position:absolute;bottom:0px; left:0px; width:100%; height:37px;  font: bold 16px/37px "Trebuchet MS", Arial, Helvetica, sans-serif; overflow:hidden; text-align:left;}
#nav a{ float:left; width:145px; height:37px; color:#fff; text-align:center; background:url(../images/navbg.gif) no-repeat;}
#nav a:link,#nav a:visited{ color:#fff; text-decoration:none;}
#nav a:hover{ color:#fff; text-decoration:none; background:url(../images/navbg.gif) 0 -37px no-repeat;}
#currency{
	position:absolute;
	top:3px;
	right:px;
	left: 292px;
	height:20px;
	width: 148px;
	overflow:hidden;
}
#new {
	position:relative;
	left:104px;
	top:50px;
	width:47px;
	height:47px;
}
#search{
	position:absolute;
	bottom:45px;
	left:711px;
	width: 237px;
	height:22px;
}
#searchtittle{ float:left; padding:5px 5px 0 0; color:#fff;}
.inputs{ float:left; padding:2px; width:158px; height:18px; border:0; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#5e5e5e;}
.go{float:left; width:23px; height:22px; background:url(../images/go.gif) no-repeat; cursor:pointer; border:0;}
#carts{
	position:absolute;
	bottom:83px;
	left:619px;
	width: 81px;
	padding-left:35px;
	color:#999;
	background:url(../images/carttop.gif) 5px 0px  no-repeat;
}
#account{
	position:absolute;
	bottom:70px;
	left:583px;
	top: 43px;
	font-size:14px;
	color:#999;
}
#accountlogin{
	position:absolute;
	bottom:70px;
	left:400px;
	top: 43px;
	font-size:14px;
	color:#999;
}

/*--------------------------------------------------subside stylesheets-----------------------------------------------*/
#container{ float:left; width:951px; height:auto; clear:both;}
.showbanner{ float:left; width:951px; height:260px;}
.leftbox{ width:188px; float:left; height:auto; background-color:#e2e2e2;}
.leftbox ul{font-size:11px;width:100%; height:auto;padding:10px 0;}
.leftbox ul li{list-style:none;clear:both; }
.leftbox ul li a{ display:block; line-height:180%;width:165px; padding-left:10px;  font-size:12px;}
.leftbox ul li a:link,.leftbox ul li a:visited{ text-decoration:none; color:#333;}
.leftbox ul li a:hover{text-decoration:none; color:#15B1E4; background:#f1f1f1;}
.leftbox ul h1.headword{width:177px;padding-left:10px; color:#333; height:30px; line-height:30px; background:none; font-weight:500; font-size:12px; margin-bottom:5px; display:block; background:url(../images/catalogbg.gif) repeat-x;}

.rightbox{width:760px; float:right; padding:0 3px 0 0; height:auto;}
.rightbox .aread{ float:left; clear:both;}
.banner{ float:left; display:block; margin-bottom:5px;}
.banner2{ float:left; display:block;}
/*--------------------------------------------------tittle stylesheets-----------------------------------------------*/
.tittlebar{ width:100%; float:left; height:30px; margin:0 0 5px; line-height:30px; background:#e0dacb; clear:both; background:url(../images/titlebg.gif) repeat-x;}
.tittles{ float:left; font-size:12px; color:#333;}
.more{ float:right; padding:0 10px;}
.crumb{ line-height:25px; text-align:left; width:98%;border-bottom:1px solid #cfcfcf;}
.pages{width:96%;text-align:right; margin:3px 0 0 10px; padding:0 5px; line-height:20px; background:#efefef; float:left; display:inline;}
.pages a{ padding:0 4px;}
/*--------------------------------------------------products list stylesheets-----------------------------------------------*/
.list{ width:100%; float:left; clear:both;}
.list .pbox{ width:140px; display:inline; float:left; height:220px; margin:15px 0 0px 10px; text-align:center;}
.list .plist{ width:120px; height:120px; clear:both; margin:0 auto;}
.list .pname{ padding:5px; clear:both; height:35px; text-align:left;}
.list .price{ color:#c00;text-align:left;padding:5px; }
.list .buynow{ background:url(../images/arrow.gif) no-repeat 5px 5px; padding-left:15px;text-align:left;}

/*--------------------------------------------------index about ca stylesheets-----------------------------------------------*/
.intro{width:720px; height:20px; display:block; float:left; margin:5px 0 0 10px; border-top:1px dashed #cfcfcf; font-size:14px; line-height:25px; font-weight:500;float:left; padding:10px 0 0 10px;}
.introp{padding:5px 10px;width:715px;margin:5px 0 0 10px; color:#333; display:block; font-size:12px; clear:both; float:left;}
.introp a:link,.introp a:visited{ color:#09c; text-decoration:none; font-size:12px;}
.introp a:hover{color:#0cf; text-decoration:underline;}

/*--------------------------------------------------footer stylesheets-----------------------------------------------*/
#footer{ width:100%; height:120px; float:left; clear:both; position:relative; margin-top:15px; border-top:1px #666 solid; background-color:#0d0d0d;}
#footer .policy{ position:absolute; width:120px; padding-right:10px; top:10px; left:20px; border-right:1px solid #666;}
#footer .help{
	position:absolute;
	width:120px;
	padding-right:10px;
	top:10px;
	left:172px;
	border-right:1px solid #666;
}
#footer #cards{
	position:absolute;
	top:10px;
	left:591px;
}
#footer .cr{
	position:absolute;
	top:78px;
	left:19px;
	width: 288px;
        color: white;
}
#footer #secu{
	position:absolute;
	top:62px;
	right:11px;
}


.rightbox .table01{ float:left; margin-left:10px;}
.rightbox .table01 tr td { line-height:120%;}
.rightbox .table01 tr td .indent{padding-left:8px;}
.rightbox .table01 tr td .tableinput{ border:1px solid #ccc; font-size:11px; width:185px; padding:2px;}


#pimg{ float:left; width:430px; padding:20px 0 0 0; text-align:center; 
}
#pimg img{ margin:0 0 5px 0;
}
.roll{ color:#666; clear:both; float:left; width:250px; margin:0; text-align:right; padding:25px;
}
.roll a{ padding:3px 10px 3px 20px;}
.roll a:link,.roll a:visited{ background:#fff url(../images/zoom.gif) no-repeat left center; text-decoration:none;}
.roll a:hover{color:#000; text-decoration:underline;}
#pright{ float:left; width:320px; padding:20px 0 0 0; 
}
#pright h1{ font-size:18px; font-family:Tahoma; font-weight:bold; border:0;
}
.pr{ font-family:Tahoma; font-size:12px; line-height:150%;
}
.pta{ background:#fff; margin:5px 0 5px 0; width:320px; 
}
.pta td{ padding:5px 0 5px 0; font-size:11px; 
}
.se1 select{ border-left:1px solid #ccc;  border-top:1px solid #999; color:#333; font-size:11px;
}
.se2 select{ width:100px; border-left:1px solid #ccc;  border-top:1px solid #999; color:#333; font-size:11px;
}
.intr{ width:310px; float:left; padding:10px 0 0 0;
}
.intr1{ width:320px; padding:0 0 10px 0;
}
.intr a{ cursor:pointer; display:block;
}
.intr a img{ margin:0 10px -2px 0;
}
.intr a:hover{ color:#828282; text-decoration:none;
}
.intr p{ color:#828282; margin:5px 0 0 0; font-size:11px;  border-top:1px solid #999;   padding:10px; line-height:150%; font-family:Tahoma;
}
.co1{ font-size:18px; font-weight:bold; color:#c00;
}
.pm{ padding:10px 0 10px 0; float:left; width:759px; 
}
.pm1{ width:130px; padding:10px; float:left; text-align:center;
}
.pm1 img{ margin-bottom:5px;
}

.tablebatton{ width:750px; border-top:3px solid #000; float:left;}
.topmargin{ margin-top:10px;}
.listInfo{ float: left; width:100%;}
.listInfo h1{
	padding:0 10px;
	border-bottom:1px #ccc dashed;
	color:#000000;
	font:bold 16px/30px Verdana;
}
.listInfo p{ margin-top:5px; padding:0 10px; font:11px/1.6em Verdana, Geneva, sans-serif;}