/* CSS Document 

--------------------------------------------------------------------
						Matt Clayburn, CoCreate, matt@cocreatedesign.com
						for
						Liverpool Anglican Cathedral
						12/03/2009
						
						Version 1.0
						
						**Please annotate amendments and log below**
						--------------------------------------------
						Amendments
						----------
						
						
						--------------------------------------------

## Designers Notes
------------------
Colours
-------	
dark text: #812425
link hover / orange branding: #DE693A
standard text: #88654A	
form input bg: #FFF5E4	
discount blue: #005FA4	
--------------------------------------------------------------------
*/
/* --------------------
		Globals
-----------------------*/
*{margin:0;padding:0;}
html{min-height:100%;margin:0 0 1px 0;}
img{border:none;}
/* --------------------
		Structure
-----------------------*/
#wrapper{width:1097px;margin:0 auto 0 auto;}
#header{width:1025px;height:120px;padding:0 0 0 72px;float:left;background:url(../images/bg_header.gif) no-repeat;}
#headercontent{width:950px;float:left;border-bottom:1px dotted #DE693A;padding:10px 0 15px 0; margin:0 0 1px 0; display:inline;}
#bodywrapper{width:1021px; padding:0 38px 0 38px; background:url(../images/bg_strip.gif) repeat-y; float:left; display:inline;}
#body{width:1002px; margin:23px 0 0 34px; float:left; display:inline;}
#leftcol{width:218px; float:left; display:inline;}
/* see 'MAIN CONTENT AREA' below for 'contentarea' CSS */
#footerblock{width:930px; height:49px; float:left; padding:10px; background:url(../images/bg_footer_block.gif) no-repeat; display:inline;}
#footer{width:1097px; height:77px; float:left; background:url(../images/bg_footer.gif) no-repeat;}


/* --- Top Menu --------*/
#topmenu{width:660px;height:15px;margin:64px 0 0 0;float:right; list-style:none;}
#topmenu ul{width:660px;height:15px;margin:0;float:right; list-style:none;}
#topmenu ul li{height:15px;width:90px;float:right;display:block;margin:0;padding:0 10px 0 10px;border-right:1px solid #DE693A;}
#topmenu ul li a{width:90px;}
#topmenu ul li.short, #topmenu ul li.short a{width:60px;}
#topmenu ul li.wide, #topmenu ul li.wide a{width:150px;}
#topmenu ul li.end{border:none; padding:0 0 0 10px;}
#topmenu ul li a{float:right;font-family:"Times New Roman", Times, serif; text-transform:uppercase; color:#88654A; text-decoration:none; font-size:0.8em;text-align:center;}
#topmenu ul li a:hover{color:#DE693A;}
/* --- END Top Menu ----*/

/* --------------------
		Left Column
-----------------------*/

#minisearch{width:200px; height:20px; padding:5px 0 5px 5px; background:url(../images/search_login_bg.gif) no-repeat;margin:0 0 5px 0;}
#minisearch label{width:55px;float:left;margin:2px 0 0 0; font-family:"Times New Roman", Times, serif; text-transform:uppercase; color:#FFFFFF;font-size:0.8em;}
#minisearch .input{width:105px; height:15px;float:left;}
#minisearch .image{float:right;}

#loginbtn, #viewsbasket, #viewaccount{width:200px; height:18px; padding:7px 0 5px 5px; margin:0 0 5px 0; display:block; text-decoration:none; font-family:"Times New Roman", Times, serif; text-transform:uppercase; font-size:0.8em;}
#welcome{width:198px; height:16px; padding:7px 0 5px 5px; margin:0 0 5px 0; display:block; text-decoration:none; font-family:"Times New Roman", Times, serif; text-transform:uppercase; font-size:0.8em; color:#DE693A; border:solid 1px #DE693A;}
#loginbtn, #viewaccount{background:url(../images/search_login_bg.gif) no-repeat;}
#viewsbasket{background:url(../images/btn_viewbasket.gif) no-repeat;}
#loginbtn a, #viewsbasket a, #viewaccount a{color:#FFFFFF; text-decoration:none;}
#loginbtn a:hover, #viewsbasket a:hover{text-decoration:underline;}

