/*
												ATTENTION PLEASE!

Hello and welcome to this stylesheet. If you're new here, please take the time to read the few notes at 																	the front heere, it will help make your life a little simpler. 

1. Conditional stylesheets. MSIE is catered for by the relevant conditional stylesheets. Make sure you check there when you're trying to fix stuff.
*/

/* Set baseline for styles - With thanks to Eric Meyer */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strike, sub, sup, tt, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul, li {
  list-style-type: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

img {
	border: 0;
	}


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



/* Clearfix-rules */

/* float clearing for IE6 */
* html .clearfix,
* html form#find_carts_widget,
* html #main ul.printer_list,
* html .section,
* html .button,
* html .article_small p.
* html div.checkout
{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix,
*+html form#find_carts_widget,
*+html #main ul.printer_list,
*+html .section,
*+html .button,
*+html .article_small p,
*+html div.checkout
{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after,
form#find_carts_widget:after,
#main ul.printer_list:after,
.section:after,
.button:after,
.article_small p:after,
div.checkout:after
{                      
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

/* Basic structure for site */

html, body {
	height: 100%;
}


#wrapper {
	background: url(/images/backgradient.png)	repeat-x left top;
	min-height: 100%;
}

#header {
	background: url(/images/navigation_sprite.png) repeat-x left bottom;
	text-align: center;
}

#content {  
	text-align: center;
}

	.wrap { /* Generic wrapper, used within each of the main content areas */
		clear: both;
		margin: 0 auto;
		padding: 1em 0 0 0;
		overflow: hidden;
/*    max-width: 1280px;
    min-width: 900px;
    width: 98%;
  }
  
  .wide .wrap, .checkout .wrap {*/
    width: 980px;
  }
  
	#content .wrap {
		background: #fff url(/images/content_top_shadow.png) repeat-x left top;
		border-left: 1px solid #6E6E6E;
		border-right: 1px solid #6E6E6E;
		padding-bottom:1em;
	}

#footer .wrap {
	background: white;
	border-left: 1px solid #6E6E6E;
	border-right: 1px solid #6E6E6E;
	border-bottom: 1px solid #6E6E6E;
	border-top: none;
	padding: 0 40px;
	width: 900px;
	text-align: center;
}	

      #footer a:hover, #footer .site_links a:hover {
        color: #ff781f;
      }
      
			#footer .subnav, p#address, p.links {
				padding-left: 1em;
			}
			
			#footer .delivery {
			  margin: 0 auto;
        width: 560px;
			}
			
			  #footer .delivery .message {
			    border: none;
			    font-size:110%;
          font-weight:700;
          float:left;
			  }
			
			#footer div.site_links {
			  width: 100%;
			  text-align: left;
			  background: #F7F8E9;
			  padding: 1em 0;
			  float: left;
			  border-top: 1px solid #C0C0C0;
			}

        #footer div.site_links h4 {
          color: black;
        }
        
        #footer div.links a {
          text-decoration: underline;
        }
        
			#footer #reassurance {
			  float: left;
				text-align: center;
				width: 100%;
			  margin-top: 2em;
			  border-top: 1px solid #C0C0C0;
			  border-bottom: 1px solid #C0C0C0;
			  position: relative;
			  padding:0.8em 0;
			}
			
			  #footer #reassurance h4 {
			    color: #535353;
			    background-color: #fff;
			    left: 333px;
          padding: 0 0.5em;
          position: absolute;
          top: -8px;
			  }

        #footer #reassurance a {
          text-decoration: none;
        }
        
        #footer #reassurance img {
          margin: 0 1.2em;
        }
      
      #footer .company {
        clear:both;
        float:left;
        margin-top:2em;
        text-align: left;
        width: 96%;
        padding:0 2%;
      }
        
        #footer .company .info {
          width: 65%;
          float: left;
        }
        
        #footer .company #address {
          margin: 0;
          padding: 0;
        }
        
        #footer .company #company_info {
          padding: 0;
        }
        
          #footer .company #company_info li {
            font-size: 90%;
            color: #535353;
          }
        
        #footer .company img.payment {
          float: right;
        }
        
      #footer .brands {
        color: #535353;
        font-size: 110%;
        clear: both;
        float: left;
        margin-top: 3em;
        width: 100%;
      }
        
        #footer .brands a {
          color: #535353;
          text-decoration: none;
        }
        
  #powered_by .wrap {
    text-align: right;
    padding-bottom: 1em;
    padding-right: 0.3em;
  }

    #powered_by a {
      text-decoration: none;
      color: #666666;
    }

    #powered_by a em {
      font-style: normal;
      text-decoration: underline;
    }

