@import url("ie.css");
@import url("megamenu.css");
@import url("dropdown.css");
@import url("fonts.css");
@import url("prettyphoto.css");
@import url("stylesheet.css");


/*COMMON STYLE =======================================================================================*/

.fleft { float:left !important;}
.fright { float:right !important;}
.noMargin{margin:0px !important}
.noMarginLeft{margin-left:0px !important}
.noMarginRight{margin-right:0px !important}
.noMarginTop{margin-top:0px !important}
.noMarginBtm{margin-bottom:0px !important}
.noPadding{padding:0px !important}
.noPaddingLeft{padding-left:0px !important}
.noPaddingRight{padding-right:0px !important}
.noPaddingTop{padding-top:0px !important}
.noPaddingBtm{padding-bottom:0px !important}
.bold{font-weight:bold !important}
.center{text-align:center; margin:0 auto}
.noBorder{border:none !important}
.noBg { background: none !important }
.clear { clear:both; }
.pr { position:relative; }

/* MARGINS & PADDINGS */

h1,h2,h3,h4,h5,h6,p,ul,li { margin:0; padding:0}
* { _noFocusLine: expression(this.hideFocus=true); }

/* TAG */

a,input[type=submit]{ border:none; outline:none; cursor:pointer; text-decoration:none; }
img { border:none; outline:none; }

/* COLUMN GRID */

.container { width:998px; margin:0 auto}
body { margin:0; background:#f0f0f0; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
	div.mySelectClass select  { top:7px; }
}



/*=============================================================================================================*/

#htmlBody{}
/*Header Portion*/
.blueBg  { background:url(../images/blue-bg.jpg) no-repeat 50% 0; }
.blueBg-shade  { background:url(../images/blue-bg-shade.jpg) no-repeat 50% 0; }
.greenBg  { background:url(../images/green-bg.jpg) no-repeat 50% 0; }
.darkGreenBg { background:url(../images/darkgreenBg.jpg) no-repeat 50% 0; }
.darkBg  { background:url(../images/dark-bg.jpg) no-repeat 50% 0; }
.redishBg { background:url(../images/redish-bg.jpg) no-repeat 50% 0; }
.mixColoredBg { background:url(../images/mix-colored-bg.jpg) no-repeat 50% 0; }
.redBg { background:url(../images/red.jpg) no-repeat 50% 0; }
.topBoy { position:absolute; top:11px; left:346px; }


.header { height:120px;}
.header .container {  position:relative;  }
.header #logo {  position:absolute;  top:40px;  left:83px;}


