/* Global Properties */

* { margin:0; padding:0; }
body { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; text-align:center; background:url(../images/bgd_main.jpg) top repeat-x; }
ul { list-style:none; }
img, fieldset { border:none; }
input, select, textarea, option { font-size:13px; color:#272828; }
a { color:#4b0704; text-decoration:none; }
a:hover { color:#4b0704; text-decoration:underline; }
h1 { font-size:45px; font-weight:normal; font-style:italic; font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;}
h2 { font-size:45px; font-weight:normal; font-style:italic; font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; margin-bottom:50px;}
h3 { font-size:40px; font-weight:normal; font-style:italic; font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;}
h4 { font-size:30px; font-weight:normal; font-style:italic; font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;}
h5 { font-size:30px; font-weight:normal; font-style:italic; font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;}
.clear { clear:both; height:1px; }

            
input.text { vertical-align:bottom; padding:2px; height: 18px; border:solid 2px #8aa94c; width:250px;}
textarea.text {vertical-align:top; padding:3px; border:solid 2px #8aa94c; width:250px;}
select {vertical-align:bottom; padding:2px; height: 26px;  border:solid 2px #8aa94c; width:250px;}
input.button {vertical-align:bottom; padding:2px; height: 26px; border:solid 2px #8aa94c; cursor:pointer}

.loader {display:none}
.caption {font-style:italic; }


/* Structure Site */

#container { width:auto; background:url(../images/left_grape.png) left top no-repeat; }
#main { width:auto; background:url(../images/right_grape.png) right top no-repeat; }
	#header { width:auto; height:auto; }
		#headerContent { width:960px; margin:auto; background:url(../images/bgd_header.png) top no-repeat; }
			#nav { width:951px; text-align:left; padding:0 0 0 9px; }
			#nav li { display:inline; }
			#nav li a { height:26px; margin:13px 20px 13px 20px; display:inline; float:left; }
			#nav li span { display:none; }
	
			#nav01 a { background:url(../images/nav_01_n.gif) no-repeat; width:47px; }
			#nav01 a:hover, #nav01 .active { background:url(../images/nav_01_o.gif) no-repeat; }
			#nav02 a { background:url(../images/nav_02_n.gif) no-repeat; width:67px; }
			#nav02 a:hover, #nav02 .active { background:url(../images/nav_02_o.gif) no-repeat; }
			#nav03 a { background:url(../images/nav_03_n.gif) no-repeat; width:76px; }
			#nav03 a:hover, #nav03 .active { background:url(../images/nav_03_o.gif) no-repeat; }
			#nav04 a { background:url(../images/nav_04_n.gif) no-repeat; width:135px; }
			#nav04 a:hover, #nav04 .active { background:url(../images/nav_04_o.gif) no-repeat; }
			#nav05 a { background:url(../images/nav_05_n.gif) no-repeat; width:76px; }
			#nav05 a:hover, #nav05 .active { background:url(../images/nav_05_o.gif) no-repeat; }
			#nav06 a { background:url(../images/nav_06_n.gif) no-repeat; width:44px; }
			#nav06 a:hover, #nav06 .active { background:url(../images/nav_06_o.gif) no-repeat; }
			#nav07 a { background:url(../images/nav_07_n.gif) no-repeat; width:75px; }
			#nav07 a:hover, #nav07 .active { background:url(../images/nav_07_o.gif) no-repeat; }
			#nav08 a { background:url(../images/nav_08_n.gif) no-repeat; width:79px; }
			#nav08 a:hover, #nav08 .active { background:url(../images/nav_08_o.gif) no-repeat; }
	
	#banner { width:960px; height:400px; margin-bottom: 30px; }
	#banner .caption {display:block; width:960px; text-align:right; }
	
	#footer { background:#4b0704; padding:30px 0; color:#FFFFFF; font-size:11px; }
		#footerContent { width:960px; margin:auto; text-align:left; }
			#footerContent div { width:183px; float:left; }
			#footerContent a { color:#FFFFFF; }
			#footerContent li { line-height:22px; }
			#footerContent .detail { width:17px; display:block; float:left; font-weight:bold; }
			#footerContent .detailFooter { width:140px; float:left; display:block; }
	
			div#copyright { float:right; width:258px; text-align:right; }
			div#copyright img { margin:10px 0 0 0; }
			div#copyright span { font-weight:bold; }
		
	
/* End Structure Site */



/* Content Pages */



			#content { width:960px; text-align:left; margin:auto; padding:25px 0 35px 0; }
			#content p, #content ul, #content dl { margin:30px 0 0 0; line-height:24px; }  
			#content .warning { font-size:12px; font-style:italic; }
			#content .photo { float:left; margin:25px 20px 10px 0; }
			#content h5 { padding:40px 0 0 0; }

			#faq { width:960px; }
			#faq dt { background:url(../images/list.gif) 0 7px no-repeat; padding:0 0 0 20px; margin:20px 0 0 0; color:#4b0704; }
			#faq dd { padding:0 0 0 20px; }
			#faq .active { font-weight:bold; }
			
			#listThank { width:960px; }
			#listThank div { width:320px; float:left; margin:0 0 20px 0; }
			#listThank li { display:inline; font-style:italic; }
			#listThank li span { background:url(../images/list.gif) 0 7px no-repeat; padding:0 0 0 20px; margin:20px 0 0 0; float:left; }
			#listThank li img { float:right; }


            #feedbackMessage {border-bottom:solid 2px #8aa94c;border-top:solid 2px #8aa94c; padding:10px; background-color:#c7e686}
            #feedbackMessage.hidden {display:none}
            
            #terms li { margin-left:40px; padding-left:20px; margin-bottom:20px; list-style-type:circle}


/* Content Pages */


/* Wine */

            .wine { width: 460px; padding: 10px; float:left; height:220px; }
            .wine .image {float:left;height:180px; width:120px}
            .wine .details {float:left; padding-left:10px; width:300px}
            .wine .details .name { display:block;width:200px; float:left; color:#4b0704; font-size: 1.25em; font-weight:bold}
            .wine .details .price { display:block;width:100px; float:left; color:#8aa94c; font-size: 1.1em; font-weight:bold}
            .wine .details .information { display:block;clear:both; padding-top:20px; width:300px; font-weight:bold;}
            .wine .details .summary { display:block;clear:both; padding-top:20px; width:300px;}
            .wine .details .descriptionWrapper { display:none;}
            .wine .buy {float:left; padding-left:10px; padding-top:20px; width:280px}
            .wine .buy .charity {display:inline-block; width: 180px;}
            .wine .buy .charity .charitySelect {width:180px}
            .wine .buy .charity .charityOther {width:171px;}
            .wine .buy .charity .charityAllowBranch {width:171px;}
            .wine .buy .charity .hidden {display:none}
            .wine .buy .quantity {width:50px;} 
            .wine .edit {float:left; padding-left:10px; width:250px}            
            .wine .more {display:none}            

            .wineDescription { width:600px; white-space:pre-line;}


            #charitylist .charity { width: 460px; padding: 10px; float:left; height:240px; overflow:hidden;}
            #charitylist .charity .logo {float:left; border:solid 10px #cccccc; padding:5px;width:150px; height:150px;}
            #charitylist .charity .details {float:left; padding-left:20px; width:230px}
            #charitylist .charity .details .name { display:block;width:200px; float:left; color:#4b0704; font-size: 1.25em; font-weight:bold;  overflow:hidden; max-height:70px; text-overflow: ellipsis}
            #charitylist .charity .details .charter {display:block;clear:both; padding-top:20px; width:200px; height:98px; overflow:hidden; text-overflow: ellipsis}            
            #charitylist .charity .details .more {display:block;clear:both; padding-top:20px; width:200px;}            
            
            #charitylist .charity  .edit {float:left; padding-left:10px; width:250px}            




            #charityview .charity { width:700px; float:left }
            #charityview .charity .logo {float:left; border:solid 10px #cccccc; padding:10px; width:270px; height:270px}
            #charityview .charity .details {float:left; padding-left:30px; width:350px; }
            #charityview .charity .details .name { display:block;width:200px; float:left; color:#4b0704; font-size: 1.25em; font-weight:bold}
            #charityview .charity .details .charter {display:block;clear:both; padding-top:20px; width:330px;  }            
            #charityview .charity .details .link {display:block;clear:both; padding-top:20px; width:330px;}            
            #charityview .charity .details .fundsRaised {display:block;clear:both; padding-top:20px; width:330px;} 
            
            
            #charityview .charity  .edit {float:left; padding-left:10px; width:250px}            

            .thermometerWrap { float:left; height:274px; overflow:hidden; margin:20px 20px 0 60px; text-align:left}
            .thermometerWrap .thermometerImgWrap { height:270px; width:76px; overflow:hidden; float:left; margin-top:4px; background-color:#ccffff }
            .thermometerWrap .thermometerIndicesWrap { height:270px; width:40px; float:left; position:relative; z-index:2; left:-5px }
            .thermometerWrap .thermometerIndicesWrap div { height:20px; font-size:.8em; color:#444444 }

            .totalFundsRaised {float:left; display:block; text-align:center; width:200px; margin-bottom:50px; margin-right:50px}
            .totalFundsRaised .thermometerWrap { margin-left:60px;}
            .totalFundsRaised .caption {clear:both; display:block; width:140px; text-align:center; margin-left:auto; margin-right:auto; padding-top:20px;}
            
            /*    
            #charityview .wineLabel {float:left; border:solid 10px #cccccc; padding:10px; margin-top:20px}    
            */    
                
            #cart-background {background-color:#000000; -moz-border-radius: 30px; -webkit-border-radius: 30px; margin-top:100px;}
            #cart-background.hidden {filter:alpha(opacity='0'); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; visibility:hidden}
            #cart { background-color:#ffffff;filter:alpha(opacity='90'); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; padding:10px;}
            #cart .emptycart { text-align:center; padding: 20px }
            #cart .toShow {display:none}
            #cart #bottleInsertionPoint{float:left}
            
            #bottles {min-height:180px}
            .bottle { width: 460px; padding-right: 10px; float:left;height:200px}
            .bottle .image {float:left; height:180px; width:120px}
            .bottle .details {float:left; padding-left:10px; width:300px}
            .bottle .details .name { display:block;width:200px; float:left; color:#4b0704; font-size: 1.25em; font-weight:bold}
            .bottle .details .price { display:block;width:100px; float:left; color:#8aa94c; font-size: 1.1em; font-weight:bold}
            .bottle .details .information { display:block;clear:both; padding-top:20px; width:300px; font-weight:bold;}
            .bottle .details .charity { display:block;clear:both; padding-top:20px; width:300px; }
            .bottle .update {float:left; padding-left:10px; padding-top:20px; width:280px}
            .bottle .update .quantity {width:50px; } 
            
            #cart #summary {padding:10px; }
            #cart #summary #deliveryDetails .postCode {width: 70px}
            
            #cart #summary #totals { margin-top:20px }
            #cart #summary #totals .label { width:70px; padding-top:5px;}
            #cart #summary #totals .total { width:70px; text-align:right; padding-top:5px;}
            #cart #summary #pay {margin-top:20px}
            
            #formPayPal.hidden {display:none}
        
            
/* Wine */



/* Forms */
            
            form.mini {display:inline}

            .edit legend {display:none}
            .edit label {display:inline-block; width: 150px}
            

/* Forms */