@charset "utf-8";
/*===Owers Details===========================================
==================================================
Created: Anees Thanikal
Date: June 18th 2013
E-mail: thanikalanees@gmail.com
URL: www.sense.co
*/

/*===Fonts==================================================
==================================================*/
@font-face {
font-family: 'helvetica_lt_std_lightregular';
src: url('../fonts/helveticaltstd-light-webfont.eot');
src: url('../fonts/helveticaltstd-light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/helveticaltstd-light-webfont.woff') format('woff'),
url('../fonts/helveticaltstd-light-webfont.ttf') format('truetype'),
url('../fonts/helveticaltstd-light-webfont.svg#helvetica_lt_std_lightregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
	font-family: 'Conv_Gotham-Light';
	src: url('../fonts/Gotham-Light.eot');
	src: local('?'), url('../fonts/Gotham-Light.woff') format('woff'), url('../fonts/Gotham-Light.ttf') format('truetype'), url('../fonts/Gotham-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.search_box, .prod_gall{ width:720px !important;}
.search_box input.clskeyword, .search_box input.clsmaxprice, .search_box input.cls_cat_manufact{ width:133px !important;}
/*===Product Gallery==================================================
==================================================*/
.prod_gall{ width:745px; margin:0 auto 50px; overflow:hidden; clear:none; float:right;}
.prod_gall_main{ width:1000px; margin:0 auto 50px; overflow:hidden;}
.prod_gall_left{ width:100%; float:left;}
.prod_gall_left ul, .prod_gall_right ul{ width:745px; float:left;}
.prod_gall_left ul li{ margin:0 0 25px; list-style:none; border:1px solid #f4f4f4; width:720px; background:#f9f9f9; float:left;}
.prod_gall_left ul li img{ width:58%; margin:0 2% 0 0; float:left;}
.prod_gall_left ul li h2, .prod_gall_right h2{ font:bold 17px 'Conv_Gotham-Light',Sans-Serif; text-transform:uppercase; color:#333; width:38%; margin:30px 0 10px; padding:0 0 10px; border-bottom:1px solid #f1f1f1; float:left;}
h2.title_margin{ margin:0;}
.prod_gall_left ul li p{ font:14px/22px Verdana, Geneva, sans-serif; color:#999; text-align:left; width:38%; float:left;}
.prod_gall_left ul li a, .prod_gall_right ul li a{ background:url(../images/prod_button_shadow.png) bottom right no-repeat; width:auto; padding:0 0 11px; float:left;}
.prod_gall_left ul li a span{ font:14px 'Conv_Gotham-Light',Sans-Serif; text-transform:uppercase; color:#fff; background:#8452DE; margin:20px 0 0; padding:10px 20px; border-radius:5px; float:left;}
/*===colored button==================================================
==================================================*/
.prod_gall_left ul li a span.color01{ background:#F54E95}
.prod_gall_left ul li a span.color02{ background:#8452DE}
.prod_gall_left ul li a span.color03{ background:#0099FF}
.prod_gall_left ul li a span.color04{ background:#6BB445}
.prod_gall_left ul li a span.color01:hover{ background:#B90063}
.prod_gall_left ul li a span.color02:hover{ background:#5529AF}
.prod_gall_left ul li a span.color03:hover{ background:#0067C6}
.prod_gall_left ul li a span.color04:hover{ background:#337F09}
/*===Prod details page==================================================
==================================================*/
.prod_details, .details_panel{ width:100%; float:left;}
.details_panel{ padding:50px 0;}
.details_panel h3{ width:30%; border-top:1px solid #ddd; padding:15px 0 0; font: 23px 'Conv_Gotham-Light',Sans-Serif; color:#000; float:left;}
.details_panel_right{ width:60%; border-top:1px solid #ddd; padding:15px 0 0; float:right;}
.details_panel_right img{ float:left;}
.details_panel_right img.image{ float:right;}
.details_panel_right p{ width:70%; font:16px/28px 'Conv_Gotham-Light',Sans-Serif; color:#333; margin:0 9% 10px 0; float:left;}
.details_panel_right p.full{ width:100%;}
.details_panel_right ul{ width:50%; float:left;}
.details_panel_right ul li{ width:100%; list-style:none; font:16px 'Conv_Gotham-Light',Sans-Serif; color:#333; margin:0 0 10px; float:left;}
.details_panel span{ width:50%; font:16px 'Conv_Gotham-Light',Sans-Serif; color:#333; text-align:center; padding:0 0 20px; float:left;}
.details_panel h3.border_none, .border_none{ border:none;}

.prod_title{ background:#fff url(../images/heading_bottom.jpg) left bottom no-repeat; color:#333; width:100%; padding:0 0 5px; float:left;}
.prod_title h1{ margin:20px 0 0; width:auto;}
.prod_title ul{ width:auto; margin:30px 0 2px; float:right;}
.prod_title ul li{ width:auto; list-style:none; float:left;}
.prod_title ul li a{ font: normal 14px/1.4em Verdana, Geneva, sans-serif; color:#3D3D3D; text-transform:capitalize; padding:0 12px;}
.prod_title ul li a:hover{ color:#09F}
.prod_title ul#topnav a.purchase{ background:#09F; border-radius:200px; padding:7px 15px; color:#fff; font: bold 12px Arial, Helvetica, sans-serif;}
.prod_title ul#topnav a.purchase:hover{ background:#09C;}

ul li a {-webkit-transition-property: color, background;-webkit-transition-duration: 0.5s, 0.5s;}
ul li a:hover {-webkit-transition-property: color, background;-webkit-transition-duration: 0.5s, 0.5s;}
.fixed {position: fixed;top: 0;width: 1000px;}
/*===Category==================================================
==================================================*/
.imaging_wrapper{ overflow:visible;}
.ca-menu{
    padding:0;
    margin:20px auto 80px;
    width: 1000px;
}
.ca-menu li{
    width: 190px;
    height: 300px;
    overflow: hidden;
    position: relative;
    float:left;
    background: #fff;
    margin: 0 10px 10px 0;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	border-radius:0;
	border:none;
	box-shadow:none;
	padding:0;
	border:1px solid #f4f4f4;
}
.ca-menu li.enth{ margin:0;}
.ca-menu li:last-child{
    margin-right: 0px;
}
.ca-menu li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.ca-icon{
    font: 20px 'helvetica_lt_std_lightregular',Sans-Serif;
    color: #333;
	text-transform:uppercase;
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0px;
    top: 60px;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
	margin:0 !important;
}
.ca-icon#heart, .ca-icon#heart1, .ca-icon#heart2, .ca-icon#heart3, .ca-icon#heart4{
    color: #f7002f;
    text-shadow: 0px 0px 1px #f7002f;
}
.ca-content{
    position: absolute;
    left: 0px;
    width: 100%;
    height: 30%;
    top: 70%;
}
.ca-main{
    font-size: 30px;
    opacity: 0.8;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
	font:bold 12px 'helvetica_lt_std_lightregular',Sans-Serif;
	text-transform:uppercase;
	letter-spacing:1px;
}
.ca-menu li:hover{
	background:#FcFcFc;
    z-index:999;
    -webkit-transform: scale(1.12);  
    -moz-transform: scale(1.12);  
    -ms-transform: scale(1.12);   
    -o-transform: scale(1.12);   
    transform: scale(1.12);  
}
.ca-menu li:hover .ca-icon{
    color: #ccff00;
    font-size: 90px;
    opacity:100;
}
.ca-menu li:hover .ca-icon#heart, .ca-menu li:hover .ca-icon#heart1, .ca-menu li:hover .ca-icon#heart2, .ca-menu li:hover .ca-icon#heart3, .ca-menu li:hover .ca-icon#heart4{
    -webkit-animation: smallToBig 900ms ease;
    -moz-animation: smallToBig 900ms ease;
    -ms-animation: smallToBig 900ms ease;
}
.ca-menu li:hover .ca-main{
    color: #666;
    -webkit-animation: smallToBig 300ms ease;
    -moz-animation: smallToBig 300ms ease;
    -ms-animation: smallToBig 300ms ease;
}

.ca-sub{
    text-align:center;
    position: absolute;
    bottom:280%;
    width: 100%;
    left: 0;
    opacity:0;
	padding:15px 0;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
	font:14px Verdana, Arial, Helvetica, sans-serif;
}
.ca-menu li:hover .ca-sub{
	opacity:100;
    color: #fff;
	background:#000;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}


@-webkit-keyframes smallToBig{
    from {
        -webkit-transform: scale(0.1);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes smallToBig{
    from {
        -moz-transform: scale(0.1);
    }
    to {
        -moz-transform: scale(1);
    }
}
@-ms-keyframes smallToBig{
    from {
        -ms-transform: scale(0.1);
    }
    to {
        -ms-transform: scale(1);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}