@charset "utf-8";
* {
  	margin: 0;
  	padding: 0;
}

body {
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 100%;
}
p {
	font-size: 76%;
	color: #666666;
	line-height: 130%;
}

h1 {
	font-size: 110%;
	color: #666666;
	margin-bottom: 15px;
}
h4 {
	font-size: 130%;
	font-weight: bold;
	color: #E26A13;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
}
h5 {
	font-size: 115%;
	color: #666666;
	margin-top: 15px;
	margin-bottom: 5px;
}
a {
	color: #666666;
	text-decoration: underline;
}




#container {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
.float_right {
	float: right;
	margin-left: 12px;
}
.float_left {
	float: left;
	margin-right: 12px;
}


/* ORIGINAL HEADER. Changed from background image to putting image in as slow loading
#header {
	background-image: url(images/template/top_bar_top_TEMP_900.jpg);
	float: left;
	height: 105px;
	width: 100%;
	background-repeat: no-repeat;
}
*/
#header {
	float: left;
	height: 105px;
	width: 900px;
	background-repeat: no-repeat;
}
#header_new {
	background-image: url(images/aheader.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 138px;
	width: 900px;
}
/* ORIGINAL 
.charity_donation {
	font-size: 76%;
	font-weight: bold;
	color: #666666;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 75px;
}
*/
#top_nav_new {
	float: left;
	width: 900px;
	height: 27px;
	text-align: center;
	padding-top: 6px;
	margin-top: 104px;
}
#top_nav_new a {
	font-size: 76%;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 7px;
	margin-right: 9px;
	margin-left: 6px;
	text-decoration: none;
}




#top_nav {
	/* ORIGINAL before new blue 	background-image: url(images/template/nav_background_TEMP_900.jpg);  */
	background-image: url(images/template/nav_background_new_blue.jpg);
	float: left;
	width: 900px;
	height: 27px;
	text-align: center;
	padding-top: 6px;
	background-repeat: no-repeat;
}
#top_nav a {
	font-size: 76%;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 7px;
	margin-right: 11px;
	margin-left: 6px;
	text-decoration: none;
}
#top_section_surround {
	float: left;
	width: 900px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#search {
	float: right;
	height: 80px;
	width: 170px;
	border: 1px solid #EFC58F;
	margin-left: 5px;
	text-align: center;
}
#search h1 {
	font-size: 76%;
	font-weight: bold;
	background-color: #F7E2C7;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #666666;
	margin-bottom: 3px;
}
#search p {
	font-size: 70%;
	margin-top: 0px;
	margin-right: 3px;
	margin-left: 3px;
	text-align: left;
}




#section_gorilla_image {
	text-align: center;
	background-repeat: no-repeat;
	width: 160px;
	float: left;
	height: 205px;
	margin-top: 23px;
}
.section_gorilla {
	background-image: url(images/template/gorilla_default_160.jpg);
	background-repeat: no-repeat;
	height: 205px;
}


#section_line {
	width: 725px;
}


.section_line {
	float: left;
	width: 100%;
	background-color: #B3D3F4;
	float: left;
	height: 19px;
}
.section_line a {
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 10px;
	text-decoration: none;
}
/* for related products section */
.related_product_line {
	float: left;
	width: 100%;
	background-color: #92C0EF;
	float: left;
	height: 19px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.related_product_link{
	font-size: 70%;
	color: #4092E3;
	text-decoration: none;
}
.related_product_link a{
	font-size: 76%;
	color: #666666;
	text-decoration: none;
}
.related_product_link a:hover{
	text-decoration: underline;
}

/* default for left menu, overwitten by individual stylesheets. */

/* NOTE made everything white, even though links are not there just to see if it looks better */
#menu {
	width: 160px; /* set width of menu */
	background: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 15px;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}
#menu   /* style, color and size links and headings to suit */
a {
	font: normal 80%/100% arial, helvetica, sans-serif;
	display: block;
	border-width: 1px;
	border-color: #FFFFFF;
	margin: 0;
	padding: 4px 2px 5px 10px;
	text-decoration: none;
/* ORIGINAL  	color: #666666; */
	color: #FFFFFF;
	border-top-style: solid;
	background-color: #FFFFFF;
}

