/* Basic Styling */
a, a:visited { text-decoration: none; -webkit-transition-property: color, left, right; -webkit-transition-duration: 0.5s; -webkit-transition-property: ease-in-out; }
div { vertical-align: top; }
#wrapper { width: 100%; min-width: 320px; height: 100%; margin: 0 auto; overflow: hidden; position: relative; background-color: #FFFFFF; }
#content { width: 100%; height: 100%; position: absolute; display: block; top: 0; left: 0; -webkit-transition-property: left; -webkit-transition-duration: 0.4s; -webkit-transition-property: ease-in-out; overflow-y: auto; }
.open { left: 258px !important; }
/* Sidebar Toggle & Tabbed Navigation */
header { width: 100%; }
.top-header { padding: 10px 0px 15px 0px; }
/* Sidebar Toggle */
.controls { float: left; margin: 6px 0 0 10px; }
.controls a, .controls img { display: block; }
.controls img { width: 38px; height: 38px; }
.controls a { cursor: pointer; }
.controls a:active { opacity: 0.65; }



.al {float:left;}
.ar {float:right;}
body, html {overflow:auto; font-family: 'Open Sans', sans-serif;    font-size: 90%; -webkit-text-size-adjust:none;}
.mainWrapper {padding: 0px 5px;}

#header {background:none; padding:0 0 1px 0;}
nav {background:#fff;}
nav .mainNav { position: absolute; top: 50px; left:-100%; width: 80%; display: block; z-index:999; background:#fff; font-size:14px;
-webkit-box-shadow: 15px 20px 30px 0 rgba(0,0,0,0.2); -moz-box-shadow: 15px 20px 30px 0 rgba(0,0,0,0.2); box-shadow: 15px 20px 30px 0 rgba(0,0,0,0.2);}
.mainNav .arrow {position:absolute; top:-13px; left:12px;}
.logo2 {display:inline-block; width:138px;}
.logo2 img {padding-top:0px;}
.logo2:hover {background-color:transparent;}
nav a#pull {width:43px; background:none; border:0;}
/*nav a#Cart {width:60px; text-align:right; border:0;}*/

nav .subNav {background-color:#f7f7f7;}
nav .subNav li {border:0; border-top:1px solid #ececec; float:left; width:100%;}
nav .subNav li a {color:#666; display:block; border-bottom:1px solid #b7b8b9; line-height:30px; padding-left:20px;}
nav .subNav li a:hover {background-color:#fff;}
.prline {background:url(../images/pluse-icon.png) no-repeat right center; right:5px;}
nav .mainNav .active .prline {background:url(../images/munesh-icon.png) no-repeat right center; right:5px;}

.porofilePic {background:url(../images/profilePic.png) no-repeat center 0; width:35px; height:26px; display:block; float:right; position:relative;}
.porofilePic:hover {background-color:transparent;}

.porfileList {padding:0px; width:89%; background-color:#fff;  border: 1px solid #20a1c9; position:absolute; top:46px; left:0; border:0; margin:0; display:none;  z-index:999;}
.porfileList li {float:left; width:100%; border-bottom:1px solid #CCC; }
.porfileList li a {display:block; color:#1da1d6; font-size:14px; border:0;margin-left: 20px;}
.porfileList li a:hover {color:#333;}
.porfileList .arrow {position:absolute; top:-13px; right:62px;}

.searchForm {padding: 5px 0px 5px 0;}
.searchForm label {}
.searchForm input {float:left;  margin:0; border:0; padding:8px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.searchForm .searchinput {float:left; background:#fff;color:#555; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 	box-sizing: border-box; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px;}
.searchForm .searchBut {background:#1da1d6; color:#fff; cursor:pointer; padding:7.2px 0; text-transform:uppercase; width:64px;
-moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
.searchForm .searchBut:hover {background:#0985b7;}

.headingH2 {background-color:#1da1d6; color:#fff; border-bottom:1px solid #b5b9c2; padding:5px 10px; font-size:90%;
-moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; font-weight:bold;}
.headingH2 span {font-size:11px;}
.noBor {border:0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}

.bookList {width:100%; height:auto; overflow:hidden; overflow-x:auto; background-color:#fff; margin-bottom:15px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
-moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
.bookBox {width:333%; height:auto; position:relative;}
.bookBox .images_1_of_4 {width: 6.3%; padding: 12px 35px; float:left; height:auto; border:0; border-left:1px solid #e7e7e7;}
.bookBox .images_1_of_4:first-child {border:0;}
.bookBox .grid_1_of_4 {margin:0 0 5px 0; line-height:14px; min-height:200px;}
.bookBox .images_1_of_4 a {margin-bottom:8px; display:block;}

footer {padding-top:10px;}
footer ul {background-color:#34495e; width:100%;}
footer ul li {float:left; border-bottom:1px solid #5c7186; width:33.33%;}
footer ul li a {color:#fff; padding:3px 0; display:block; text-align:center; border-left:1px solid #5c7186; font-size:70%;}
footer ul li:first-child a {border-left:0; padding-left:1px;}
footer p {background-color:#1da1d6; color:#fff; font-size:12px; padding:5px 10px; text-align:center; clear:both;}
footer table {background-color:#1da1d6; color:#fff; font-size:12px; padding:5px 10px; text-align:center; clear:both;}




.butBox {text-align:center; padding:10px 5px;}
.butBox a {width:46%; margin:0 2%; float:left; display:block; padding:8px 0; background-color:#e7e7e7; color:#333; text-align:center; font-size:15px;
-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.butBox a:hover {background-color:#d0d0d0; color:#000;}
.butBox .buyNow {background-color:#1da1d6; color:#fff;}
.butBox .buyNow:hover {background-color:#0d84b4; color:#fff;}
.butBox .addToCart {}

.detailPage {background-color:#fff; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; margin-bottom:10px;}
.detailPage .images_1_of_4 {width:100%; border:0; padding:0; height:auto;}

.accNav {background-color:#fff; list-style-type:none;}
.accNav li {float:left; width:100%; border-top:1px solid #ececec;}
.accNav li:first-child {border:0;}
.accNav li a {color:#4d4d4d; display:block; padding:5px 10px; background:url(../images/pluse-icon.png) no-repeat right center #f2f2f2;  font-weight: bold; border:1px solid #cccccc; font-size:14px;}
.accNav .active a {background:url(../images/munesh-icon.png) no-repeat right center; }
.accBox {display:none; padding:5px 10px; color:#666; font-size:14px; /*background-color:#f5f5f5;*/}

.tableCss {width:100%; background-color:#fff;}
.tableCss td {border:1px solid #d4d4d4; color:#000; padding:3px 10px;}
.tableCss .tHeaBar td {background-color:#cacaca;}




.step {background-color:#f0f0f0; border:1px solid #d5d5d5; height:34px; line-height:34px; margin-bottom:10px; font-size:80%}
.step li {float:left;  color:#c6c6c6; text-align:center; width:25%; position:relative;}
.step li:first-child {z-index:1;}
.step li > span {background-color:#c6c6c6; color:#ebebeb; width:18%; display:inline-block; text-align:center; 
margin:0 2px 0 2px; height:18px; line-height:18px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.step li:first-child > span {margin-left:-2px;}
.stepR {background:url(../images/step-r.png) no-repeat 0 0; margin-right:-13px; float:right; width:13px; height:34px;}
.step .active {background-color:#1fa0d5; color:#fff;}
.step .active span {background-color:#fff; color:#1fa0d5;}
.step .active .stepR {background:url(../images/step-rb.png) no-repeat 0 0;}

.innerPage {background-color:#fff; 
 -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; margin-bottom:10px;}
 
.tabNav {border-bottom:1px solid #b5b9c2;}
.tabNav li {float:left; width:50%;}
.tabNav li a {display:block; color:#292b2c; font-size:14px; text-align:center; padding:5px 0; border-left:1px solid #CCC;}
.tabNav li:first-child a {border-left:0;}
.tabNav li a:hover, .tabNav .active a {font-weight:bold; color:#1da1d6; border-bottom:2px solid #b5b9c2;}

.tabContent {display:none;}

.formBox {padding:15px 10px 0px;}
.formBox li {float:left; width:100%; padding-bottom:13px;}
.formBox label {display:block; padding-bottom:3px;}
.formBox label span {color:#ea6666;}
.formBox .col2 div {width:49% !important;}

h3 {color:#333; font-size:13px; font-weight:bold; padding:15px 0 0 10px;}
h3 span {color:#999; font-size:12px; font-weight:normal;}
h3 span span {color:#ea6666;}

.note {font-size:11px; color:#666; padding-bottom:5px;}


h4 {text-transform:uppercase; color:#34495e; font-size:16px; font-weight:normal; padding:15px 0 3px 0;}
h4 span {font-size:11px; color:#888; text-transform:none;}
.cartBox {background-color:#fff; padding:20px 10px 20px 0; position:relative;
-moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}

.cartFootBar {background-color:#ccd5db; color:#656d72; border-top:1px solid #a8b3bb; padding:5px 10px; font-size:14px; margin-bottom:5px;
	-moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
.cartFootBar span {color:#012E3A; font-size:15px;}

.cartDetail {width:100%; font-size:16px; color:#000; line-height:normal;}
.porPic {    height: 145px;    min-width: 90px;    text-align: center;    width: 33%;    padding-left: 5px;     padding-right: 5px;    vertical-align: top;}
/*.porPic {width:33%; text-align:center; vertical-align: top; padding-top:5px;}*/
/*.porPic img {width:80%;}*/
.border {border-left:1px solid #ccc; width:1px; padding-right:10px;}
.proDeta {width:67%; vertical-align: top;}
.cartDetail p {padding-bottom:15px;}

.pirseBar {color:#000; font-size:14px; width:100%;}
.pirse {width:30%; float:left; padding-top:5px;}
.qunti {width:25%; float:left;}
.qunti .inputText {text-align:center; width:36px; color:#000; padding-right:0; padding-left:0; font-size:14px; font-weight:bold;}
.totlePirse {color:#bb0000; font-weight:bold; width:45%; text-align:right; float:left; padding-top:5px;}

.cartDelete {background:url(../images/cart-delete.png) no-repeat center bottom; width:22px; height:22px; position:absolute; top:5px; right:5px;}
.cartDelete:hover {background:url(../images/cart-delete.png) no-repeat center top;}

.grandTotal {background-color:#fff; padding:10px; margin-top:10px;}
.grandTotal .totlePirse {display:block; float:none; text-align:right; width:100%; margin-bottom:10px;}
.grandTotal table {width:100%; margin-bottom:10px;}
.grandTotal table td {width:50%; line-height:12px;}
.deliCharge {font-size:11px; color:#666; line-height:12px; text-align:right; display:block;}


/*********** Start All Form ************/
.radio {position:relative; top:2px; margin-right:5px;}
.checkbox {margin-right:10px;}

.inputText, .select, .textarea {font-family: 'Open Sans', sans-serif; color:#34495e; font-size:14px; background:#fff; border:1px solid #c8c8c8; margin:0; box-sizing:border-box; width:100%;}
.inputText:focus, .select:focus, .textarea:focus {border:1px solid #1da1d6;}

.inputText { line-height:18px; padding:5px 5px;margin: 3px;}
.select {height:32px; line-height:32px; padding:4px;  margin: 3px;}
.select option {padding:5px;}
.textarea { height:18px; line-height:18px; padding:5px; height:65px; vertical-align:top;}

.button {background:#f7941e; border:0; min-width:100px; height:33px; line-height:33px; font-size:16px; color:#fff; text-align:center; cursor:pointer; display:inline-block; vertical-align:middle; overflow:visible; font-family: 'Open Sans', sans-serif; width:100%;}
.button:hover {background:#eb8a17;}
.gary {background:#6d6e71;}
.gary:hover {background:#5d5e5f;}
/*********** End All Form ************/

/*****Extra.....********/
.butBoxH {text-align:center; padding:10px 0px;}
.butBoxH a {width:95%; margin:0 2%; float:left; display:block; padding:8px 0; background-color:#e7e7e7; color:#333; text-align:center; font-size:15px;
-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.butBoxH a:hover {background-color:#d0d0d0; color:#000;}
.butBoxH .buyNow {background-color:#1da1d6; color:#fff;}
.butBoxH .buyNow:hover {background-color:#0d84b4; color:#fff;}
.butBoxH .OutStock {background-color:#FF830A; color:#fff;}
.butBoxH .OutStock:hover {background-color:#FF830A; color:#fff;}
.buttonS {background:#f7941e; border:0;border-radius:3px;margin: 3px; min-width:100px; height:100%; line-height:160%;color:#fff; text-align:center; cursor:pointer; display:inline-block; vertical-align:middle; overflow:visible; font-family: 'Open Sans', sans-serif; width:49%;}
.buttonS:hover {background:#eb8a17;}
.buttonB {background:#1da1d6; border:0;border-radius:3px; float:right; min-width:100px; height:100%; line-height:160%; color:#fff; text-align:center; cursor:pointer; display:inline-block; vertical-align:middle; overflow:visible; font-family: 'Open Sans', sans-serif; width:49%;}
.buttonB:hover {background:#0d84b4;}
.buttonA {background:#e7e7e7; border:0;border-radius:3px; float:right; min-width:100px; height:100%; line-height:160%; color:#000; text-align:center; cursor:pointer; display:inline-block; vertical-align:middle; overflow:visible; font-family: 'Open Sans', sans-serif; width:49%;}
.buttonA:hover {background:#D0D0D0;}
.buttonO {background:#f7941e; border:0;border-radius:3px; float:right; min-width:100px; height:100%; line-height:160%; color:#fff; text-align:center; cursor:pointer; display:inline-block; vertical-align:middle; overflow:visible; font-family: 'Open Sans', sans-serif; width:49%;}
.buttonO:hover {background:#EB8A17;}
.buttonAA {background:#e7e7e7; border:0;border-radius:3px; float:None; min-width:100px; height:100%; line-height:160%; color:#000; text-align:center; cursor:pointer; display:inline-block; vertical-align:middle; overflow:visible; font-family: 'Open Sans', sans-serif; width:49%;}
.buttonAA:hover {background:#D0D0D0;}
.AutoExtender
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    border: solid 1px #006699;
    line-height: 20px;
    background-color: #CFCFCF;
    overflow: scroll;
    height: 200px;
    overflow-x: hidden;
    text-align: left;
	padding-bottom:25px;
    z-index:800;
}
.AutoExtenderList
{
    border-bottom: dotted 1px #801D80;
    cursor: pointer;
    color: Black;
    z-index:800;
}
.AutoExtenderHighlight
{
    color: White;
    background-color: #3AAAD3;
    cursor: pointer;
    z-index:800;
}
.ExtraPirse {
    color: #000000;
    float: left;

    padding-top: 5px;
    text-align: right;
    width: 36%;
}
.grandTotal .ExtraPirse {
    display: block;
    float: none;
    margin-bottom: 10px;
    text-align: right;
    width: 100%;
}

.Extratag {
    color: #000000;
    float: left;
 
    padding-top: 5px;
    text-align: left;
    width: 36%;
}
.grandTotal .Extratag {
    display: block;
    float: none;
    margin-bottom: 10px;
    text-align: left;
    width: 100%;
}

/*.pagination {margin:5px 0 10px 0; border:1px solid #c0cad1;}
.pagination li {float:left; width:16.666%;}
.pagination li a {display:block; height:30px; line-height:30px; text-align:center; font-family:12px; background-color:#fff; color:#34495e; border-left:1px solid #c0cad1;} 
.pagination li a:hover {background-color:#ccd5db;}
.pagination li:first-child a {border:0;}*/

.pagination
{
    float: right;
    margin-right: 5px;
}

.pagination
{
    padding: 0;
    margin: 0;
    font-size: 85%;
    width:100%;
}
.pagination a, .pagination span
{
    color: #0d3c4d;
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
}
.pagination span.current
{
    border: 1px solid #1d95c1;
    font-weight: bold;
    background: #fff;
    color: #1d95c1;
}
.pagination a
{
    border: 1px solid #0b7196;
    text-decoration: none;
    background: #70b6cf;
}
.pagination a:hover
{
    border-color: #09ace7;
    color: #e6f8ff;
}
.pagination a.nextprev
{
    font-weight: bold;
    color: #b80936;
    background: #fff;
    color: #000;

}
.pagination span.nextprev
{
    color: #666;
}
.pagination span.nextprev
{
    border: 1px solid #4c7e91;
    color: #cecece;
    background: #719fb0;
}
.spnUser {
    background-image:url(http://m.booksforyou.co.in/images/UserActive.png);
    border: 0 none;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-indent: inherit;
    top: 0;
    width: 18px;
    z-index: 99;
}
nav a#cart{background:url(../images/carticon.png) no-repeat center 0; height: 26px; width: 50px; display:block; float:right; margin:0 5px 0 0; position:relative; }
nav a#cart span {background-color:#333; color:#fff; font-size:12px; width:18px; text-align:center; height:18px; line-height:18px;
position:absolute; top:0px; right:0px; z-index:99; padding:0; margin:0; border:0; text-indent:inherit;
 -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.bookImage { min-height: 150px;text-align: center; vertical-align: middle; border: 1px solid #d1d1d1; margin: 5px;box-sizing: border-box;  }
.thumbnail { text-align: center; vertical-align: middle;        display: inline-block;     }.thumbnailimage {            height: 50px;line-height: 38px;text-align: center;margin-left: 5px;width: 45px; float: left;border: 1px solid #d1d1d1;box-sizing: border-box;}
.jquery-notify-bar { width: 100%; position: fixed; top: 0; left: 0; z-index: 32768; background-color: #FB971B; font-size: 18px;   text-align: center; color: #fff;padding: 13px 0px; cursor: pointer; border-bottom: 1px solid #FB971B;}
.jquery-notify-bar.success { color: #58595b; background-color:#FB971B; }
.jquery-notify-bar.hide { display:none; }
.span {width:46%; margin:0 2%; float:left; display:block; padding:8px 0; background-color:#e7e7e7; color:#333; text-align:center; font-size:15px;
-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
span .BgNcolor {background-color:#eee; color:#b0b0b0;}
.addToCart {}
span .BgNcolor:hover {background-color:#eee; color:#b0b0b0;}

.buttonA .BgNcolor:hover {background:#eee;}

.buttonAA .BgNcolor:hover {background:#eee;}