/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 12, 2017, 5:25:36 PM
    Author     : Mohsin Ahmed
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800italic,800,900);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
/* General Page Cascade Stylesheet */
#Body .container_eby * {font-family: 'Open Sans',Helvetica,sans-serif !important;}
#Body .container_eby .fa {font: normal normal normal 14px/1 FontAwesome !important;}
.bg {margin: 0; font-family: 'Open Sans'!important; font-size:16px; color:#000; line-height:24px !important;}
.bg a:link, .bg a:visited {color:#000; text-decoration: none;}
.bg a:hover, .bg a:active {color:#ff4e00;}
.bg ul, .bg li {list-style-type: none; margin:0;}
.pull-left {float: left;}
.pull-right {float: right;}
.clearfix {clear: both;}
.h2 {font-size: 30px;  font-weight: 700;  text-transform: uppercase;}
.h6 {font-size: 30px;  font-weight: 300;  text-transform: uppercase;}

/* General Page Structure */
.container_eby {width: 100%; margin: 0 auto; line-height: 23px !important;}
.container_eby > div {background: url('../images/sd-symbol.png')  no-repeat right top; min-height: 700px; }

/* Top Strip - Header */
.tp-strip {background:#444; height: 45px; color:#fff;}
.tp-strip a {padding: 11px 20px; display: block;}
.tp-strip a:link, .tp-strip a:visited {color:#fff; }
.tp-strip a:hover, .tp-strip a:active {color:#fff;}
.tp-strip li { display: inline-block; transition: ease-out .2s;}
.tp-strip li:hover {background: #555; transition: ease-out .2s;}
.tp-strip li.store {background:#ff4e00; font-weight:600; transition: ease-in .2s;}
.tp-strip li.store:hover {background: #ff6c00; transition: ease-out .2s;}
.tp-strip li.store:hover {background: #ff6c00; transition: ease-out .2s;}
.tp-strip .tp-message {padding:9px 15px;}
.tp-strip .tp-message small{ font-size: 14px; padding:5px; line-height: 26px;}

/* Base - Header */
.base-strp {/*height: 210px;*/ height: 170px; border-bottom: 5px solid #b2b2b2; margin-bottom: 50px;}
.logo {margin:30px 0 0;}
.storeinfo { width: 55%; margin:20px 0 0; position: relative;}
.storeinfo .search > small {width: 78%;}
.search { float: right; width: 70%; display:none; }
.search button { border: 1px solid #c4130a; background-color: #c4130a; color: #fff; padding: 10px; margin-top: 10px; width: 40px; cursor: pointer; }
.storeinfo .search input[type='text'] { border: 1px solid #999; font-size: 16px; margin: 10px 0; padding: 8px; width: 90%;}
.storeinfo .search input[type="submit"] { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;  border: medium none;  color: #555; font-size: 22px; position: absolute; right: 5px; top: 32px;}
.storeinfo .call {margin: 20px 0; text-align: right; width: 100%;}
.storeinfo .call .h3 { font-size: 28px; width: 100%;}
.storeinfo .call .h3 span {font-weight: 700;}
.storeinfo .call .h5 {color: #777; font-size: 18px; font-weight: 400;  padding: 6px 0; text-align: right;}

/* Product Information Section */
.product-info { width: 100%; /*height: 100%;*/ float:left; border-bottom: 2px solid #b2b2b2; padding-bottom: 40px; margin:0 0 40px;}  
.product-info span.h1 { font-size: 30px;  font-weight: 700;  line-height: 36px;  margin: 0 0 60px;}
.product-info span.h4 { font-size: 20px; text-transform: uppercase; font-weight: 800; margin:0 0 20px; color:#0077c0;}
.product-info span.h5 {font-size: 20px;  font-weight: 600;  line-height: 20px;  padding: 20px 0 10px; width: 100%;}
.product-info ul.list {margin:0; padding:0 0 0 15px;}
.product-info ul.list li {list-style: square ; margin: 10px; padding:0 0 0 5px;} 
.product-info .col-left {width:32%; margin-right:3%;}
.product-info .col-left .image { border:1px solid #b2b2b2; width: 90%; height: 374px; margin-bottom: 30px; padding: 20px; background:#fff; overflow: hidden;}
.prd_info ul.prd_info_list {padding:0;}
.prd_info ul.prd_info_list li { width: 100%; margin:0; background:#eee; float:left}
.prd_info ul.prd_info_list li:nth-child(2n) {background:white;}
.prd_info ul.prd_info_list .prd_info_detail {padding: 12px;  width: 55%; float:left; border-left: 1px solid #fff;}
.prd_info ul.prd_info_list .prd_info_head { padding: 12px;  width: 30%; float:left;}
.product-info .col-right {width:65%;}
#sd-img { position: relative; }
#sd-img > img { bottom: 0;  left: 0;  margin: auto;  position: absolute;  right: 0;  top: 0;}



/* Store Information Section */
.col-100 { width:96%; margin: 0 0 30px 0 ; padding:2%; background:#eee; }
.col-100 .col-left { width: 28%; padding: 6% 3%  6% 1%; }
.col-100 .col-left img {width: 100%;}
.col-100 .col-right { width: 65%;}
.col-store-left  { width: 30%;}
.col-store-left .Heading { border-bottom: 1px dotted #555;  font-size: 26px;  padding: 0 0 10px;  width: 92%;}
.col-store-left #Cat-List a {display:block;}
.col-store-left #Cat-List ul{padding: 0;}
.col-store-left #Cat-List ul li { padding: 7px 0 ; margin:0 30px 0 0; position: relative; border-bottom: 1px solid #fff; border-top: 1px solid #fff;}
.col-store-left #Cat-List ul li:hover { border-bottom: 1px dotted #aaa; border-top: 1px dotted #aaa;}
.col-store-left #Cat-List ul li:after { width:30px; height: 20px; content:""; position: absolute; right: 0; background: url('../images/bullet-arrow.png') no-repeat center -20px; top:9px; opacity: .5;}
.col-store-left #Cat-List ul li:hover:after{ background-position: center 0px; opacity: 1;}
.col-store-right { width: 70%;}
.col-store-right .col-storeinfo {width:92%; margin: 0 0 20px 0 ; padding:4%; background:#eee;}