@charset "utf-8";
/* common */
html {margin:0;padding:0;border:0;}
body {margin:0;padding:0;font-size:12px;color:#000;font-family: arial, Helvetica, sans-serif; }
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;}
.clear {clear:both;} .clearH5 {clear:both;height:5px;} .clearH10 {clear:both;height:10px;} .clearH15 {clear:both;height:15px;} .clearH25 {clear:both;height:25px;} .clearH35 {clear:both;height:35px;} 
.floatl{float:left;} .floatr{float:right;}
a {color:#29ABE2;text-decoration:none;} a:focus, a:hover {color:#333;  /*text-decoration:underline*/} a img:hover {opacity:.8; filter:Alpha(Opacity=80);}
@font-face {font-family: "holcim_menu"; src: url(../fonts/HELVETICANEUELTSTD-HVCN.OTF) format("truetype");}

/* home */
#wrapper{width:990px; margin:auto; height:auto; min-height: 500px; -moz-box-shadow: 0 0 5px 5px #aaa;
-webkit-box-shadow: 0 0 5px 5px#aaa;
box-shadow: 0 0 5px 5px #aaa;}
#top_line{width:990px; height: 10px; background:#363230;}
#main{width: 960px; margin:auto; }
#header{width: 960px; margin:auto;}
#logo{ float: left; margin: 20px 0px 0px 10px;}
#header_right{float: right; width: 650px; min-height: 110px;}
#header_right_top{float: right;min-height: 32px;}
.head_top_box, .head_top_box3 {min-width: 150px; height: 30px; float:right; max-width: 300px; line-height: 36px;} 
.head_top_box { background: url(../images/header_top_sep.gif) top left no-repeat} 
.head_top_box3 span {padding:3px 8px; background:#ffbb33; border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;}
.head_top_box span{background: url(../images/welcome_icon.gif) 6px 0px no-repeat; padding: 5px 0px 5px 28px;}
#english{float: left; width: 65px; height: 20px;background: url(../images/english.gif)  no-repeat; margin: 7px 0px 0px 10px; cursor:pointer}
#sinhala{float: left; width: 65px; height: 20px;background: url(../images/sinhala.gif)  no-repeat;  margin: 7px 0px 0px 10px; cursor:pointer}
#tamil{float: left; width: 65px; height: 20px;background: url(../images/tamil.gif)  no-repeat;  margin: 7px 0px 0px 10px; cursor:pointer}
#header_right_middle{float: right; min-width: 70px; min-height: 30px; width: auto; display: block; background: url(../images/cart.gif) top left no-repeat; padding-left: 20px; line-height: 18px; margin-top: 6px;}
#header_right_middle span{padding:5px 8px; background:#ffbb33; border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;}
#header_right_bottom{float: right; background: #ff4444; width: 279px; min-height: 35px; border: 1px solid #ffdada; margin: 5px 0px 3px 0px;}
#main_search{height: 27px; width: 175px;width: 173px\9; border: 1px solid #d9d9d9; padding: 0px 8px 0px 8px; outline:none;transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;border-radius:1px;-webkit-border-radius:1px;-moz-border-radius:1px;border:1px solid rgba(0,0,0, 0.2); font-family:Arial, Helvetica, sans-serif; margin: 4px;}
#main_search:focus{box-shadow: 0 0 10px rgba(94, 129, 158, 2);-webkit-box-shadow: 0 0 10px rgba(94, 129, 158, 2);-moz-box-shadow: 0 0 10px rgba(94, 129, 158, 2);border:1px solid rgba(242, 101, 34, 2); color:#a5a5a5;}
#search_button{width: 75px; height: 28px; border: 1px solid #d22b19; color:#424242; border-radius:1px;-webkit-border-radius:1px;-moz-border-radius:1px; background:#ff7958; cursor: pointer;}

#main_nav{width: 960px; height: 49px; clear: both; position:absolute; background: url(../images/nav_bg.gif) top repeat-x;}
#navigation{width: auto; max-width: 870px; height: 49px; font-family:"holcim_menu", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; list-style-type:none; float: left;}
#navigation li{display: inline-block; height: 49px; transition: 0s background;-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	-o-transition: all 0.25s ease-in;
	 }
#navigation li:hover{
	background: url(../images/nav_hover.png) bottom center no-repeat;
	transition-delay:0.25s;
	color: #FFF;

}
#navigation a{ padding: 8px 25px;font-size:15px; font-weight:bold; line-height: 35px; color: #fff; margin: 0px; background: url(../images/nav_sep.gif) top right no-repeat;}
#social_icons{float: right; text-align:left; margin-top: 6px;} #social_icons img{margin-right: 6px;}