#menu a:hover {
/* ORIGINAL 	color: #999999; */
	color: #FFFFFF;
}



#menu h2 {
	color: #FBFBFB;
/* ORIGINAL 	background-color: #B3D3F4;  */
	background-color: #FFFFFF;
	height: 17px;
	width: 150px;
	font-size: 76%;
	font-weight: bold;
	line-height: 110%;
	padding-left: 10px;
	padding-top: 3px;
	margin-top: 0px;
	margin-bottom: -1px;
}
#menu h3 {
	padding-left: 10px;
	text-indent: -10px;
	font-weight: normal;
	font-size: 90%;
	margin-bottom: 5px;
	margin-top: -3px;
}

/* to get rid of double line spacing in articles - Fera of mice solution */
#menu ul li, #menu ul li a{line-height:80%;margin:0;padding: 3px;}

#home_search {
	float: right;
	height: 80px;
	width: 170px;
	border: 1px solid #EFC58F;
	margin-left: 0px;
	text-align: center;
	margin-top: 10px;
}
#home_search h1 {
	font-size: 76%;
	font-weight: bold;
	background-color: #F7E2C7;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #666666;
	margin-bottom: 3px;
}
#home_search p {
	font-size: 70%;
	margin-top: 0px;
	margin-right: 3px;
	margin-left: 3px;
	text-align: left;
}





#nav_gorilla {
	text-align: right;
	margin-top: 0px;
	margin-bottom: 7px;
	float: right;
	width: 740px;
}
#navigation_gorillas {
	float: left;
	width: 725px;
	margin-left: 10px;
	background-image: url(images/template/navigation_gorillas_background.gif);
	height: 138px;
	background-repeat: no-repeat;
	padding-right: 2px;
	padding-left: 2px;
	margin-bottom: 5px;
}
#navigation_gorillas_homepage {
	float: left;
	width: 900px;
	margin-left: 0px;
	background-image: url(images/template/navigation_gorillas_background_homepage.gif);
	height: 138px;
	background-repeat: no-repeat;
	padding-right: 2px;
	padding-left: 2px;
	margin-bottom: 5px;
}


#left_column {
	float: left;
	width: 160px;
}
#section_navigation {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 100%;
}


#content_surround {
	float: right;
	width: 725px;
}


#inner_pages_content_outer {
	float: left;
	margin-left: 0px;
	width: 725px;
	margin-top: 20px;
}


#home_intro {
	float: left;
	width: 525px;
	margin-top: 10px;
	margin-left: 0px;
}

#home_intro h1 {
	color: #FFFFFF;
	background-color: #FF6600;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 10px;
	margin-bottom: 5px;
	font-size: 90%;
}
#home_intro p {
	margin-bottom: 12px;
	margin-left: 10px;
}






#offers_boxes_top {
	float: right;
	width: 725px;
	margin-bottom: 0px;
	margin-top: 0px;
}
.offer_box_1 {
	float: left;
	width: 540px;
	border: 1px solid #B3D3F4;
	background-color: #E6F0FB;
	margin-left: 0px;
	text-decoration: none;
}
.offer_box_1 h1 {
	font-weight: bold;
	color: #666666;
	background-color: #B3D3F4;
	font-size: 100%;
	line-height: 150%;
	text-align: left;
	padding-left: 7px;
	margin-bottom: 6px;
}
.offer_box_1 p {
	margin-right: 7px;
	margin-left: 7px;
	margin-top: 3px;
	font-size: 70%;
	line-height: 130%;
}

