/* 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		
--------------------------------------------------------------------
*/
/* --------------------
		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{display:none;}/* hidden for print */
#headercontent{display:none;}
#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{display:none;}/* hidden for print */
/* see 'MAIN CONTENT AREA' below for 'contentarea' CSS */
#footerblock{display:none;}/* hidden for print */
#footer{display:none;}/* hidden for print */


/* --- 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:140px;}
#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{float:left;}
#minisearch .input{width:110px; height:15px;}

#loginbtn, #viewsbasket{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;}
#loginbtn{background:url(../images/search_login_bg.gif) no-repeat;}
#viewsbasket{background:url(../images/btn_viewbasket.gif) no-repeat;}
#loginbtn a, #viewsbasket 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;}
.sectionhome a{padding:100px 0 0 170px; width:60px; height:40px; display:block;}


.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 div{padding:10px 20px 5px 20px;}
.sectiontop div img{margin:0 0 10px 0;}
.sectiontop .button{margin:0 0 0 175px; display:block;}

.productlist{width:710px; height:100px; 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 div{width:440px; float:left;}

/* -- 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; color:#FFFFFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:0.9em;}
#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;}
.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;}

/* -- 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{margin:5px 0 20px 0;}
.formcol form input.radio{margin:0;}
.formcol form input.text{background-color:#FFF5E4; border:solid 1px #812425; padding:5px; width:280px;}
.formcol .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;}
.formcol .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;}
.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 30px;}

/* -- 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;}
/* -- ---------------
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; }

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

/* --------------------
		Typography
-----------------------*/
.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; padding:5px 0 0 10px; margin:0 0 10px 15px; background:url(../images/page_title_bg.gif) no-repeat;}

.sectiontitle{width:710px; height:84px; 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;}

.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{font-family:Arial, Helvetica, sans-serif;font-size:0.8em;color:#812425;}
.formcol form 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; height:20px; overflow:hidden;}
.productlist .plistdetails{font-family:Arial, Helvetica, sans-serif;font-size:0.8em;color:#812425; width:430px; float:left;height:55px; 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;}