﻿.foo{}/****************************************************************************************************/
/* The contents of this file are subject to the nopCommerce Public License Version 1.0 ("License"); you may not use this file except in compliance with the License.
/* You may obtain a copy of the License at  http://www.nopCommerce.com/License.aspx. 
/* 
/* Software distributed under the License is distributed on an "AS IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. 
/* See the License for the specific language governing rights and limitations under the License.
/* 
/* The Original Code is nopCommerce.
/* The Initial Developer of the Original Code is NopSolutions.
/* All Rights Reserved.
/* 
/* Contributor(s): RetroViz Design. 
/****************************************************************************************************/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MASTER PAGE WRAPPERS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body{
background: url('images/bggradient.jpg') repeat-x #3E4D8C;
color:#3B52A4;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
padding-top:0px;
min-height: 751px;
}

h1{
display:none;
color:#FF0000;
}
.head1{
background:url('images/lct.gif') no-repeat;
width:252px;
height:25px;
float:left;
margin-top:33px;
margin-left:12px;
}
.head1storyboxes{
background:url('images/pic.gif') no-repeat;
width:344px;
height:43px;
float:left;
margin-top:23px;
margin-left:12px;
}

h2{
color:#3B54A4;
font-weight:normal;
display:none;
}
.head2{
color:#3B54A4;
font-weight:normal;
padding-bottom:10px;
background:url('images/welcome.gif') no-repeat;
width:541px;
height:37px;
float:left;
display:inline;
margin-top:5px;
}

h3{
color:#3B54A4;
font-weight:bold;
font-size:1.5em;
}
h3{
color:#ED1C2A;
font-weight:bold;
font-size:1em;
padding-bottom:10px;
}
h4{
color:#ED1C2A;
font-weight:bold;
font-size:120%;
padding-top: 10px;
padding-bottom:20px;
}



h6{
color:#EE2725;
font-weight:bold;
padding-bottom:15px;
padding-top:10px;
font-size:3em;
}

.master-wrapper-page
{
	margin: 0 auto;
	width: 991px;
	
	
}

.master-wrapper-content
{
	float: left;
	width: 991px;
	margin: 0;
	margin-left:-19px;
	padding-left:19px;
	text-align: left;
	/*background: #fff url(images/bg_container.gif) repeat-x;*/
	background: url('images/bgrepeat.png') repeat-y;
	
	
}

.sidewrapper{
float:left;
margin:0;
padding:0;
padding-bottom:10px;
position: relative
}

.master-wrapper-side
{
	
	width: 180px;
	margin: 12px 0 0 10px;
	font-family: arial, helvetica, sans-serif;
	float:left;
	line-height:18px;
	background:#F0EFF8;
	padding:10px 0 0 10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius:8px;
}

.master-wrapper-center
{
	float: left;
	width: 730px;
	margin: 0px 0 0 10px;
	background: url(images/bg_maincolumn.gif) no-repeat left bottom;
	display: inline;
}

