/* Styles specific to the store, not in the global.css file */

/* Tools */
.block { display: block; }
.reset { 
clear:both !important;
display:block !important;
float:none !important;	
font-size: 1px; 
height: 0px; 
line-height: 0.1;
}

/* For the sub sections in the sections page */
.sub_sections				{ padding: 0px; margin: 5px 0px 5px 0px; background-color: #ABABAB; }
.sub_sections div.title		{ color: #000000; font-size: 12px; font-weight: bold; padding: 5px; }
.sub_sections .section		{ margin: 0px; padding: 5px; color: #000000; background-color: #CCCCCC; width: 255px;}

/* For field titles and content background */
.field-title	{ padding: 3px; margin-top: 5px; background-color: #ABABAB; font-weight: bold; color: #000000; }
.field-content	{ padding: 3px; margin-bottom: 5px; color: #000000; background-color: #CCCCCC; }

/* For the listing of products in the sections page */
.product_listing						{ padding: 5px; border-bottom: 1px solid #CCCCCC; }
.product_listing div.product_thumbnail	{ float: left; margin-right: 5px; }
.product_listing div.product_details	{ }
.product_listing div.product_title		{ padding-bottom: 3px; color: #000000; }

/* The pagination class (Previous / Next links and number in between) */
div.pagination		{ text-align: center; padding: 10px 5px 0px 5px; }


/* Products Page Classes */
div.product				{ padding: 5px; }
div.product div.image	{ float: left; padding-right: 5px; width: 140px; clear: right; }
div.product div.content	{ margin-left: 175px; }
div.product div.text	{ position: relative; padding-top: 5px; }
div.product .price		{ padding-bottom: 5px; margin: 0px; font-size: 14px; }

ul.news					{ padding-left: 0; list-style: none; }
ul.news	h3				{ padding-left: 0; }
ul.news p				{ margin-top: 5px; }
.sections, .sections li { margin-left: 0 !important; }
.new, .old 	{ clear: both; width: 440px; margin-bottom: 10px; padding: 20px 30px 10px 30px; background: #eef3f6 url(/store/skin/frontend/default/default/images/new.png) no-repeat; }
.sections, .old 		{ background-image: none; }
.sections 				{clear: both; width: 440px; margin:0 0 10px 0; padding: 20px 30px 0px 30px; background: #eef3f6 url(/store/skin/frontend/default/default/images/new.png) no-repeat;}
.sections li			{float:left; clear:none; display:inline; margin:0; padding:7px 24px;}
.sections li a 			{color:#333; font-size:1.0em !important; text-transform:uppercase; padding:0; font-weight:bold;}
.new .newLabel 			{ position: absolute; }
/* Shopping Cart Buttons */
.textbox 			{ font-size: 12px; }
.add_to_cart		{ font-size: 12px; padding: 2px; }
.add_to_wishlist	{ font-size: 12px; padding: 2px; }

/* Extra Fields in the Product Page */
.extrafield-title	{ color: #000000; font-weight: bold; }
.extrafield-content	{ }


/* Grouped, Associated, and Recommended Products */
.grouped_products_title, .associated_products_title, .recommended_products_title, .reviews_title	{ color: #006699; font-size: 12px; font-weight: bold; }
.grouped_prodcuts_link, .associated_prodcuts_link, .recommended_products_link		{ }

/* Different font styles */
.error-text	{ font-weight:bold; font-size: 12px; color:#FF0000; text-decoration: none; }
.emphasize	{ font-weight: bold; color: #000000; }

/* Table background colours */
.table-backing-title		{ background-color: #ABABAB; }
.table-backing-content		{ background-color: #CCCCCC; }
.field-backing-title		{ background-color: #ABABAB; }
.field-backing-content		{ background-color: #CCCCCC; }
.table-title-text			{ font-weight:bold; font-size: 12px; color:#000000; }

/* Tags specific to the FG K-12 product layout */
.fg_image		{ float: left; width: 200px; clear: right; }
.fg_content		{ padding-left: 150px; }

/* here is the H titles so */

h2  {
text-align: left;
font-size: 16px;
font-family: helvetica, arial, veranda, sans-serif;
background-color: transparent;
margin-top: 0px;
margin-bottom: 5px;
}

h3  {
text-align: left;
color: #333333;
font-size: 14px;
font-family: helvetica, arial, veranda, sans-serif;
background-color: transparent;
margin-top: 0px;
margin-bottom: 0px;
}

h4  {
color: #000000;
font-size: 11px;
font-family: helvetica, arial, veranda, sans-serif;
background-color: transparent;
}

#product-shop h5 a {
text-decoration:none;
border-bottom:0;
}

/* Nav here */


a.nav {
color: #999;
text-decoration: none;
}

.nav a {font-size:1.0em;}
#leftnav a:active, a:active.nav {
color: #999;

background-color: transparent;
text-decoration: none;
}

#leftnav a:hover, a:hover.nav {
color: #006699;

background-color: transparent;
text-decoration: none;
}

a:visited.nav {
color: #999999;

background-color: transparent;
text-decoration: none;
}

/* Sub Nav In Here*/

a.subnav {color:#006699; text-decoration:none;}

#leftnav a:active, a:active.subnav {color:#006699; text-decoration:none;}
#leftnav a:hover, a:hover.subnav {color:#666666; text-decoration:none;}

a:visited.subnav {color:#006699; background-color:transparent; text-decoration:none;}

/* Normal Links Here */

a, a:active, a:visited {text-decoration:none; outline:none;}
a:hover {text-decoration:none;}


#flags {width:500px; padding:0; margin:0;}
#intro-flags {width:720px; padding:0; margin:0;}

#flagLeft ul {float:left; background:#eef3f6; width:225px; padding:15px 0 5px 15px; margin:0 0 10px 0; list-style:none;}
#flagLeft li {padding:8px 10px 0 45px; list-style:none; height:34px; background:url(/store/skin/frontend/default/default/images/canada.png) no-repeat;}

#flagRight ul {float:left; background:#eef3f6; width:225px; padding:15px 0 5px 15px; margin:0 0 0 20px; list-style:none;}
#flagRight li {padding:2px 0 0 45px; list-style:none; height:42px; background:url(/store/skin/frontend/default/default/images/usa.png) no-repeat;}

/* Index Page Slide Panels */
/* div slide */
#message_box {position:absolute; top:138px; margin:0 0 0 3px; padding:20px; width:682px; height:258px; background:#fff; border:1px solid #ccc;}
#message_box a.link_button {padding:5px 10px; background:#4e8701; color:#fff; border:1px solid #447601; text-transform:uppercase; font-size:0.9em; font-weight:bold; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;}
#message_box a:hover {color:#333;}

#message_flags {width:500px; padding:90px 0 0 0; margin:0 auto;}
#message_flags h3 {border-bottom:1px solid #ccc; padding-bottom:7px; margin-bottom:7px;}

#message_flagLeft ul {float:left; width:225px; padding:15px 0 5px 15px; margin:0 0 10px 0; list-style:none;}
#message_flagLeft li {padding:8px 10px 0 45px; list-style:none; height:34px; background:url(/store/skin/frontend/default/default/images/canada.png) no-repeat;}

#message_flagRight ul {float:left; width:225px; padding:15px 0 5px 15px; margin:0 0 0 20px; list-style:none;}
#message_flagRight li {padding:2px 0 0 45px; list-style:none; height:42px; background:url(/store/skin/frontend/default/default/images/usa.png) no-repeat;}