/* CSS Document */
.container {
	background-image:url(../images/big_pic.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:921px;
	height:270px;
	text-align:center;
	padding:14px 0 0 0;
	}
.container a {	
	border:0px;
	}


.product-display {
	position:absolute;
	z-index:10;
	left:0px;
	top:195px;
	width:454px;
	height:284px;
	text-align:center
	}
	
body{
	background:url(../images/body_bg.jpg) top left repeat-x;
	margin:0px auto;
	padding:0px;
	position:relative;
	color:#333;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	}

img{
	border:none;
	}

*{
	margin:0px;
	padding:0px;
	}

.spacer{
	clear:both;
	line-height:0px;
	font-size:0px;
	}

#wrapper{
	width:921px;
	margin:0px auto;
	padding:0px;
	position:relative;
	}

/*========================== Header Div Css Start ================== */

#header{
	background:url(../images/header_bg.jpg) top left no-repeat;
	margin:0px;
	padding:0px;
	height:165px;
	}

/*========================== Header Div Css End ================== */

/*========================== Top Div Css Start ================== */

#top{
	margin:0px;
	padding:0px;
	height:111px;
	}

/*========================== Top Div Css End ================== */

/*========================== Logo Div Css Start ================== */

#logo{
	margin:0px;
	padding:38px 0px 0px 0px;
	height:73px;
	width:242px;
	float:left;
	}

/*========================== Logo Div Css End ================== */

/*========================== Member Div Css Start ================== */

#member{
	margin:0px;
	padding:0px 0px 0px 0px;
	height:73px;
	width:134px;
	float:right;
	}

ul.sign{
	margin:17px 0px 0px 0px;
	padding:0px;
	list-style:none;
	}

ul.sign li{
	margin:0px 12px 0px 0px;
	padding:0px;
	float:left;
	color:#fff;
	}

ul.sign li a{
	color:#fff;
	font:normal 12px/normal Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	text-decoration:none;
	}

ul.sign li a:hover{
	color:#fff;
	font:normal 12px/normal Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	text-decoration:none;
	}

/*========================== Member Div Css End ================== */

/*========================== Navigation Div Css Start ================== */

#navigation{
	margin:0px;
	padding:0px 0px 0px 0px;
	height:54px;
	}

/*========================== Navigation Div Css End ================== */

/*========================== Menu Div Css Start ================== */

#menu{
	margin:0px;
	padding:0px 0px 0px 0px;
	height:54px;
	width:638px;
	float:left;
	}

ul.nav{
	margin:10px 0px 0px 0px;
	padding:0px;
	list-style:none;
	}

ul.nav li{
	margin:0px;
	padding:0px 5px;
	float:left;
	color:#666;
	height:54px;
	background:url(../images/divide.jpg) top right no-repeat;
	width:110px;
	text-align:center;
	
	}

ul.nav li a{
	color:#666;
	font:normal 18px/30px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	text-decoration:none;
	}

ul.nav li a:hover{
	color:#6A1543;
	font:normal 18px/30px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	text-decoration:underline;
	}

/*========================== Menu Div Css End ================== */

/*========================== Search Div Css Start ================== */

#search{
	margin:0px;
	padding:0px 0px 0px 0px;
	height:54px;
	width:273px;
	float:right;
	}

#search_l{
	margin:8px 0px 0px 0px;
	padding:7px 0px 0px 5px;
	height:37px;
	width:181px;
	float:left;
	background:url(../images/serch_bg.jpg) top left no-repeat;
	}

#search_r{
	margin:0px;
	padding:10px 0px 0px 0px;
	height:44px;
	width:80px;
	float:right;
	}

.white{
	width:171px;
	height:20px;
	background:#fff;
	border:1px solid #fff;
	}

/*========================== Search Div Css End ================== */

/*========================== Content Div Css Start ================== */

#content{
	margin:0px;
	padding:0px;
	}

#content_cat{
	margin:0px;
	padding:0px 440px 0px 10px;
	background:url(../images/catagory_top.jpg) top left no-repeat;
	height:284px;
	color:#666;
	font:normal 12px/normal Arial, Helvetica, sans-serif;
	width:471px;
	}

#landing_top{
	margin:0px;
	padding:40px 0px 0px 482px;
	background:url(../images/landing_top.jpg) top left no-repeat;
	height:244px;
	color:#666;
	font:normal 12px/normal Arial, Helvetica, sans-serif;
	width:439px;
	}

