/**
 * reset-stylesheet/
 */
 
html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

body, select, input, textarea {
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color: #4a4a4a;
  /* Set your base font here, to apply evenly */
  font-family:Tahoma, Geneva, sans-serif;
  font-size:12px;
  font-weight: 400;
}

/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }


body{ background:url(../images/bg.png); background-repeat:repeat-x}

.master-wrapper-page { display:block; margin:0px auto;width: 980px;}

div#header-wrapper{ background-image:url(../images/logo.png); background-repeat:no-repeat; height:85px; float:left;width: 980px; background-position:23px 10px;}

/* Header */
div#cart-nav-wrapper { width:580px; float:right; margin-top:26px; font-family:Tahoma, Geneva, sans-serif !important; font-size:10px; color:#3b3b3b;  }
div#cart-nav-wrapper a{ text-decoration:none; color:#3b3b3b}
div#cart-nav-wrapper .cart-nav-shopping-cart { text-decoration:none; font-weight:bold; color:#3b3b3b; background:url(../images/icons/shopping.png) no-repeat; padding-left:20px}

.cartlinkvertbar { color: #3b3b3b; font-size: 10px; padding-left: 10px; padding-right: 10px;}
.cartlinkitems { color: #357ba9; font-size: 10px; padding-left: 10px; padding-right: 10px;}

/* Site Navigation */
div#site-navigation-wrapper { float:left; width:980px; height:44px; background:url(../images/menu.png) no-repeat; }

.products-selected, .demos-selected, features, .basket-selected, .checkout-selected, .checkout-selected, .account-selected, .contact-selected{background-image:url(../images/menu.png);} 

ul#site-navigation  { float:left;  list-style: none; display: inline; height:34px; padding:0px; margin:0px; margin-top:5px; }
ul#site-navigation li { float:left;display:block; height:34px; padding:0px; margin:0px;  }
ul#site-navigation li a{display: block; float: left; text-decoration:none; background-image:url(../images/menu.png); height:34px; }
ul#site-navigation li a.home{ width: 48px; background-position: 0 -44px; }
ul#site-navigation li a.products{ width: 92px; background-position: -48px -44px; }
ul#site-navigation li a.demos{ width: 88px; background-position: -140px -44px; }
ul#site-navigation li a.features{ width: 89px; background-position: -228px -44px; }
ul#site-navigation li a.basket{ width: 85px; background-position: -317px -44px; }
ul#site-navigation li a.checkout{ width: 87px; background-position: -402px -44px; }
ul#site-navigation li a.account{ width: 88px; background-position: -489px -44px; }
ul#site-navigation li a.contact{ width: 81px; background-position: -577px -44px; }

/*ul#site-navigation li a.home:hover{ width: 50px; background-position: 0 -78px; }*/
ul#site-navigation li a.products:hover, .products-selected{width: 92px;background-position: -48px -78px; }
ul#site-navigation li a.demos:hover, .demos-selected{ width: 88px;background-position: -140px -78px; }
ul#site-navigation li a.features:hover, .features-selected{width: 89px;  background-position: -228px -78px; }
ul#site-navigation li a.basket:hover, .basket-selected{ width: 85px; background-position: -317px -78px; }
ul#site-navigation li a.checkout:hover, .checkout-selected{ width: 87px; background-position: -402px -78px; }
ul#site-navigation li a.account:hover,.account-selected{width: 88px;  background-position: -489px -78px; }
ul#site-navigation li a.contact:hover, .contact-selected{ width: 81px;background-position: -577px -78px; }

/*ul#site-navigation li a.home:hover{ width: 50px; background-position: 0 -78px; }*/


ul#site-navigation li ul{ background:#80A2BD; display:none; padding:0px; margin:0px; border:1px solid #31a8d8; position:absolute; width:220px; z-index:220; margin-top:34px; color:#FFF }
ul#site-navigation li:hover ul{ display:block; }
ul#site-navigation  li li { display:block; float:none;margin:0px; padding:0px; width:180px;  }
ul#site-navigation li:hover li { background:none; width:220px; color:#FFF ; line-height:25px;height:25px}
ul#site-navigation li:hover li a{ background:none; width:220px; color:#FFF ;line-height:25px;height:25px}
ul#site-navigation  li ul a{ display:block;  font-size:12px; font-style:normal; margin:0px; text-indent:15px; text-align:left; }
ul#site-navigation  li ul a:hover, ul#site-navigation li ul li:hover a{ border:0px; color:#3B576E;  text-decoration:none; background-color:#BAD1EB; }
/* end dropdown */



/*Search Box*/
.search-box{ float:right; width:195px; height:20px; line-height:20px; background: url(../images/searchbox.png); border:0px; margin-top:11px;  }
.search-btn{ float:right; width:33px; height:22px; line-height:20px; background: url(../images/go.png); border:0px; margin-top:11px; margin-right:18px; }

/*Banner Area*/
div#banner-wrapper{ float:left;width: 959px; margin-left:11px; margin-top:9px;}
div#banner-wrapper img{ float:left; }

/*CDs Area*/
div#home-cdbox-wrapper{ float:left;width: 959px; margin-left:11px; margin-top:9px; height:113px; background:url(../images/bg-cds.png) no-repeat; background-position:bottom;}
div#home-cdbox-wrapper img{ float:left; margin-left:58px;}

/*Homepage Signup Area*/
div#home-signup-wrapper{ float:left; margin-left:11px; height:41px; width:959px }
div#home-signup-wrapper .facebook{ float:left; background:url(../images/icons/facebook.png) no-repeat; padding-left:26px; color:#8f8f8f; text-decoration:none; margin-top:12px; margin-left:10px; }
div#home-signup-wrapper .signup-textbox{ float:right; background:url(../images/signup-textbox.png) no-repeat; width:174px; height:23px; border:0px; margin-top:7px} 
div#home-signup-wrapper .signup-btn{ float:right; background:url(../images/signup-btn.png) no-repeat; width:56px; height:23px; border:0px; margin-left:6px; margin-top:7px;} 
div#home-signup-wrapper .signup-label{ float:right; margin-right:15px; margin-top:12px; } 

/*Footer Area*/
div#footer-wrapper{ float:left; margin-left:11px; width:959px ; background:url(../images/footer-bg.png) no-repeat; background-position:top; font-size:11px; line-height:18px;}
div#footer-wrapper .col1, div#footer-wrapper .col2, div#footer-wrapper .col3{float:left; width:200px; margin-top:20px;}
div#footer-wrapper .col4{float:right; width:265px; margin-top:20px;text-align:right}

div#footer-wrapper li{ list-style:none; }
div#footer-wrapper li a{ text-decoration:none; color:#4a4a4a}

div#footer-wrapper .footer-icons-section{float:left; width:959px }
div#footer-wrapper .footer-icons-section .verisign{float:right; }

/************************************  Other pages css ***************************************/
/* Common css */
div#content-wrapper{ float:left; margin-left:11px; width:959px;/*background:url('../images/bg-cds.png') no-repeat; background-position:bottom; padding-bottom:50px; */color:#000; font-size:11px;}
div#content-wrapper .title{ float:left; width:959px; height:47px; line-height:47px; background:url(../images/title-area.png) no-repeat }

div#content-wrapper .product-path{ float:left; width:959px; height:40px; line-height:40px; }
div#content-wrapper .product-path .parent{ font-weight:bold; color:#16acf0}
div#content-wrapper .product-path .product-path-seprator{ margin:0px 5px 0px 5px; color:#575757}
div#content-wrapper .product-path .child{ margin:0px 5px 0px 5px; color:#8f8f8f}

div#content-wrapper .product-banner { margin:6px 0px 0px 0px;}
div#content-wrapper .featuresbox { height:33px; float:left; width:959px}
div#content-wrapper .featuresbox .features{ float:left; background:url(../images/icons/tick.png) no-repeat; padding-left:21px; height:12px ; margin-top:10px; margin-left:15px; color:#3b3b3b; width:280px; text-transform:uppercase}


div#content-wrapper h5{ font-size:11px; line-height:25PX; margin:0px;}
div#content-wrapperp{ font-size:11px; margin-top:5px;}
div#content-wrapper label{font-size:11px;}
div#content-wrapper .seprator{ float:left; width:959px; background:url(../images/seprator-bg.png) repeat-x; height:3px; clear:both}
div#content-wrapper .ingredient-seprator{ float:left; width:959px; background:url(../images/seprator-bg1.png) repeat-x; height:32px; clear:both}

/************************************  Login/Create Account ***************************************/
div#login-createaccount-wrapper { float:left; width:959px;background:url(../images/login-bg.png) ; padding-bottom:50px;}
div#login-createaccount-wrapper .col1 { float:left; margin-left:28px; width:460px; margin-top:20px;}
div#login-createaccount-wrapper .col2 { float:left; margin-left:28px; width:420px; margin-top:20px;}
div#login-createaccount-wrapper input[type="text"]{ width:183px; height:23px; margin-top:8px; border:1px solid #7b7b7b}
div#login-createaccount-wrapper .forgotton-password{ text-decoration:underline; color:#000;}

/************************************  Create Account ***************************************/
div#createaccount-wrapper { float:left; width:959px; padding-bottom:50px; margin-top:33px}
div#createaccount-wrapper span{float:left; width:959px; margin-top:6px;}
div#createaccount-wrapper input[type="text"]{ float:left; width:197px; height:20px;margin-left:16px; border:1px solid #b7b7b7}
div#createaccount-wrapper .title-select{ float:left; width:90px !important; height:20px;margin-left:16px; border:1px solid #b7b7b7}
div#createaccount-wrapper select{ float:left; width:197px; height:20px;margin-left:16px; border:1px solid #b7b7b7}
div#createaccount-wrapper label{ float:left;  width:145px !important; margin-left:50px; line-height:20px; text-align:right; }
div#createaccount-wrapper .message { float:left; background-color:#e9e9e9; width:420px; height:50px;margin-left:211px; margin-top:6px;}
div#createaccount-wrapper p{ margin:10px;}
div#createaccount-wrapper .agreementcheckbox{ float:left;;margin-left:211px; margin-top:6px; line-height:20px; height:20px;}
div#createaccount-wrapper .agreementlabel{ float:left;;margin-left:12px; margin-top:6px; text-align:left; width:250px !important; text-decoration:underline; font-weight:bold}
div#createaccount-wrapper .create-account{ float:left;;margin-left:211px; margin-top:6px; height:25px; width:160px; background:url(../images/create-account-btn.png) no-repeat; border:0px;}

/************************************ Address Book ***************************************/

div#addressbook-wrapper{ float:left; margin-top:20px; width:959px; background:url("../images/bg-cds.png") no-repeat scroll center bottom transparent; height:100%;}
div#addressbook-wrapper .address-book-left, div#addressbook-wrapper .address-book-right { width:465px; min-height:162px; margin-top:16px; 	background-color:#f3f3f3; }
div#addressbook-wrapper .address-book-left { float:left; }
div#addressbook-wrapper .address-book-right { float:right; }
div#addressbook-wrapper  .box-title { width:456px; height:20px; float:left; color:#FFF; background-color:#3382ae; font-weight:bold; line-height:20px; padding-left:9px; }
div#addressbook-wrapper .box-content { float:left; margin:20px 0px 0px 29px; width:420px; margin-bottom:20px; }
div#addressbook-wrapper .clear { clear:both; } 
div#addressbook-wrapper label { float:left; margin-left:26px; height:25px; line-height:25px; }

/************************************ Product Details ***************************************/
div#productdetail-wrapper{ float:left; width:959px; font-family:Arial, Helvetica, sans-serif; background:url("../images/bg-cds.png") no-repeat scroll center bottom transparent; min-height:670px; }
div#productdetail-wrapper .product-title{ font-family:Arial, Helvetica, sans-serif; color:#357ba9; font-size:12px; text-transform:uppercase; font-weight:bold}
div#productdetail-wrapper .product-subtitle{ font-family:Arial, Helvetica, sans-serif; color:#aa0520; font-size:12px; text-transform:uppercase; font-weight:bold}
div#productdetail-wrapper .detail-section{ float:left; min-width:615px; }
div#productdetail-price-section{ float:left; width:263px; color:#8f8f8f }
div#productdetail-price-section .price-bold{ color:#3b3b3b; font-weight:bold;}
div#productdetail-price-section .price-alert{ color:#ca0000; font-weight:bold;}
div#productdetail-price-section .online-label{ color:#1a98c5; font-weight:bold; font-size:16px; margin-top:15px; line-height:35px;}
div#productdetail-price-section .online-price{ color:#9e0429; font-weight:bold;font-size:16px; margin-top:15px; line-height:35px;}
div#productdetail-price-section .link{ color:#8F8F8F; font-size:11px; text-decoration:none;}





div#productdetail-price-section .product-seprator{ float:left; width:100%; background:url(../images/seprator-bg.png) repeat-x; height:3px; clear:both}

div#productdetail-price-section .demo-online{ float:left;  width:236px ; background:url(../images/icons/blue-star.png) no-repeat;background-color:#f3f3f3; line-height:22px; background-position:5px 2px; padding-left:27px;}
div#productdetail-price-section .instock{ float:left; background-color:#f3f3f3; width:236px ; background:url(../images/icons/tick.png) no-repeat; line-height:22px; background-position:5px 5px; padding-left:27px;}
div#productdetail-price-section.grid{ float:left; width:263px; height:22px; clear:both }
div#productdetail-price-section .windows-label{ float:left;  line-height:22px;  padding-left:35px; margin-top:2px;}
div#productdetail-price-section .quantity-label{ float:left; line-height:22px; color:#333333; margin-top:2px; }
div#productdetail-price-section .mac-label{ float:left;  line-height:22px;  padding-left:27px; margin-left:2px; margin-top:2px;}
div#productdetail-price-section .quantity-input{ float:left; margin-left:5px; height:15px; width:23px; border:1px; border-color:#878787; margin-top:3px; border-style:solid;  }
div#productdetail-price-section .quantity-btns{ float:left; margin-left:2px;}
div#productdetail-price-section input{ float:left};
div#productdetail-price-section .simplelabel{  margin-left:8px;  padding-left: 25px; margin-top:2px; }
div#productdetail-price-section .instockp{ float:left;  width:263px ;  line-height:22px; }
div#productdetail-price-section .checkb{ float:left;  width:20px ;  line-height:22px;  padding-left:5px; padding-right:10px; margin-top:2px;}
div#productdetail-price-section .add-basket{ float:left; width:263px ; line-height:10px;  margin-top:10px; }



/***************************ebook school***************************************/

div#homedetail-wrapper{ float:left; width:959px; font-family:Arial, Helvetica, sans-serif; background:url("../images/bg-cds.png") no-repeat; scroll center bottom transparent; min-height:700px; }
div#homedetail-wrapper .product-title{ font-family:Arial, Helvetica, sans-serif; color:#357ba9; font-size:12px; text-transform:uppercase; font-weight:bold}
div#homedetail-wrapper .product-subtitle{ font-family:Arial, Helvetica, sans-serif; color:#aa0520; font-size:12px; text-transform:uppercase; font-weight:bold}
div#homedetail-wrapper .detail-section{ float:left; min-width:400px; }
div#homedetail-price-section{ float:right; width:400px; color:#8f8f8f }
div#homedetail-price-section .price-bold{ color:#3b3b3b; font-weight:bold;}
div#homedetail-price-section .price-alert{ color:#ca0000; font-weight:bold;}
div#homedetail-price-section .online-label{ color:#1a98c5; font-weight:bold; font-size:16px; margin-top:15px; line-height:35px;}
div#homedetail-price-section .online-price{ color:#9e0429; font-weight:bold;font-size:16px; margin-top:15px; line-height:35px;}
div#homedetail-price-section .link{ color:#8F8F8F; font-size:11px; text-decoration:none;}


div#homedetail-price-section .product-seprator{ float:left; width:100%; background:url(../images/seprator-bg.png) repeat-x; height:3px; clear:both}

div#homedetail-price-section .demo-online{ float:left;  width:373px ; background:url(../images/icons/blue-star.png) no-repeat;background-color:#f3f3f3; line-height:22px; background-position:5px 2px; padding-left:27px;}
div#homedetail-price-section .instock{ float:left; background-color:#f3f3f3; width:350px ; background:url(../images/icons/tick.png) no-repeat; line-height:22px; background-position:5px 5px; padding-left:27px;}
div#homedetail-price-section.grid{ float:left; width:373px; height:22px; clear:both }
div#homedetail-price-section .windows-label{ float:left;  line-height:22px;  padding-left:0x;  margin-top:5px; width:50px; }
div#homedetail-price-section .quantity-label{ float:left; line-height:22px;  color:#333333;  margin-top:5px; width:60px ; }
div#homedetail-price-section .mac-label{ float:left;  line-height:22px;  margin-top:5px; width:20px; padding-left:10px; margin-right:4px; }
div#homedetail-price-section .quantity-input{ float:left; margin-left:5px; height:15px; width:23px; border:1px; border-color:#878787; margin-top:6px; border-style:solid;  }
div#homedetail-price-section .quantity-btns{ float:left; margin-left:2px;}
div#homedetail-price-section input{ float:left};
div#homedetail-price-section .simplelabel{  margin-left:8px;  padding-left: 25px; margin-top:5px; }
div#homedetail-price-section .instockp{ float:left;  width:400px ;  line-height:22px; }
div#homedetail-price-section .checkb{ float:left;  width:20px ;  line-height:22px;  padding-left:5px; padding-right:10px; margin-top:6px;}
div#homedetail-price-section .add-basket{ float:left; width:400px ; line-height:10px;  margin-top:10px; }
div#homedetail-price-section .flags{  float:left;  line-height:22px; padding-left:0px; padding-right:20px; margin-top:5px;}
div#homedetail-price-section .price{  float:left; line-height:22px; padding-left:0px; padding-right:0px; margin-left: 46px; margin-top:5px; color:#990000; font-size:12px; width: 55px; }
div#homedetail-price-section .price2{  float:left; line-height:22px; padding-left:0px; padding-right:0px; margin-top:2px; color:#990000; font-size:12px; width: 55px; }

div#homedetail-price-section .text-field{  float:left;  line-height:22px; padding-left:0px; padding-right:6px; margin-top:2px;}
div#homedetail-price-section .four{  float:left;  line-height:22px; padding-left:0px; padding-right:10px; margin-top:2px; }






/************************************ Shopping Basket ***************************************/

#shopping {float:left; width:959px; }
#shopping .product { float:left; width:100%; height:35px; background:#f3f3f3; margin-bottom:2px;}
#shopping .product ul { float:left; width:100%; line-height:35px;}
#shopping .product ul li { display:inline; text-transform:uppercase; color:#000; font-size:11px; font-weight:bold;}
#shopping .pdt, #shopping .des, #shopping .qty, #shopping .ttl, #shopping .dlt {float:left;}
#shopping .pdt, #shopping .dlt {width:100px;}
#shopping .des {width:350px;}
#shopping .qty {width:105px;}
#shopping .ttl {width:200px; margin-top: 100;}
#shopping .change-quantity {float:left;  width:100px ;  padding-left:0px; height: 70px; padding-top: 30px; }
#shopping .del-item{ width:100x ;  padding-left:0px; height: 70px; padding-top: 30px; }
#shopping. quantity-link { margin-left; 100px; color:#1a98c5; font-weight:bold; font-size:16px; margin-top:15px; line-height:35px; }



#shopping .detail { float:left; width:100%; height:90px; border-top:#cacaca 1px dotted;}
#shopping .detail a {float:left; width:105px; height:100%;}
#shopping .detail a img { margin-top:20px;}

#shopping .detail em { float:left; margin-top:30px; text-transform:uppercase; font-style:normal;}

#shopping .detail .lnk {width:240px;}
#shopping .detail .lnk img { margin:30px 0 0 10px;}

#shopping .detail .delitem img {margin:0px 0 0 140px;}

#shopping .last { float:left; width:100%; border-bottom:#cacaca 1px dotted;}

#shopping .total {float:left; width:100%; height:96px; background:#f3f3f3; margin:2px 0;}
#shopping .total b {float:right; height:20px; font-size:18px; color#000; margin:35px 100px 0 0;}
#shopping .total b i { margin:0 5px 0 20px; font-style:normal; }

#shopping .btns {float:left; width:100%; height:136px; background:url("../images/bg-cds.png") no-repeat scroll center bottom transparent;}
#shopping .btns .continue { float:left; margin:50px 0 0 50px;}
#shopping .btns .checkout { margin-left:550px;}


#shopping .quantity-input{ float:left; margin-left:5px; height:15px; width:23px; border:1px; border-color:#878787; margin-top:35px; border-style:solid;  }
#shopping .quantity-btns{ float:left;}
#shopping input{ float:left};


/************************************  Checkout Page Contents ***************************************/

/************************************  Change Password ***************************************/
#changePwd { float:left; width:100%; height:400px; border-bottom:#cacaca 1px dotted;}
#changePwd .change1 {float:left; width:100%; height:150px;}
#changePwd .change1 b { font-size:18px; text-transform:uppercase; color:#686868; margin-top:30px;}
#changePwd .change1 em { color:#535353; font-style:normal;margin-top:20px; }
#changePwd .change1 b, #changePwd .change1 em {float:left; width:100%; border:none;}

#changePwd .change2 {float:left; width:100%; height:165px; background:#f3f3f3; margin:2px 0;}
#changePwd .change2 form {float:left; width:350px; height:100px; margin:20px 0 0 100px;}
#changePwd .change2 form span {float:left; width:100%; height:35px; line-height:20px;}
#changePwd .change2 form span h4 { float:left; font-weight:normal; width:130px; text-align:right;}
#changePwd .change2 form span h4 i {color:#F00;}
#changePwd .change2 form span .inputpwd { width:195px; height:20px; margin-left:10px;}
#changePwd .change2 form span a {float:left; margin-left:140px;}
#changePwd .change2 form span a img {}

/************************************  Forgotten Password ***************************************/

/************************************  Downloads ***************************************/

.downloads { float:left; width:100%; height:200px;}
.downloads .download { float:left; width:100%; margin:2px 0; background:#f3f3f3;}
.downloads .download i { float:left; font-style:normal; text-transform:uppercase; width:650px; margin:20px 20px 0 20px;}
.downloads .download a { float:left;}
.downloads .download a img {}


/************************************  Inspection  ***************************************/

#inspection { float:left; width:100%; min-height:700px; border-bottom:#cacaca 1px dotted;}
#inspection .inspection1 {float:left; width:100%; height:150px; border-bottom:#cacaca 1px dotted;}
#inspection .inspection1 b { font-size:16px; text-transform:uppercase; color:#686868; margin-top:30px;}
#inspection .inspection1 em { color:#535353; font-style:normal;margin-top:20px; }
#inspection .inspection1 b, #inspection .inspection1 em {float:left; width:100%; border:none;}

#inspection .inspection2 {float:left; width:100%; height:500px; background:#f3f3f3; border-bottom:#cacaca 1px dotted;}
#inspection .inspection2 form {float:left; width:450px; height:100px; margin:20px 0 0 100px;}
#inspection .inspection2 form span {float:left; width:100%; height:35px; line-height:20px;}
#inspection .inspection2 form span h4 { float:left; width:180px; color:#535353; text-align:right;}
#inspection .inspection2 form span h4 i {color:#F00;}
#inspection .inspection2 form span .inputpwd { width:195px; height:20px; margin-left:10px;}
#inspection .inspection2 form span .dd { width:100px; height:20px; margin-left:10px;}
#inspection .inspection2 form span .dd1 { width:199px; height:20px; margin-left:10px;}
#inspection .inspection2 form span a {float:left; margin-left:190px;}
#inspection .inspection2 form span a img {}


/************************************  My Account  ***************************************/

#myaccount { float:left; width:100%; min-height:500px; border-bottom:#cacaca 1px dotted;}
#myaccount .myaccount1 {float:left; width:100%; min-height:230px; margin-top:50px; border-bottom:#cacaca 1px dotted;}
#myaccount .myaccount1 span {float:left; width:210px; margin-left:100px; line-height:25px;}
#myaccount .myaccount1 span a {}
#myaccount .myaccount1 span a img { margin-left:0; width:210px; height:25px;}
#myaccount .myaccount1 .span1 {width:520px;}
#myaccount .myaccount1 span i { float:left; width:100%; font-style:normal; line-height:30px; color:#535353;}

/************************************  BACK END PAGES  ***************************************/
/************************************  Customer Details  ***************************************/

.toplnks { float:right; width:200px; height:40px;}
.toplnks big {float:left; width:100%; text-align:center; text-transform:uppercase; color:#cf0303; font-size:18px; display:block;}

.bendcdetails {float:left; width:959px; min-height:500px;}
.bendcdetails .cdetails { float:left; width:100%; height:85px;}
.bendcdetails .cdetails strong { float:left; width:100%; height:45px; line-height:45px; font-size:30px; text-transform:uppercase; color:#357ba9; font-style:normal;}
.bendcdetails .cdetails big {float:right;}
.bendcdetails .cdetails b, .bendcdetails .cdetails small {float:left;font-size:16px; height:20px; font-weight:bold; color:#000; text-transform:capitalize; width:475px;}

.cntborder { float:left; width:100%; border-top:#cacaca 1px dotted;  border-bottom:#cacaca 1px dotted; }
.bendcdetails .cdetails .cnt { float:left; width:100%; min-height:170px; margin:2px 0; background:#f3f3f3;} 
.bendcdetails .cdetails .cnt form {float:left; height:100px; margin:20px 0 0 100px;}
.bendcdetails .cdetails .cnt form span {float:left; width:100%; height:35px; line-height:20px;}
.bendcdetails .cdetails .cnt form span h4 { float:left; width:180px; color:#535353; text-align:right;}
.bendcdetails .cdetails .cnt form span h4 i {color:#F00;}
.bendcdetails .cdetails .cnt form span .input { width:258px; height:20px; margin-left:10px;}
.bendcdetails .cdetails .cnt form span .input1 { width:100px;height:20px; margin-left:10px;}
.bendcdetails .cdetails .cnt form span a {float:left; margin-left:190px;}
.bendcdetails .cdetails .cnt form span a img {}

.ftr { float:left; width:959px; min-height:150px; margin-left:10px;}
.ftr .ftrhead { float:left; width:100%; height:25px; background:#9cc5dc;}
.ftr b {float:left; height:25px; line-height:25px;}
.ftr .cname {width:180px; margin-left:20px;}
.ftr .conmbr, .ftr .codate, .ftr .costatus, .ftr .crdate {width:140px;}
.ftr .cemail {width:190px;}
.ftr .cdetails {width:80px;}
.ftr .cdetails a { line-height:30px;}
.ftr .osorting {width:100px;}
.cname1, .conmbr1, .codate1, .costatus1, .crdate1, .cemail1, .cdetails1, .osorting1 {font-weight:normal;} 

.ftr .ftrcnt {float:left; width:100%; background:#f3f3f3; height:25px; margin:2px 0;}

/************************************  Customer Details1  ***************************************/
.billing, .shipping, .separator { float:left; height:400px;}
.billing { margin-left:3px;width:466px;}
.shipping { width:478px;}
.separator { background:#fff; width:3px;}
.billing span, .shipping span{ float:left; width:100%; height:27px; line-height:27px; border-bottom:#cacaca 1px dotted;}
.billing span i, .shipping span i {text-align:right;width:155px;}
.billing span em, .shipping span em {width:290px; margin-left:10px; font-weight:bold;}
.billing span i, .shipping span i, .billing span em, .shipping span em { float:left; font-style:normal;}

/************************************  Search Orders  ***************************************/

.bendcdetails #sorders { float:left; width:100%; height:85px;}
.bendcdetails #sorders strong { float:left; width:100%; height:45px; line-height:45px; font-size:30px; text-transform:uppercase; color:#357ba9; font-style:normal;}

#sorders .sordercnt {float:left; width:100%; height:300px; margin:2px 0; background:#f3f3f3;}
#sorders .sordercnt form {float:left; width:600px; height:100px; margin:20px 0 0 100px;}
#sorders .sordercnt form span {float:left; width:100%; height:35px; line-height:22px;}
#sorders .sordercnt form span h4 { float:left; width:180px; color:#535353; text-align:right;}
#sorders .sordercnt form span i { font-style:normal; margin-left:30px;}
#sorders .sordercnt form span .input { width:120px; height:15px; margin-left:10px;}
#sorders .sordercnt form span .dd { width:199px; height:20px; margin-left:10px;}
#sorders .sordercnt form span .dd1 { width:199px; height:20px; margin-left:10px;}
#sorders .sordercnt form span a {float:left; margin-left:190px;}
#sorders .sordercnt form span a img {}

/************************************  Order Details  ***************************************/

#order-details {width:100%; height:1200px; margin-bottom:50px;}
#order-details span {width:100%; background:#f3f3f3; min-height:40px; line-height:40px; margin:2px 0;}
#order-details span i {width:127px; text-align:right; font-style:normal;margin-right:50px;}
#order-details span b {width:200px; font-size:18px;}
#order-details span em {width:415px; font-style:normal;}
#order-details span .em1 {text-transform:uppercase; line-height:16px; width:220px;}
#order-details span a { margin-top:8px;} 
#order-details span a img {}
#order-details span small {font-weight:bold;}
#order-details span .small1 { font-weight:normal;}
#order-details span small, #order-details span .small1 {line-height:16px;text-align:center;margin-right:40px;}
#order-details span big {width:685px; font-size:11px; text-transform:uppercase; text-align:right; font-weight:bold;}
#order-details span strong {width:85px; font-size:11px; text-transform:uppercase; text-align:center; margin-left:50px;}
#order-details span select {width:195px;}
#order-details span .input2 {width:195px;}
#order-details span textarea {width:485px; height:170px; margin-top:10px;}
#order-details .print-btns { float:left; margin:15px 0 0 177px;}
#order-details .print-btns a { }
#order-details .print-btns a img {}
#order-details, #order-details span, #order-details span i, #order-details span b, #order-details span em, #order-details span a, #order-details span small, #order-details span big, #order-details span strong {float:left;} 

/***********  File Uploader/ Shipping Calculator/ Send Email/ Website Maintenance ***************/

#file-uploader, #shipping-calculator, #send-email, #web-maintenance { margin-bottom:50px;}
#file-uploader .file-uploader1, #shipping-calculator .shipping-calculator1, #send-email .send-email1, #web-maintenance .web-maintenance1 { background:#f3f3f3;height:220px; margin:2px 0;}
#file-uploader .file-uploader1 span, #shipping-calculator .shipping-calculator1 span, #send-email .send-email1 span, #web-maintenance .web-maintenance1 span {height:30px; line-height:30px; width:100%;}
#file-uploader .file-uploader1 span i, #shipping-calculator .shipping-calculator1 span i, #send-email .send-email1 span i, #web-maintenance .web-maintenance1 span i { float:left; width:195px; text-align:right; font-style:normal;}
#file-uploader .file-uploader1 span .i1 { float:none; text-align:left;}
#file-uploader .file-uploader1 span select, #shipping-calculator .shipping-calculator1 span select, #web-maintenance .web-maintenance1 span select { width:195px; height:18px; margin:0 15px;}
#file-uploader .file-uploader1 span .input3 { width:191px; height:15px; margin:0 15px;}

#file-uploader, .file-uploader1, #file-uploader .file-uploader1 span, #shipping-calculator, #shipping-calculator .shipping-calculator1, #shipping-calculator .shipping-calculator1 span, #send-email, #send-email .send-email1, #send-email .send-email1 span, #web-maintenance, #web-maintenance .web-maintenance1, #web-maintenance .web-maintenance1 span { float:left;width:100%;}

#shipping-calculator .shipping-calculator1 span .input4 { width:90px; height:15px; margin:0 15px;}

#send-email .send-email1 span select { width:469px; height:18px; margin:0 15px;}
#send-email .send-email1 span .input4 { width:465px; height:15px; margin:0 15px;}
#send-email .send-email1 .span2, #web-maintenance .web-maintenance1 .span2 {height:300px;}
#send-email .send-email1 span textarea, #web-maintenance .web-maintenance1 textarea { width:465px; height:300px; margin:0 15px;}

/***********  Products ***************/

#view-products, #ebook { margin-bottom:50px;}
#view-products .view-products1, #ebook .ebook1 { background:#f3f3f3;height:920px; margin:2px 0;}
#view-products .view-products1 span, #ebook .ebook1 span {height:30px; line-height:30px; width:100%;}
#view-products .view-products1 span i, #ebook .ebook1 span i { float:left; width:230px; text-align:right; font-style:normal;}
#ebook .ebook1 span a { float:left; margin:0 15px 0 15px;}
#ebook .ebook1 span a img { margin-top:5px;}
#view-products .view-products1 span .i1, #ebook .ebook1 span .i1 { float:none; text-align:left;}
#view-products .view-products1 span select, #ebook .ebook1 span select { width:199px; height:18px; margin:0 15px;}
#view-products .view-products1 .input5 { width:191px; height:15px; margin:0 15px;}
#ebook .ebook1 span textarea { width:465px; height:300px; margin:0 15px;}
#ebook .ebook1 .span2, #view-product .view-product1 .span2  {height:300px;}

.chkbox { float:left; margin:10px 15px 0 15px;}

#view-products, #view-products .view-products1, #view-products .view-products1 span, #ebook, #ebook .ebook1, #ebook .ebook1 ,#ebook .ebook1 span {float:left;width:100%;}

/***********  View a Product ***************/

#view-product { width:100%;margin-bottom:50px;}
#view-product .view-product1 { width:550px;background:#f3f3f3;height:820px; margin:2px 0;}
#view-product .view-product1 span, #view-product .view-product2 span {height:30px; line-height:30px;width:100%; }
#view-product .view-product1 span i, #view-product .view-product2 span i { float:left; width:190px; text-align:right; font-style:normal; margin-right:20px;}
#view-product .view-product1 span a, #view-product .view-product2 span a {float:left; margin-top:4px;}
#view-product .view-product1 span a img, #view-product .view-product2 span a img { }
#view-product .view-product1 span b, #view-product .view-product2 span b {}
#view-product .view-product1 span em {float:left; width:300px; height:300px; margin-top:8px; line-height:12px; font-style:normal; }

#view-product .view-product2 { width:405px; margin:2px 0 2px 4px;background:#f3f3f3;height:300px;}

#view-product, #view-product .view-product1, #view-product .view-product1 span,#view-product .view-product2, #view-product .view-product2 span {float:left;}

/***********  E-book Lochness - For Home & School Use page  ***************/

#ebook-home, #ebook-school {width:959px; margin-left:11px; margin-top:9px; height:400px; background:url('../images/bg-cds.png') no-repeat; background-position:bottom;}
#ebook-home ul, #ebook-school ul {width:100%; height:40px; line-height:30px;}
#ebook-home ul li, #ebook-school ul li { background:url('../images/checked.png') 0 0 no-repeat; padding-left:30px; list-style:none; display:inline; text-transform:uppercase;}
#ebook-home ul li a, #ebook-school ul li a { text-decoration:none; color:#000; margin-right:260px;}

#ebook-home .ebook-home1, #ebook-school .ebook-school1 { width:100%;} 
#ebook-home .ebook-home1 .cnt1, #ebook-school .ebook-school1 .cnt1 {width:519px;}
#ebook-home .ebook-home1 .cnt1 i, #ebook-school .ebook-school1 .cnt1 i {float:left; font-style:normal;}

#ebook-home .ebook-home1 .cnt2 {width:440px;} 
#ebook-home .ebook-home1 .cnt2 b {float:left; width:100%; text-align:center; text-transform:uppercase; font-size:14px; margin-bottom:9px;}
#ebook-home .ebook-home1 .cnt2 .b1 { float:none; color:#F00;}
#ebook-home .ebook-home1 .cnt2 span {float:left; width:100%; height:26px; line-height:26px; margin:2px 0; background:#f3f3f3;}
#ebook-home .ebook-home1 .cnt2 span img { float:left; margin:5px 0 0 10px;}
#ebook-home .ebook-home1 .cnt2 span em {float:left; font-style:normal; margin-left:10px; color:#8f8f8f;}
#ebook-home .ebook-home1 .cnt2 span big {float:left; margin-left:10px; color:#000; font-size:12px;}
#ebook-home .ebook-home1 .cnt2 span strong {float:left; width:100px; text-align:center; color:#F00; text-decoration:line-through; font-weight:bold;}
#ebook-home .ebook-home1 .cnt2 span small {float:left; width:50px; text-align:right; font-weight:bold;}


#ebook-home .ebook-home1 .cnt1,#ebook-home .ebook-home1 .cnt2 { float:left; height:300px;} 
#ebook-home, #ebook-home .ebook-home1, #ebook-home ul {float:left;} 


#ebook-home .quantity-input{ float:left; margin-left:5px; height:22px; width:22px; background:url('../images/quantity-input.png') no-repeat; border:0px;}
#ebook-home .quantity-btns{ float:left;}
#ebook-homen input{ float:left};
#ebook-home .simplelabel{ float:left; margin-left:8px; line-height:22px !important;}

/***********  Check out 2 page ***************/

#check-out { float:left;width:959px; margin-left:11px; margin-top:9px; min-height:1000px; background:url('../images/bg-cds.png') no-repeat; background-position:bottom;}
#check-out .check-out1 { width:100%;} 
#check-out .check-out1 .cnt1 { margin:2px 0;}
#check-out .check-out1 .cnt2 {margin:2px 0 2px 5px;}
#check-out .check-out1 .cnt1 i, #check-out .check-out1 .cnt2 i {float:left; width:100%; margin-left:50px;font-style:normal; text-transform:uppercase;}
#check-out .check-out1 .cnt1 b, #check-out .check-out1 .cnt2 b {float:left; width:100%; margin-left:50px;}

#check-out .check-out1 .check-out2 {float:left; width:100%; margin:2px 0; height:35px; line-height:35px; background:#f3f3f3;}
#check-out .check-out1 .check-out2 b {float:left;}

#check-out .check-out1 .check-out3 {float:left; width:100%; margin:2px 0; height:90px;}
#check-out .check-out1 .check-out3 b {float:left; font-weight:normal;}
#check-out .check-out1 .check-out3 b a {float:left; margin:18px 0 0 10px;}
#check-out .check-out1 .check-out3 b a img {}
#check-out .check-out1 .cnt1, #check-out .check-out1 .cnt2 { float:left; width:477px; height:195px; background:#f3f3f3; text-transform:uppercase;} 
#check-out .check-out1 .check-out4 {float:left; width:100%; margin:2px 0; height:40px; line-height:40px;}
#check-out .check-out1 .check-out4 strong { color:#909090; text-transform:uppercase; font-size:14px; margin:0 15px;}
#check-out .check-out1 .check-out4 em { color:#909090; font-size:11px; font-style:normal;}
#check-out .check-out1 .check-out4 form { float:right; line-height:30px; margin-top:5px;}
#check-out .check-out1 .check-out4 form .input8 { margin:0 20px;}
#check-out .check-out1 .check-out4 form .inputbtn { background:url(../images/apply.png) 0 0 no-repeat; width:55px; height:23px; border:none; margin-right:30px;}

#check-out .check-out1 .check-out5 {float:left; width:100%; margin:2px 0; height:148px; background:#f3f3f3;}
#check-out .check-out1 .check-out5 a {float:left; width:650px; display:block; height:148px;} 
#check-out .check-out1 .check-out5 a img {margin:65px 0 0 30px;}

#check-out .check-out1 .check-out5 .check-out5b {float:left; width:307px; height:148px;}
#check-out .check-out1 .check-out5 .check-out5b span { float:left; width:100%; height:25px; line-height:25px;}	
#check-out .check-out1 .check-out5 .check-out5b span big { float:left; width:100px; text-align:right; font-size:12px; color:#000;}	

#check-out .payment-detail { float:left; width:100%; height:660px;}
#check-out .payment-detail strong { float:left; width:930px; margin:20px 0 0 20px; text-transform:uppercase; color:#909090; font-size:14px;}
#check-out .payment-detail .payment-cards { float:left; width:930px; margin:20px 0 0 20px;}
#check-out .payment-detail .payment-cards a { float:left;}
#check-out .payment-detail .payment-cards a img { margin-left:0;}
#check-out .payment-detail b {float:left; width:90%; margin:10px 0 0 10px;}
#check-out .payment-detail em {float:left; width:90%; margin:10px 0 0 10px; color:#686868; font-style:normal;}
#check-out .payment-detail span {float:left; width:90%; height:25px; line-height:25px; margin-left:10px;}
#check-out .payment-detail span i {float:left; width:150px; font-style:normal;}

/***********  Order History ***************/

#order-history { float:left;width:959px; margin-left:11px; margin:9px 0 30px 11px; min-height:1000px; background:url('../images/bg-cds.png') no-repeat; background-position:bottom;}
#order-history .order-history1 { width:100%;}
#order-history .order-history1 strong {float:left; width:100%; margin-top:40px;text-transform:uppercase; color:#909090; font-size:14px;}
#order-history .order-history1 em {float:left; width:100%; margin-top:10px; color:#535353; font-style:normal;}
#order-history .order-history1 big {float:left; width:100%; margin:20px 0; color:#535353; font-style:normal;}
#order-history .order-history1 span {float:left; width:100%; height:130px; background:#f3f3f3; border:#eaeaea 1px solid;}
#order-history .order-history1 span b {float:left; width:100%; margin:7px 0 0 20px;} 
#order-history .order-history1 span em {float:left;margin:3px 0 0 20px;}


#order-history .order-history1 .order-history2 {float:left; width:100%; margin:2px 0; height:35px; line-height:35px;}
#order-history .order-history1 .order-history2 .order-history2a {float:left; height:100%;}
#order-history .order-history1 .order-history2 .order-history2a b { float:left; width:100%; text-align:center;}

#order-history .order-history1 .order-history3 {float:left; width:100%; border-bottom:#fff 1px solid; height:90px;}
#order-history .order-history1 .order-history3 b {float:left; font-weight:normal;}
#order-history .order-history1 .order-history3 b a {float:left; margin:18px 0 0 30px;}
#order-history .order-history1 .order-history3 b a img {}

#order-history .order-history1 .order-history4 {float:left; width:100%; height:22px; line-height:22px;}
#order-history .order-history1 .order-history4 b {float:left; width:705px; text-align:right;}
#order-history .order-history1 .order-history4 em {width:125px; text-align:right; margin-top:0;}

/***********  General Classes ***************/

.border { border-top:#cacaca 1px dotted;  border-bottom:#cacaca 1px dotted;}
.borderb { border-bottom:#cacaca 1px dotted;}
.borderr { float:left; height:100%; border-right:#d8d8d8 1px solid;}

.border, .borderb { float:left; width:100%;}

.btns1 { float:left; width:100%; margin-top:20px;}
.input6 {width:190px;}
.input7 {width:58px;}
.input6, .input7 {font-size:11px; padding-left:5px; height:15px; margin:0 15px;}