/* For header see header.css branched off into css */

/* The contents of #content */
	
		#main {

		}
		
		.shop #main {
			float: left;
			width: 65%;
			margin: 1em 0 3em 1.6em;
		}
    
    .wide #main {
      float: none;
		 	margin-left: auto;
		 	margin-right: auto;
			width: 98%;
    }
    
    .checkout #main {
			float: none;
		 	margin: 0 auto;
			width: 760px;
		}
		
		#content #secondary { /*The right hand column in the main area*/
			float: right;
			margin-right: 0.8em;
			margin-bottom: 3em;
			width: 30.2%;
		}
		
			#content #secondary ol {
				margin-bottom: 1.2em;
			}
		
		#content #secondary .component {
			margin-right: auto;
			margin-left: auto;
		}

 		.component {
			width: 302px;
		}
	
		#payment_methods {
			position: relative;
		}
				
		#payment_methods a {
			left: 12px;
			position: absolute;
			top: 44px;
		}
		

		.checkout .navigation {
			text-align: right;
			margin-bottom:1em;
		}
		
/* General stuff */

/* General style for small navigation links - i.e. help, contact etc  */

#main .subnav {
  float: left;
  width: 100%;
  margin-bottom: 1em;
}

.subnav li {
	border-right: 1px solid black;
	display: inline;
	margin: 0 0.4em 0 0;
  padding: 0 0.4em 0 0;
}

#address li {
  margin: 0 1.2em 0 0;
  padding: 0 1.2em 0 0;
}

.subnav li.last, #header .subnav li.last {
	border: none;
	padding: 0;
	margin: 0;
}

#main #breadcrumbs {
  padding: 0;
  margin-bottom: 0.6em;
  }

#main #breadcrumbs li {
  background: transparent url(/images/crumbarrow.png) no-repeat center left;
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0px 6px 0 10px;
  }

#main #breadcrumbs li.first {
  background: none;
  padding: 0 6px 0 0;
  }


.pageblock {
	margin-bottom: 1.2em;
}

/* images - make sure all images are classed up with these styles */

.figright {
	display: block;
	float: right;
	margin-left: 1.2em;
}

.figleft {
	display: block;
	float: left;
	margin-right: 1.2em;
}

/* Checkout Stuff - might fork off into a seperate css file if it gets any bigger*/

#progress {
	text-align: center;
	padding: 0px 0 30px 0;
	float: left;
	width:100%;
}
#progress ol {
	margin: 1.5em 0 0 0;
	padding: 0;
	list-style-type: none;
	float: left;
}
#progress li {
	display: inline;
	float: left;
	margin: 0.5em 0;
	padding: 0 0.5em 0.3em 0.5em;
	white-space: nowrap;
	background: #fff;
	font-size: 140%;
	color: #ccc;
	border-bottom: 5px solid #ccc;
}

#progress li.secure {
  border: none;
  font-size: 0.8em;
}

#progress li.progress-active {
	color: #2b497f;
	border-bottom: 5px solid #2b497f;
}

#progress li.progress-done {
	border-bottom: 5px solid #2b497f;
	color: #666;
}

#progress li.progress-done a {
	color: #9c3;
}

#progress li.progress-done a:hover {
	color: #036;
}

#progress .secure_links {
  text-align: right;
  border: none;
  float: right;
  margin-bottom: 0.5em;
}

#progress .secure_links #ratings {
  margin-bottom:0.8em;
}

/* Generic message windows*/

.message {
  background: white;
  padding: 0.8em;
  -moz-border-radius: 10px;
  border: 1px solid #fbefcf;
}

.buy .message {
  clear: right;
  margin-top: 1em;
  float:right;
  text-align: left;
  width: 15em;
}

/* This is the generic style for any ui elements - as distinct from text-elements. */

.ui {
	background: #FEFFED;
  border: 1px solid #ff9a04;
	overflow: hidden;
  margin-bottom: 1em;
	padding: 0.8em;
  -moz-border-radius: 10px;
 	position: relative;
}

/* Home page */

#main #selling-points {
 		background: transparent url(/images/dave/homepage_dave.png) no-repeat right top;
		min-height: 447px;
		padding-right: 302px;
		width: 50%;
	}


/* Help system */

.page_nav {
	background: #CCE1F1;
	padding: 1em;
	float: left;
	clear: left;
	width: 30%;
	margin-right: 1em;
}