/* -- Main Menu -------*/
#mainmenu{font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;font-size:0.7em;margin:20px 0 0 0;width:210px;}
#mainmenu a{text-decoration:none; width:200px; height:18px;}
#mainmenu a:hover{text-decoration:underline; }
#mainmenu ul{list-style:none; margin:0 0 5px 0;}
#mainmenu ul li .menutop{width:200px; height:18px; padding:6px 0 5px 5px; margin:0 0 5px 0; background:url(../images/menu_title_bg.gif) no-repeat;color:#812425; margin:0 0 2px 0; display:block;}
#mainmenu ul li a{width:200px; height:18px; color:#812425; display:block;}
#mainmenu ul li ul li a{width:200px; height:18px; padding:0 0 0 5px; margin:0; background:url(../images/menu_link_arrow.gif) right no-repeat;color:#88654A;}
#mainmenu ul li ul li ul li a{width:190px; height:18px; padding:0 0 0 15px; margin:0; background:url(../images/menu_link_arrow.gif) right no-repeat;color:#88654A;}
/* -- END Main Menu ---*/


/* --------------------
	MAIN CONTENT AREA
-----------------------*/
#contentarea{width:719px; padding:0 0 40px 26px; float:left;}
#contentarea.home{width:745px; padding:0 0 40px 0; float:left;}

.item{float:left; margin:0 0 15px 15px;}