.header .topRightLink  a { float:left; font:13px 'OpenSansRegular'; color:#fff; padding-top:8px; }
.header .topRightLink  span { float:left; background:url(../images/top-link-sep.jpg) no-repeat 0 11px; width:2px; height:24px;  margin:0 11px 0 12px; }
.header .topRightLink  a.mycart { background:url(../images/mycart.png) no-repeat 0 11px; padding-left:26px; }
.header .topRightLink  a.myaccount { background:url(../images/myaccount.png) no-repeat 0 9px; padding-left:21px; }
.header .topRightLink  a.logout { background:url(../images/logout.png) no-repeat 0 11px; padding-left:18px; }
.header .topRightLink  a:hover { color:#4b6b82; }

.header .container { position:relative; height:120px;} 
.header .smallogo { position:absolute; left:0; bottom:-50px; }

/*  BANNER */

.bannerOuter { }


.middle { }
.middle .contentAreaHome { background:url(../images/middle-bg.jpg) repeat-y 0 0; width:960px; float:left; padding:8px 18px 0 20px; }
.middle .contentAreaHome .title { float:left; color:#10090a; font:15px/35px 'OpenSansBold'; height:35px; background:url(../images/pattern.jpg) repeat; padding-left:9px; width:942px;  margin-bottom:28px; }

.middle .contentAreaHome .products { margin-left:46px;  }
.middle .contentAreaHome .products a { float:left; margin:0 40px 22px 0; width:141px; height:200px; }
.middle .contentAreaHome .products a:hover  { opacity:0.80; filter:alpha(opacity=80);}

.middle .contentAreaHome .abtMaths { margin:0 0 0 40px; padding:0;  float:left; }
.middle .contentAreaHome .abtMaths  li { color:#3f3f3f; font:13px 'OpenSansRegular'; padding:0 0 10px 13px; list-style:none; background:url(../images/squre.jpg) no-repeat 0 5px; }

.middle  .footerLinks { float:left; margin:40px 0 21px -14px; background:#575757; height:33px; width:991px;  }
.middle  .contentAreaHome  .footerLinks { float:left; margin:40px 0 21px -16px; background:#575757; height:33px; width:991px;  }
.middle  .footerLinks a { color:#fff; font:12px/33px 'OpenSansRegular';  float:left; margin-right:37px;}
.middle  .footerLinks a:hover { color:#5d9fcd; }

.footer .signature { text-align:center; width:998px;   color:#a8a6a6; font:11px 'OpenSansRegular';  padding:0 0 14px 0;}
.footer .signature  a { color:#a8a6a6; font:11px 'OpenSansRegular';  }
.footer .signature  a:hover { color:#0080bc; }
.footer .signature  a:focus { color:#0080bc; }
.footer .copyright { text-align:center; width:998px; color:#a8a6a6; font:11px 'OpenSansRegular'; padding:7px 0 5px 0; }

/* INNER PAGE START ================================================================================================== */

.breadcrums { text-align:left; color:#4f8cb6; font:13px/27px 'OpenSansItalic'; padding-left:15px; height:27px; margin-bottom:6px; margin-top:0px; *margin-top:6px; float:left; }
.breadcrums span {  padding-right:9px; float:left; }
.breadcrums span a { float:left; color:#373737;  text-decoration:none; font:13px/27px 'OpenSansItalic'; }
.breadcrums span a img  {  vertical-align:middle;}
.breadcrums span a:hover {  color:#4f8cb6; }

p { color:#3f3f3f; font:13px 'OpenSansRegular'; padding-bottom:16px;  }
h1 { color:#232323; font:18px/26px 'OpenSansBold'; }
h2 { color:#232323; font:17px/26px 'OpenSansBold'; }
h3 { color:#232323; font:16px/26px 'OpenSansBold'; }
h4 { color:#232323; font:15px/24px 'OpenSansBold'; }
h5 { color:#232323; font:14px/22px 'OpenSansBold'; }
h6 { color:#232323; font:13px/20px 'OpenSansBold'; }

.cmsimg { float:left; margin:0 13px 13px 0; }

ul { margin:0; padding-bottom:8px; }
ul li { background:url(../images/circle.jpg) no-repeat 0 7px; padding-left:12px; list-style:none; color:#3f3f3f; font:13px 'OpenSansRegular'; padding-left:15px; }

ol { margin:0; padding:0 0 6px 18px; }
ol li {  padding-left:0px; color:#3f3f3f; font:13px 'OpenSansRegular'; }

.middle .contentAreaInner { background:url(../images/middle-bg.jpg) repeat-y 0 0; width:962px; float:left; padding:5px 18px 0 18px; }
.middle .contentAreaInner .title { float:left; color:#232323; font:18px/35px 'OpenSansBold'; height:35px; background:url(../images/pattern-2.jpg) repeat; padding-left:9px; width:941px;  margin-bottom:14px; }

.forgetText { color:#da4b4b; font:13px 'OpenSansRegular'; }
.forgetText:hover { color:#3f3f3f; }

.required { color:#3f3f3f; font:13px 'OpenSansRegular'; }
.required span { color:#c80000; }

.middle  a { color:#da4b4b;  font:13px 'OpenSansRegular'; }
.middle  a:hover { color:#232323; }


/*	 TEXTBOX  */

.inputField { margin-bottom:8px; height:52px; }
.inputField label { color:#3f3f3f; font:13px 'OpenSansRegular'; text-align:left; display:block; padding-bottom:3px; }
.inputField label span { color:#c80000; }

.inputField .txtOuter { float:left; }
.inputField .txtOuter .txtLeft { float:left; background:url(../images/txt-left.png) no-repeat 0 0; width:9px; height:28px; }
.inputField .txtOuter .txtRight { float:left; background:url(../images/txt-right.png) no-repeat 100% 0;  width:304px; padding-right:9px;  height:28px; }
.inputField .txtOuter .txtRight input[type=text],input[type=password] { font:13px/18px 'OpenSansRegular'; color:#676767;  background:none; border:none;  height:19px; margin-top:3px; outline:none; width:304px; }
.inputField .txtOuter .txtRight input[type=password] { font:13px/18px 'arial'; color:#676767;  background:none; border:none;  height:19px; margin-top:3px; outline:none; width:304px; }

.inputField .txtOuter .txtareaLeft { float:left; background:url(../images/textarea-left.png) no-repeat 0 0; width:9px; height:84px; }
.inputField .txtOuter .txtareaRight { float:left; background:url(../images/txtarea-right.png) no-repeat 100% 0;  height:78px; }
.inputField .txtOuter .txtareaRight textarea { font:13px/18px 'OpenSansRegular'; color:#676767; background:none; border:none;  height:61px; padding:5px 0; margin-top:2px; outline:none; resize:none; overflow:auto; width:310px; padding-right:2px; }



/* CHANGE PASSWORD ==========================================================================*/

.middle .contentAreaInner .btnSend {  display:block; background:url(../images/button.png) no-repeat 0 0; float:left; height:30px; width:57px; margin-top:15px; }
.middle .contentAreaInner .btnSend:hover { background-position:0 -30px; }

.middle .contentAreaInner .outerBox { width:470px;  }
.middle .contentAreaInner .txtOuter { width:322px; }

.middle .contentAreaInner .middleBg { position:relative; float:left; width:448px; padding:0 12px 0 11px; background:#f1f1f1; }
.middle .contentAreaInner .topLineText { color:#3f3f3f; font:14px 'OpenSansBold'; }
.middle .contentAreaInner .border { background:url(../images/h-border.jpg) repeat-x 0 100%; padding-bottom:12px; margin-bottom:10px; }

.middle .contentAreaInner .changePwdBg { background:#f1f1f1 url(../images/change-pwd-bg.png) no-repeat 100% 53px; padding-bottom:40px; }

/* FORGET PASSWORD ==========================================================================*/

.middle .contentAreaInner .forgetPwdBg { background:#f1f1f1 url(../images/forget-pwd-bg.jpg) no-repeat 100% 116px; padding-bottom:60px; }

.middle .forgetPwd .breadcrums { color:#ca0606; }
.middle .forgetPwd .breadcrums span  a:hover {  color:#ca0606; }

.middle .forgetPwd .contentAreaInner .btnSend {  display:block; background:url(../images/button.png) no-repeat 0 -70px; float:left; height:30px; width:59px; margin-top:15px; }
.middle .forgetPwd .contentAreaInner .btnSend:hover { background-position:0 -100px; }


/* MY ACCOUNT ==============================================================================*/

.myAccount { height:149px; }
.myAccount .myprofle,
.myAccount .changePassword ,
.myAccount .orderHistory,
.myAccount .viewCart,
.myAccount .continueShoping,
.myAccount .logout { float:left; display:block; margin-right:14px; height:147px; width:148px; }

.myAccount .myprofle { background:url(../images/my-profile.jpg) no-repeat 0 0; text-indent:-999999px; }
.myAccount .myprofle:hover { background-position: 0 -147px; }

.myAccount .changePassword { background:url(../images/change-password.jpg) no-repeat 0 0;  text-indent:-999999px; }
.myAccount .changePassword:hover { background-position: 0 -147px; }

.myAccount .orderHistory { background:url(../images/order-history.jpg) no-repeat 0 0;  text-indent:-999999px; }
.myAccount .orderHistory:hover,#htmlBody .middle  .orderHistory.active { background-position: 0 -147px; }

.myAccount .viewCart { background:url(../images/view-cart.jpg) no-repeat 0 0;  text-indent:-999999px; }
.myAccount .viewCart:hover { background-position: 0 -147px; }

.myAccount .continueShoping { background:url(../images/continue-shoping.jpg) no-repeat 0 0;   text-indent:-999999px;}
.myAccount .continueShoping:hover { background-position: 0 -147px; }

.myAccount .logout { background:url(../images/logout.jpg) no-repeat 0 0;  text-indent:-999999px;}
.myAccount .logout:hover { background-position: 0 -147px; }


/*	 REGISTER LOGIN =============================================================================*/

.middle .registerLogin .breadcrums { color:#ca0606; }
.middle .registerLogin .breadcrums span  a:hover {  color:#ca0606; }

.middle .contentAreaInner .outerBox.loginCol { width:471px; float:left; }  
.middle .contentAreaInner .outerBox.loginCol  .title { width:451px; }   

.middle .contentAreaInner .loginCol .middleBg { background:#f1f1f1 url(../images/login-bg.jpg) no-repeat 100% 16px; padding-bottom:10px; }

.middle .contentAreaInner .btnLogin {  display:block; background:url(../images/button.png) no-repeat 0 -142px; float:left; height:30px; width:71px; margin-top:14px; }
.middle .contentAreaInner .btnLogin:hover { background-position:0 -172px; }

.middle .contentAreaInner .outerBox.registerCol { width:469px; float:left; margin-left:20px; }  
.middle .contentAreaInner .outerBox.registerCol .title { width:450px; }  
.middle .contentAreaInner .outerBox.registerCol .inputField { float:left; padding-left:13px; }

.refresh { background:url(../images/refresh.png) no-repeat 0 0; width:19px; height:17px; float:left; margin:5px 0 0 9px; }
.refresh:hover { background:url(../images/refresh-hover.png) no-repeat 0 0; }

.middle .contentAreaInner .btnRegister {  display:block; background:url(../images/button.png) no-repeat 0 -204px; float:left; height:30px; width:91px; margin-top:10px; }
.middle .contentAreaInner .btnRegister:hover { background-position:0 -234px; }

.indivisual { background:url(../images/bg-dropdown.jpg) no-repeat 0 0; width:411px; height:81px; float:left; margin-bottom:20px; }

/*  TESTIMONIAL PAGE =================================================================================== */

.middle .contentAreaInner .testimonials { background:url(../images/testimonial-bg.jpg) no-repeat 0 0; width:864px; height:92px; float:left; padding:0 46px; margin-bottom:18px; }
.middle .contentAreaInner .testimonials p { color:#3f3f3f; font:13px 'OpenSansItalic';  padding:10px 0 5px 0; height:50px; }
.middle .contentAreaInner .testimonials .name { color:#000; font:13px 'OpenSansItalic'; }
.middle .contentAreaInner .testimonials .name span { color:#4c77a6; }

/* PRODUCT PAGE and PRODUCT LISTING PAGE  ======================================================================== */

.middle .productPage .breadcrums { color:#ca0606; }
.middle .productPage .breadcrums span  a:hover {  color:#ca0606; }


/* ACCORDIAN */

.accordianCol { float:left; width:255px; margin-right:14px; background:url(../images/acco-col-bg.jpg) no-repeat 0 100%; padding-bottom:12px; }
.accordianCol #accordion { background:#e6e6e6; border-left:1px solid #a5a5a5; border-right:1px solid #a5a5a5; padding:13px 5px 0 5px; }

.accordianCol h2 { color:#fff; font:16px/36px 'OpenSansBold'; background:url(../images/acco-title-bg.jpg) no-repeat 0 0; width:255px; height:36px; text-align:center;  }

.accordianCol .ui-accordion-header { background:#c1bcb3 url(../images/acco-arrow.jpg) no-repeat 100% 0px; width:212px; height:31px; display:block; color:#fff; font:15px/30px 'OpenSansSemibold'; padding-left:31px;  margin-bottom:4px;  }
.accordianCol .ui-accordion-header:hover {  background:#42808d url(../images/acco-arrow-hover.jpg) no-repeat 100% 0; color:#fff; }
.accordianCol .ui-state-active { background:url(../images/acco-arrow-hover.jpg) no-repeat 100% 0; }

.accordianCol .subMenu {  padding:0; margin-top:-4px; }
.accordianCol .subMenu li {list-style:none; background:url(../images/h-border.jpg) repeat-x 0 100%; padding-left:0; }
.accordianCol .subMenu li a { color:#4e4e4e; padding-left:31px; font:13px/30px 'OpenSansRegular'; }
.accordianCol .subMenu li a:hover { color:#c21212; }
.accordianCol .subMenu li a.active { color:#c21212; }

/* RIGTHT COL */

.middle .productPage .rightCol { width:693px; float:left; }
.middle .productPage .rightCol h1 { width:673px; float:left; }

.middle .productPage .rightCol h1 a { position:absolute; right:8px; top:10px; color:#4e4e4e; }
.middle .productPage .rightCol h1 a:hover { color:#ca0606; }

.middle .productPage .rightCol .productContainer { padding-bottom:15px; }
.middle .productPage .rightCol .productContainer .product { float:left; width:227px; text-align:center; border-right:1px solid #ddd; }
.middle .productPage .rightCol .productContainer .product .img { max-height:200px; max-width:225px;}
.middle .productPage .rightCol .productContainer .product .name { padding-top:10px; }
.middle .productPage .rightCol .productContainer .product .name a { color:#10090a; font:13px 'OpenSansRegular'; }
.middle .productPage .rightCol .productContainer .product .name a:hover { color:#ca0606; }

.middle .productPage.child .rightCol .productContainer { padding-bottom:28px; } 

/* PRICE LIST AND ISBNS PAGE ===============================================================*/


.middle .priceListPage .breadcrums { color:#ca0606; }
.middle .priceListPage .breadcrums span  a:hover {  color:#ca0606; }

.middle .priceList .rightCol { width:693px; float:left; }
.middle .priceList .rightCol h1 { width:671px; float:left; }
.middle .priceList .rightCol .print { background:url(../images/print.png) no-repeat 0 0; color:#101010; font:14px 'OpenSansRegular'; position:absolute; padding-left:27px; top:8px; right:15px; height:19px; }
.middle .priceList .rightCol .print:hover { color:#ca0606; background-position:0 -19px; }

.middle .priceList .priceListTbl {}
.middle .priceList .priceListTbl th {  color:#fff; text-align:left; font:14px 'OpenSansRegular'; background:url(../images/price-tbl-th-bg.jpg) repeat-x 0 0; height:32px; padding-left:9px; }
.middle .priceList .priceListTbl td { color:#4e4e4e; font:13px/32px 'OpenSansRegular'; padding-left:10px; border-bottom:1px solid #fff; height:32px; }

.rowgray { background:#e9e9e9; }
.rowgrayLight { background:#f8f8f8; }

/* ORDER FORM =================================================================================================== */

.middle .orderForm .breadcrums { color:#01a661; }
.middle .orderForm .breadcrums span  a:hover {  color:#01a661; }

.middle .orderForm .topLine { color:#3f3f3f; font:16px 'OpenSansBold'; }

.middle .orderForm ul { padding:10px 0; }
.middle .orderForm ul li { padding-left:11px; }

.middle .orderForm .orderFormTbl { }
.middle .orderForm .orderFormTbl th { background:url(../images/order-form-th-bg.jpg) repeat-x 0 0; height:32px; border-bottom:2px solid #fff; color:#fff;  font:normal 14px 'OpenSansRegular'; text-align:left; } 
.middle .orderForm .orderFormTbl td { border-bottom:1px solid #fff; height:32px; color:#4e4e4e; font:normal 13px/32px 'OpenSansRegular';   }
.middle .orderForm .orderFormTbl .txtqtyOuter {  float:left; background:url(../images/txt-qty-bg.png) no-repeat 0 0; width:28px; height:28px; padding:0 5px; }
.middle .orderForm .orderFormTbl .txtqtyOuter .txtQty { width:28px; height:26px; border:0; font:normal 14px/20px 'OpenSansRegular'; padding-top:2px;  color:#676767;outline:none; background:none; }
.middle .orderForm .orderFormTbl .btnRemove { background:url(../images/remove.png) no-repeat 0 0; width:17px; height:20px; display:block; }
.middle .orderForm .orderFormTbl .btnRefresh { background:url(../images/refresh-black.png) no-repeat 0 0; width:18px; height:18px; float:left; margin:6px 0 0 4px; } 

/* 	REDEEM CODE PAGE ========================================================================================= */

.middle .redeemCodePage .breadcrums { color:#b36396; }
.middle .redeemCodePage .breadcrums span  a:hover {  color:#b36396; }

.middle .redeemCodePage .btnRedeemNow { background:url(../images/button.png) no-repeat 0 -265px; width:122px; height:30px; }
.middle .redeemCodePage .btnRedeemNow:hover { background-position:0 -295px; }

.middle .redeemCodePage .btnSubmit { background:url(../images/button.png) no-repeat 0 -327px; width:82px; height:30px; margin-left:20px; }
.middle .redeemCodePage .btnSubmit:hover { background-position:0 -357px; }

.middle .redeemCodePage .title { width:951px; padding-left:0; font-size:16px; }
.middle .redeemCodePage .title span { background:url(../images/pink-bg.png) no-repeat 0 0; float:left; width:62px; color:#fff;  padding:0 7px 0 10px; }

.middle .redeemCodePage .fontItalic span { color:#3f3f3f; font:13px 'OpenSansBoldItalic'; display:block; padding-bottom:10px; }

.middle .redeemCodePage .inputFieldBg { padding:10px 0 0 11px; background:url(../images/inputfield-bg.gif) no-repeat 0 0; width:950px; height:177px;  }
.middle .redeemCodePage .inputFieldBg .txtOuter { width:302px; margin-right:15px;}
.middle .redeemCodePage .inputFieldBg .txtRight { width:284px; }
.middle .redeemCodePage .inputFieldBg .txtRight input[type=text] { width:284px; } 

.middle .redeemCodePage .buttons  { float:right; padding-right:15px; margin-top:11px;} 

/* ORDER HISTORY PAGE =========================================================================================== */

.tableMyorder { padding:0px; margin:0px; float:left;}
.tableMyorder th { margin:0px;	background:#7ba7c4;  font:normal 14px/32px 'OpenSansRegular'; color:#fff; height:32px; }
.tableMyorder td { color:#4e4e4e;  font:normal 13px/32px 'OpenSansRegular'; padding:0; border-bottom:1px solid #fff; height:34px; }

.tableMyorder td .showDetail { background:url(../images/btn-show-detail.png) no-repeat 0 7px; color:#1a1a1a; float:right; font:normal 14px 'OpenSansRegular'; padding-left:30px; text-decoration:none; float:left; }
.tableMyorder td .showDetail:hover { color:#7ba7c4; background:url(../images/btn-show-detail-hover.jpg) no-repeat 0 7px; }


/* SHOPPING CART PAGE =========================================================================== */

.title { padding:0px 12px; margin:0; height:30px; background:#3b332f; font:normal 14px/32px 'VAGRounded-Thin';  color:#fff; }

.middle .shoppinCartPage .breadcrums { color:#ca0606; }
.middle .shoppinCartPage .breadcrums span  a:hover {  color:#ca0606; }

/* 	OVERVIEW BLOK */

.overviewBlock { padding:0px 10px; margin:0px; width:auto;}
.overviewBlock .tableInside table { margin:0 auto 0;}
.overviewBlock .tableInside th { border-bottom:1px solid #b1b1b1; height:20px; color:#4e4e4e; font:14px/20px 'OpenSansRegular'; text-align:left; padding-bottom:3px;}
.overviewBlock .tableInside td { padding:10px 0 0 !important; font:13px 'OpenSansRegular'; color:#4e4e4e; text-align:left; }
.overviewBlock .tableInside1 table { margin:0 auto 0;}
.overviewBlock .tableInside1 th { border-bottom:1px solid #b1b1b1; height:20px; color:#4e4e4e; font:14px/20px 'OpenSansRegular'; text-align:left; padding-bottom:3px;}
.overviewBlock .tableInside1 td { padding:10px 0 0; font:13px 'OpenSansRegular'; color:#4e4e4e; text-align:left; }

.overviewBlock .productImage { padding:0px; margin:0px; text-align:center; vertical-align:middle; width:74px; height:105px; }
.overviewBlock .productImage img { height:105; width:74px; }

.overviewBlock .productName {  color:#232323; text-align:left;  font:12px 'OpenSansBold'; word-wrap:break-word; }
.overviewBlock .attributes { padding-top:5px;  color:#4e4e4e !important; font:13px/16px 'OpenSansRegular' !important;  }
.overviewBlock .attributes span { color:#1a1a1a; }

.txtqty { background:url(../images/txt-qty-bg.png) no-repeat 0 0;  margin:0 5px 0 5px; width:39px; height:19px; text-align:center; }
.txtqty  input[type=text] { text-align:center; width:30px !important; background:none; overflow:hidden; border:none; font:14px/22px 'OpenSansRegular'; height:22px; color:#616161; color:#676767; outline:none; }

.overviewBlock .btnRefresh  { width:19px; height:17px; background:url(../images/refresh.png) no-repeat 0 0; }

/* CALCULATION TABLE */ 

.overviewBlock .tableInsideSub { background:#f5f5f5;}
.overviewBlock .tableInsideSub table { margin-bottom:15px; font:14px 'OpenSansRegular'; color:#616161; }
.overviewBlock .tableInsideSub td { padding:0px 15px 0px 0 !important;  border-left:0px; border-right:0px; font:13px/20px 'OpenSansRegular'; color:#4e4e4e; text-align:right;}
.overviewBlock .total { color:#232323 !important; background:#fff !important; font:12px/30px 'OpenSansBold' !important;  }

/* PROMOTIONAL DETAIL */

.promotionalDetail {  height:30px; margin-top:19px; float:left; width:960px; }

.btnApply { background:url(../images/button.png) no-repeat 0 -401px; width:69px; height:30px;  margin:0 17px 0 9px; float:left; border: 0 none; cursor: pointer; outline: medium none;}
.btnApply:hover { background-position:0 -431px; }

.btnContinueShopping { background:url(../images/button.png) no-repeat 0 -481px; width:177px; height:30px;  float:left; margin-right:14px; }




.btnContinueShopping:hover { background-position:0 -511px; }

.btnEmptyCart { background:url(../images/button.png) no-repeat 0 -553px; width:111px; height:30px;  margin-right:14px; float:left; border: 0 none; cursor: pointer; outline: medium none;}
.btnEmptyCart:hover { background-position:0 -583px; }

.btnProcedCheckout { background:url(../images/button.png) no-repeat 0 -620px; width:186px; height:30px;  float:left; }
.btnProcedCheckout:hover { background-position:0 -650px; }


/* ORDER HISTORY DETAIL PAGE  ========================================================================================== */

.tableMyorderHistory { padding:0px; margin:0px;}
.tableMyorderHistory th { margin:0px;	background:url(../images/pattern-2.jpg) repeat; font:normal 16px/30px 'OpenSansBold'; color:#232323;  padding-left:10px; }

.tableMyorderHistory td { margin:0px; padding:0; font:normal 13px/22px 'OpenSansRegular';  color:#4e4e4e; text-decoration:none;}
.tableMyorderHistory .colorLightGray { color:#1a1a1a; }
.tableMyorderHistory td  a { color:#000; text-decoration:none;  }
.tableMyorderHistory td  a:hover { color:#f7951e; }

.tableMyorderHistory.addressDetail  td { margin:0px; padding-bottom:10px;  font:normal 13px/20px 'OpenSansRegular';  color:#4e4e4e; text-decoration:none;}
.tableMyorderHistory.addressDetail .colorLightGray { color:#1a1a1a; } 

.tableMyorderHistory.addressDetail a { color:#4e4e4e;font:normal 13px/22px 'OpenSansRegular'; }

.btnBack { background:url(../images/button.png) no-repeat 0 -689px; width:195px; height:30px;  float:right; margin-top:11px; }
.btnBack:hover { background-position:0 -719px; }

/* SHOPPING DETAIL PAGE ================================================================================ */

.billingShipping { } 
.middle .billingShipping .breadcrums { color:#ca0606; }
.middle .billingShipping .breadcrums span  a:hover {  color:#ca0606; }

.shoppingLeftCol { width:739px;  margin:13px 0 0 0; overflow:hidden;}

/* ACCORDIAN =======*/

#accordion { padding:0px; margin:0px}
#accordion h5 { background:url(../images/pattern-2.jpg) repeat; color:#232323; padding:0px 10px; height:35px; margin:0 0 1px 0; cursor:pointer; font:16px/35px 'OpenSansBold'; width:719px; outline:none;}
#accordion h5 span { float:left}

#accordion h5 a.accordianEdit { padding:0px;  text-decoration:none; float:right;  background:url(../images/btn-edit.png) no-repeat 0 0; width:42px; height:22px; margin-top:7px; text-indent:-999999px;  }
#accordion h5 a.accordianEdit:hover { background-position:0 -22px; }
.shoppingLeftCol #accordion .ui-state-active { background:url(../images/pattern-2-hover.png) repeat; }
#accordion h5:hover { background:url(../images/pattern-2-hover.png) repeat; }
/*#accordion table td { padding:0;}*/

/* PAGE DATA ======== */

.billingShippingLeft .detailBlock { margin-bottom:23px; overflow:hidden; border:solid 0px #F3F3F3;}
.billingShippingLeft .frmBlockIn { font:13px/20px 'OpenSansRegular'; color:#373737; margin:0;}
.billingShippingLeft .frmBlockIn input[type="radio"],
.billingShippingLeft .frmBlockIn input[type="checkbox"]{float:left; margin:0 3px 0 0; }

.billingShippingLeft .formLeftColumn { margin:13px 0 0 0;  width:335px; overflow:hidden; }
.billingShippingLeft .formLeftColumn.rightCol { width:310px; padding:0 0 0 40px; margin-left:41px; border-left:1px solid #b1b1b1; }

.billingShippingLeft .formLeftColumn .inputField  { height:28px; }
.billingShippingLeft .formLeftColumn .inputField  label { padding-right:8px; float:left; width:104px; text-align:right; }
.billingShippingLeft .formLeftColumn.rightCol label { float:left; width:80px; }
.billingShippingLeft .formLeftColumn .txtOuter { width:222px; float:left; }
.billingShippingLeft .formLeftColumn .txtOuter .txtRight { width:203px; } 
.billingShippingLeft .formLeftColumn .txtOuter .txtRight input[type=text] { width:213px; }
.billingShippingLeft .formLeftColumn .txtOuter .txtareaRight { width:203px; padding-right:9px; } 
.billingShippingLeft .formLeftColumn .txtOuter .txtareaRight textarea { width:210px; overflow:auto; }

.billingShippingLeft .ShippingText { color:#3f3f3f; font:13px/16px 'OpenSansRegular'; margin-top:3px;}
.shoppingForm { padding:0px; margin:0px; width:100%;}

.paymentBlock { color:#383838; font-size:15px; font-weight:normal; margin:0; width:724px;}
.paymentBlock input[type="radio"],
.paymentBlock input[type="checkbox"]{float:left; margin:0 3px 0 0;}

.orderTotal { float:left; clear:left; padding:5px 0 5px 4px; margin:0px; font:13px/20px 'OpenSansRegular'; color:#3f3f3f;}
.orderTotal span { color:#1a1a1a; }

.form_block { width:376px; }
.form_block .formLeftColumn .shoppingForm .inputField label { width:134px; }
.paymentBlockRight { float:right; }
.paymentBlockRight label { width:95px !important; float:left; }

/*	 ADDITONAL */

.cartBilligShipping .overviewBlock .tableInside th { font-size:13px; }
.billingShippingLeft .formLeftColumn.rightCol .required{ padding-right:10px; }

/* Right Portion ===============*/

.shoppingRightCol { width:191px; padding:8px 8px 0 8px; background:#f6f6f6; overflow:hidden;margin:0;}
.shoppingRightCol h4 { text-transform:none; color:#3f3f3f; font:14px 'OpenSansBold'; float:left; position:relative; border-bottom:1px solid #b1b1b1; width:187px; padding-left:5px; margin-bottom:5px; padding-bottom:5px; }
.middle .changeLink { position:absolute; right:5px; top:2px; color:#424242; font:13px 'OpenSansSemibold'; }
.middle .changeLink:hover { color:#ca0606; }

.shoppingRightCol p { float:left; color:#4e4e4e; font:13px/24px 'OpenSansRegular'; margin:0; padding-bottom:10px; padding-left:5px;}

.btnContinue { background:url(../images/button.png) no-repeat 0 -755px; width:93px; height:30px; margin-right:11px; }
.btnContinue:hover { background-position:0 -785px; }

.btnConfirmOrder { background:url(../images/button.png) no-repeat 0 -820px; width:134px; height:30px; }
.btnConfirmOrder:hover { background-position:0 -850px; }

/* End Shoppin cart */

/* PRODUCT DETAIL PAGE	======================================================================== */

.middle .productDetailPage .breadcrums { color:#ca0606; }
.middle .productDetailPage .breadcrums span  a:hover {  color:#ca0606; }

.middle .productDetailPage .rightCol { width:693px; float:left; }
.middle .productDetailPage .rightCol h1 { width:684px; float:left; }

.middle .productDetailPage .product-info { float:left;  margin-right: 21px; position: relative;  width: 205px; z-index: 777;
}
.middle .productDetailPage .productDetails { float:left; width:466px }
.middle .productDetailPage .productDetails  p { color:#3f3f3f; font:14px 'OpenSansRegular'; padding-bottom:8px; }
.middle .productDetailPage .productDetails  p span { color:#3f3f3f; font:14px 'OpenSansBold'; display:block; }
.middle .productDetailPage .productDetails ul { margin-top:-4px; }
.middle .productDetailPage .productDetails ul li { padding-left:12px; }

.middle .productDetailPage .details { padding-top:17px; }
.middle .productDetailPage .details .containerBox { float:left; width:307px; padding-left:14px; height:203px; background:url(../images/bg-detail.jpg) no-repeat 0 0; position:relative; } 
.middle .productDetailPage .details .containerBox h2 { padding-left:68px; height:35px; color:#232323; font:17px/35px 'OpenSansBold'; text-transform:uppercase; margin-top:10px; }
.middle .productDetailPage .details .containerBox  p { padding:26px 0 14px 0; color:#232323; font:15px/24px 'OpenSansRegular'; }
.middle .productDetailPage .details .containerBox  p  span { font:15px 'OpenSansBold'; }

.btnaddToCart { background:url(../images/button.png) no-repeat -199px 0px; width:121px; height:30px; }
.btnaddToCart:hover { background-position:-199px -30px; }

.btnRedeemCode { background:url(../images/button.png) no-repeat -199px -66px; width:125px; height:30px; margin-left:14px; }
.btnRedeemCode:hover { background-position:-199px -96px; }

/* Pop up ====================================================================*/
.popup_pad {
	background: none repeat scroll 0 0 #fff;
	float: left;
	width: 503px;
	height:217px;
	overflow: hidden;
}
.popup_pad .head {
	background:url(../images/pattern-2.jpg) repeat;
	float: left;
	height: 35px;
	margin-bottom: 11px;
	width: 652px;
	color: #232323;
	font: 18px/30px 'OpenSansBold';
	border-top:1px solid #d6d6d6;
	padding-left: 10px;
}
.popup_pad .details .images {
	float: left;
	height: 105px;
	width: 74px;
	margin-right:13px;
}
.popup_pad .feature {
	float: left;
	color: #4e4e4e;
	font: 15px 'OpenSansRegular';
	margin-right: 3px;
	padding: 0;
}
.popup_pad .red_text {
	color: #1a1a1a;
	font:15px 'OpenSansBold'; 
}
.popup_pad .feature b {
	color: #42808d;
	float: left;
	font: 17px 'OpenSansRegular';
	margin-right: 3px;
	padding: 0;
}
.popup_pad .disc {
	color: #373737;
	font: 15px 'OpenSansRegular';
	padding: 0;
}
.popup_pad .disc span b {
	color: #42808d;
}
.popup_pad .details {
	float: left;
	margin: 0 11px 16px 18px;
	width: 529px;
}
.popup_pad .details p {
	margin: 0;
	line-height: 22px;
}
.shoping_buttons_frame {
	float: right;
	width: 500px;
}
.price { color:#1a1a1a; font:15px 'OpenSansBold'; }

.btnContinueShopping { background:url(../images/button.png) no-repeat 0 -481px; width:177px; height:30px;  float:left; margin-right:16px;border: 0 none; cursor: pointer; outline: medium none; }
.btnContinueShopping:hover { background-position:0 -511px; }

.btnProcedCheckout { background:url(../images/button.png) no-repeat 0 -620px; width:186px; height:30px;  float:left; margin-right:16px; border: 0 none; cursor: pointer; outline: medium none;}
.btnProcedCheckout:hover { background-position:0 -650px; }


.fl {
	float: left;
}
.fr {
	float: right;
}
.feature span { color:#1a1a1a; padding-right:8px; }
.disc span { color:#1a1a1a; padding-right:8px; }

/* banner ====================================================================*/

.banner { padding:12px 0 15px 0; height:266px; }

#jslidernews2 { width:997px !important; height:266px !important; background:none !important; }
.main-slider-content { width:812px !important; height:266px !important; padding:0 !important; position:absolute; left:185px; top:0px; background:url(../images/banner-image-bg.png) no-repeat 0 0;   }

.btnSubmitOrder { background:url(../images/button.png) no-repeat -199px -128px; width:131px; height:30px; margin-left:14px; float:right; margin-top:36px; }
.btnSubmitOrder:hover { background-position:-199px -158px; }








/*------------------------------------Nilesh */
.middle .contentAreaInner .btnSubmit { background:url(../images/button.png) no-repeat 0 -327px; display:block;  float:left; height:30px; width:91px; }
.middle .contentAreaInner .btnSubmit:hover { background-position:0 -357px; }


.middle .contentAreaInner .outerBox.registerCol .title1 { float:left; color:#232323; font:18px/35px 'OpenSansBold'; height:35px; background:url(../images/pattern-2.jpg) repeat; padding-left:9px; width:916px;  margin-bottom:14px; font-size:16px;  color:#232323;}



/* HOW MATHS MATE WORK ==========================================================================*/

.middle .howMathsWork .breadcrums { color:#198c73; }

.middle .howMathsWork .contentAreaInner .title { font-size:16px;  color:#232323; }
.middle .howMathsWork .contentAreaInner .detail { float:left; }
.middle .howMathsWork .contentAreaInner .detail img  { float:left;  margin:0 16px 0 0; padding-bottom:16px; }
.middle .howMathsWork .contentAreaInner .detail p { padding-bottom:10px; }
.middle .howMathsWork .breadcrums span a:hover {  color:#198c73; }

/* HOW SKILL BUILDERS WORK ==========================================================================*/

.middle .howSkillBuilderWork .breadcrums { color:#aa7249; }

.middle .howSkillBuilderWork .contentAreaInner .title { font-size:16px; color:#232323; }
.middle .howSkillBuilderWork .contentAreaInner .detail { float:left; }
.middle .howSkillBuilderWork .contentAreaInner .detail img  { float:left; margin:0 16px 0 0; padding-bottom:16px; }
.middle .howSkillBuilderWork .contentAreaInner .detail p { padding-bottom:10px; }
.middle .howSkillBuilderWork .breadcrums span  a:hover {  color:#aa7249; }




/* Popup Page ==========================================================================*/

.popup_pad {
	background: none repeat scroll 0 0 #fff;
	float: left;
	width: 503px;
	height:217px;
	overflow: hidden;
}
.popup_pad .head {
	background:url(../images/pattern-2.jpg) repeat;
	float: left;
	height: 35px;
	margin-bottom: 11px;
	width: 652px;
	color: #232323;
	font: 18px/30px 'OpenSansBold';
	border-top:1px solid #d6d6d6;
	padding-left: 10px;
}
.popup_pad .details .images {
	float: left;
	height: 105px;
	width: 74px;
	margin-right:13px;
}
.popup_pad .feature {
	float: left;
	color: #4e4e4e;
	font: 15px 'OpenSansRegular';
	margin-right: 3px;
	padding: 0;
}
.popup_pad .red_text {
	color: #1a1a1a;
	font:15px 'OpenSansBold'; 
}
.popup_pad .feature b {
	color: #42808d;
	float: left;
	font: 17px 'OpenSansRegular';
	margin-right: 3px;
	padding: 0;
}
.popup_pad .disc {
	color: #373737;
	font: 15px 'OpenSansRegular';
	padding: 0;
}
.popup_pad .disc span b {
	color: #42808d;
}
.popup_pad .details {
	float: left;
	margin: 0 11px 16px 18px;
	width: 529px;
}
.popup_pad .details p {
	margin: 0;
	line-height: 22px;
}
.shoping_buttons_frame {
	float: right;
	width: 500px;
}
.price { color:#1a1a1a; font:15px 'OpenSansBold'; }



.fl {
	float: left;
}
.fr {
	float: right;
}
.feature span { color:#1a1a1a; padding-right:8px; }
.disc span { color:#1a1a1a; padding-right:8px; }

/*  02-05-2013 message box*/

	
.errormsg{background-color: #FAEBE7;
          background-image: url("../images/msg-error.png");
          background-position: 10px 11px;
          background-repeat: no-repeat;
          border: 1px solid #FA4343;
          color: #DF280A;
          display: block;
          font-family: Calibri;font-size: 12px;font-weight: normal;line-height: 18px;margin: 0 0 13px;padding: 10px 5px 0px 30px;
          
}

.infomsg{background-color: #a3e6bd;
          background-image: url("../images/notification-tick.gif");
          background-position: 10px 11px;
          background-repeat: no-repeat;
          border: 1px solid #68d59b;
          display: block;
         font-family: Calibri;font-size: 12px;font-weight: normal;line-height: 18px;margin: 0 0 13px;padding: 10px 10px 0px 30px;
}

.searchresulterror
{
	background-color: #FAEBE7;
	background-image: url("../images/msg-error.png");
	background-position: 10px 11px;
	background-repeat: no-repeat;
	border: 1px solid #FA4343;
	color: #DF280A;
	display: block;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin: 0 0 13px;
	padding: 10px 10px 10px 31px;
}

.outerBox .forgotCol {
    float: left;
    width: 471px;
}
 .middle .contentAreaInner h1 {
	background: url(../images/pattern-2.jpg) repeat scroll 0 0;
    color: #232323;
    float: left;
    font: 18px/35px 'OpenSansBold';
    height: 35px;
    margin-bottom: 14px;
    padding-left: 9px;
    display:block;
    width:99%;
	
}

.image-caroucel .jcarousel-clip { width:116px; }
/*============================new testimonal stylesheet 14-8-2013====================================*/
.testimonial_box {width:954px; margin-bottom:15px; height:auto; float:left; background:url(../images/testmonial_box_bg.png) center top repeat-x; border-color:#dadada; border-width:1px; border-style:solid;}
.test_content{width:952px; float:left; height:auto; margin:0px 0px 0px 1px;}
.test_content p{float:left; width:900px; margin:10px 0px 0px 4px; font-family:'OpenSansItalic'; font-size:13px; color:#3F3F3F; text-align:justify; padding:0px;}
.test_content span{float:right; color:#4C77A6; font-family:'OpenSansItalic'; font-size:13px; margin:5px 15px 0px 0px !important;}
.test_top_left{width:37px; height:36px; background:url(../images/testimonial_1.png) left top no-repeat; margin:-2px 0px 0px -2px; float:left;}
.test_top_right{width:7px; height:7px; background:url(../images/testimonial_4.jpg) right top no-repeat; float:right; margin:-1px -2px 0px 0px;}
.test_bottom_left{width:7px; height:7px; float:left; background:url(../images/testimonial_3.jpg) left bottom no-repeat; margin:0px 0px -1px -1px;}
.tes_bottom_right{width:7px; height:7px; float:right; background:url(../images/testimonial_5.jpg) right bottom no-repeat; margin:0px -1px -1px 0px;}


/* 5-9-13 */
.header .topleftLink { background:url(../images/top-links-bg.png) no-repeat 0 0; width:23px; height:44px; float:right;}

.header .topRightLink { background:url(../images/top-links-bg.png) no-repeat right -55px; width:auto; height:44px; float:right; padding-right:23px;}

.update_btn{ background:url(../images/update_btn.png) no-repeat; width:62px; height:23px; float:left; cursor:pointer; outline:0; border:0;}

.promotionalDetail {  height:auto; margin-top:19px; float:left; width:960px; }

.middle .contentAreaHome h1 { float:left; color:#10090a; font:15px/35px 'OpenSansBold'; height:35px; background:url(../images/pattern.jpg) repeat; padding-left:9px; width:942px;  margin-bottom:14px; }