/*
Theme Name: Gate of Praise
Description: OSCommerce theme for Gate of Praise
Vesion: 1
Author: Craig Cartwright 2008
Auth URI: http://www.craigcartwright.co.uk
*/

/********************************************

	Body & Divs for Layout

*********************************************/

body 	{background-color: #E9EADC; font-family:"Trebuchet MS"; font-size: 100%; margin: 0px; padding: 0px; text-align:center; }

#wrapper 		{background:url(../temp/background.gif) center repeat-y; margin: 0px auto; }
#container 		{width: 930px; margin: 0px auto; text-align:left; }
#top 			{background: url(../temp/topbg.gif) no-repeat; width: 930px; height: 32px; clear: left; }
#header 		{background:url(../temp/bg.gif) no-repeat; height: 153px; width: 930px; clear: left; }
#left_header 	{height: 152px; width: 180px; float: left; margin-top: -1px; }
#right_header 	{height: 122px; width: 730px; float: right; padding-right: 10px; }

/* CSS for header section - Craig */
#header_top 	{height: 99px; width: 730px; float: right; }
#top_banner 	{height: 99px; width: 490px; float: left; padding-top: 20px; text-align:center;}
#header_cart 	{height: 99px; width: 235px; float: right; font-size: 75%; color: #504D38; text-align: center; }
#top_cart 		{height: 60px; width: 200px; clear: both; margin: 10px auto 0px auto; background:url(../temp/shopping_basket.gif) no-repeat; }
#cart_content 	{height: 20px; width: 180px; float: right; margin: 35px 0px 0px 20px; color:#FFFFFF; font-size: 120%; font-weight: bold; }

/* CSS for top menu & search box - Craig */
#header_menu 	{height: 23px; width: 730px; float: right; }
#top_menu 		{height: 23px; width: 470px; float: left; }
#search_box 	{height: 23px; width: 260px; float: right; background:url(../temp/search_box.gif) no-repeat; }

#search_box form {margin: 0px 0px 0px 65px; padding: 0px; }
input.search-box { font-size: 75%; font-family:"Trebuchet MS"; height: 20px; width: 150px; }
input.search-btn { vertical-align: bottom; outline: none; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
input.search-btn:hover {opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); }
#right_header a, #right_header a:visited {color: #504D38; text-decoration: none; }

/* CSS for Breadcrumb section - Craig */
#breadcrumb 	{border-bottom: 1px solid #CCCCCC; font-size: 75%; color: #666666; height: 26px; clear: left; overflow:hidden; }
#breadcrumbleft { padding: 5px 0px 10px 20px; width: 650px; float:left;}
#breadcrumbright{ width: 200px; float:right; padding: 2px 0px 15px 0px; !padding: 0px 0px 15px 0px; text-align:right;}
#breadcrumb a, #breadcrumb a:visited { color: #666666;  text-decoration: none; }
#breadcrumb a:hover, #sociable a:hover, #right_header a:hover { color: #59268C; text-decoration: underline; }

/* CSS for main content section - Craig */
#main 		{width: 930px; float:left; margin: 10px 0px 0px 0px; }
#left_col	{width: 160px; float:left;}
#content	{width: 581px; float:left; margin: 0px 0px 0px 14px; min-height: 1000px; height:expression(this.scrollHeight < 1000? "1000px" : "auto" ); }

/* #content	{border: 1px red solid; } */

#right_col	{width: 160px; float:right;}

/* CSS for footer section - Craig */
#bottmenu   				 {width:930px; height: 23px; float: left; margin-top: 20px; padding: 0px; font-size: 75%; color: #18435C; }
#bottmenu ul 				 {height: 23px; width:870px; margin:0px 0px 0px 30px; padding: 0px; list-style-type: none; }
#bottmenu ul li 			 {float: left; }
#bottmenu ul li a			 {height: 23px; width: 124px; float: left; margin: 0px; padding-top: 4px; text-align:center; text-decoration: none; color: #18435C; 
					 		  background: url(../temp/footmenu/footbg.gif) no-repeat top left; }
#bottmenu ul li a:hover 	 {background: url(../temp/footmenu/footbg_roll.gif) no-repeat top left; }
#footernote					 {background: url(../temp/footbg.gif) no-repeat; width: 930px; height: 29px; clear: both; }
#copyright, #detail, #author {font-size: 60%; color: #FFFFFF; padding-top: 8px; }
#author a, #author a:visited { text-decoration:none; color:#FFFFFF; }
#copyright 					 {float: left; width: 150px; height: 21px; margin-left: 10px; }
#detail 					 {float: left; padding-top: 0px; width: 400px;  height: 21px; margin-left: 100px; }
#detail p 					 {padding: 0px; margin: 0px; text-align:center; }
#author 					 {float: right; width: 100px; height: 21px;  margin-right: 2px; }
#author a:hover 			 {text-decoration:underline; color:#FFFFFF }

