/* @override http://educat.dev/css/styles.css */

/*
EduCat
Author: Lee Munroe April 2009
*/


/* 
################### CSS contents ###################
* 1 Reset defaults
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography 
* 11 Other
*/


/* 
# Colour reference ###################

#2c0071 Purple
#fe7d18 Orange
#fb1730 Red
#d4d4d4 Light Grey
#2f2f2f Dark Grey
#7a7a7a Mid Grey
#c1c1c1 Grey Outline
*/
 
/*
# Reset defaults ################### 
*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 

a{text-decoration:none;}

.clear{
clear:both;
}

html {
overflow: -moz-scrollbars-vertical;
}

#skipto{
display:none;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}







/*
# Layout ################### 
*/

body{
font:75%/1.5  Helvetica, Arial,Verdana, sans-serif;
color:#2f2f2f;
}

#container{width:960px;margin:10px auto;}

#header{margin:10px 0 20px;clear:both;position:relative;}

#main{width:620px;float:left;margin:0 10px 30px 10px;}

#checkout #main{width:100%;margin:0 0 30px 0;}

.sidebar{width:160px;float:left;}

.sidewidget{background:url(../images/layout/catbg.gif) repeat-x top;border-bottom:1px solid #c1c1c1;margin-bottom:10px;}

.sidewidgetcontent{padding:10px;border:solid #c1c1c1;border-width:0 1px;}

#footer-links{padding:20px 0;clear:both;}

#footer{clear:both;margin:10px 0;color:#7a7a7a;text-align:center;}

/* .basket div{padding:10px;border:1px solid #2c0071;} */

.basket div{padding:10px;border:1px solid #3399CC;}

.basket{margin-bottom:20px;}

.login,.register{width:468px;float:left;background:#fde0c9;border:1px solid #fe7d18;}

.login div, .register div{padding:10px;}

.login fieldset{padding:0;}

.login{margin-right:20px;}

#container .equal_heights {
	list-style: none;
	margin: 0;
}

div.boundingbox{padding:10px;border:1px solid #2c0071;}





/*
# Nav ################### 
*/

.settings{padding-left:20px;background:url(../images/layout/settings.gif) left;float:right;}

.settings div{padding-right:20px;background:url(../images/layout/settings.gif) right; height:28px;line-height:28px;}

.settings ul li{display:inline;}

.settings ul li a{font-weight:bold;color:#2f2f2f;padding:2px 4px;border:none;}

.settings ul li.selected a, .settings ul li a:hover{background:#a3a3a3;color:#fff;}

.settings ul li.last{margin-right:20px;}




.topnav{float:right;margin-top:5px;}

.topnav li{display:inline;float:left;display:block;margin-right:10px;}

.topnav li a{color:#2f2f2f; display:block;float:left;padding-left:10px;background:url(../images/layout/buttons.gif) top left;border:none;}

.topnav li a span{display:block;float:left;padding-right:10px;height:21px;line-height:21px;background:url(../images/layout/buttons.gif) top right;}

.topnav li a:hover,.topnav li.selected a{background-position:0% -21px;color:#fff;}

.topnav li a:hover span,.topnav li.selected a span{background-position:100% -21px;color:#fff;cursor:pointer;}






#nav{clear:both;background:url(../images/layout/nav.gif) no-repeat;margin-bottom:10px;}

#nav ul{list-style:none;height:40px;text-align:center;}

#nav ul li{float:left;background:url(../images/layout/sep.gif) right no-repeat;}

#nav ul li a{display:block;float:left;padding:0 20px;border:none;height:100%;line-height:40px;color:#2f2f2f;font-weight: bold;font-size:1.2em;margin-right:2px;}

#nav ul li a:hover,#nav ul li.selected a{background:url(../images/layout/navon.gif) repeat-x right;}

#nav ul li.last a, #nav ul li.last{background:none;}

#nav ul li.last a:hover,#nav ul li.last.selected a{background:url(../images/layout/navon.gif) repeat-x left;}

#nav ul li.first a:hover,#nav ul li.first.selected a{background:url(../images/layout/navhome.gif) repeat-x left;}








ul.cat{list-style:none;border-left:1px solid #c1c1c1;border-right:1px solid #c1c1c1;}

ul.cat li a.CategoryUnselected{display:block;padding:5px 10px;border-bottom:1px solid #fff;color:#2f2f2f;height:100%;}

ul.cat li a.CategoryUnselected:hover{color:#fe7d18;background:url(../images/layout/caton.gif) no-repeat 145px 50%;}

/*
ul.cat li a.CategorySelected{display:block;padding:5px 10px;border-bottom:1px solid #fff;color:#fff;background-color:#fe7d18;height:100%;}
*/
ul.cat li a.CategorySelected{display:block;padding:5px 10px;border-bottom:1px solid #fff;color:#fff;background:url(../images/layout/navhome.gif) repeat-x left;height:100%;}
/*
ul.cat li.selected a{color:#fff;background:url(../images/layout/catselected.gif) no-repeat 145px 50% #2f2f2f;}
 */
 
.pagination{padding:10px;background:#2c0071;color:#fff;clear:both;}

.pagination p{margin:0;float:left;}

.pagination ul{list-style:none;float:right;}

.pagination ul li{display:inline;}

.pagination ul li a{padding:3px 4px;border:1px solid #fff;color:#fff;}

.pagination ul li a.selected, .pagination ul li a:hover{background:#fff;color:#2c0071;}





ul.actions{list-style: none;float:right;margin:10px 0;}

ul.actions li{float:left;margin-left:10px;}







/*
# Headings ################### 
*/

h1{font-weight:normal;color:#2c0071;text-transform: lowercase;font-size:1.8em;font-family:Helvetica, Arial;}

h1 strong{font-weight:600; border-right:2px solid #2c0071;padding-right:10px;}

h1 a{border:none;}

h2{margin:0 30px 10px 0;font-size:1.6em;font-weight:normal;}

#main h3{font-size:1.3em;margin:20px 0 5px;font-weight:bold;}

#main .product h3{margin-top:0;}

#main .register h3, #main .login h3{margin:0;padding:0;font-weight:normal;font-size: 1.4em;background:#fe7d18;color:#fff;padding:5px;}

h3.boundingbox{background:url(../images/layout/featured.gif) no-repeat #2c0071;color:#fff;font-size:1.2em;padding:10px;font-weight: normal;margin-bottom:0 !important;}

/* #main .basket h3{background:url(../images/layout/basket.gif) no-repeat #2c0071;color:#fff;font-size:1.2em;padding:10px;font-weight: normal;margin:0;} */

#main .basket h3{background:url(../images/layout/lfl_basket.gif) no-repeat #3399CC;color:#fff;font-size:1.2em;padding:10px;font-weight: normal;margin:0;}

#main h4{font-size:1.1em;margin:10px 0 5px;font-weight:bold;}

h5{font-weight:bold;font-size:1em;}



.sidewidget h4{background:url(../images/layout/cat.gif) 0% -32px; height:32px; color:#2f2f2f;font-size:1em;font-weight:bold;padding:0 10px;line-height:32px;}

.sidewidget h4.first{background-position:0 0;}

#logo{float:left;}






/*
# Lists ################### 
*/

.last{margin-right:0 !important;}

.sidebasket{list-style:none;font-size:0.9em;border-bottom:1px solid #c1c1c1;}

.sidebasket li{margin-bottom:5px;}

.sidebasket a{font-weight:bold;}

.link-block{width:17%;float:left;margin:0 1%;}

.link-block ul{list-style:none;}

.link-block ul li{background:url(../images/layout/footerlink.gif) top left no-repeat;padding-left:12px;margin-bottom:5px;}

.link-block ul li a{color:#7a7a7a;border-color:#7a7a7a;}

#main ul, #main ol{margin-left:30px;}



#tabs div ul{margin-top:10px;}



.checkout-status{margin:10px auto 30px;list-style: none;text-align: center;background:url(../images/layout/status.gif) #d4d4d4;padding-left:10px;}

.checkout-status li{display:block;float: left;height:100%;}

.checkout-status li span{display:block;float: left;padding:5px 30px 5px 15px;background:url(../images/layout/status-right.gif) no-repeat right #d4d4d4;height:20px;}

.checkout-status li.last span{background:url(../images/layout/status-lastright.gif) no-repeat right #d4d4d4;}

/* .checkout-status li.last.current span{background:url(../images/layout/status-lastrightselected.gif) no-repeat right #2c0071;} */

.checkout-status li.last.current span{background:url(../images/layout/lfl_status-lastrightselected.gif) no-repeat right #3399CC;}

/* .checkout-status li.before span{background:url(../images/layout/status-leftselected.gif) no-repeat right #d4d4d4;} */

.checkout-status li.before span{background:url(../images/layout/lfl_status-leftselected.gif) no-repeat right #d4d4d4;}

/* .checkout-status li.first.current{background:url(../images/layout/status-firstselected.gif) no-repeat left #2c0071;padding-left: 20px;} */

.checkout-status li.first.current{background:url(../images/layout/lfl_status-firstselected.gif) no-repeat left #3399CC;padding-left: 20px;}

.checkout-status li.first{background:url(../images/layout/status-firstleft.gif) no-repeat left #d4d4d4;padding-left: 20px;}

/* .checkout-status li.current span{background:url(../images/layout/status-rightselected.gif) no-repeat right #2c0071;color: #fff;} */

.checkout-status li.current span{background:url(../images/layout/lfl_status-rightselected.gif) no-repeat right #3399CC;color: #fff;}



/*
# Images ################### 
*/

img{border:none;}

img.left{margin:0 10px 5px 0;}

img.right{margin:0 0 5px 10px;}

.detail-images a img{border:2px solid #d4d4d4 !important;}

.detail-images a:hover img{border-color:#2c0071 !important;}

/* .img-brand{position:absolute;right:0} */

.img-brand{float:left;margin:10px;}







/*
# Links ################### 
*/

/* a{color:#2c0071;border-bottom:1px solid #2c0071;} */

a
{
    color: #000066; /* Dark Navy. */
    border-bottom: 1px solid #000066;
}

a:hover{}

.img{border:none;}

a.img:hover{border:none;background:transparent !important;}

.breadcrumbs a{color:#7a7a7a;border-color:#7a7a7a;}



/* .actionbutton{padding-left:10px;background:url(../images/layout/buttonleft.gif) no-repeat 0 0;border:none;display:block;width:90px;text-align: center;margin:0 auto;} */

.actionbutton{padding-left:10px;background:url(../images/layout/lfl_buttonleft_green.gif) no-repeat 0 0;border:none;display:block;width:90px;text-align: center;margin:0 auto;}

/* .newactionbutton{padding-left:10px;padding-right:10px;background:url(../images/layout/buttonleft.gif) no-repeat 0 0;border:none;display:block;width:30px;text-align: center;margin:0 auto;} */

.newactionbutton{padding-left:10px;padding-right:10px;background:url(../images/layout/lfl_buttonleft_green.gif) no-repeat 0 0;border:none;display:block;width:30px;text-align: center;margin:0 auto;}

.actionbutton.checkout{background-position: 0 -58px;}
.newactionbutton.checkout{background-position: 0 -58px;}

/* .actionbutton span{padding-right:10px;height:29px;line-height:29px; color:#fff;display:block;background:url(../images/layout/buttonright.gif) no-repeat 100% 0;} */

.actionbutton span{padding-right:10px;height:29px;line-height:29px; color:#fff;display:block;background:url(../images/layout/lfl_buttonright_green.gif) no-repeat 100% 0;}

/* .newactionbutton span{padding-right:10px;height:29px;line-height:29px; color:#fff;display:block;background:url(../images/layout/buttonright.gif) no-repeat 100% 0;} */

.newactionbutton span{padding-right:10px;height:29px;line-height:29px; color:#fff;display:block;background:url(../images/layout/lfl_buttonright_green.gif) no-repeat 100% 0;}

.actionbutton.checkout span {background-position: 100% -58px;font-size: 125%;font-weight: bold;line-height: 1.85;}
.newactionbutton.checkout span {background-position: 100% -58px;font-size: 125%;font-weight: bold;line-height: 1.85;}

/* .button{padding-left:10px;background:url(../images/layout/buttonleft.gif) no-repeat 0 -29px;border:none;display:block;width:90px;text-align: center;margin:0 auto;} */

.button{padding-left:10px;background:url(../images/layout/lfl_buttonleft_green.gif) no-repeat 0 -29px;border:none;display:block;width:90px;text-align: center;margin:0 auto;}

.anysize{width:auto;}

/* .button span{padding-right:10px;height:29px;line-height:29px; color:#2f2f2f;display:block;background:url(../images/layout/buttonright.gif) no-repeat 100% -29px;} */

.button span{padding-right:10px;height:29px;line-height:29px; color:#2f2f2f;display:block;background:url(../images/layout/lfl_buttonright_green.gif) no-repeat 100% -29px;}

/* .button2{padding-left:10px;background:url(../images/layout/buttonleft.gif) no-repeat 0 -58px;border:none;display:block;width:90px;text-align: center;margin:0 auto;} */

.button2{padding-left:10px;background:url(../images/layout/lfl_buttonleft_green.gif) no-repeat 0 -58px;border:none;display:block;width:90px;text-align: center;margin:0 auto;}

/* .button2 span{padding-right:10px;height:29px;line-height:29px; color:#2f2f2f;display:block;background:url(../images/layout/buttonright.gif) no-repeat 100% -58px;color:#fff} */

.button2 span{padding-right:10px;height:29px;line-height:29px; color:#2f2f2f;display:block;background:url(../images/layout/lfl_buttonright_green.gif) no-repeat 100% -58px;color:#fff}

.sidebar .button, .sidebar .actionbutton, .sidebar .button2{width:120px;}

.newactionbutton{width:40px;}

.affiliates a{margin-right:10px;}






/*
# Forms ################### 
*/


/* #search{position: absolute;right: 0;bottom: 0;width:309px;height:30px;background:url(../images/layout/searchbg.gif) no-repeat;padding:10px;text-align: center;} */

#search{position: absolute;right: 0;bottom: 0;width:309px;height:30px;background:url(../images/layout/lfl_searchbg.gif) no-repeat;padding:10px;text-align: center;}

#search form .text{padding:5px;float:none;}

#search .img{vertical-align: middle;margin-left:10px;}

#search p{display:inline;}

.sort{margin:10px 0;}

.sort label{color:#2c0071;font-weight:bold;margin-right:5px;}

.sort select{margin-right:20px;}


.ecosys_label
{
    display: block;
    color: #2f2f2f;
    font-size: 100%;
    font-weight: bold;
    margin-left: 0;
    padding-bottom: 4px;
    padding-top: 5px;
}
.ecosys_value
{
    font:1em Helvetica, Arial,Verdana, sans-serif;
    color:#2f2f2f;
    padding:4px;
    border:1px solid;
    border-color:#2f2f2f #c1c1c1 #c1c1c1 #2f2f2f;
    float:left;
    width: 70%;
    height:1.1em;
}
    
.ecosys_input
{
    font:1em Helvetica, Arial,Verdana, sans-serif;
    color:#2f2f2f;
    padding:4px;
    border:1px solid;
    border-color:#2f2f2f #c1c1c1 #c1c1c1 #2f2f2f;
    float:left;
    width: 70%;
}


div.error{border:1px solid #cc3333;padding:10px;background:#ffcccc;color:#cc3333;font-weight:bold;margin:10px 0;}

label.error{line-height:2.25;display:inline;color:#cc3333;margin-left:10px;}

label em, span.required {color:#cc3333;font-weight:bold;font-size: 125%;font-style:normal;line-height:1;}

/* fieldset{border:1px solid #2c0071;padding-top:10px;padding-left:10px;padding-right:10px;padding-bottom:0;margin-bottom:20px;} */

fieldset{border:1px solid #3399CC;padding-top:10px;padding-left:10px;padding-right:10px;padding-bottom:0;margin-bottom:20px;}

/*
form h4
{
background:#2c0071;
padding:10px;
font-size:1em;
color:#fff;
}
*/

form h4
{
background:#3399CC;
padding:10px;
font-size:1em;
color:#fff;
}

form .item{margin-bottom:20px;clear: both}

form .item input {font:1em Helvetica, Arial,Verdana, sans-serif;color:#2f2f2f;}

form .item span {margin-left:10px;font-size:0.9em;color:#7a7a7a;font-weight:normal;}

form label{display:block;font-weight:bold;}

form .item .net_label {display: block; color: #2f2f2f; font-size: 100%; font-weight: bold; margin-left: 0; padding-bottom: 5px;}

form.inline label{display:inline;margin-right:5px;}

form .text, form .item .net_input {padding:4px;border:1px solid;border-color:#2f2f2f #c1c1c1 #c1c1c1 #2f2f2f;float:left; width: 70%;}

form .item span.net_input {
	font-size: 1em;
	color: #2f2f2f;	
	margin: 0 0 10px 0;
}

form .text{padding:4px;border:1px solid;border-color:#2f2f2f #c1c1c1 #c1c1c1 #2f2f2f;float:left; width: 70%;}

form.inline .text{float:none;width:auto;}

form #keyword.text {width: 65%;}

form .text.error{background:#cc3333;color:#fff;}

form .item span{margin-left:10px;font-size:0.9em;color:#7a7a7a;font-weight:normal;}

form .select{padding:4px;width:70%;}

form .checkbox input{}

form .checkbox label{display:inline;}

form .actions{padding:10px;border-top:1px solid #2f2f2f;background:#d4d4d4;}

form .submit{padding:4px;}

form .actions a{font-weight: bold;}

fieldset{margin-top:-10px;}





.addbasket{width:139px;height:29px;line-height:29px;color:#fff;text-align: center;border:none;background:url(../images/layout/addbasket.gif) no-repeat top left;cursor: pointer;font-size:1.2em;margin-bottom:5px;}




.login fieldset{border:none;margin:5px 0 0;}






/*
# Tables ################### 
*/

.basketcosts{font-size:0.9em;text-align:right;width:100%;}

.basketcosts th{margin-right:5px;font-weight: normal;}

.basketcosts td{font-weight: bold;}



#tabs table{margin:10px 0;}

#tabs table td,#tabs table th{padding:5px;border-bottom:1px solid #d4d4d4;}

#tabs .heading th{background:#d4d4d4;text-align: left;}

#tabs th{text-align: left;}




.basket table{width:100%;}

.basket table th, .basket table td{padding:3px 5px;}

.basket table tbody td{border-bottom:1px solid #d4d4d4;}

.basket table .total{font-size:1.6em;font-weight:bold;}




/*
# Typography ################### 
*/

p{margin:10px 0;}

/* .phone{color:#2c0071;font-size:1.4em;margin:20px 0 0 0;line-height: 1;} */

.phone{color:#3399CC;font-size:1.4em;margin:20px 0 0 0;line-height: 1;}

.phone strong{font-size:1.8em;}

.breadcrumbs{font-size:0.9em;margin:0 0 5px;}





/*
################### Other ################### 
*/

.right{float: right;}

.left{float: left;}

.alignleft{text-align: left;}

.alignright{text-align: right;}

.aligncenter{text-align: center;}

.hr {clear: both;height: 9px;background: url(../images/layout/hr.gif) 0 50% repeat-x;margin-bottom: 10px;}

.hr hr {display: none;}

div.infobox{padding:10px;margin:10px 0;border:1px solid #2c0071;background:#e9e0f7;}




/*
# Products ################### 
*/

.featured, .product.last{margin-bottom:10px;}

/* #main .featured h3{background:url(../images/layout/featured.gif) no-repeat #2c0071;color:#fff;font-size:1.2em;padding:10px;font-weight: normal;margin:0;} */

#main .featured h3{background:url(../images/layout/lfl_featured.gif) no-repeat #3399CC;color:#fff;font-size:1.2em;padding:10px;font-weight: normal;margin:0;}

.featured h3 a{color:#fff;border:none;}

.featured .product-desc{width:380px;}




.detail .product-desc{width:400px;}

.detail .product-img{width:200px;}

.detail .product-actions{float:none;}

.detail{position:relative;}




.featured.col{width:305px;float:left;margin:0 10px 10px 0;}

.featured.col.last{margin-right:0;}

.featured.col h3{background:#2c0071;}

.featured.col .price, .featured.col .saving{font-size:0.9em;}

.featured.col .product-actions p{padding-left:10px;}

.featured.col .product-desc{width:140px;}





/* .product{border:solid #2c0071;border-width:1px 1px 0 1px;padding:10px;clear:both;} */

.product{border:solid #3399CC;border-width:1px 1px 0 1px;padding:10px;clear:both;}

.product.last,.featured .product{border-bottom-width:1px;}

.product-img{float:left;margin-right:10px;}

.product-img a{border:none;}

.product-desc{float:left;}

.product-actions{float:right;margin-top:10px;}

.product-actions p{float:left;padding-left:20px;text-align:center;}

/* .product-actions .price strong{color:#fe7d18;font-size:1.8em;} */

.product-actions .price strong{color:#990000;font-size:1.8em;}

.product-actions .saving strong{color:#2c0071;font-size:1.2em;}

.product p{margin:2px 0;}

.product h3 a{color:#2c0071;border:none;}




.recent{clear:both;margin-bottom:10px;}

.recent-img{float:left;margin-right:5px;width:50px;}

.recent-desc{float:left;width:80px;}

.recent-desc a{font-weight: bold;}

.recent-desc a span{border:none;font-weight:normal;}




.refine{border:1px solid #2c0071;padding:0 0;margin-bottom:10px;font-size:0.9em;}

.refine h3{margin:10px 0 !important;}

.refine h4{background:#2c0071;margin:0 0 !important;font-size:1em;color:#fff;}

.refine table th{text-align: left;padding-right:10px;}

.refine table th, .refine table td{padding:3px;}

.refine table td a{margin-right:5px;padding:2px;}

.refine table td a.selected, .refine table td a:hover{background:#2c0071;color:#fff;}



/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */

ul.ui-tabs-nav {margin:10px 0 0 !important;list-style: none;position:absolute;top:5px;}

#tabs div{border:solid #2c0071 1px;padding:5px 10px;}

#tabs{position:relative;padding-top:49px;}

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.ui-tabs-nav li {display:inline;}

.ui-tabs-nav a{display: block;padding-right:15px;background: url(../images/layout/tabs.gif) 100% -98px no-repeat;color: #fff;font-weight: bold;text-align: center;border:none;float:left;margin-right:1px;}

.ui-tabs-nav a span{display: block;padding-left:15px;background: url(../images/layout/tabs.gif) 0 0 no-repeat;color: #fff;font-weight: bold;text-align: center;height:35px;line-height:35px;float:left;}

.ui-tabs-nav a:hover,.ui-tabs-selected a{background-position:100% -49px;cursor: pointer}

.ui-tabs-nav a:hover span,.ui-tabs-selected a span{background-position:0 -49px;color:#2c0071;}


/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}