.master-wrapper-cph
{
	float: left;
	width: 710px;
	background: #fff url(images/bg_content.gif) no-repeat right top;
	color: #3E4D8C;
	min-height: 400px;
	padding: 10px 0px 10px 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MASTER HEADER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.header
{
	/*padding: 6px 6px 10px 5px;
	height: 60px;*/
}

.header{
height:74px;
background:url('images/bgtop.gif') no-repeat;
margin-left:-19px;
padding-left:19px;
width:991px;
float:left;
}
.storyboxes{
background:url('images/bgtop_storyboxes.gif') no-repeat;
}


.header .icon
{
	vertical-align: bottom;
}

.header .ico-register
{
/*	background: url('images/ico-register.gif') no-repeat;
	padding-left: 20px;*/
}

.header .ico-login
{
/*	background: url('images/ico-login.gif') no-repeat;
	padding-left: 20px;*/
}

.header .ico-logout
{
/*	background: url('images/ico-logout.gif') no-repeat;
	padding-left: 20px;*/
}

.header .ico-cart
{
/*	background: url('images/ico-cart.gif') no-repeat;
	padding-left: 20px;*/
}

.header .ico-wishlist
{
/*	background: url('images/ico-wishlist.gif') no-repeat;
	padding-left: 20px;*/
}

.header .ico-admin
{/*
	background: url('images/ico-admin.gif') no-repeat;
	padding-left: 20px;*/
}

.header-logo
{
	margin-top: 0px;
	margin-left:-12px;
	float: left;
	text-align: left;
	height:130px;
	z-index:1000;
	display:block;
}

a.logo
{
	background: url('images/logo.png') no-repeat;
	display: block;
	width: 219px;
	height: 130px;
	text-decoration: none;
	z-index:1000;
	position:relative;
}

.header-selectors-wrapper
{
	text-align: right;
	float: right;
	width: 400px;
}

.header-currencyselector
{
	float: right;
}

.header-languageselector
{
	float: left;
}

.header-links-wrapper
{
	float: right;
	text-align: right;
	width: 430px;
	margin-left:515px;
	position:absolute;
}

.header-links
{
	border: none;
	padding: 5px 5px 5px 5px;
	margin-bottom: 5px;
	background:#3A52A4;
	color:#fff;
	padding:3px 4px 3px 4px;
	height:65px;
	font-size:0.85em;
	font-weight:bold;
	overflow:hidden;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	width:auto;
}

.header-links ul
{
	padding: 0;
	margin: 0;
}

.header-links ul li
{
	list-style: none;
	padding-right: 0px;
}

.header-links a
{
color:#FFFFFF;
font-size:10px;
font-weight:normal;
margin-right:5px;
white-space: nowrap;
}

.header-links a:visited
{
	color: #fff;
}


.headerlinks a:hover
{
	color: #3B54A4;
}

.cartnav a{
	margin: 0;
	padding: 0;
	}

.cartnav a:hover
{
	color: #fff;
	text-decoration:underline;
}

.header-linksa
{
	padding: 5px 5px 5px 5px;
	margin: 35px 0 0 5px;
	background:#fff;
	color:#3A52A4;
	padding:3px;
	width:255px;
	font-size:0.85em;
	font-weight:bold;
	float:left;
	
}

.header-linksa ul
{
	padding: 0;
	margin: 0;
}

.header-linksa ul li
{
	list-style:none;
	border-left:1px solid #3A52A4;
	display: inline-block;
	line-height:12px;
	padding-left: 9px;
}
.header-linksa .first{
border:none;
}

.header-linksa a
{
	color:#3A52A4;
	text-decoration: none;
}

.header-linksa a:hover
{
	color:#3A52A4;
	text-decoration:underline;
}


.storyboxes .header-linksa
{
	background:none;
color:#fff;
}


.storyboxes .header-linksa ul li
{
	border-left:1px solid #fff;
}
.storyboxes .header-linksa .first{
border:none;
}

.storyboxes .header-linksa a
{
	color:#fff;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MASTER HEADER MENU

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.headermenu
{
	color: #FFFFFF;
	background:none;
	padding: 8px 5px 8px 195px;
	text-align: center;
	height: 19px;
	margin-top:70px;
	vertical-align: middle;
	line-height:20px;
	width:791px;
	color:#fff;
	
background:url('images/bgrepeat2.png') repeat-y ;

font-weight:bold;
margin-left:-3px;
margin-left:-19px;
/*margin-top:-5px;
padding-top:3px;


padding-left:220px;*/
margin-bottom:5px;
font-size:0.96em;
}

.headermenu ul
{
	padding: 0;
	margin: 0;
	margin-left:33px;
}

.headermenu li
{
	list-style: none;
	display: inline;
}

.headermenu a
{
	color: #FFF;
	text-decoration: none;
	font-size: 0.9em;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 5px;
}

.headermenu a:hover
{
color:#fff;	
text-decoration:underline;
}

.headermenu a:visited
{
	color: #FFF;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 5px;
	
}

.headermenu a:active
{
	color: #FFF;
	text-decoration: none;
	
	font-weight: bold;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 5px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MASTER HEADER MENU - SEARCH BOX 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.searchbox
{
	float: right;
	width: 180px;
	display: inline;
	padding-right: 5px;
	padding-top:2px;
}

.searchbox ul
{
	margin: 0;
	padding: 0;
}

.searchbox ul li
{
	list-style: none;
	float: left;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CATEGORY NAVIGATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

UL STUFF!
*/

ul {list-style-position:inside; }

ul a{
color:#fff;
padding:0;
margin:0;
}

li a{
display:inline;
margin-right:8px;
float:left;
}

#lnav{
background:#F0EFF8;
padding:0px 0 0 10px;
margin:0px 0 10px -10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
#lnav li{
 font-size:1.1em;
 /*margin-bottom:5px;*/
 display:inline-block;
 height:22px;
 width:155px;
 padding-top:2px;
/*  padding-bottom:2px;*/
 padding-left:0; 
 overflow:visible;
 font-weight:normal;
}

#lnav li a{
text-decoration:none;
padding-left:25px;
}

#lnav li a:visited{
font-weight:bold;
}


.bluebull { background: url("images/bluebull.gif") no-repeat 0px 2px; height:15px;}
.redbull { background: url("images/redbull.gif") no-repeat 0px 2px;  height:15px;} 
.yellowbull { background: url("images/yellowbull.gif") no-repeat 0px 2px;  height:15px;}
.greenbull { background: url("images/greenbull.gif") no-repeat 0px 2px;  height:15px;}

body#history a#history_link, body#geography a#geography_link, body#science a#science_link, body#pshe a#pshe_link, body#infant a#infant_link, body#literacy a#literacy_link, body#numeracy a#numeracy_link, body#outdoors a#outdoors_link, body#storyboxes a#storyboxes_link, body#activeproducts a#activeproducts_link, body#clearance a#clearance_link{
 background: url("images/current.png") no-repeat; margin-left:-30px; margin-top:-6px; padding-left:25px; padding-top:4px; width:181px; height:24px; display:block; color:#fff;}



.category-navigation
{
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-left: 0;
}

.category-navigation li
{
	list-style: none;
}

.category-navigation a
{
	color: #FFF;
	color: #3E4D8C;
	text-decoration: none;
}

.category-navigation .li_selected a
{

	font-weight: bold;
	text-decoration: none;
		 background: url("images/current.png") no-repeat; 
	 margin-top:-6px; 
	 padding-left:25px !important; 
	 padding-top:4px; 
	 width:160px; 
	 height:24px; 
	 display:block; 
	 color:#fff;
}

.category-navigation .title
{
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px 10px;
	color: #3E4D8C;
	display:none;
	/*background: #333 url(images/bg_sidebar_title.gif) no-repeat;*/
}

.category-navigation .treeview
{
	/*font-size: 11px;*/
	padding: 5px 0px 5px;
	/*line-height: 18px;*/
	/*background: #404040 url(images/bg_sidebar_block.gif) no-repeat left bottom;*/
	margin: 0px;
	
}

.category-navigation .treeview ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	color: #3664A5;
	color: #3E4D8C;
	background-color: inherit;
}