/********************************************

	Login Box

*********************************************/
#logout				{width: 500px; height: 25px; float:right; text-align:right; margin-top: 5px; !margin-top: 7px; margin-right: 20px;  font-size: 75%; color:#FFFFFF;}
#login	 			{width: 420px; height: 25px; float:right; text-align:right; margin-top: 5px; !margin-top: 3px; margin-right: 20px;  font-size: 75%; color:#FFFFFF;}
#login a, #login a:visited, #login a:active, #logout a, #logout a:visited, #logout a:active {color: #FFFFFF; text-decoration:none; }
#login a:hover, #logout a:hover {text-decoration:underline; color:#FFFFFF }

/********************************************

	Welcome Box

*********************************************/
#welcome {width: 561px; !width: 581px; height: 110px; margin: 0px 0px 10px 0px; background:url(../temp/welcome_back.gif) no-repeat; padding: 10px; font-size: 100%;  color:#FFFFFF; }

/********************************************

	Social Bookmarks

*********************************************/
#sociable 					{width: 280px; height: 25px; float:left; padding-left: 22px; padding-top: 5px; font-size: 75%; color:#000000; }
#sociable ul 				{display: inline; margin: 0; padding: 0; }
#sociable li 				{background: none; display: inline; list-style-type: none; margin: 0; padding: 1px; }
#sociable ul li:before 		{content: ""; }
#sociable img 				{float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0; vertical-align:middle; }
.sociable-hovers 			{opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40); }
.sociable-hovers:hover 		{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
span.sociable_tagline 		{position: relative; }
span.sociable_tagline span 	{display: none; width: 14em; }
span.sociable_tagline:hover span {position: absolute; display: block; top: -5em; background: #ffe; border: 1px solid #ccc; color: #000000; line-height: 1.25em;}
#sociable a, #sociable a:visited, #sociable a:active {color: #000000; text-decoration:none; }
#sociable p { margin-top: -16px; padding-left: 155px; }

/********************************************

	Misc OSCommerce Styles

*********************************************/

img 		{border: 0px; }
.banner 	{margin-bottom: 5px;}

TD.main {font-family:"Trebuchet MS"; font-size: 75%; line-height: 150%; }

TD.main ul {margin-left: -20px; list-style:circle;}


TD.pageHeading, DIV.pageHeading { font-family:"Trebuchet MS"; font-size: 150%; font-weight: bold; color: #59268C; }
TD.cat_description { font-family:"Trebuchet MS"; font-size: 100%; }

Table.Sitemap  														{ border:#59268C 1px solid; font-size: 80%; color:#59268C; }
Table.Sitemap a, Table.Sitemap a:active, Table.Sitemap a:visited  	{ color:#59268C; text-decoration: none; }
Table.Sitemap a:hover  												{ color:#59268C; text-decoration: underline; }

/* Greeting Message */
TD.greeting, P.greeting 									{font-family:"Trebuchet MS"; font-size: 80%; text-align: center; color: #000000; }
TD.greeting a, TD.greeting a:visited, TD.greeting a:active 	{color: #000000; }
TD.greeting a:hover 										{color: #2E7CAB; }
SPAN.greetUser 												{font-family:"Trebuchet MS"; font-size: 120%; text-align: center; color: #BFA62A; font-weight: bold; }

/* Pricing Styles */
SPAN.productPricebox {font-family:"Trebuchet MS"; color: #FFFFFF; font-size: 125%; font-weight:bold; text-decoration:line-through; }
SPAN.productSpecialPricebox {font-family:"Trebuchet MS"; color: #ff0000; font-size: 125%; font-weight:bold; }

SPAN.productPrice {font-family:"Trebuchet MS"; color: #FFFFFF; font-size: 125%; font-weight:bold; }
SPAN.productSpecialPrice {font-family:"Trebuchet MS"; color: #ff0000; font-size: 125%; font-weight:bold; }
SPAN.productSpecialPrice2 {font-family:"Trebuchet MS"; color: #ff0000; font-size: 100%; font-weight:bold; }

/* New Products Scroller */
#pscroller_np {height: 150px; border: 0px; padding: 5px; }
.pscroller_c_np { font-family: sans-serif;  font-size: 11px;  line-height: 1.5;}


TD.PLH 		{ font-family:"Trebuchet MS"; font-size: 75%; background-color: #CCCCCC; padding: 5px; border-bottom: 1px #000000 solid; }
TD.PLH a, TD.productListing-data a	{ color: #000000; text-decoration:none; }
TD.PLH a { font-weight:bold; }
TD.PLH a:hover, TD.productListing-data a:hover{ color:#59268C; text-decoration:underline; }
TD.productListing-data { font-family:"Trebuchet MS"; font-size: 75%; }