* { margin:0; padding:0; border:0; list-style:none;}
body { font-family:Arial, Helvetica, sans-serif; font-size:0.63em; color:#5a5a5a;}
input, select, option, textarea { font-size:1em; font-family:inherit;}
.clear { clear:both; float:none; border:0; background-color:transparent; height:1px; line-height:1px; font-size:1px;}

/* ------------------------------------------------------------------------------------------------------------------------------ */

a { text-decoration:none; color:#024129;}
a:hover { color:#333;}
/* ----------------------------------------------------------- */
h1 { font-size:1.5em; color:#7ab6a5; text-transform:uppercase;}
#mainWrapper h1 { line-height:30px;}
h2 { color:#024129; font-size:1.2em; font-weight:bold;}

#customerDetails fieldset { padding:5px 0;}
#customerDetails label, #customerDetails input { display: -moz-inline-box; display: inline-block; vertical-align:top;}
#customerDetails label { width:80px; padding:3px 5px;}
#customerDetails input, #customerDetails textarea { width:150px; padding:3px 5px; border:1px solid #ccc;}


/* ------------------------------------------------------------------------------------------------------------------------------ */

#header { height:160px; background:url(images/header_bg.gif) left top repeat-x #fff;}
#header .wrapper { width:960px; margin:0 auto;}
/* ----------------------------------------------------------- */
#mainMenu { height:20px; padding-right:70px; margin-bottom:10px; text-align:right;}
#mainMenu li { display:inline; padding:0 5px;}
/* ----------------------------------------------------------- */
#logo, #hotline, #loginForm { float:left; height:100px;}
#logo { width:260px; background:url(images/logo.gif) left top no-repeat transparent; cursor:pointer;}
#hotline { width:370px; padding:0 20px; background:url(images/hotline.gif) 20px 0 no-repeat transparent;}
/* ----------------------------------------------------------- */
#breadcrumbs { clear:both; float:left; width:670px; padding-top:13px; _padding-top:10px; padding-left:10px; color:#024129; font-size:1.1em;}
#breadcrumbs a { font-weight:bold;}
#searchForm { float:left; width:280px; font-size:1.1em; padding-top:6px; _padding-top:3px;}
#searchForm input { vertical-align:middle; height:26px;}
#searchForm #keywords { width:160px; height:20px; background:url(images/input_search.gif) left top no-repeat transparent; color:#898989; padding:6px 10px 0 10px;}
#searchForm #searchSubmit { width:80px; background:url(images/submit_search.gif) left top no-repeat transparent; padding-left:25px; text-align:left; color:#024129; font-weight:bold; cursor:pointer;}
/* ----------------------------------------------------------- */
#loginForm { position:relative; left:0; top:0; width:240px; height:65px; padding:35px 20px 0 20px; background:url(images/loginform_bg.gif) left top no-repeat transparent; font-size:1.1em;}
#loginForm.loggedIn { background:url(images/ucp_bg.gif) left top no-repeat transparent;}
#loginForm.loggedIn p { padding:5px 0 5px 5px;}
#loginForm.loggedIn p strong { color:#024129;}
#loginForm input { position:absolute;}
#loginForm #username { left:20px; top:35px;}
#loginForm #password { left:20px; top:65px;}
#loginForm #loginSubmit { right:20px; top:35px; background:url(images/submit_login.gif) left top no-repeat transparent;}
#loginForm #loginRegister { right:20px; top:65px; background:url(images/submit_register.gif) left top no-repeat transparent;}
#loginForm #username, #loginForm #password { width:150px; height:25px; background:url(images/input_loginForm.gif) left top no-repeat transparent; color:#898989; padding:6px 10px 0 10px;}
#loginForm #loginSubmit, #loginForm #loginRegister { width:80px; height:25px; padding-left:25px; text-align:left; color:#024129; font-weight:bold; cursor:pointer;}
#loginForm .error_login { position:absolute; left:20px; top:35px; z-index:200; width:208px; height:40px; padding:15px 0 0 30px; background:url(images/icon_error.gif) 10px 20px no-repeat #fff8cb; border:1px solid #d9e9eb; cursor:pointer; color:#eb2e10; font-weight:bold;}
#loginForm .error_login small { color:#666; display:block;}
#loginForm a.action { display: -moz-inline-box; display: inline-block; height:14px; padding:2px 0 0 20px; margin:2px 10px 0 0;}
#loginForm a.viewProfile { background:url(images/icon_profile.gif) left center no-repeat;}
#loginForm a.viewOrders { background:url(images/icon_orders.gif) left center no-repeat;}
#loginForm a.viewCart { background:url(images/icon_cart.gif) left center no-repeat;}
#loginForm a.logout { background:url(images/icon_logout.gif) left center no-repeat; margin:0; position:absolute; right:10px; top:15px;}

/* ------------------------------------------------------------------------------------------------------------------------------ */

#mainWrapper { width:960px; margin:10px auto; font-size:1.1em;}
/* ----------------------------------------------------------- */
#mainContent { float:left; width:640px; padding:0 20px 0 10px; overflow:hidden;}
.home #mainContent { width:250px;}
/* ----------------------------------------------------------- */
.largeVisuals { float:left; width:370px; padding:20px 20px 0 0;}
.largeVisuals li { width:178px; height:428px; border:1px solid #d3e3de; overflow:hidden; float:left; margin:2px;}
.largeVisuals li .imgWrapper { width:174px; height:424px; border:2px solid #fff; overflow:hidden;}
/* ----------------------------------------------------------- */
.pages { padding:0 0 10px 0;}
.pages a { padding:0.2em;}
.pages a:hover { border:1px solid #e5ece9; color:#7ab6a5;}
.pages a.in_pagina { border:1px solid #e5ece9; color:#7ab6a5;}
/* ----------------------------------------------------------- */
#productDetails { padding:20px 0 0 0; background:url(images/prodDetails_top.gif) left top no-repeat #e5f6f1;}
#productDetails .gallery { float:left; width:260px; padding:0 20px;}
#productDetails .gallery li { float:left; border:1px solid #ceded9; overflow:hidden;}
#productDetails .gallery li.big { width:166px; height:250px; margin-right:10px;}
#productDetails .gallery li.big .imgWrapper { width:162px; height:246px; border:2px solid #fff; overflow:hidden;}
#productDetails .gallery li.small { width:80px; height:120px; margin-bottom:9px;}
#productDetails .gallery li.small .imgWrapper { width:76px; height:117px; border:2px solid #fff; overflow:hidden;}
#productDetails .description { float:left; width:320px; padding:10px;}
#productDetails .description h2 { padding-bottom:10px;}
#productDetails .description p { padding-bottom:10px;}
#productDetails .description p label { width:60px; display: -moz-inline-box; display: inline-block;}
#productDetails .description select, #productDetails .description label { margin-top:10px; padding:2px; color:#898989;}
#productDetails .description select { width:100px; margin-right:15px;}
#productDetails a { display: -moz-inline-box; display: inline-block; height:20px; padding:5px 5px 0 30px; font-weight:bold;}
#productDetails a.price { cursor:default; width:40px; background:url(images/button_price.gif) left top no-repeat;}
#productDetails a.addtocart { cursor:pointer; width:70px; background:url(images/button_addtocart.gif) left top no-repeat;}
#productDetails img.clear { height:auto;}


/* --- Shopping Cart ---*/
#cartContent li { padding:5px; color:#999;}
#cartContent li.headers { background:#e5f6f1; border:1px solid #d9e9eb; border-bottom:0; padding:5px; color:#666;}
#cartContent li.product { background:#f2f2f2; padding:5px;}
#cartContent li.product a.action_remove { width:150px; display:block; padding-left:20px; background:url(images/icon_remove.gif) left center no-repeat; line-height:20px; color:#024129; font-weight:bold;}
#cartContent li.additionalFees { background:#e5f6f1; padding:5px; color:#666;}
#cartContent li.total { background:#e5f6f1; border:1px solid #d9e9eb; border-top:0; padding:5px; color:#666;}
#cartContent li.total a.action { display: -moz-inline-box; display: inline-block; padding-left:20px; margin:10px 10px 0 0; line-height:20px; color:#024129; font-weight:bold;}
#cartContent li.total a.checkout { background:url(images/icon_checkout.gif) left center no-repeat;}
#customerDetails fieldset a.checkout { display: -moz-inline-box; display: inline-block; padding-left:20px; margin:10px 10px 0 0; line-height:20px; color:#024129; font-weight:bold; background:url(images/icon_checkout.gif) left center no-repeat;}
#cartContent li.total a.update { background:url(images/icon_cartupdate.gif) left center no-repeat;}
#cartContent li span { display: -moz-inline-box; display: inline-block; padding:2px 10px 2px 5px; border-right:1px dashed #c5d3d5; vertical-align:middle;}
#cartContent li span.code { width:50px;}
#cartContent li span.name { width:260px;}
#cartContent li.additionalFees span.name { width:340px;}
#cartContent li span.price { width:50px;}
#cartContent li span.quantity { width:50px;}
#cartContent li input { display: -moz-inline-box; display: inline-block; width:70px; text-align:center; vertical-align:middle;}
/* --- */

/* --- Orders History --- */
.ordersList span { display: -moz-inline-box; display: inline-block; padding:2px 25px 2px 20px; border-right:1px dashed #c5d3d5;}
.ordersList .orderHeader { background:#fff8cb; border:1px solid #d9e9eb; border-bottom:0; padding:5px;}
.ordersList .orderHeader .date { background:url(images/icon_date.gif) left center no-repeat;}
.ordersList .orderHeader .value { background:url(images/icon_pound.gif) left center no-repeat;}
.ordersList .orderHeader .status { background:url(images/icon_info.gif) left center no-repeat;}
.ordersList .orderHeader .details { background:url(images/icon_zoom.gif) left center no-repeat;}
.ordersList .orderDetails { background:#e6f7f9; padding:5px;}
.ordersList .orderDetails span { border-right:1px solid #fff;}
/* --- */

/* --- Register Form --- */
#regForm fieldset { padding:5px;}
#regForm fieldset input, #regForm fieldset select, #regForm fieldset textarea { display: -moz-inline-box; display: inline-block; width:250px; padding:3px 5px; border:1px solid #C0D635; vertical-align:middle;}
#regForm fieldset label { display: -moz-inline-box; display: inline-block; width:130px; vertical-align:middle;}
#regForm fieldset textarea { overflow:auto;}
#regForm fieldset #captchaImage { width:120px; height:50px; vertical-align:middle; padding-right:10px;}
#regForm #submit, #regForm #submit_profile { margin-left:10px; background:#024129; color:#fff; font-weight:bold; border:0; padding:3px 5px; cursor:pointer;}
/* --- */

/* --- Contact Form --- */
#contactForm { margin-top:15px;}
#contactForm fieldset { width:400px; padding:4px 0;}
#contactForm fieldset label, #contactForm fieldset input, #contactForm fieldset select, #contactForm fieldset textarea { display: -moz-inline-box; display: inline-block; vertical-align:top;}
#contactForm fieldset label { width:155px; line-height:21px;}
#contactForm fieldset input, #contactForm fieldset select, #contactForm fieldset textarea { width:226px; line-height:15px; padding:2px; border:1px solid #686868; font-size:1em; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#343434;}
#contactForm fieldset textarea { overflow:auto;}
#contactForm fieldset input.submitBtn { width:auto; padding:3px 20px; border:0; background:#024129; color:#fff; cursor:pointer; float:right; margin-right:8px;}
/* --- */

/* --- College Login Form --- */
#loginFormCollege { position:relative; left:0; top:0; z-index:99; width:430px; height:55px; background:url(images/college_login_bg.gif) left top no-repeat transparent;}
#loginFormCollege input { position:absolute; top:15px; z-index:100; width:130px; padding:4px 10px; background:transparent;}
#loginFormCollege #col_username { left:15px;}
#loginFormCollege #col_password { left:175px;}
#loginFormCollege #loginSubmit { left:335px; width:80px; height:25px; padding:0 0 0 25px; text-align:left; color:#024129; font-weight:bold; cursor:pointer; background:url(images/submit_login.gif) left top no-repeat transparent;}

#collegeLogged { width:400px; height:25px; padding:15px; background:url(images/college_btn_bg.gif) left top no-repeat transparent;}
#collegeLogged a { display: -moz-inline-box; display: inline-block; padding:5px 15px 5px 20px;}
#collegeLogged .products { background:url(images/icon_orders.gif) left center no-repeat transparent;}
#collegeLogged .cart { background:url(images/icon_cart.gif) left center no-repeat transparent;}
#collegeLogged .logout { background:url(images/icon_logout.gif) left center no-repeat transparent;}
/* --- */

.error { padding:15px 10px 15px 30px; background:url(images/icon_error.gif) 10px center no-repeat #fff8cb; border:1px solid #d9e9eb; color:#eb2e10; font-weight:bold;}

/* ------------------------------------------------------------------------------------------------------------------------------ */

#sidebar { float:left; width:285px;}

/* ------------------------------------------------------------------------------------------------------------------------------ */

.stockBox { position:relative; left:0; top:0; width:250px; padding:20px 20px 10px 10px; margin-bottom:5px; background:url(images/stockBox_top.gif) left top no-repeat #e5f6f1; overflow:hidden;}
.stockBox .imgWrapper { position:relative; left:0; top:0; z-index:3; float:left; width:98px; height:128px; border:1px solid #d3e3de; overflow:hidden;}
.stockBox .imgWrapper a { display:block; width:94px; height:124px; border:2px solid #fff; overflow:hidden;}
.stockBox .description { position:relative; left:0; top:0; z-index:2; float:left; width:135px; padding:10px 0 20px 15px;}
.stockBox .boxLink { position:absolute; left:0; bottom:0; z-index:1; width:253px; height:22px; padding:13px 32px 0 0; background:url(images/stockBox_bottom.gif) left top no-repeat; text-align:right;}
.stockBox .boxLink a { padding-left:15px; background:url(images/bullet_boxLink.gif) left center no-repeat; text-decoration:none; font-weight:bold; color:#024129;}
.productListing .stockBox { float:left; margin-left:10px;}
.productListing .stockBox .imgWrapper a.action { position:absolute; right:0; top:0; display:block; width:20px; height:18px; padding-top:2px; border:0; background:#fff; text-align:center; z-index:50;}

/* ------------------------------------------------------------------------------------------------------------------------------ */

#earthCollection.stockBox { position:relative; left:0; top:0; width:250px; padding:20px 20px 10px 10px; margin-bottom:5px; background:url(images/earthBox_top.gif) left top no-repeat #f2f2f2;}
#earthCollection.stockBox .description { position:relative; left:0; top:0; z-index:2; float:none; padding:10px 0 20px 130px;}
#earthCollection.stockBox .boxLink { position:absolute; left:0; bottom:0; z-index:1; width:250px; height:17px; padding:13px 30px 0 0; background:url(images/earthBox_bottom.gif) left bottom no-repeat; text-align:right;}
#earthCollection.stockBox .boxLink a { padding-left:15px; background:url(images/bullet_boxLink.gif) left center no-repeat; text-decoration:none; font-weight:bold; color:#024129;}

/* ------------------------------------------------------------------------------------------------------------------------------ */

.categoryListing .stockBox { float:left; width:150px; padding:20px 0 30px 0; margin:5px; background:url(images/catBox_top.gif) left top no-repeat #e5f6f1;}
.categoryListing .stockBox .imgWrapper { float:none; width:128px; height:268px; margin:0 auto;}
.categoryListing .stockBox .imgWrapper a { width:124px; height:264px;}
.categoryListing .stockBox .description { float:none; width:auto; padding:10px 20px 0 20px;}
.categoryListing .stockBox .boxLink { width:130px; height:17px; padding-right:20px; background:url(images/catBox_link.gif) left bottom no-repeat transparent;}

/* ------------------------------------------------------------------------------------------------------------------------------ */

#footer { clear:both; background:url(images/footer_bg.gif) 0 10px repeat-x; padding:20px 0; font-size:1.1em;}
#footer .wrapper { width:920px; margin:0 auto; padding-left:40px;}