.sectionhome{width:230px; height:170px;}
.sectionhome .sectiontitle{width:225px; height:19px; padding:7px 0 0 5px; margin:0 0 5px 0; background:url(../images/section_home_title.gif) no-repeat;color:#FFFFFF; margin:0 0 2px 0; display:block;font-family:Arial, Helvetica, sans-serif;font-weight:normal; font-size:0.8em;text-transform:uppercase; float:left;}
.sectionhome a{padding:100px 0 0 170px; width:60px; height:40px; display:block; float:left;}


.sectiontop{width:230px; height:272px; background:url(../images/section_top_bg.gif) no-repeat; margin:0 0 15px 15px; float:left;}
.sectiontop .sectiontitle{width:225px; height:39px; padding:7px 0 0 5px; margin:0 0 5px 0; background:none;color:#FFFFFF; margin:0; display:block;font-family:Arial, Helvetica, sans-serif;font-weight:normal; font-size:0.8em;text-transform:uppercase;}
.sectiontop .holder{padding:10px 20px 5px 20px; float:left;}
.sectiontop .holder img{margin:0 0 10px 0;}
.sectiontop .button{margin:0 0 0 175px; display:block;}

.productlist{width:710px; padding:10px 0 10px 0; margin:0 0 10px 25px; overflow:hidden; border-bottom:dotted 1px #DE693A;}
.productlist img{margin:0 15px 0 0; float:left;}
.productlist .details{width:440px; float:left;}
.thumb{width:100px; height:100px; margin:0 10px 0 0; float:left; overflow:hidden;}

.copy{width:710px; padding:10px 0 10px 0; margin:0 0 10px 25px; overflow:hidden; border-bottom:dotted 1px #DE693A;}

/* -- Cart -------*/
.cart{width:710px; margin:0 0 10px 25px; color:#DE693A; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:0.9em;}
.cart td{border-bottom:dotted 1px #DE693A; padding:10px 0 10px 0;}
.cart .description{color:#DE693A; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; padding:10px 10px 0 0;}
.cart .priocecol{padding:10px 0 10px 10px;}
.cart .description a{color:#DE693A; text-decoration:underline;}
.btn-remove{width:73px; height:19px; padding:6px 20px 5px 30px; margin:0 0 10px 0; display:block; text-decoration:none; font-family:"Times New Roman", Times, serif; text-transform:uppercase; text-align:right; color:#FFFFFF; background:url(../images/btn_remove.gif) no-repeat;}
.btn-remove:hover{text-decoration:underline;}

#cartfoot{width:710px; margin:0 0 10px 25px; font-family:Arial, Helvetica, sans-serif; font-size:0.9em;}
#cartfoot.totals {color:#FFFFFF; font-weight:bold;}
#cartfoot.offers {color:#812425;}
#cartfoot .total{padding:5px 0 5px 10px; background:url(../images/total_bg.gif) repeat-x #DE693A; border-bottom:5px solid #FFFFFF;}
#cartfoot .totalprice{background:url(../images/total_bg.gif) repeat-x #DE693A; padding:5px 0 5px 0; border-bottom:5px solid #FFFFFF;}
#cartfoot .discount{padding:5px 0 5px 10px; background:url(../images/total_discount_bg.gif) repeat-x #005FA4; border-bottom:5px solid #FFFFFF;}
#cartfoot .totaldiscount{background:url(../images/total_discount_bg.gif) repeat-x #005FA4; padding:5px 0 5px 0; border-bottom:5px solid #FFFFFF;}

.cartbuttons{padding:10px 0 0 0;}
.btn-update{width:195px; height:19px; padding:6px 0 5px 10px; margin:0 0 10px 0; display:block; text-decoration:none; font-family:"Times New Roman", Times, serif; text-transform:uppercase; color:#FFFFFF; background:url(../images/btn_update.gif) no-repeat;}
.btn-continue{width:195px; height:19px; padding:6px 0 5px 10px; margin:0 0 10px 0; display:block; text-decoration:none; font-family:"Times New Roman", Times, serif; text-transform:uppercase; color:#FFFFFF; background:url(../images/btn_continue_checkout.gif) no-repeat;}
.btn-checkout{width:195px; height:19px; padding:6px 0 5px 10px; margin:0 0 10px 0; display:block; text-decoration:none; font-family:"Times New Roman", Times, serif; text-transform:uppercase; color:#FFFFFF; background:url(../images/btn_continue_checkout.gif) no-repeat;}
.btn-update:hover, .btn-continue:hover, .btn-checkout:hover{text-decoration:underline;}

#cartshipping{width:710px; margin:0 0 10px 25px; color:#DE693A; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:0.9em;}

.btn_payment, .btn_submit{padding:10px 0 10px 0; font-weight:bold; border:solid 4px #DE693A; background-color:#FFFFFF; color:#DE693A; cursor:pointer;}
.btn_payment{width:340px;}
.btn_payment:hover, .btn_submit:hover{background-color:#DE693A; color:#FFFFFF;}

/* -- login -------*/
.formcol{width:340px; margin:0 0 10px 25px;  float:left; font-family:Arial, Helvetica, sans-serif;}
.formcol form{padding:20px 0 40px 0;}
.formcol form input, .formcol form select, .formcol form textarea{margin:5px 0 20px 0;}
.formcol form .radio{margin:0;}
.formcol form .text{background-color:#FFF5E4; border:solid 1px #812425; padding:5px; width:280px;}
.offertext{background-color:#FFF5E4; border:solid 1px #812425; padding:5px; width:210px;}
.formcol form .select, #offergift .select{background-color:#FFF5E4; border:solid 1px #812425; width:280px;}
.textarea{background-color:#FFF5E4; border:solid 1px #812425; width:280px; padding:5px; font-family:Arial, Helvetica, sans-serif;}
.formbutton{width:200px; height:18px; padding:7px 0 5px 5px; margin:0 0 5px 0; display:block; text-decoration:none; font-family:"Times New Roman", Times, serif; text-transform:uppercase; font-size:0.8em; background:url(../images/search_login_bg.gif) no-repeat; color:#FFFFFF;}
.formbutton:hover{text-decoration:underline;}


/* ------------ 
Product details 
--------------*/

#product-rightcol{width:245px; margin:0 10px 0 30px; float:right;}
#product-rightcol p{width:245px; float:left;}
#product-rightcol h4{width:245px; float:left;}
.btn_back, .btn_enquiry{display:block;font-family:Arial, Helvetica, sans-serif;font-weight:normal; font-size:0.9em;text-transform:uppercase; color:#FFFFFF; width:215px; height:18px; padding:7px 20px 5px 10px; text-align:right; text-decoration:none; float:left;}
.btn_back{text-align:right; background:url(../images/btn_back.gif) no-repeat; }
.btn_enquiry{text-align:left; background:url(../images/btn_enquiry.gif) no-repeat; }
.btn_back:hover, .btn_enquiry:hover{text-decoration:underline;}
#product-leftcol{width:435px; float:right; padding:0 0 0 10px;}

#product-images{width:245px;float:right; margin:10px 0 10px 0;}
#product-images img{float:right; margin:0 0 10px 0;}
#product-images .thumb-middle{margin:0 10px 10px 10px;}
#product-images{color:#DE693A;font-family:Arial, Helvetica, sans-serif;font-size:0.8em;}
#didyouknow{width:125px; height:65px; padding:40px 110px 20px 10px; margin:20px 0 20px 0; float:right; background:url(../images/btn_didyouknow.gif) no-repeat;font-family:Arial, Helvetica, sans-serif;color:#812425;font-size:0.7em; line-height:1.6em; display:block;}

.producttitle{width:435px; float:left; padding:10px 0 10px 0; border-bottom:dotted 1px #DE693A; color:#DE693A; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:0.9em;}
.productcode{width:435px; float:left; padding:10px 0 10px 0; margin:0 0 10px 0; border-bottom:dotted 1px #DE693A; color:#DE693A; font-weight:bold; font-family:Arial, Helvetica, sans-serif;font-size:0.8em;}
#productdescription{width:435px; float:left; padding:20px 0 20px 0; color:#812425; font-family:Arial, Helvetica, sans-serif;font-size:0.8em; line-height:1.5em;}
#productprice{width:435px; float:left; padding:10px 0 10px 0; border-top:dotted 1px #DE693A; border-bottom:dotted 1px #DE693A; }
#quantity{width:100px; float:left;font-family:Arial, Helvetica, sans-serif;font-size:0.9em; color:#812425; }
#price{width:200px; float:left;font-family:Arial, Helvetica, sans-serif;font-size:0.9em;  font-weight:bold;color:#DE693A; line-height:2em; }
.was, .price{font-size:1.4em; padding:0 10px 0 10px;}
.was{text-decoration:line-through;}

#productadd{width:435px; float:left; padding:20px 0 20px 0; color:#DE693A; font-family:Arial, Helvetica, sans-serif;font-size:0.8em; line-height:1.5em;}
#productadd select{width:300px; margin:10px 0 20px 0;}
.btn-basket{ width:140px; height:20px; padding:5px 0 5px 10px; margin:0 0 10px 0; display:block; text-decoration:none; font-family:"Times New Roman", Times, serif; text-transform:uppercase; float:left; color:#FFFFFF; background:url(../images/addtobasket_plist.gif) no-repeat;}
.btn-basket:hover{text-decoration:underline;}

#productrelated{width:435px; float:left; padding:20px 0 20px 0; color:#DE693A; font-family:Arial, Helvetica, sans-serif;font-size:0.8em;}
#productrelated h4{font-family:Arial, Helvetica, sans-serif;font-weight:normal; font-size:0.9em;text-transform:uppercase; color:#FFFFFF; width:420px; height:20px; padding:6px 0 0 10px; background:url(../images/title_alsointerested.gif) no-repeat;}
#productrelated div{width:180px; padding:10px; height:150px; margin:10px 0 10px 10px; border:1px solid #812425; float:left;}
#productrelated div a{color:#DE693A; font-family:Arial, Helvetica, sans-serif;}
#productrelated div img{ margin:10px auto 0 auto;}

/* -- Ethical Product -------*/
#product-rightcol .photo{width:245px; float:left;}
#product-rightcol .photo img{margin:0;}
#product-rightcol .photo .top{width:245px; height:14px; float:left; background:url(../images/photo_bg_top.gif) no-repeat; padding:0;}
#product-rightcol .photo .mid{width:221px; float:left; background:url(../images/photo_bg_mid.gif) repeat-y; padding:0 12px 0 12px;}
#product-rightcol .photo .bot{width:245px; height:14px; float:left; background:url(../images/photo_bg_bottom.gif) no-repeat;}

#product-rightcol .photo-text{width:245px; float:left; font-family:Arial, Helvetica, sans-serif;font-size:0.8em; color:#812425;} 
#product-rightcol .photo-text img{margin:0;}
#product-rightcol .photo-text .top{width:245px; height:14px; float:left; background:url(../images/photo_bg_top.gif) no-repeat; padding:0;}
#product-rightcol .photo-text .mid{width:211px; float:left; background:url(../images/photo_bg_mid.gif) repeat-y; padding:5px 17px 5px 17px;}
#product-rightcol .photo-text .bot{width:245px; height:14px; float:left; background:url(../images/photo_bg_bottom.gif) no-repeat;}

/* -- ---------------
END Product details 
---------------------*/

#description{width:435px; float:left; padding:0 0 20px 0; color:#812425; font-family:Arial, Helvetica, sans-serif;font-size:0.8em; line-height:1.5em;}
#description .subtitle{font-family:Arial, Helvetica, sans-serif;font-size:1.1em; color:#DE693A; }

#sitemap{width:435px; float:left; padding:0 0 20px 0; color:#812425; font-family:Arial, Helvetica, sans-serif;font-size:0.8em; line-height:1.5em;}
#sitemap .subtitle{font-family:Arial, Helvetica, sans-serif;font-size:1.1em; color:#DE693A; }
#sitemap ul{padding:0 0 0 10px; list-style:none;}
#sitemap ul li{ padding:0 0 0 10px; margin:2px 0 2px 0; }
#sitemap ul li a{color:#FFFFFF; text-decoration:none;background-color:#DE693A; display:block; padding:5px;}
#sitemap ul li a:hover{text-decoration:underline;}

/* --------------------
		Forms
-----------------------*/

/* --------------------
		Typography
-----------------------*/
#pagescontainer{font-family:Arial, Helvetica, sans-serif;  font-size:10px;}
#pagescontainer a{float:left;}
.pagelink{font-family:Arial, Helvetica, sans-serif;padding:5px 10px 5px 10px; margin:5px; float:left; display:block; background-color:#DE693A; color:#FFFFFF; font-size:10px;}
.pagelink:hover{background-color:#005FA4;}
.pagecurrent{font-family:Arial, Helvetica, sans-serif;padding:5px 10px 5px 10px; margin:5px; float:left; display:block; background-color:#005FA4; color:#FFFFFF; font-size:10px;}

.red{color:#FF0000;}
.pagetitle{display:block; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:0.9em; text-transform:uppercase; color:#FFFFFF; width:710px; height:54px; float:left; padding:5px 0 0 10px; margin:0 0 10px 15px; background:url(../images/page_title_bg.gif) no-repeat;}


.sectiontitle{width:710px; height:84px; float:left; padding:20px 0 0 10px; margin:0 0 10px 15px;  background:url(../images/section_title.jpg) no-repeat;}
.sectiontitle h3{font-family:Arial, Helvetica, sans-serif;font-weight:normal; font-size:0.9em;text-transform:uppercase; color:#DE693A; width:430px; padding:0 0 10px 0; border-bottom:dotted 1px #DE693A; display:block;}

.subsectiontitle {font-family:Arial, Helvetica, sans-serif;font-weight:normal; font-size:0.9em;text-transform:uppercase; color:#DE693A; width:710px; padding:0 0 10px 0; margin:0 0 20px 25px; border-bottom:dotted 1px #DE693A; display:block;}

.sectiontop p{font-family:Arial, Helvetica, sans-serif;font-size:0.8em;color:#812425;height:40px;overflow:hidden;}
.sectiontop p a{color:#812425;}

.copy{font-family:Arial, Helvetica, sans-serif;font-size:0.8em;color:#812425;height:40px;overflow:hidden;}

.title {font-family:Arial, Helvetica, sans-serif;font-weight:normal; font-size:0.9em;text-transform:uppercase; color:#DE693A; padding:0 0 10px 0; margin:0 0 20px 0; border-bottom:dotted 1px #DE693A; display:block;}
.formcol p, #offergift p{font-family:Arial, Helvetica, sans-serif;font-size:0.8em;color:#812425;}
.formcol form label, #offergift label{font-family:Arial, Helvetica, sans-serif;font-size:0.8em;color:#DE693A; font-weight:bold; }

.productlist .plisttitle{font-family:Arial, Helvetica, sans-serif;font-size:0.9em;color:#DE693A; font-weight:bold; width:430px; float:left; margin:0 0 10px 0;}
.productlist .plistdetails{font-family:Arial, Helvetica, sans-serif;font-size:0.8em;color:#812425; width:430px; float:left;height:45px; overflow:hidden;}
.productlist .plistprice{font-family:Arial, Helvetica, sans-serif;font-size:0.9em;color:#DE693A; font-weight:bold;width:430px; float:left;height:20px; overflow:hidden;}
.plistlink-details, .plistlink-basket{width:140px; height:18px; padding:7px 0 5px 10px; margin:0 0 10px 0; display:block; text-decoration:none; font-family:"Times New Roman", Times, serif; text-transform:uppercase; font-size:0.8em; float:left; color:#FFFFFF;}
.plistlink-details{background:url(../images/fulldetails_plist.gif) no-repeat;}
.plistlink-basket{background:url(../images/addtobasket_plist.gif) no-repeat;}
.productlist a:hover{text-decoration:underline;}

#footerblock p{width:200px; margin:0 100px 0 0; float:left; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:0.7em;}
#footerblock a{color:#FFFFFF;text-decoration:none;}
#footerblock a:hover{text-decoration:underline;}

#footerblock ul{width:120px; margin:0 50px 0 0;float:left;font-family:Arial, Helvetica, sans-serif; color:#DE693A; font-size:0.7em; list-style:none;}
#footerblock ul a{margin:0 0 0 10px;}