﻿/* DEFAULT */
*{padding:0; margin:0}
body{background:#dfe7f5;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.7em;color:#4d4d4d; text-align: center;}
input, select, textarea{font-family:Verdana, Arial, sans-serif; font-size:0.9em}
div{text-align:left}
img{border:0}
h1, h2, h3, h4, h5, h6{margin:0 0 8px 0; padding:0px; color:#344; font-weight:bold;}
p{margin:0 0 8px 0; padding:0}
.clear{clear:both}
.fltl{float:left}
.fltr{float:right}
div.product-detail ul, div.product-detail ol {margin:0 0 0 35px;} 
div.product-detail ul li, div.product-detail ol li {padding:0 0 8px 0;}
.txt-right{text-align:right}
.txt-center{text-align:center}
a{color:#f00; font-weight:bold; text-decoration:underline}
a:hover{color:#f00; text-decoration:none}
ul {margin:0; padding:0;}
ul li {margin:0; padding:0 0 5px 0;}
h1{font-size:1em;}
h2{font-size:0.8em;}
h3{font-size:1em;color:#344}
h4{font-size:0.7em;}
table {border-collapse:collapse;}
label {width:150px;float:left;}
/*#global-top { width:971px; height:10px; background:url(../img/ljmustaff/global-top.gif) top left no-repeat;}
#global-wrap {margin:35px auto 0 auto; width:971px;background:url(../img/ljmustaff/global-back.gif) repeat-y;}*/

div.rng {background:#f1f1f1; border-left:1px solid #d3dded;border-right:1px solid #d3dded; /*padding:10px;*/ margin-bottom:0px; width:153px;}
div.rng h3 {padding:10px 10px 0 10px; margin:0}
div.rng ul {list-style:none;  border-bottom:1px solid #d3dded; padding:5px 0;}
div.rng ul li {padding:0;}
div.rng ul li.last {padding:0;}
div.rng ul li a {padding:0px; display:block; padding:3px 10px; font-weight:normal; color:#000; text-decoration:none;}
div.rng ul li a span {float:right;}
div.rng ul li a span::before {content:'(';}
div.rng ul li a span::after {content:')';}
div.rng ul li a:hover {color:#f60; background-color:#fefefe;}
div.rng ul li a.sel {color:#f60; font-weight:bold;}

#header {width:943px; height:134px; margin:0 auto; background:url(../img/ljmustaff/header.jpg) top left no-repeat; position:relative;}
#header h1 {width:415px; height:98px; background:url(../img/ljmustaff/logo.png) no-repeat; display:block; text-indent:-999em; overflow:hidden;}
#header strong a {display:block; width:335px; height:98px;}
#footer p {text-align:center;}
.filter {background-color:#ffffff; text-align:right;display:block;}
.filter a:hover  {color:#5e729b}
.test {background-color:#EEF3F4; border-bottom:1px solid #D3DDED; padding:10px;}
ul#account {position:absolute; right:10px; top:25px; list-style:none;}
ul#account li {float:left; padding:0 15px 0 0;}
ul#account li a {display:block;  color:#556f99; padding:2px 0 2px 20px;}
/*ul#account li a:hover {color:#fff;}*/
ul#account li.my { background:url(../img/ljmustaff/account-my.gif) top left no-repeat;}
ul#account li.register {background:url(../img/ljmustaff/account-register.gif) 0 1px no-repeat;}
ul#account li.basket {background:url(../img/ljmustaff/account-basket.gif) 0 1px no-repeat;}
ul#account li.logout {background:url(../img/ljmustaff/account-logout.gif) 0 1px no-repeat;}

ul#nav {list-style:none; }
ul#nav li {float:left; margin:0 1px 0 0; background:url(../img/ljmustaff/navig-tab-right.png) top right no-repeat; height:31px; }
ul#nav li a {color:#556f99; display:block; padding:3px 15px 8px 15px; background:url(../img/ljmustaff/navig-tab-left.gif) top left no-repeat; text-align:center; text-decoration:none;}
ul#nav li.active {background:url(../img/ljmustaff/navig-tab-right-active.png) top right no-repeat; }
ul#nav li.active a {background:url(../img/ljmustaff/navig-tab-left-active.png) top left no-repeat;color:#556f99;}
#nav ul {display:none;}

ul .page-numbers fltr{color:#5e729b}

#nav {position:absolute; top:102px; left:77px;}
.menu {padding:0; margin:0;}
.menu dt {display:none;}
.menu dd {float:left; padding:0; margin:0 1px 0 0; text-align:center;}
.menu dd span.aa {display:block; width:12px; height:24px; background:url(../img/ljmustaff/navig-tab-left.png); float:left; padding:7px 0 0 0;}
.menu dd span.bb {height:24px; background:url(../img/ljmustaff/navig-tab-mid.png); float:left;  padding:7px 0 0 0;}
.menu dd span.cc {display:block; width:12px; height:24px; background:url(../img/ljmustaff/navig-tab-right.png); float:left; padding:7px 0 0 0;}
.menu dd.two-lines span.aa {padding:3px 0 0 0; height:28px;}
.menu dd.two-lines span.bb {padding:3px 0 0 0; height:28px;}
.menu dd.two-lines span.cc {padding:3px 0 0 0; height:28px;}
.menu a, .menu a:visited {color:#556f99; text-decoration:none; cursor:pointer;}
.menu a:hover {color:#f60;}
.menu dd.active span.aa { background:url(../img/ljmustaff/navig-tab-left-active.png); border-bottom:1px solid #d1e377;}
.menu dd.active span.bb {background:url(../img/ljmustaff/navig-tab-mid-active.png);  border-bottom:1px solid #d1e377;}
.menu dd.active span.cc {background:url(../img/ljmustaff/navig-tab-right-active.png); border-bottom:1px solid #d1e377;}
.menu dd.active a.active {color:#f00; /*#d1e377;*/}
.menu dd.active a.active:hover {color:#556f99;}

#search-box {background:url(../img/ljmustaff/search-back.gif) repeat-x; height:23px; width:603px; margin:0 auto; clear:both; padding:4px 0 0 340px;}
#search-box form {float:left;}
#search-box select {width:130px; margin-right:5px;}


#outer-wrap {width:943px; padding-left:14px;}
#left-wrap {width:730px; float:left;}
#left-col {width:175px; float:left;}
#left-col #college {background:#d1e377 url(../img/ljmustaff/college-back.gif) bottom left no-repeat; padding:7px 0 9px 6px; margin:0;}
/* #left-col #college strong {width:164px; height:95px; background:url(../img/ljmustaff/logo-university.png) no-repeat; display:block; text-indent:-999em;} */
#left-col #college h3 {color:#d1e377; font-family:Arial, Helvetica sans-serif; font-size:1.35em; margin:10px 0 0 0;}
#left-col p {padding:5px;}

#content-wrap {width:555px; float:right; background:url(../img/ljmustaff/corner-above-content.gif) top left no-repeat; padding:16px 0 0 0;}
#content {width:529px; margin:0 auto;}

#main-banner {width:529px; height:244px; background:url(../img/ljmustaff/hp-promo.jpg) no-repeat; position:relative; no-repeat;}
#main-banner span {position:absolute; top:120px; left:270px; width:230px;}

#main-banner-uni {width:529px; height:244px; position:relative; no-repeat;}
#main-banner-uni span {position:absolute; top:120px; left:270px; width:230px;}

#right-col {width:213px; float:right;}
#right-col p {padding:5px;}

h2 {font-face: Helvetica, Arial, sans-serif; font-size:1.4em; color:#556f99;}

#left-col h2 {width:155px; background:#d3dded url(../img/ljmustaff/left-box-head-back.gif) no-repeat; margin:0 0 1px 0; padding:0.3em 10px 5px 10px; }
#left-col h2.welcome {font-size:1.2em; padding:3px 10px 5px 10px; font-weight:bold;}
div.box {background:#f1f1f1; border:1px solid #d3dded; padding:10px; margin-bottom:10px; width:153px;}
div.box ul {list-style:none;}
div.box ul li {padding:0 0 8px 0;}
div.box ul li.last {padding:0;}
div.box ul li a {padding:0 0 0 10px; background:url(../img/ljmustaff/box-list-back.gif) top left no-repeat; display:block; font-weight:normal; color:#000; text-decoration:none;}
div.box ul li a:hover {text-decoration:underline; color:#f60}
div.box ul li a.sel {color:#f60; font-weight:bold;}


#basket {background:#d1e377 url(../img/ljmustaff/basket-back.gif) bottom left no-repeat; height:140px; position:relative; color:#FFF; margin-bottom:10px;}
#basket strong {position:absolute; left:10px; top:30px; width:190px; font-family:Arial, Helvetica, sans-serif; font-size:1.4em; background:url(../img/ljmustaff/basket-line.gif) bottom left no-repeat;}
#basket p {position:absolute; left:15px; top:60px; line-height:20px; padding:0;}
#basket a.view-basket {width:106px; height:22px; display:block; background:url(../img/ljmustaff/view-basket.gif) no-repeat; cursor:pointer; text-indent:-999em; position:absolute; left:100px; top:107px; overflow:hidden;}
#basket a.view-checkout {width:79px; height:22px; display:block; background:url(../img/ljmustaff/btnCheckout.gif) no-repeat; cursor:pointer; text-indent:-999em; position:absolute; left:15px; top:107px; overflow:hidden;}
#basket div {display:block; background:url(../img/ljmustaff/basket-contents-back.gif) no-repeat; width:103px; position:absolute; top:57px; left:100px;}
#basket div span {text-align:center; display:block;color:#000; line-height:19px; padding-top:3px;}



#right-col div.box-head {width:213px; background: url(../img/ljmustaff/right-box-head-back.gif) top left no-repeat; clear:both; margin-bottom:1px;}
#right-col .box-head h2 {margin:0 0 1px 0; padding:0.3em 10px 5px 10px; float:left; margin:0; background:none;}
#right-col .box-head h4 a {color:#556f99; font-size:1.35em;}
#right-col .box-head h4 a:hover {color:#f60;}
#right-col .box-head h4 {float:right; padding:3px 5px 0 0; margin:0;}
#right-col .box {width:191px;}
#right-col .box ul li a {background:none; padding:0;}
#right-col .box-store-special {border:1px solid #d3dded; margin-bottom:10px; padding:3px;}
#right-col .box-store-special img {padding-bottom:5px;}
#right-col .box-store-special p {padding-top:5px;}
#right-col h2 {background:url(../img/ljmustaff/right-box-h2-back.gif) no-repeat; margin:0 0 1px 0; padding:3px 10px 5px 10px; }
#right-col h2.more-deal {border-bottom:1px solid #758aaf; margin-bottom:10px;}

/*#footer {background:url(../img/ljmustaff/footer-back.gif) no-repeat; width:948px; height:58px; margin-top:8px; padding-top:20px;}
#footer strong {color:#369;}
#footer p {text-align:center;}

#footer-nav {list-style:none; margin:10px auto 0 auto; padding-top:10px; width:760px;}
#footer-nav li {float:left;}
#footer-nav li.separ {padding:0 5px;}
#footer-nav li a {color:#369; font-weight:normal; text-decoration:none;}
#footer-nav li a:hover {text-decoration:underline;}*/

#content p {padding:5px;}
span.price {color:#f5821f; font-weight:bold;}
span.priceold {color:#f5821f; font-weight:bold; text-decoration:line-through;}
span.rrp {text-decoration:line-through;}
a.buy-now {display:block; width:79px; height:21px; background:url(../img/ljmustaff/but-buy-now.gif) no-repeat;text-indent:-999em; overflow:hidden; cursor:pointer; margin:4px 0;}
a.filter-open {display:block; width:85px; height:22px; background:url(../img/ljmustaff/filter_open.gif) no-repeat;text-indent:-999em; overflow:hidden; cursor:pointer; align:right}
.update-button {display:block; width:79px; height:22px; background:url(../img/ljmustaff/update_btn.gif) no-repeat;text-indent:-999em; overflow:hidden; cursor:pointer; margin:4px 0;}

#content h2 {background:url(../img/ljmustaff/center-title-back.gif) top left no-repeat; width:529px; height:23px; padding: 0.3em 0 0 10px; margin:0; font-family:Helvetica, Arial, sans-serif; font-size:1.45em; color:#556f99; font-weight:bold;}

.top-prods table {margin:0; padding:0;}
.top-prods th {background:url(../img/ljmustaff/top-prods-th-back.gif) repeat-x; width:263px; height:36px;}
.top-prods th a {color:#369; padding:0 0 0 10px; display:block;}
.top-prods th a:hover {color:#f60;}
.top-prods td {padding:5px; border:solid #CCC; border-width:0 0px 0px 0px;}
.top-prods th {border:solid #CCC; border-width:1px 0px 0 0px;}
.top-prods td img {float:left;}
.top-prods td div {float:right; width:120px;}
.top-prods .fltr td, .top-prods .fltr th {border-left:0;}

#content h2.pics {height:24px; margin-bottom:8px; background:url(../img/ljmustaff/center-title-back-pics.gif) top left no-repeat;}
.top-pics {padding:5px; width:164px; height:275px; float:left; position:relative; margin-right:1px;}
.top-pics a {color:#369;}
.top-pics a.buy-now {position:absolute; left:5px; bottom:55px;}
.top-pics div {position:absolute; bottom:0; left:0; background:url(../img/ljmustaff/prod-pics-th-back.gif) top left no-repeat; padding:5px; width:164px; height:36px; border-right:1px solid #fff; font-weight:normal;}

#bot-scheme {background:url(../img/ljmustaff/bot-scheme.gif) no-repeat; width:499px; height:145px; padding:15px; margin:10px 0;}
#bot-scheme strong {color:#369;}
#bot-scheme p {padding:0;}


/* subpages */
div.subnav {border:solid #d1e377; border-width:0 0 1px 0; width:100%; padding-bottom:1px;}
ul.breadcrumb {list-style:none;}
ul.breadcrumb li {float:left; padding-right:5px;}
ul.breadcrumb li a { color:#369; font-weight:normal;}
div.listing-update {background:#e6edf9; border:solid #d3dded; border-width:1px 0;  padding:8px 5px; width:519px;}
div.listing-update form {float:left;}
div.listing-update p {float:right;}
div.bot {height:18px; clear:both; margin-top:10px;}
ul.page-numbers {list-style:none;}
ul.page-numbers li {float:left; padding-right:5px;}
ul.page-numbers li a {color:#369; font-weight:normal; font-size:1em;}

div.accessories th {border-bottom:1px solid #d4dbed; padding:5px; height:21px; background:#e6ecf8; font-size:0.9em; font-weight:normal;}
div.product-list h1 {color:#369; border-bottom:1px solid #369; padding-bottom:3px; width:510px;}
div.product-list {background:url(../img/ljmustaff/product-listing-back.gif) top left no-repeat; width:519px; padding:10px 10px 0 10px;}
div.product-list-bot {background:url(../img/ljmustaff/product-listing-bot.gif) bottom left no-repeat; width:529px; height:6px; margin-left:-10px;}
div.product-list table { padding:0 8px 0 0; width:513px;}
div.product-list table#highlight { padding:0 8px 0 0; width:180px;}
div.product-list th {border-top:1px solid #366599; border-bottom:1px solid #d4dbed; padding:3px; height:21px; background:#e6ecf8; font-size:0.9em; font-weight:normal;}
div.product-list table#highlight td {border-width:0 0 0 0; clear:both; padding:3px;}
div.product-list table td {border:solid #d3dde9; border-width:0 0 1px 0; clear:both; padding:3px;}
div.product-list td.image {width:90px; }
div.product-list td.desc {width:228px; }
div.product-list td.desc a {color:#556f99}
div.product-list td.desc a.more {color:#f30}
div.product-list td.price {width:95px;  text-align:center; }
div.product-list span.price {color:#f30; font-size:1em;}

div.product-detail {background:url(../img/ljmustaff/product-listing-back.gif) top left no-repeat; width:519px; padding:10px 10px 0 10px;}
div.product-detail h1 {color:#369; border-bottom:1px solid #369; padding-bottom:3px; width:510px;}
div.product-detail div.note {background:#f1f1f1 url(../img/ljmustaff/note-line.gif) top left no-repeat; color:#666; margin-right:8px;}
div.product-detail div.note p {padding:5px;}
div.product-detail ul {margin:8px 0 8px 17px; padding:0;}
div.product-detail table {width:505px; margin:0 0 15px 0;}
div.product-detail ul {list-style:none;}
div.product-detail span.currency {display:block; padding:5px 0; font-size:0.9em;color:#999;}
div.product-detail div.options {background:#e6edf9; padding:5px; margin:8px 0;}
div.product-detail td.image {width:195px;}
div.product-detail div.product-list table {margin:0 0 5px 0;}
div.product-detail strong.also-like {color:#369; border-bottom:1px solid #369; width:510px; margin-top:10px; font-size:16px; display:block; font-family:Arial, Verdana, sans-serif;}
div.product-detail td a.buy-now {float:left; padding:0; margin:0;}
div.product-detail td a.send-to-friend {display:block; background:url(../img/ljmustaff/but-send-to-friend.gif) no-repeat; padding:2px 0 5px 20px; float:right;}
div.product-detail div.product-list {background:none; width:500px;}
div.product-detail div.product-list td.image {width:95px;}

div.accessories table td {border:1px solid #d3dded; padding:5px;}
div.accessories table {width:213px;}
div.accessories td a {color:#369;}
div.accessories table td.check { background:#f1f1f1; width:38px; border-width:1px 1px 1px 0; text-align:center;}
a.add-accessories {display:block; width:156px; height:22px; cursor:pointer; overflow:hidden; text-indent:-999em; background:url(../img/ljmustaff/but-add-accessories.gif) no-repeat;}
 