.offer_box_3 {
	float: left;
	height: 80px;
	width: 289px;
	border: 1px solid #B3D3F4;
	background-color: #E6F0FB;
	margin-left: 10px;
}
.offer_box_3 h1 {
	font-weight: bold;
	color: #666666;
	background-color: #B3D3F4;
	font-size: 100%;
	line-height: 150%;
	text-align: left;
	padding-left: 7px;
	margin-bottom: 8px;
	text-decoration: none;
}
.offer_box_3 p {
	margin-right: 7px;
	margin-left: 7px;
	margin-top: 5px;
	font-size: 70%;
	line-height: 100%;
}



#menu_articles {
	width: 160px; /* set width of menu */
	background: #B5B5B5;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 7px;
	float: right;
} 

#menu_articles ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}
#menu_articles  /* style, color and size links and headings to suit */
a {
	font: normal 80%/130% arial, helvetica, sans-serif;
	display: block;
	border-width: 0px;
	border-color: #FFFFFF;
	margin: 0;
	padding: 4px 2px 5px 10px;
	text-decoration: none;
	color: #FFFFFF;
	border-top-style: solid;
}

#menu_articles a:hover {
	color: #FFFFFF;
	background-color: #999999;
}



#menu_articles h2 {
	color: #FBFBFB;
	width: 150px;
	font-size: 76%;
	font-weight: bold;
	line-height: 110%;
	padding-left: 10px;
	padding-top: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #CCCCCC;
	border-left-color: #FFFFFF;
	padding-bottom: 8px;
	background-color: #999999;
}
#menu_articles h3 {
	padding-left: 10px;
	text-indent: -10px;
	font-weight: normal;
	font-size: 90%;
	margin-bottom: 5px;
	margin-top: -3px;
}

/* to get rid of double line spacing in articles - Fera of mice solution */
#menu_articles ul li, #menu_articles ul li a{line-height:80%;margin:0;padding: 3px;}



/*Home page articles */
#home_menu_articles {
	width: 170px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-bottom: 7px;
	float: right;
	background-color: #B3D3F4;
} 

#home_menu_articles ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}
#home_menu_articles  /* style, color and size links and headings to suit */
a {
	font: normal 80%/130% arial, helvetica, sans-serif;
	display: block;
	border-width: 0px;
	border-color: #FFFFFF;
	margin: 0;
	padding: 4px 2px 5px 10px;
	text-decoration: none;
	color: #666666;
	border-top-style: solid;
}

#home_menu_articles a:hover {
	color: #666666;
	background-color: #C8DEF7;
}



#home_menu_articles h2 {
	color: #666666;
	width: 160px;
	font-size: 76%;
	font-weight: bold;
	line-height: 110%;
	padding-left: 10px;
	padding-top: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #8FBFEF;
	border-left-color: #FFFFFF;
	padding-bottom: 8px;
	background-color: #8FBFEF;
}
#home_menu_articles h3 {
	padding-left: 10px;
	text-indent: -10px;
	font-weight: normal;
	font-size: 90%;
	margin-bottom: 5px;
	margin-top: -3px;
}
/* to get rid of double line spacing in articles - Fera of mice solution */
#home_menu_articles ul li, #home_menu_articles ul li a{line-height:80%;margin:0;padding: 3px;}


.news {
	border: 1px solid #B3D3F4;
	margin-top: 0px;
	width: 160px;
	float: right;
	margin-bottom: 10px;
}
.news h1 {
	color: #666666;
	width: 150px;
	font-size: 76%;
	font-weight: bold;
	line-height: 110%;
	padding-left: 10px;
	padding-top: 4px;
	margin-top: 0px;
	margin-bottom: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #B3D3F4;
	border-left-color: #FFFFFF;
	padding-bottom: 4px;
	background-color: #B3D3F4;
}
.news p {
	font-size: 70%;
	margin: 3px;
	border-top: 1px solid #999999;
	border-right: #999999;
	border-bottom: #999999;
	border-left: #999999;
}

