/* --------------------------------------------------------------------
                                                                      
  SweetCMS Template - 2 Column, Additional Content on right
  9px Baseline Grid
              
  Author: Mark Hurrell
  Date: 10 november 2008
  Last Modified: - 
  Company: Message
  URL: -
 
  
      Table of Contents:
  
 -------------------------------------------------------------------- */
 


/* --------------------------------------------------------------------
    
  1. CSS Reset                                                                  
  
 -------------------------------------------------------------------- */

 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-family: inherit;
		vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
		outline: 0;
}

body {
		color: black;
		background: white;
		font-size: 62.5%;
}

ol, ul {
		list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table.checkout {
		border-collapse: collapse; 
		border-spacing: 5px;
}

caption, th, td .checkout {
		text-align: left;
		font-weight: normal;
}


blockquote:before, blockquote:after,
q:before, q:after {
		content: "";
}

blockquote, q {
		quotes: "" "";
}

 

/* --------------------------------------------------------------------
    
  2. Layout                                                                  
  
 -------------------------------------------------------------------- */

body {
		background: #eeeeee url(../images/bg.gif) repeat bottom center;
}

	div#container {
			position: relative;
			width: 810px;
			min-height: 600px;
			margin: 9px auto;
			background: #ffffff url(../images/page_rule.png) no-repeat 540px 216px;
	}
    	
.ie /* ---- bugfix for ie6 */ 
			div#container {
					overflow: hidden;
			}
	
		div#container div#header {
				position: relative;
				width: 792px;
				height: auto;
				top: 9px;
				min-height: 5em;
				margin: 0 9px 9px;
		}
		
			
		
			div#container div#header p.branding {
					position: absolute;
					display: block;
					width: 792px;
					height: 90px;
					margin-top: 71px;
					
					display: none;
			}
		
		div#container div.module_main_menu {
    			position: relative;
    			float: left;
    			width: 792px;
    			margin: -2.7em 9px 9px;
    	}
    	
.ie /* ---- bugfix for ie6 */ 
			div#container div.module_main_menu {
					display: inline;
			}
    	
    		div#container div.module_main_menu ul {
    				position: relative;
    				float: left;
    		}
    		
	    		div#container div.module_main_menu ul li {
						position: relative;
						float: left;
						margin: 0.4em 0 0 4px;
						overflow: hidden;
				}
				
		    		div#container div.module_main_menu ul li a {
							position: relative;
							display: block;
							margin-bottom: -0.6em;
							padding: 0.7em 10px 1.2em;
					}
					
		
		div#container div#content {
				position: relative;
				float: left;
				width: 502px;
				min-height: 400px;
				margin: 1.8em 9px 9px;
				padding: 6.8em 0 0;
		}
    	
.ie /* ---- bugfix for ie6 */ 
			div#container div#content {
					display: inline;
			}
		
				
				
			div#container div#content p {
					margin-top: 1.7em;
					width: 522px;
			}
			
				div#container div#content p.date {
						position: absolute;
						top: 2.1em;
				}
				
			div#container div#content form {
					position: relative;
					clear: both;
					width: 100%;
					margin-top: 2px;
			}
			
			div#container div#content form#delivery {
					border-bottom: none;
			}
			
			div#container div#content form fieldset {
					clear: both;
			}
			
				div#container div#content form label {
						position: relative;
						display: block;
						margin-top: 2em;
				}
				
					div#container div#content form#delivery label {
							margin-top: 0;
					}
				
				div#container div#content form input {
						position: relative;
						display: block;
						width: 241px;
						margin-bottom: -0.7em;
						padding: 4px 3px 4px 4px;
						background: transparent;
						border: 1px solid #999999;
				}
				
					/* bugfix for Firefox 3 */
					div#container div#content form input[type=hidden] {
							visibility: hidden;
							padding: 0;
							border: none;
					}
					
					div#container div#content form table input {
							width: 24px;
					}
					
					div#container div#content form#delivery input {
							margin-bottom: 0.9em;
					}
				
				div#container div#content form textarea {
						position: relative;
						display: block;
						width: 511px;
						height: 8.3em;
						margin-bottom: -0.7em;
						padding: 2px 3px 4px 4px;
						background: transparent;
						border: 1px solid #999999;
				}
				
				div#container div#content form textarea#notes {
						top: 0.9em;
				}
					
					div#container div#content form#delivery textarea {
							margin-bottom: 0.9em;
							width: 241px;
					}
				
					div#container div#content form input:focus,
					div#container div#content form textarea:focus,
					div#container div#content form input.focus,
					div#container div#content form textarea.focus {
							background: #feffe1;
					}
					
				div#container div#content form button {
						position: relative;
						display: block;
						margin-top: 29px;
				}
					
		
			div#container div#additional div {
					position: relative;
			}
			
				
				div#container div#additional div ul {
						margin: 0 0 1.9em;
				}	
					
					div#container div#additional div li {
							position: relative;
							display: block;
							padding: 0;
					}
					
						div#container div#additional div li a {
								display: block;
								min-height: 23px;
								padding: 6px 0 6px;
						}
				
				div#container div#additional a.rss_feed {
						position: absolute;
						top: 3px;
						right: 0;
						width: 15px;
						height: 15px;
						overflow: hidden;
						text-indent: -5000%;
						border: none;
						background: transparent url(../images/rss_icon.png) no-repeat top left;
				}
				
			div#container div#additional div.module_gallery_navigation ul li {
					text-align: center;
			}
			
				div#container div#additional div.module_gallery_navigation ul li a span.image {
						margin: 0 auto;
				}
				
				div#container div#additional div.module_gallery_navigation ul li a span.text {
						display: block;
						margin-top: 0.25em;
				}

			

/* --------------------------------------------------------------------
    
  3. Typography                                                                  
  
 -------------------------------------------------------------------- */

body {
		font-family: Georgia, Times, serif;
}

	a {
			color: #ff8000;
			text-decoration: none;
	}

		a:hover {
				color: #ff8000;
				text-decoration: none;
		}
			
		div#container div.module_main_menu ul li a {
				text-decoration: none;
				font-weight: 800;
				border-bottom: none;
				line-height: 1;
		}

	div#container div#header p.branding {
			color: #333333;
			font-family: Georgia, Times, serif;
			text-indent: 23px;
			font-size: 1em;
			font-weight: 100;
			letter-spacing: 5px;
	}
	
	div#container div#content div#cookie {
			font-size: 1em;
			line-height: 1;
	}
	
		
	
		div#container div#content p.date {
				font-size: 0.9em;
				text-transform: capitalize;
				color: #aaaaaa;
				font-weight: 800;
	}
	
		
		div#container div#content p em {
				font-style: italic;
		}
		
		div#container div#content p stong {
				font-weight: bold;
		}
		
		div#container div#content form label {
				font-size: 1em;
				color: #555555;
		}
		
		div#container div#content form input,
		div#container div#content form textarea {
				font-size: 1.1em;
				line-height: 1.23;
				font-style: italic;
				color: #555555;
				font-family: Georgia, Times, serif;
		}

	
	div#container div#additional div li a {
			font-size: 1.1em;
			line-height: 1.3;
			font-weight: 800;
			text-transform: capitalize;
	}

		div#container div#additional div li a span.date {
				font-size: 0.75em;
				line-height: 1.08;
				color: #666666;
				font-weight: 400;
		}
		
		div#container div#additional div h2 {
				font-size: 1.5em;
				color: #333;
				font-weight: 800;
		}
		
		div#container div#additional div.module_product_selector h2 {
				color: #fff;
		}