#main_slider{width: 960px; height: 300px; background:#efefef; clear: both; background: url(../images/slider_image.jpg); margin-top: 0px;}

#latest_products{width: 960px; height: 180px; clear: both; margin-top: 30px;}
.discount{ background:url(../images/discount.png); width: 68px; height: 53px; position:absolute; margin-top: -15px; text-align:center; padding-top: 16px;}
.discount span{display:block; color:#2d2d2d; font-size: 20px;}
.categories_list_last{text-align: center; position: absolute; width: 170px; height: 103px; border: 1px solid #c2c2c2; float: left; margin-left: 775px; padding-top: 68px;}
.view_products{width: auto; height: 37px; background:#24201e; color:#fff; border-radius:10px;-webkit-border-radius:10px; padding: 10px 16px; font-size: 14px;} .view_products:hover{color:#fff; background:#000; } .hand{position:absolute; margin: 11px 0px 0px -25px}

#content_middle{width: 960px; min-height: 750px; clear: both; margin-top: 13px; padding-top: 15px;}
#content_middle_left{float: left; width:658px; min-height: 735px; height: auto; }
.content_middle_box{width:309px; min-height:352px; height: auto; float: left; margin:0px 20px 10px 0px;} .content_middle_box h4{ line-height: 25px; color: #333333; font-size: 16px; font-family:Georgia, "Times New Roman", Times, serif;} .content_middle_box p{ line-height: 20px; color: #333333; font-size: 13px;} .content_middle_box h2{width:260px; height: 39px; background:#ff4444;line-height: 37px; text-indent: 50px; color: #fff; font-size: 16px;}
.content_middle_box span a{ line-height: 35px; color: #ff4444; font-size: 16px; font-family:Georgia, "Times New Roman", Times, serif;}

#content_middle_right{float: right; width:300px; min-height: 735px; height: auto;}
#content_middle_right_1, #content_middle_right_2{height:270px; min-height: 300px; height: auto; padding: 0px 15px;}
#content_middle_right_1{background: url(../images/texture_bg.gif); color:#333333; font-family:Georgia, "Times New Roman", Times, serif}
#content_middle_right_1 h2{; font-size:24px; padding: 17px 0px 10px 0px;; text-align: center; border-bottom: 1px solid #cec886; margin:auto;}
#content_middle_right_1 p{font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height: 22px; margin-top: 8px;}
#content_middle_right_1 span{float: right; margin-top: 10px;} #content_middle_right_1 span a{font-size: 16px; color:#333333;}

#content_middle_right_2 h2{; font-size:24px; padding: 9px 0px 10px 0px;; text-align: left; border-bottom: 1px solid #cec886; margin:auto; color:#4a4a4a}

#content_middle_right_2{background:#c0dedf; margin-top: 15px; padding-bottom: 5px; margin-bottom: 15px;}
#contact_name, #contact_email{width:95%;width:250px\9; height:28px; outline:none;transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border:1px solid rgba(0,0,0, 0.2); font-family:Arial, Helvetica, sans-serif; padding-left: 15px; margin-bottom: 5px;}
#contact_message{width:95%;width:345px\9; height:90px; outline:none;transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border:1px solid rgba(0,0,0, 0.2); font-family:Arial, Helvetica, sans-serif; padding-left: 15px; margin-bottom: 5px;}
#contact_name:focus, #contact_email:focus, #contact_message:focus{box-shadow: 0 0 10px rgba(94, 129, 158, 2);-webkit-box-shadow: 0 0 10px rgba(94, 129, 158, 2);-moz-box-shadow: 0 0 10px rgba(94, 129, 158, 2);border:1px solid rgba(242, 101, 34, 2); color:#a5a5a5;}
#contact_button{width: auto; height: 37px; border: 1px solid #4cae4c; color:#ffffff; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; background:#5cb85c; cursor: pointer; padding: 0px 20px; float: right;}
#contact_button:hover {width: auto; height: 37px; border: 1px solid #bfbfbf; color:#FFFFFF; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; background:#666; cursor: pointer; padding: 0px 20px; float: right;}
#contact_form{padding-bottom: 7px; /*border-bottom: 2px groove #ebfcfd;*/}
.contact_details{min-height: 30px; margin-bottom: 14px; min-width: 200px; padding-left:0px;} 
.contact_details span{display:block; font-weight:bold;}
#contact_details_1{background:url(../images/contact_phone.gif) no-repeat left; margin-top: 15px;}
#contact_details_2{background:url(../images/contact_email.gif) no-repeat left;}
#contact_details_3{background:url(../images/contact_address.gif) no-repeat left;}

#footer{width: 990px; height: 70px; background:#333333; clear: both; margin-top: 13px;  border-radius:0px 0px 5px 5px;-webkit-border-radius:0px 0px 5px 5px;;-moz-border-radius:0px 0px 5px 5px;;}
#footer_left{float: left; margin: 38px 0px 0px 25px;} #footer_left a, #footer_right a{color:#999;} 
#footer_right{float: right; text-align: right; margin: 21px 25px 0px 0px; color:#999999;} #footer_right span{color:#999; display: block; margin-top: 6px;}

/*Login page*/
#main_logo{text-align: center; width: 100%; margin-top:1%;}
#main_area{ margin-top: 3%; width: 100%; background:#ee3224; height: 400px; padding: 60px 0px;}
#main_login{min-height: 182px;  width: auto; max-width: 220px;height: auto; margin: 0px auto; background:#f6634a; -moz-border-radius: 4px; border-radius: 4px; padding: 10px; color:#424242;}
#main_login_inner{min-height: 182px; width: auto;  height: auto; background:#fff; overflow:hidden; }
#login_details1, #login_details2{width: 221px; height:auto; min-height: 192px; float: left; padding-left: 20px;}
#login_details2{background:#eaeaea; width: 231px;}
#login_details1 h2, #login_details2 h2{font-size: 18px; font-family:Arial, Helvetica, sans-serif; font-weight: normal; margin-top: 10px;}
::-webkit-input-placeholder { color:#a5a5a5; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
:-moz-placeholder {color:#a5a5a5; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
#member_name, #member_password {height: 29px; width: 150px; border: 1px solid #d9d9d9; padding: 0px 18px 0px 12px; background:url(../images/login_bg.jpg) no-repeat right; outline:none;transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid rgba(0,0,0, 0.2);}
#member_name:focus, #member_password:focus {box-shadow: 0 0 10px rgba(94, 129, 158, 2);-webkit-box-shadow: 0 0 10px rgba(94, 129, 158, 2);-moz-box-shadow: 0 0 10px rgba(94, 129, 158, 2);border:1px solid rgba(242, 101, 34, 2); color:#a5a5a5; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
#member_password{margin-top: 8px;} #member_name{margin-top: -5px;}
#login_submit, #login_cancel{width: 74px; height: 32px; border: 1px solid #d9d9d9; color:#424242; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px; background:#eeeeee; margin: 8px 8px 0px 0px; cursor: pointer;}
#main_login_inner span{display: block; font-size:12px; margin-top: 8px;} #main_login_inner #login_details1 span a{color: #555; text-decoration:none;}
#main_login_inner span a:hover{text-decoration: underline;}
#main_login p{font-size: 12px; color:#424242; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
.orange_bt{background:url(../images/orange_bt_left.jpg) no-repeat left; width: auto; height: 38px; margin-top: 25px;}
.orange_bt span{background:url(../images/orange_bt_right.jpg) no-repeat right; height: 38px; display: inline; width: 214px; text-align: center;}
.orange_bt span a{color:#fefefe; font-size: 14px; font-family:Arial, Helvetica, sans-serif; line-height: 36px; font-weight: bold; text-decoration:none;}
#main_area h5, #main_area h6{text-align: center; margin-bottom: 0px; font-weight: normal;}
#main_area h5{color:#ffffff; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:100;}
#main_area h6{color:#480005; font-size:11px; font-family:Arial, Helvetica, sans-serif; margin-top: 5px;}



#content{min-height: 300px; height: auto; margin-top: 50px;} #content p{margin-bottom:10px; }
.text_left, .text_right {width: 470px; font-size: 14px; line-height: 22px; }
.text_left{float: left} .text_right{float: right;}

#content_left{width: 192px; min-height: 300px; height: auto; float: left;}
#content_right{width: 768px; min-height: 300px; height: auto; float: right;}

/* Category page */

.categories_list{width: 172px; min-height: 174px; height: auto; float: left; margin:0px 0px 20px 20px;}
.products_list {width: 172px; min-height: 174px; height: auto; float: left; margin:0px 0px 20px 20px; text-align: center;}
.product_name{width: 172px; margin-top: 1px; height: 25px; text-indent: 9px; background:#5c5957; font-weight: bold; color: #fff; display: block; line-height: 24px;} .product_name:hover{color: #fff; background:#000;}
.product_name2{font-weight: bold; color: #363230; display: block; line-height: 22px; font-size: 16px;height: 50px}
.inner_points {color:#555; font-size: 12px; line-height: 30px;} .inner_points span{ padding:3px 8px; background:#ffbb33; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; color:#333333; font-weight: bold;}
.products_list p{color:#333; font-size: 12px; margin-top: 5px; line-height: 18px;}
.buy_now{}

#content_left h3{color:#333; font-size: 16px; margin: 25px 0px 10px 0px}
.pagination{float: right; margin-top: 10px; margin-bottom: 10px} .pagination a{display: inline-block; color: #ccc; line-height: 18px; width: 20px; text-align: center; font-size: 13px; border: 1px #c4c4c4 solid; overflow: hidden;} 
.pagination a:hover{border: 1px #fa5656 solid; color: #fa5656;}
.pagination span{display: inline-block}
.current {display: inline-block; color: #ccc; line-height: 18px; width: 20px; text-align: center; font-size: 13px; border: 1px #c4c4c4 solid; overflow: hidden; border: 1px #fa5656 solid; color: #fa5656;}
#wrapper2 {	
	width: 190px;
	font-size: 0.8125em;
}
#wrapper2 a:hover {text-decoration: none;}
.menu2 {
	width: auto;
	height: auto;
	list-style:none;
}
.menu2 > li > a {
	width: 100%;
	height: 2.75em;
	line-height: 2.75em;
	text-indent: 0em;
	display: block;
	font-size: 14px;
	position: relative;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #333;
	
}
.menu2 ul li a {
	width: 100%;
	height: 2.75em;
	line-height: 2.75em;
	text-indent: 0.25k;
	position: relative;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #777777;
        margin-left:15px;
}
.menu2 ul li:last-child a {
	
}
.menu2 > li > a:hover, .menu2 > li > a.active {
	
}
.menu2 > li > a.active {

}
.menu2 > li > a:before {
	content: '';
	
	font-size: 36px;
	height: 1em;
  	width: 1em;
	position: absolute;
  	left: 0;
	top: 50%;
	margin: -.5em 0 0 0;
}
.item1 > a:before {
	background-position: 0 0;
}
.item2 > a:before {
	background-position: -38px 0;
}
.item3 > a:before {
	background-position: 0 -38px;
}
.item4 > a:before {
	background-position: -38px -38px;
}
.item5 > a:before {
	background-position: -76px 0;
}
.menu2 > li > a span {
	font-size: 0.857em; 
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 50%; 
	background: #48515c;
	line-height: 1em;
	height: 1em;
	padding: .4em .6em;
	margin: -.8em 0 0 0; 
	color: #fff;
	text-indent: 0;
	text-align: center;
	
	font-weight: 500;
}
.menu2 > li > a:hover span, .menu2 > li a.active span {
	background: #2173a1;
}
.menu2 > li > ul li a:before{
	font-size: 12px;
	color: #777777;
	position: absolute;
	width: 1em;
	height: 1em;
	top: 0;
	left: -2.7em;
}

.menu2 > li > ul li:hover a,
.menu2 > li > ul li:hover a span,
.menu2 > li > ul li:hover a:before {
	color: #32373D;
}

.menu2 ul {list-style:none;}

.menu2 ul > li > a span {
	font-size: 12px; 
	display: inline-block;
	right: 1em;
	top: 50%; /
	line-height: 1em;
	height: 1em;
	padding: .4em .7em;
	margin: -.9em 0 0 0; 
	color: #878d95;
	text-indent: 0;
	text-align: center;}
	
/* Order summery page */
#order_thanks{ color:#333333; font-size: 36px; text-align: center;}
#order_thanks_details{ color:#333333; font-size: 14px; text-align: center;}
#sum_box{width: 355px; min-height: 161px;height: auto; border: 1px solid #333; margin: 20px auto;} #sum_box h3{width: 355px; height: 33px; background: #333333; color: #fff; text-indent: 10px; line-height: 29px;}
.sum_box_details{ margin: 6px 0px 6px 10px; color:#333; font-size: 14px;} .sum_box_details span{color:#111; font-weight: bold;}

/*cart page*/
#cart_table{width:1196px; background:#eee; margin: 30px auto 0px auto; height: auto;}
.cart_table{width:1196px; margin: 1px auto; height: auto; border-bottom: 1px dashed #333;}
.cart_items{width:650px;height: auto; float:left;}
.cart_points{width:200px;height: auto;  float:left;}
.cart_qty{width:150px;height: auto;  float:left;}
.cart_subtotal{width:230px;height: auto;  float:left;}
#cart_table h3{width: 100%; background: #333333; height: 33px; color: #fff; text-align: center; line-height: 29px;}
.cart_table .cart_items h3{width: 100%; background: #333333; height: 33px; color: #fff; text-indent: 20px; line-height: 29px; text-align: left;}
.cart_table div img{float: left;}
.cart_table div p{ margin-top: 32px; font-size: 14px; color: #333333; text-align: right; font-weight: bold; margin-right: 20px;}
.cart_table .cart_items p{float: left; margin-top:32px; font-size: 14px; color: #333333; margin-left: 10px; font-weight: bold;}
.cart_table .cart_qty p{ margin-top: 32px; font-size: 14px; color: #333333; text-align: center; font-weight: bold; margin-right: 0px;}
.product_delete{float: right; margin-top: 35px;}
.cont_shpng img{padding: 10px 0px; float: right;} .total_final{font-size: 18px; color:#333333; text-align: right;}
.total_final p{margin: 10px;}

/*product details page*/
#product_details{width:768px; min-height: 300px; height: auto; }
.product_left{float: left; max-width: 370px; min-height: 200px; padding-top: 20px; height: auto;} .product_right{padding-top: 20px; float: right; width: 370px; min-height: 200px; height: auto;}
#product_details h2{display: inline; font-size: 24px; color:#363230;} #product_details .product_points span{display:inline; padding:3px 8px; background:#ffbb33; border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px; color: #333333; font-size: 18px; margin-left: 7px;}
#product_details ul li span{display:inline; padding:3px 8px; background:none; border-radius:none;-webkit-border-radius:none;-moz-border-radius:none;}
.product_lines1{height:20px; width:200px; background:url(../images/product_delivery.jpg) no-repeat left; margin-bottom: 10px; padding-left: 25px; font-size: 15px; font-weight: bold;}
.product_lines2{height:20px; width:200px; background:url(../images/product_send.gif) no-repeat left;  margin-bottom: 10px; padding-left: 25px; font-size: 15px; font-weight: bold;}
.product_lines3{height:20px; width:200px; background:url(../images/product_available.gif) no-repeat left;  margin-bottom: 10px; padding-left: 25px; font-size: 15px; font-weight: bold;}
.product_points{font-size: 15px; margin-top: 10px;}
.product_right .buy_now{float: left; margin-top: 20px;}
.product_details_list{clear:both;}
.product_line_end{background:url(../images/product_down.gif) no-repeat center 13px #aaaaaa; width: 770px; height: 26px; clear: both;}
.product_left_left{float: left; width: 100px; min-height: 50px; height: auto; font-size: 13px; font-weight:bold;}
.product_left_inner{float: left; width: 100px; min-height: 50px;margin-left: 10px; height: auto;}
.product_left_right{float: left; width: 100px; min-height: 50px;margin-left: 10px; height: auto;}
/* Products Gallery */
/*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */
.pika-thumbs li{width: 77px; height:79px;}
.pika-stage {height: 220px; width: 360px;}


body{font-family: sans-serif;background:#FCFCFC;}
a{color:black;}
.pikachoose {width: 500px; margin: 0 auto;}
.pika-stage {position: relative;border: 1px solid #c2c2c2;}
	
	/*if you change the padding on pika-stage you must adjust the top left of this to match! */
	.pika-stage .main-image {position: absolute; top: 0px; left: 0px;}
	.pika-stage .pika-aniwrap{position: absolute; top: 0px; left: 0px;}
	.pika-stage .pika-ani {position:relative;display: none;z-index:2;margin:0 auto;}
	.pika-stage img {border:0;height:100%;}

.pika-stage .caption {position: absolute; background: url(75-black.png);  border: 1px solid #141414; font-size: 11px; 
			color: #fafafa; padding: 10px; text-align: right; bottom: 10px; right: 10px;}
	.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;cursor:pointer;}
	.pika-imgnav a.previous {width:20px;height:20px;border-left: 5px solid #FFF;border-top: 5px solid #FFF;opacity:0;-webkit-transition: opacity 300ms linear;
		-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);top:45%;left:10px;}
	.pika-imgnav a.next {width:20px;height:20px;border-right: 5px solid #FFF;border-top: 5px solid #FFF;opacity:0;-webkit-transition: opacity 300ms linear;
		-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);top:45%;right:10px;}
	.pika-imgnav a:hover{opacity:.6;-webkit-transition: opacity 300ms linear;}	

	.pika-imgnav a.play  {border-color: transparent transparent rgba(255,255,255,.7);border-style: solid;border-width: 0 0 25px 25px;height: 0;width: 0;position:absolute;
		-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);top:14px;left:47%;display:none;}
	.pika-imgnav a.pause {display:none;border-left:5px solid rgba(255,255,255,.7);border-right:5px solid rgba(255,255,255,.8);height: 30px;width: 14px; position:absolute;top:10px;left:47%;}

.pika-textnav {display:none;}
	
.pika-thumbs {margin: 10px 0 0 -5px; padding: 0;}
	.pika-thumbs li {float: left; list-style-type: none;margin: 0 7px; border: 1px solid #c2c2c2; cursor: pointer;
		}

		.pika-thumbs li:last {margin: 0;}
		.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;bottom: 15px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}
	
		
/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 20px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width: 485px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}

.product_gal_large{width:360px; height: 220px; border: 1px solid #999;}
.product_gal_small{width:77px; height: 79px;border: 1px solid #999; float: left; margin: 10px 15px 0px 0px;}
.product_gal_small:last-child{margin-right: 0px;}

.product_gal_small img{opacity:.6; filter:Alpha(Opacity=60);} .product_gal_small .active img{opacity:1.0; filter:Alpha(Opacity=100);}

/*order_details*/
.order_details input {width: 300px; height: 27px; margin: 15px 0px 0px 5px;} .order_details span{width: 100px; display: inline-block}
/* Reset password */
#reset_password{min-height: 182px;  width: auto; max-width: 223px;height: auto; margin: 0px auto; background:#f6634a; -moz-border-radius: 4px; border-radius: 4px; padding: 10px; color:#424242;}
.confirm_bt{background-image: url(../images/order_confirm.png); background-color: transparent; background-repeat: no-repeat; background-position: 0px 0px;  border: none; cursor: pointer; float: right; padding-left: 16px; vertical-align: middle; width: 142px !important; height: 37px  !important; margin: 10px  !important;}
.confirm_bt:hover{opacity:.8; filter:Alpha(Opacity=80);}
.search_result{font-size:16px; font-weight:bold;}
.clearL {clear:both; border-bottom: 1px dashed #333; height: 8px; margin-bottom:22px;}
.content_header{margin-bottom: 8px;}
.error{display: block;color: red; width: 250px}
/* Become a member page */
#main_login_inner_become_member{min-height: 182px; width: auto;  height: auto; background:#fff; overflow:hidden; height:245px; }
#main_login_become_member{min-height: 182px;  width: auto; max-width: 225px;height: auto; margin: 0px auto; background:#f6634a; -moz-border-radius: 4px; border-radius: 4px; padding: 10px; color:#424242;}
.text_left ul{margin:10px 0px 0px 20px;} .text_left ul li{margin-bottom: 10px;}


/*profile */
.profile_left{width: 160px; min-height: 200px; height: auto; float: left; margin-right: 21px;}
.profile_middle{width: 378px; min-height: 200px; height: auto; float: left; margin-right: 21px;}
.profile_right{width: 378px; min-height: 200px; height: auto; float: left;}
.profile_info{width: 348px; padding:8px 15px;  height: auto; background: #eeeeee; margin-bottom: 25px;}
 .profile_info h2 {color: #333333}.profile_info h2 span{color:#cc0000;}
 .profile_info_left{width: 122px; margin-top: 20px; float: left;}  .profile_info_right{width: 222px; margin-top: 20px; float: left;}
 .profile_info p, .profile_info_left p{color:#333333; font-size: 13px; font-weight: bold; margin-bottom:-3px !important;}  .profile_info_right p{color:#777777; font-size: 13px; font-weight: bold;  margin-bottom:-3px !important;}
 .Profile_edit1,  .Profile_edit2,  .Profile_edit3{width: 348px; height: 30px; margin: 10px 0px; border: 1px solid #d9d9d9; padding: 0px 18px 0px 12px; background: #fff;; outline:none;transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid rgba(0,0,0, 0.2); border-radius: 3px;}
  .Profile_edit1:focus,  .Profile_edit2:focus, .Profile_edit3:focus{box-shadow: 0 0 10px rgba(94, 129, 158, 2);-webkit-box-shadow: 0 0 10px rgba(94, 129, 158, 2);-moz-box-shadow: 0 0 10px rgba(94, 129, 158, 2);border:1px solid rgba(242, 101, 34, 2); color:#a5a5a5;}
  .edit_photo {width: 160px; height: 20px; background: #111; opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */ display: block;  position:absolute; text-align: center; margin-top: -23px; color:#fff; padding-top: 3px;}
    .edit_photo:hover{color;#fff!important; text-decoration: underline}
  .Profile_edit2 {height: 100px; padding-top: 10px;}
  .Profile_label1{color:#Profile_label1;}  .Profile_edit3 {width: 170px;}
  .Profile_edit4 {width: auto; height: 23px; margin: 10px 0px; border: 1px solid #d9d9d9; padding: 0px 0px 0px 12px; background: #fff;; outline:none;transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid rgba(0,0,0, 0.2); border-radius: 3px;}
  .save_profile{background:url(../images/save_profile.gif); border:none; outline-color: none; width:158px !important; height: 27px; cursor: pointer;}
  .placeholder{color:#aaa; font-style:italic;}
   /*history */ 
.cart_items_history{width:400px;height: auto; float:left;}
.cart_items_date{width:215px;height: auto; float:left;}
/* table styles*/

.tablehead{background:#F2F2F2; border-top:#E9E9E9 1px solid; border-bottom:#E9E9E9 1px solid; border-right:#E9E9E9 1px solid;}
.tableheadinner{padding:15px 0 15px 10px; border-left:#E9E9E9 1px solid; font-weight:bold; float:left;}
.tablecontent{background:#FFFFFF; border-top:#E9E9E9 1px solid; border-bottom:#E9E9E9 1px solid; border-right:#E9E9E9 1px solid;}
.tablecontent-add{background:#FFFFFF; border:#E9E9E9 1px solid;}
.tablecontentinner{padding:8px 0 8px 10px; border-left:#E9E9E9 1px solid; float:left; color:#333333;}
.tablecontentinner-add{padding:13px 20px 8px 0; float:left; color:#333333; text-align:right; font-weight:bold;}
.tablecontentinner-order{padding:8px 20px 8px 0; float:left; color:#333333; text-align:right; font-weight:bold;}
.tablecontentinner-orderright{padding:27px 0 27px 0; float:left; color:#333333; text-align:center; font-weight:bold; width:100%; font-size:13px;}
.tablecontentred{background:#FEECEB; border-top:#FDDBD9 1px solid; border-bottom:#FDDBD9 1px solid; border-right:#FDDBD9 1px solid;}
.tablecontentred-add{background:#FEECEB; border:#FDDBD9 1px solid;}
.tablecontentinnerred{padding:8px 0 8px 10px; border-left:#FDDBD9 1px solid; float:left; color:#333333;}
.tablecontentinnerred-add{padding:13px 20px 8px 0; float:left; color:#333333; text-align:right; font-weight:bold;}
.tablecontentinnerred-order{padding:8px 20px 8px 0; float:left; color:#333333; text-align:right; font-weight:bold;}
.tablecontentinnerred-orderright{padding:27px 0 27px 0; float:left; color:#333; text-align:center; font-weight:bold; width:100%; font-size:13px;}

/* featured product slider */


.image_carousel {
	    padding: 15px 0 15px 10px;
	}
	.image_carousel img {
	  
	    background-color: white;
	    padding: 2px;
	    margin: 0px;
	    display: block;
	    float: left;
	}
	.clearfix {
	    float: none;
	    clear: both;
	}
        
.datash_left	{	width:450px; background-color: #eeeeee; float:left; padding-left: 15px; padding-bottom: 60px; border: 1px #ccc dotted; margin-left: 10px; padding-top: 10px; margin-bottom: 25px;  }
.datash_right	{	width:650px; background-color: #eeeeee; float:left; margin-left:10px; margin-top:0px; border: 1px dotted #ccc; padding-left: 10px; margin-right: 15px; padding-top: 10px; padding-bottom: 10px;}

.ho_left	{	width:79px; float:left; text-transform:uppercase; color:#000; padding:3px 0; border-right:1px solid #ccc; 	}
.ho_right	{	width:340px; float:left; margin-left:10px;	}

.hol_tf		{	margin-bottom:5px;	}

.ho_brnd		{	width:150px; float:left; margin-left:5px;	}	
.ho_brnd_name	{	width:80px; /*float:left;*/ margin-left:5px;	}


/* *********************************************************************************************** */
.datash_right2 {
width: 344px;
float: left;
/*margin-left: -79px;*/
margin-top: 0px;
border: 1px #ccc dotted;
height: auto;
font-size: 16px;
padding-top: 10px;
margin-bottom: 25px;
}
.datasheet_title{font-size: 19px;
                 margin-left: 0px;}


.datasheet_list{ margin-bottom: 5px;
                 margin-left: 10px;
                 font-size: 12px;}


.datasheet_submit{ 
    background: #9F111B;
border: none;
color: #fff;
width: 75px !important;
border-radius: 5px;
height: 35px;
font-size: 18px;
/*border: 1px #ccc solid;*/}

.clear2 {clear: right;}


.datash_left table tbody tr td { padding: 9px 5px; border: none; line-height: 2.5;}
.datash_left table  { border: none;}
.data_pagination{width: 1196px; margin: 10px auto -30px auto;} .data_pagination .pagination{margin-bottom: -10px !important;}


.data_table tr td{padding: 8px; border: 1px solid #eeeeee;}
.get_events img{width: 100%; max-width: 400px;}
.product_gal_large img{max-width: 360px; width: auto;}
.product_gal_large{max-width: 360px !important; width: 100%;}

.product-image{width:43% !important;}