#news {
	border: 1px solid #B3D3F4;
	margin-top: 10px;
	width: 160px;
}
#news h1 {
	color: #666666;
	width: 148px;
	font-size: 76%;
	font-weight: bold;
	line-height: 110%;
	padding-left: 10px;
	padding-top: 4px;
	margin-top: 0px;
	margin-bottom: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #B3D3F4;
	border-left-color: #FFFFFF;
	padding-bottom: 4px;
	background-color: #B3D3F4;
}
#news p {
	font-size: 70%;
	margin: 3px;
	border-top: 1px solid #999999;
	border-right: #999999;
	border-bottom: #999999;
	border-left: #999999;
}


#section_main_content {
	float: left;
	width: 535px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}
#section_main_content li {
/* 	font-size: 76%;   ORIGINALLY this, but problems with formatting of article bullet points */ 
	font-size: 12px;
	color: #666666;
	line-height: 120%;
	padding-left: 0px;
	list-style-type: disc;
	margin-bottom: 10px;
	margin-top: 0px;
	width: 75%;
	list-style-position: inside;
	margin-left: 30px;
	vertical-align: top;
}
/*                      Changed 22 jan 09 
#section_main_content li {
	font-size: 76%;
	color: #666666;
	line-height: 125%;
	padding-left: 0px;
	list-style-type: disc;
	margin-bottom: 10px;
	width: 75%;
	list-style-position: inside;
	margin-left: 30px;
}
*/

#section_main_content ul {
	list-style-type: disc;
}

#section_right_column {
	float: right;
	width: 160px;
	margin-top: 0px;
}

#offers {
	background-color: #E6F0FB;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 4px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #B3D3F4;
	border-right-color: #B3D3F4;
	border-bottom-color: #B3D3F4;
	border-left-color: #B3D3F4;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	float: right;
	margin-bottom: 10px;
	width: 160px;
}
#offers  p {
	font-size: 70%;
	padding: 4px;
}
#offers  h1 {
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	color: #666666;
	background-color: #B3D3F4;
	margin: 0px;
	padding: 3px;
}
#offers a {
	text-align: right;
}


/* STYLING FOR SHOPPING */

/*
.resultsname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #333333;
	height: 50px;
}
*/

.resultsname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #333333;
	text-decoration: none;	/*height: 50px; */
}

.resultsname a {
	text-decoration: none;	/*height: 50px; */
}

.resultsname a:hover {
	text-decoration: underline;	/*height: 50px; */
}



.resultsprice {
	color: #4F7AAA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
}
/*.detailslink {
	color: #7A9CC1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}

*/
.detailslink a {
	color: #7A9CC1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-decoration: underline;
	font-weight: normal;
}
.detailslink a:hover {
	text-decoration: none;
}
.buybutton a {
	background-image: url(images/template/buy.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 50px;
}
.shortdesc {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 76%;
}

.shortdesc p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #666666;
}

.product_option {
	/* font-size: 75%; */
	font-size: 80%;
	color: #666666;
	line-height: 115%;
}
.product_option_box {
	font-size: 75%;
	color: #666666;
}
.resultsdetailname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #666666;	/*height: 60px; */
	line-height: 150%;	
}

.longdesc {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	width: 80%;
	font-size: 76%;
}
.longdesc p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.red_text {
	font-weight: bold;
	color: #FF0000;
}
.blue_text {
	font-weight: normal;
	color: #4092E3;
}



/*  styling for cart etc. Main styles the following sections .... */

.main {
	color: #666666;
	line-height: 200%;
	font-size: 12px;
}
/* height of cells in smarty template files for create account, personal info etc */ 
.main td {
	height: 30px;
	font-size: 100%;
	line-height: 120%;
}
.main h1 {
	font-size: 14px;
}



/* headers on these pages */
.pageHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #666666;
	line-height: 150%;
}
/* Text below headers */
.smallText {
	color: #666666;
	font-size: 90%;
}
/* cart - Top section with products. This is for the table.productListing  */
.productListing {
	color: #666666;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-size: 100%;
}
.productListing td {
	height:30px;
}

