@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;
}
/*===Product Gallery==================================================
==================================================*/
.items_list{ width:745px; float:right;}
.product_wrapper{ width:23%; height:250px; margin:0 0% 20px 0; padding:1%; border-radius:5px; float:left;}
.product_wrapper:hover { background:#f9f9f9;}
.product_wrapper .prod_title{ width:100%; margin:0; padding:0; background:none; border:none;}
.product_wrapper .prod_title a{ width:100%; margin:10px 0 0; font:12px Verdana, Arial, Helvetica, sans-serif; color:#0B7189; text-transform:uppercase; text-align:center; float:left;}
.product_wrapper .prod_title a:hover {color:#C00;}								
.product_wrapper .prod_img{ background:#fff; width:95%; height:150px; padding:2%; border:1px solid #0B7189; text-align:center; border-radius:5px; float:left;}
.product_wrapper .prod_img a img{ width:100%;}
.product_wrapper .product_desc { display:none; width:100%; font:14px/22px Verdana, Arial, Helvetica, sans-serif; color:#666; text-align:center; float:left;}
.prod_price_utility{ width:100%; float:left;}
.product_wrapper .product_price { width:90%; margin:5px 5%;  font:17px 'helvetica_lt_std_lightregular',Sans-Serif; color:#006600; float:left;}
.product_wrapper .product_price span { font:14px 'helvetica_lt_std_lightregular',Sans-Serif; color:#C00; padding:0 13px 0 0px;}
.product_wrapper input[type=text] { width:20px; height:10px; border:1px solid #ccc; border-radius:3px; padding:5px; margin:4px 0 0 10px; font:12px 'helvetica_lt_std_lightregular',Sans-Serif; color:#ccc; float:left;}
.product_wrapper input[type=text]:active {background:#f4f4f4;color:#000;}
.product_wrapper .utility_wrap{ width:100%; float:left;}
.product_wrapper .utility_wrap .product_favorite{height:23px; width:23px; background:url(../images/favorite.png) top no-repeat; margin:3px 0 0 14px; display:inline-block; float:left;}
.product_wrapper .utility_wrap .product_favorite:hover{background-position:bottom;}
.product_wrapper .utility_wrap button{ color:#0B7189; padding:2.5px; font:12px 'helvetica_lt_std_lightregular', sans-serif; border:1px solid #ccc; margin:4px 10px 0 0; float:right;}
.product_wrapper .utility_wrap button:hover{ color:#000;}
		
.product_wrapper_list {width:97%; height:108px; float:left; margin:0 0 10px !important; border:1px solid #F7F7F7; border-radius:5px; float:left;}
.product_wrapper_list:hover {}
.product_wrapper_list .prod_title {float:left; width:500px; display:block; margin:0 0 0 15px; text-align:left;}
.product_wrapper_list .prod_title a{ font:bold 14px 'helvetica_lt_std_lightregular',Sans-Serif; color:#0B7189; text-transform:uppercase; text-align:left; float:left;}
.product_wrapper_list .prod_title a:hover {color:#000;}								
.product_wrapper_list .prod_img{width:100px; margin:0; display:block; float:left;}
.product_wrapper_list .prod_img img{width:100%; height:75px; float:left;}
.product_wrapper_list .product_desc { width:500px; font:14px/22px Verdana, Arial, Helvetica, sans-serif; color:#666; text-align:left; margin:0 0 0 15px; float:left;}
.product_wrapper_list .product_price {padding:0; margin:10px 0 0 15px; font-size:14px; font-weight:bold; color:#09C; float:left; width:500px; display:block;}
.product_wrapper_list .product_price span {font-size:12px; color:#C00; text-decoration:line-through; margin:0;}
.product_wrapper_list input[type=text] {border:1px #ccc solid; margin:2px 5px 0 5px; width:25px; font-size:11px; text-align:center; float:left;}
		.product_wrapper_list input[type=text]:active {background:#FFF;color:#000;}
.product_wrapper_list .utility_wrap{ width:550px; margin:15px; float:left;}
		.product_wrapper_list .utility_wrap .product_favorite{height:23px; width:23px; background:url(../images/favorite.png) top no-repeat; margin-top:3px; display:inline-block; float:left;}
		.product_wrapper_list .utility_wrap .product_favorite:hover{background-position:bottom;}
.product_wrapper_list .prod_price_utility{float:left; width:575px; display:block}
		
.list_grid_view { width:auto; margin:0; padding:6.5px 10px; border:1px solid #ccc; border-radius:3px; float:right;}
.list_grid_view a{ font:14px/1.2em 'helvetica_lt_std_lightregular',Sans-Serif; color:#0B7189; text-align:right; width:100%; float:left;}
.list_grid_view a:hover{ color:#000;}

.items_list .last{ margin:0;}
	/*Each Product*//*===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%);
    }
}


.container{ width:100%; margin:5px 0 15px; float:left;}
.container ul li{ width:20% !important; list-style:none; margin:5px 0; position:relative; float:left;}
.container ul li:last-child{ border:none;}
.container ul li a{ width:100%; text-align:left; font:13px 'helvetica_lt_std_lightregular',Sans-Serif; color:#0B7189; text-transform:capitalize; padding:0; float:left; }
.container ul li a:hover{ color:#333;}

.ui-tooltip { background:#fff; padding: 8px; position: absolute; left:-100 !important; z-index: 9999; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; font:13px 'helvetica_lt_std_lightregular',Sans-Serif; color:#0B7189;}

.boxgrid{ overflow: hidden; position: relative; cursor:default;}
.boxgrid img{ position: absolute; top: 0; left: 0; border: 0; background:#fff; color:#fff; border:none;}	
.boxgrid p{ width:90%; margin:0 5% 10px; font:12px/20px Verdana, Arial, Helvetica, sans-serif; color:#333; text-align:left; float:left;}		
.boxgrid h3{ font:14px 'helvetica_lt_std_lightregular',Sans-Serif; color:#0B7189; width:90%; margin:10px 5% 5px; text-align:left; float:left;}
.boxcaption{ position: absolute; opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}

.product_wrapper_list .boxgrid{ width:100px; overflow: hidden; position: relative; cursor:default;}
.product_wrapper_list .boxgrid img{ width:100%; position: absolute; top: 0; left: 0; border: 0; height:auto; }	
.product_wrapper_list .boxgrid p{ height:25px; overflow:hidden; width:90%; margin:0 5% 5px; font:12px/20px Verdana, Arial, Helvetica, sans-serif; color:#333; text-align:left; float:left;}		
.product_wrapper_list .boxgrid h3{ font:14px 'helvetica_lt_std_lightregular',Sans-Serif; color:#0B7189; width:90%; margin:5px 5% 5px; text-align:left; float:left;}
.product_wrapper_list .boxcaption{ position: absolute; opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}

/* Easy CSS Tooltip - by Koller Juergen [www.kollermedia.at] */
* {font:13px 'helvetica_lt_std_lightregular',Sans-Serif; }
a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:10px; width:200px; margin:0 0 0 -50%; text-align:center; z-index:9999;}
a.tooltip:hover span{display:inline; top:25px; position:absolute; box-shadow:0px 0px 5px #f4f4f4; background:#ffffff; color:#6c6c6c;}