p.pricehead{
	color:#6A1543;
	font:normal 20px/normal Arial, Helvetica, sans-serif;
	}


p.itemhead{
	color:#6A1543;
	font:normal 14px/normal Arial, Helvetica, sans-serif;
	}

ul.chart{
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style:none;
	}

ul.chart li{
	margin:0px;
	padding:0px;
	float:left;
	color:#666;
	font:normal 14px/20px Arial, Helvetica, sans-serif;
	width:190px;
	text-align:right;
	}

ul.chart li.snd{
	margin:0px 0px 0px 10px;
	padding:0px;
	float:left;
	color:#333;
	font:normal 14px/20px Arial, Helvetica, sans-serif;
	width:206px;
	text-align:left;
	}

ul.chart li span{
	font:normal 14px/20px Arial, Helvetica, sans-serif;
	color:#333;
	margin-right:10px;
}

p.breadcrumb{
	color:#666;
	font:normal 12px/normal Arial, Helvetica, sans-serif;
	}

p.breadcrumb a{
	color:#666;
	font:normal 12px/normal Arial, Helvetica, sans-serif;
	text-decoration:none;
	}

p.breadcrumb a:hover{
	color:#666;
	font:normal 12px/normal Arial, Helvetica, sans-serif;
	text-decoration:none;
	}

/*========================== Content Div Css End ================== */

/*========================== Gallery Div Css Start ================== */

#gallery{
	margin:19px 0px 19px 0px;
	padding:0px 15px 0 15px;
	width:921px;
	height:143px;
	background-image:url(../images/gallery.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	}
/*========================== Gallery Div Css End ================== */

/*========================== Main_content Div Css Start ================== */

#main_content{
	margin:0px 0px 28px 0px;
	padding:0px;
	width:921px;
	}

.mainbox{
	margin:20px 0px 0px 0px;
	padding:0px;
	width:921px;
	}

.box{
	background:url(../images/box_bg.jpg) top left no-repeat;
	width:215px;
	height:152px;
	margin:0px 19px 0px 0px;
	padding:0px;
	float:left;
	}

.box1{
	background:url(../images/box_bg.jpg) top left no-repeat;
	width:215px;
	height:152px;
	margin:0px 0px 0px 0px;
	padding:0px;
	float:right;
	}

/*========================== Main_content Div Css End ================== */

/*========================== Main_content left Div Css Start ================== */

#main_content_left{
	margin:0px 0px 0px 0px;
	background:url(../images/left_bg.jpg) top left repeat-y;
	padding:0px;
	width:240px;
	float:left;
	}

p.lefttop{
	background:url(../images/left_top.jpg) top left no-repeat;
	width:230px;
	height:47px;
	margin:0px;
	padding:0px 0px 0px 10px;
	color:#fff;
	font:normal 18px/50px Arial, Helvetica, sans-serif;
	}

ul.cat{
	margin:7px 0px 0px 0px;
	padding:0px 0px 0px 19px;
	list-style:none;
	color:#000;
	font:bold 16px/30px Arial, Helvetica, sans-serif;
	width:221px;
	}

ul.cat li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	color:#666;
	
	}

ul.cat li a{
	color:#333;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px 0px 0px 28px;
	text-decoration:none;
	width:174px;
	height:20px;
	display:block;
	}

ul.cat li a:hover{
	color:blue;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px 0px 0px 28px;
	text-decoration:underline;
	width:174px;
	height:20px;
	display:block;
	}

/*========================== Main_content left Div Css End ================== */

/*========================== Main_content right Div Css Start ================== */

#main_content_right{
	margin:0px 0px 0px 0px;
	background:url(../images/right_bg.jpg) top left repeat-y;
	padding:0px;
	width:666px;
	float:right;
	}

#right_top{
	margin:0px 0px 0px 0px;
	background:url(../images/right_top.jpg) top left repeat-y;
	width:656px;
	height:48px;
	padding:0px 0px 0px 10px;
	color:#fff;
	font:normal 18px/40px Arial, Helvetica, sans-serif;
	}

#right_top ul.country{
	margin:7px 0px 0px 0px;
	padding:0px 0px 0px 19px;
	list-style:none;
	color:#6A1543;
	font:bold 16px/30px Arial, Helvetica, sans-serif;
	float:right;
	}