.category-navigation .treeview ul .li_selected
{
	font-weight: bold;
}

.category-navigation .treeview ul .li_unselected
{
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MANUFACTURER NAVIGATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.manufacturer-navigation
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.manufacturer-navigation li
{
	list-style: none;
}

.manufacturer-navigation a.inactive
{
	color: #FFF;
	color: #3E4D8C;
	font-weight: bold;
	text-decoration: none;
}

.manufacturer-navigation a.active
{
	color: #3B54A4;
	font-weight: bold;
	text-decoration: none;
}

.manufacturer-navigation .title
{
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 7px 10px;
	color: #3B54A4;
	color: #3E4D8C;
	/*background: #333 url(images/bg_sidebar_title.gif) no-repeat;*/
}

.manufacturer-navigation .listbox
{
	font-size: 11px;
	padding: 5px 10px 10px;
	line-height: 18px;
	/*background: #404040 url(images/bg_sidebar_block.gif) no-repeat left bottom;*/
	margin: 0px;
}

.manufacturer-navigation .listbox ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	color: #3664A5;
	color: #3E4D8C;
	background-color: inherit;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	RECENTLY VIEWED PRODUCTS BOX

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.RecentlyViewedProductsBox
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
	background:#F0EFF8;
	font-size:0.9em;
	line-height:1.2;
	padding:3px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	height:78px;
}