/* Headers for cart Top section with products 
.productListing-heading {
	font-weight: normal;
	margin-bottom: 15px;
}
*/
/* Price and description in cart */ 
.productListing-data {
	color: #666666;
	font-weight: normal;
}
/* links at top of product pages Next page etc */
/* ORIGINAL 
.pagelinks {
	font-size: 90%;
	text-decoration: underline;
	color: #60A4E8;
}
*/
.pagelinks {
	text-decoration: none;
	color: #4F7AAA;
	font-size: 80%;
}
.pagelinks a:visited {
	text-decoration: none;
	color: #4F7AAA;
}

/*
.pageResults a {
	text-decoration: none;
	color: #999900;
}

.pageResults a:visited {
	text-decoration: none;
	color: #33FF00;
}
*/
.text_align_right {
	text-align: right;
}

/* shipping box in cart */
.infoBoxContents {
	background-color: #FFFFFF;
}

/*customer login boxes */
.templateinfoBox {
	background-color: #00FF00;
}

/* needed to size text in create a account section */
.main_table_heading_inner {
	font-size: 80%;
}
#contact_form {
	background-color: #EBEBEB;
	padding: 7px;
	width: 80%;
	border: 1px solid #C1C1C1;
}
#footer {
	float: left;
	width: 100%;
}

/*Home Page Styling */

#menu_brands {
	width: 160px; /* set width of menu */
	background: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 15px;
} 

#menu_brands ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}
#menu_brands   /* style, color and size links and headings to suit */
a {
	font: bold 80%/100% arial, helvetica, sans-serif;
	display: block;
	border-width: 1px;
	border-color: #FFFFFF;
	margin: 0;
	padding: 4px 2px 5px 10px;
	text-decoration: none;
	color: #9DB1D0;
	border-top-style: solid;
	background-color: #FFFFFF;
}

#menu_brands a:hover {
	background: #E6F0FB;
}



#menu_brands h2 {
	color: #FBFBFB;
	background-color: #A4CBF2;
	height: 19px;
	width: 150px;
	font-size: 76%;
	font-weight: bold;
	line-height: 110%;
	padding-left: 10px;
	padding-top: 3px;
	margin-top: 0px;
	margin-bottom: -1px;
}
#menu_brands h3 {
	padding-left: 10px;
	text-indent: -10px;
	font-weight: normal;
	font-size: 90%;
	margin-bottom: 5px;
	margin-top: -3px;
}
#home_about_us {
	color: #666666;
	width: 160px;
	float: left;
	margin-bottom: 10px;
	border: 1px solid #3DC210;
	padding-bottom: 5px;
}
#home_about_us p {
	margin-left: 4px;
	margin-right: 3px;
	font-size: 70%;
	margin-bottom: 4px;
	line-height: 120%;
}
#home_about_us h1 {
	font-size: 76%;
	color: #FFFF00;
	background-color: #3DC210;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 4px;
	margin-bottom: 4px;
	margin-top: 0px;
	text-align: center;
}
#home_about_us a {

}
#home_offer_241 {
	float: left;
	width: 735px;
}
#home_offer_241 img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#home_offers_1 {
	background-color: #E6F0FB;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 4px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #B3D3F4;
	border-right-color: #B3D3F4;
	border-bottom-color: #B3D3F4;
	border-left-color: #B3D3F4;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	width: 170px;
	float: right;
	margin-top: 10px;
}
#home_offers_1  p {
	font-size: 70%;
	padding: 4px;
	margin-bottom: 3px;
}
#home_offers_1  h1 {
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	color: #666666;
	background-color: #B3D3F4;
	margin: 0px;
	padding: 3px;
}
#home_offers_1 a {
	float: right;
	margin-bottom: 3px;
}


/* Errror message styling */
.messageBox { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 10px; 
}
.messageStackError, .messageStackWarning { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 10px; 
	background-color: #ffb3b5; 
}
.messageStackSuccess { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 10px; background-color: #99ff00; 
}

/* Progress bar on checkout 
checkoutBarCurrent = section that you are on
checkoutBarTo = one that you still have to fill in
*/

.checkoutBarCurrent {
	color: #33CC33;
}
.checkoutBarTo {
}

/* Print order */