#right_top ul.country li{
	margin:0px 5px 0px 5px;
	padding:0px 0px 0px 0px;
	float:left;
	color:#fff;
	
	}

#right_top ul.country li a{
	color:#000;
	font:normal 14px/20px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px 0px 0px 0px;
	text-decoration:none;

	}

#right_top ul.country li a:hover{
	color:#FEC203;
	font:normal 14px/20px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px 0px 0px 0px;
	text-decoration:underline;

	}

#right_top p{
	float:left;
	}

#right_con{
	margin:0px 0px 0px 0px;
	width:626px;
	padding:0px 30px 0px 10px;
	color:#333;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	}

p.title{
	color:#000;
	font:bold 16px/20px Arial, Helvetica, sans-serif;
	}

p.title1{
	color:#6A1543;
	font:bold 12px/25px Arial, Helvetica, sans-serif;
	text-align:center;
	}

p.price{
	color:#333;
	font:normal 14px/25px Arial, Helvetica, sans-serif;
	text-align:center;
	}

p.price span{
	color:#36AEB4;
	font:bold 14px/25px Arial, Helvetica, sans-serif;
	}

/*========================== Main_content right Div Css End ================== */

/*========================== Footer Div Css Start ================== */

#footer{
	margin:0px 0px 0px 0px;
	background:url(../images/footer_bg.jpg) top left repeat-x;
	padding:0px;
	height:125px;
	position:relative;
	}

#footer_content{
	width:921px;
	margin:0px auto;
	padding:5px 0px 0px 0px;
	color:#666;
	font:normal 12px/normal Arial, Helvetica, sans-serif;
	}

ul.foot{
	margin:10px 0px 0px 180px;
	padding:0px;
	list-style:none;
	}

ul.foot li{
	margin:0px 12px 0px 0px;
	padding:0px;
	float:left;
	color:#6A1543;
	}

ul.foot li a{
	color:#666;
	font:normal 12px/normal Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	text-decoration:none;
	text-align:center;
	}

ul.foot li a:hover{
	color:#6A1543;
	font:normal 12px/normal Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	text-decoration:none;
	}

ul.foot1{
	margin:10px 0px 15px 0px;
	padding:0px;
	list-style:none;
	}

ul.foot1 li{
	margin:0px 12px 0px 0px;
	padding:0px;
	float:left;
	color:#6A1543;
	}

ul.foot1 li a{
	color:#666;
	font:normal 12px/normal Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	text-decoration:none;
	text-align:center;
	}

ul.foot1 li a:hover{
	color:#6A1543;
	font:normal 12px/normal Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	text-decoration:none;
	}

p.bottomtext{
	color:#999;
	font:normal 11px/normal Arial, Helvetica, sans-serif;
	margin-top:10px;
	}
p.bottomtext span{
	color:#6A1543;
	font:normal 11px/normal Arial, Helvetica, sans-serif;
	}

p.bottomtext span a{
	color:#6A1543;
	font:normal 11px/normal Arial, Helvetica, sans-serif;
	text-decoration:none;
	}

p.bottomtext span a:hover{
	color:#6A1543;
	font:normal 11px/normal Arial, Helvetica, sans-serif;
	text-decoration:none;
	}

/*========================== Footer Div Css End ================== */

#quote{
	width:921px;
	margin:10px 0px 0px 0px;
	padding:0px;
	border-bottom:1px solid #FDDF53;
	}

#quote_l{
	width:505px;
	margin:0px;
	padding:0px;
	float:left;
	color:#333;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	}

#quote_r{
	width:369px;
	margin:0px 0px 0px 25px;
	padding:5px 0px 0px 0px;
	float:left;
	background:#fff url(../images/qupte_right.jpg) top left no-repeat;
	color:#6A1543;
	font:normal 18px/normal Arial, Helvetica, sans-serif;
	text-align:center;
	}
	
	
	.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 840px; /*Width of Carousel Viewer itself*/
	height: 143px; /*Height should enough to fit largest content's height*/
	margin:0 0 0 24px;
	
	
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0px;
	top: 12px;
	
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	width: 202px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	text-align:center;
	margin-right:11px;
}
.panel a {
	margin:0px 11px 0 0;
	padding:0px;
	border:0px;
	}
	
	
.glasscaps{width:725px; height:198px; float:left; margin-left:0px;}
.glasscat{width:352px; height:198px; float:left; margin-left:0px;}

.catdetail{width:580px; margin-top:20px; padding-left:20px; float:left;}