.RecentlyViewedProductsBox li
{
	list-style: none;
}

.RecentlyViewedProductsBox a
{
	color: #3E4D8C;
	font-weight: normal;
	text-decoration: none;
	display:block;
	
}

.RecentlyViewedProductsBox a:hover
{
	text-decoration: underline;
	color: #3B54A4;
	color: #3E4D8C;
}

.RecentlyViewedProductsBox .title
{
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px 10px;
	background:#3B54A4;
	color: #fff;
	margin:-2px -2px 2px -2px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	border-radius:5px;
	/*background: #333 url(images/bg_sidebar_title.gif) no-repeat;*/
}

.RecentlyViewedProductsBox .listbox
{
	font-size: 11px;
	padding: 5px 10px 10px;
	line-height: 18px;
/*	background: #404040 url(images/bg_sidebar_block.gif) no-repeat left bottom;*/
	margin: 0px;
}

.RecentlyViewedProductsBox .listbox ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	color: #3664A5;
	color: #3E4D8C;
	background-color: inherit;
}

.RecentlyViewedProductsBox .separator
{
	height: 1px;
	line-height: 1px;
	background: #3B54A4;
	width: 140px;
	font-size: 1px;
	margin: 5px 0 5px 0;
}

.productspanel .title
{
	font-size: 0.95em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px 10px;
	background:#3B54A4;
	color: #fff;
	margin:-2px -2px 2px -2px;
	padding:6px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	
	/*background: #333 url(images/bg_sidebar_title.gif) no-repeat;*/
}
.productspanel
{
	font-size: 0.85em;
	line-height:1.4;
	font-weight:bold;
	
}
.productspanel img{
padding:0;
margin:0;
}

table{
width:100%;

}

.productspanel a{
cursor:pointer;
}

.productspanel a:hover{
text-decoration: underline !important;
}
.productspanel a:visited
{
font-weight:bold;
}

table tr{
border: 2px solid #fff;
background:#F7F8F8;
height: 37px;
}
table td{
border: 2px solid #fff;
padding:2px;
.padding:0px;
}

/*.productspanel tr:hover { 
background:#3B54A4; 
color:#fff;
cursor:pointer;
}*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	INFO BLOCK NAVIGATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.infoblock-navigation
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.infoblock-navigation li
{
	list-style: none;
}

.infoblock-navigation a
{
	color: #FFF;
	color: #3E4D8C;
	font-weight: bold;
	text-decoration: none;
}

.infoblock-navigation .title
{
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 7px 10px;
	color: #3B54A4;
	color: #3E4D8C;
	/*background: #333 url(images/bg_sidebar_title.gif) no-repeat;*/
}

.infoblock-navigation .listbox
{
	font-size: 11px;
	padding: 5px 10px 10px;
	line-height: 18px;
	/*background: #404040 url(images/bg_sidebar_block.gif) no-repeat left bottom;*/
	margin: 0px;
}

.infoblock-navigation .listbox ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	color: #3664A5;
	background-color: inherit;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.footer
{
	clear: both;
	/*height: 30px;
	padding: 5px 3px 5px 3px;
	*/
	height:87px;
background:url('images/bgbottom.png') no-repeat;
margin-left:-19px;
float:left;
padding-left:19px;
padding-top:25px;
width:991px;
font-size:0.7em;
line-height:1.5em;
letter-spacing:normal;
}

.footer a:link, .footer a:visited{color:#3B52A4; text-decoration:underline;}



.footer-disclaimer
{
	float: left;
	font-size: 11px;
	padding-left:0px;
	width:300px;
}
.footer-contact
{
	float: right;
	font-size: 11px;
	padding-right:20px;
	text-align:left;
	width:580px;
	margin-right:20px;
}

.footer-poweredby
{
	float: left;
	font-size: 11px;
	display:none;
}

.grid_4 p{
	margin: 0 0 18px 0;
	}
	
.grid_5-5 img{
	margin: 0 0 10px 0;
	}

.worldpaycards table td
{
	text-align:center;
}

.worldpaycards
{
	padding-top: 25px;
}