.dataTableHeadingRow {
	background-color: #ffffff; 
}
.dataTableHeadingContent {
	background-color: #ffffff; 
}


/* to try and get text size consisten in smarty templates */
.smarty_surround {
	font-size: 100%;
} 
.smarty_surround p {
	font-size: 100%;
} 

/* Styling for prev/next at top of shopping pages */

/*
.pagelinks a:link {
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
	font-size: 80%;
}

.pagelinks a:visited {
	color: #FFFF00;
	text-decoration: none;
}
*/
/* .pagelinks sets the overall font size */
.pagelinks {
	font-size:70%;
}

.pagelinks a:link {
	color: #7A9CC1;
	font-size: 100%;
	text-decoration: none;
}

.pagelinks a:visited {
	color: #7A9CC1;
	font-size: 100%;
	text-decoration: none;
}

.pagelinks a:active {
	color: #CC33FF;
	font-size: 100%;
	text-decoration: none;
}
.pagelinks a:hover {
	color: #006633;
	font-size: 100%;
	text-decoration: underline;
}

/* need to use this styling where the class is within the tag e.g. the class is within the a tag */

a.pageResults:hover {
	color:#35A400;
	}
pageResults {
	color: #FF0000;
}

/*Drop down navigation */
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	/*width: 5em;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 0px;
	text-align: left;/*	background-color:blue; /*  enable color if you wish to 'see' how the blocks look/behave */
}
#nav a:hover {
	display: block;
	/*width: 5em;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #999999;
	text-decoration: none;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 0px;
	text-align: left;/* 	background-color:red; /*  enable color if you wish to 'see' how the blocks look/behave */
}

#nav li { /* all main list items */
	float: left;
	margin-right: 6px;	/*width: 6em; /* 10em width needed or else Opera goes nuts. I decided to ignore this and remove with to get even spacing */
	margin-left: 6px;
}
#nav li ul a {
	width:5em;  /* this defines the width of the link - adjust this wide enough to prevent test wrapping */
}
#nav li li { /* all sub list items */
	margin-left: 0px; /* these margins define the block placement of sub menu relative to parent menu */
	margin-right:0px;
	width:5em;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 6em; /* this defines the width of drop down blocks sub menu */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index:99;
	background-color: #B3D3F4;
}

#nav li:hover, #nav li.sfhover {
	background:#B3D3F4; 
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
/*	left: auto; */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */

	left: auto;
	display: block;
}


#nav li.center-spacer { height:1px; margin-top:16px;}  /*center-spacer for image that stretches when login/logout appears in top nav. Sits just below nav div. To see it, add border to image in template. It's in li element after terms */

/* Fix from martin to align drop down*/
.navtable { margin-left:-80px;}





.breadcrumb {
	font-size: 70%;
	color: #666666;
	width: 535px;
}


#quick_shop {
	width: 160px;
	margin-bottom: 10px;
	/*	padding-bottom: 7px;
	float: left; 	*/
	text-align: left;
	padding-bottom: 5px;
	padding-left: 0px;
	background-color: #FFD1B3;
} 
#quick_shop h2 {
	font-size: 76%;
	color: #FFFFFF;
	background-color: #FF6600;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 4px;
	margin-bottom: 4px;
}
.quick_shop_drop_down {
	width: 150px;
	color: #666666;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
#quick_shop_2 {
	width: 160px; /* set width of menu */
	background: #B5B5B5;
	margin-bottom: 10px;
	/*	padding-bottom: 7px;
	float: left; 	*/
	text-align: left;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-left: 0px;
} 
#quick_shop_2 h2 {
	font-size: 76%;
	color: #FFFFFF;
	background-color: #818181;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 4px;
	margin-bottom: 4px;
}
.quick_shop_drop_down_2 {
	width: 130px;
	color: #666666;
	margin-bottom: 5px;
	margin-left: 0px;
}

#home_news {
	border: 1px solid #B3D3F4;
	margin-top: 0px;
	width: 158px;
	float: right;
	margin-bottom: 10px;
}
#home_news h1 {
	color: #666666;
	width: 148px;
	font-size: 76%;
	font-weight: bold;
	line-height: 110%;
	padding-left: 10px;
	padding-top: 4px;
	margin-top: 0px;
	margin-bottom: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #B3D3F4;
	border-left-color: #FFFFFF;
	padding-bottom: 4px;
	background-color: #B3D3F4;
}
#home_news p {
	font-size: 70%;
	margin: 3px;
	border-top: 1px solid #999999;
	border-right: #999999;
	border-bottom: #999999;
	border-left: #999999;
}
.quick_shop_drop_down select {
	width: 150px;
	color: #666666;
	margin-bottom: 5px;
	margin-left: 0px;
}
.quick_shop_drop_down_2 select {
	width: 150px;
	color: #666666;
	margin-bottom: 5px;
	margin-left: 5px;
}
.sub_cat {
	margin-bottom: 15px;
}

/*#sub_cat  a {
	background-image: url(images/template/sub_cat_background.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	width: 170px;
	height: 70px;
	margin-bottom: 10px;
	padding-top: 18px;
	padding-left: 10px;
	padding-right: 10px;
}


.sub_cat {
	background-image: url(images/template/sub_cat_background.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	width: 170px;
	height: 70px;
	margin-right: 10px;
}
.sub_cat a {
	background-image: url(images/template/sub_cat_background.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	width: 170px;
	height: 70px;
	margin-right: 10px;
	color: #FF0000;/*	background-image: url(images/template/sub_cat_background.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	width: 170px;
	height: 70px;
	margin-bottom: 10px;
	padding-top: 18px;
	padding-left: 10px;
	padding-right: 10px;

}
*/
.sub_cat  a  {
	color: #666666;
	background-image: url(images/template/sub_cat_background.gif);
	width: 170px;
	height: 70px;
	padding-top: 23px;
	text-decoration: none;
	background-repeat: no-repeat;
	float: left;
}
.sub_cat  a:visited {
	color: #666666;
}
.sub_cat a:hover {
	text-decoration: underline;
}


/* Put in to articles around article bullet points to get sizing right. But changed #section_main_content li to 12 px to resolve
  .article_text {
	font-size: 76%;
}
*/
.qslevel_0 {
	font-weight: bold;
}
/* Article surround */

#section_main_content h2 {
	color: #FF0000;
	line-height: 120%;
}

#footer {
	float: left;
	background-color: #B3D3F4;
	height: 15px;
	margin-top: 10px;
}
.email_friend a {
	color: #2E78C2;
	font-size: 80%;
}
.breadcrumb {
	font-size: 76%;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 10px;
}
.breadcrumb a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	margin-right: 15px;
}
.breadcrumb a:hover {
	text-decoration: underline;
}

/* to get rid of double line spacing in articles - Fera of mice solution 
#menu ul li, #menu ul li a, #home_menu_articles ul li, #home_menu_articles ul li a, #menu_articles ul li, #menu_articles ul li a{line-height:80%;margin:0;padding: 3px;}
*/
.featured_products_header {
	float: left;
	width: 100%;
	background-color: #999999;
	float: left;
	height: 17px;
	color: #FFFFFF;
	font-size: 80%;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-left: 10px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}.featured_products_line {
	color: #6C6D72;
	height: 1px;
}
.featured_products_line_2 {
	color: #999999;
	height: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}
.packing_slip_text {
	font-size: 12px;
	color: #333333;
}
.packing_slip_address {
	height: 500px;
}


.outofstock_message {
	color:red;
}
.stockWarning {
	color: #CC0000;
}
/* Styles the 2.5% goes to charity on product detail page */
.charity_donation {
	font-size: 76%;
	font-weight: bold;
	color: #006600;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 75px;
	background-color: #FFFFCC;
	padding-top: 3px;
	padding-right: 75px;
	padding-bottom: 3px;
}

#trustico-logo {
	float: left;
	width: 160px;
	margin-top: 10px;
	text-align: center;
}