/* CSS Document */

	/* General styles */
body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background-color: #ffffff;
	/*background-image: url('http://www.sakatoonwomenscommunitycoalition.com/images/shapes/swirls/stickie-med-green.jpg')*/
        min-width:600px;    /* Minimum width of layout - remove line if not required */  /* The min-width property does not work in old versions of Internet Explorer */
	font-size:100%;
	font: Arial, Helvetica, Verdana, sans-serif;
	font-family: 'Cantarell', 'Molengo', Arial, Helvetica, Verdana, sans-serif;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
	font-size: smaller;
}
.smaller {
	font-size: -1;
}
/* ----------> HEADINGS */
	
h1, h2, h3, h4, h5, h6, p {
	margin: 0 10px;
	padding: 3px;
}
h1 {
	font-size: xx-large;
	color: #7B3EC0;
}
h2 {
	font-size: 200%;
	color: #329B24;
}
h3 {
	color: #7B3EC0;
}
h4 {
	color: #329B24;
}
h5 {
	color: #555555;
}
/* ----------> LINKS */

a:link {
	color: #329B24;
	text-decoration: none;
}
a:hover {
	color: #EB128F;
	text-decoration: none;
}
a:visited {
	color: #6AF458;
	text-decoration: none;
}
a:active {
	color: #BF88FC;
	text-decoration: none;
}
/* ----------> SPECIAL TEXT */

blockquote {
	font-size: smaller;
	font-style: italic;
	color: #000000;
}
.blink {
	text-decoration: blink;
}
/* ----------> IMAGES */


img {
	margin: 0px;
	border: 0px;
	behavior: url("includes/pngbehavior.htc");
}


#wizards #iwd2010 {
	width: auto;
	margin: 40px 100px auto;
}

#wizards li {
	list-style: none;
	
	/*float: left;*/
	margin: 15px;
}

#wizards a img {
	border: 5px solid #aaa;
}
#wizards a:hover img {
	border: 5px solid #75879d;
}
/* ----------> HEADER STYLES */
    #header {
	clear:both;
	float:center;
	width:100%;
}
#header {
	border-bottom:0px solid;
}
#header p,  #header h1,  #header h2 {
	padding:.4em 15px 0 15px;
	margin:0;
}
#header ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
#header ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li a {
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:3px 10px;
	text-align:center;
	background:#FFFFFF;
	color:#FFFFFF;
	text-decoration:none;
	position:relative;
	left:15px;/*line-height:1.3em;*/
	}
#header ul li a:hover {
	background:#000000;
	color:#fff;
}
#header ul li a.active,  #header ul li a.active:hover {
	color:#fff;
	background:#000;
	font-weight:bold;
}
#header ul li a span {
	display:block;
}
/* ----------> 'WIDTHS' SUBMENU */
	#layoutdims {
	clear:both;
	background:#FFFFFF;
	border-top:0px solid #FFFFFF;
	margin:0;
	padding:6px 15px !important;
	text-align:center;
}
/* ----------> COLUMN CONTAINER */
	.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* ----------> THREE COLUMN SETTINGS */
	.holygrail {
	background:transparent;    	/* Right column background colour */
}
.holygrail .colmid {
	float:left;
	width:200%;
	margin-left:-250px; 	/* Width of right column */
	position:relative;
	right:100%;
	background:transparent;  	/* Centre column background colour */
}
.holygrail .colleft {
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:500px;         	/* Left column width + right column width */
	background:transparent;   	/* Left column background colour */
}
.holygrail .col1wrap {
	float:left;
	width:50%;
	position:relative;
	right:250px;        	/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
	margin:0 255px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	overflow:hidden;
}
.holygrail .col2 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:220px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:15px;         	/* Width of the left-had side padding on the left column */
}
.holygrail .col3 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:230px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
}
/* ----------> FOOTER */
	#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #6AF458;
	font-size:80%;
	color: #FFFFFF;
	background-color: #FFFFFF;
}
#footer p {
	padding:10px;
	margin:0;
}
/*
    </style>
    <!--[if lt IE 7]>
    <style media="screen" type="text/css">
    .col1 {
	    width:100%;
	}
    </style>
    <![endif]--> --> */
	
	
	
	
	
	
	
/* ----------> NIFTYCORNERS */


h2 {
	padding-top: 0.3em
}
div#nifty {
	margin: 0 10%;
	background: #ffffff;
}
b.rtop, b.rbottom {
	display:block;
	background: #7B3EC0;
}
b.rtop b, b.rbottom b {
	display:block;
	height: 1px;
	overflow: hidden;
	background: #FFFFFF;
}
b.r1 {
	margin: 0 5px;
}
b.r2 {
	margin: 0 3px;
}
b.r3 {
	margin: 0 2px;
}
b.rtop b.r4, b.rbottom b.r4 {
	margin: 0 1px;
	height: 2px;
}
/* ----------> SNAZZYCORNERS */

.xsnazzy h1, .zsnazzy h1 {
	margin:0;
	font-size:1.2em;
	padding:5px 10px 5px 10px;
	border-bottom:1px solid #6AF458;
}
.xsnazzy p, .zsnazzy p {
	margin:0;
	padding:5px 5px; /* */
	font-size:10px;
}
.xsnazzy {
	background: transparent;
	width:219px;
	float:right;
	margin:10px 0px 10px 0px;
	padding: 1px;
}
.xsnazzycenter {
	background: transparent;
	width:100%;
	float:right;
	margin:10px 0px 10px 0px;
	padding: 1px;
}
.xtop, .xbottom {
	display:block;
	background:#transparent;
	font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
	display:block;
	overflow:hidden;
}
.xb1, .xb2, .xb3 {
	height:1px;
}
.xb2, .xb3, .xb4 {
	background:#ffffff;
	border-left:1px solid #6AF458;
	border-right:1px solid #6AF458;
}
.xb1 {
	margin:0 5px;
	background:#6AF458;
}
.xb2 {
	margin:0 3px;
	border-width:0 2px;
}
.xb3 {
	margin:0 2px;
}
.xb4 {
	height:2px;
	margin:0 1px;
}
.xboxcontent {
	display:block;
	border:0 solid #6AF458;
	border-width:0 1px;
	height:auto;
	background:#ffffff;
}
* html .xboxcontent {
	height:1px;
}
.color_a {
	background:#ffffff;
	color:#ffffff;
}
.color_b {
	background:#6AF458;
	color:#6AF458;
}
.color_c {
	background:#6AF458;
	color:#6AF458;
 .color_d {
background:#6AF458;
color: #6AF458;
}
/* ----------> Popup Image Box */
.PopBoxImageSmall {
	border: none 0px white;
	cursor: url("images/magplus.cur"), pointer;
}
.PopBoxImageLarge {
	border: solid thin #CCCCFF;
	cursor: url("images/magminus.cur"), pointer;
}
/*div#container {
	min-height: 800px;
	background: url(../images/bg_page.jpg) #fff no-repeat left top;
	margin: 0px auto;
	width: 840px;
	position: relative
}

div#navigation h1{
	font-size:170%;
	color:#00B0D9;
	font-weight:bold;
	text-transform:capitalize;
	background-color:#fff;
	border:1px solid #00B0D9;
	margin-left:10px;
	padding:10px;
}
div#column_one {
	border-right: green 0px solid;
	padding-right: 30px;
	border-top: green 0px solid;
	padding-left: 36px;
	background: url(../images/bg_column_one.jpg);
	float: left;
	padding-bottom: 0px;
	margin: 60px 0px 0px;
	border-left: green 0px solid;
	width: 131px;
	padding-top: 30px;
	border-bottom: green 0px solid;
	position: relative;
	height: 590px
}
div#column_two {
	border-right: blue 0px solid;
	border-top: blue 0px solid;
	float: left;
	border-left: blue 0px solid;
	width: 428px;
	border-bottom: blue 0px solid
}
div#column_three {
	border-right: orange 0px solid;
	border-top: orange 0px solid;
	float: right;
	margin: 10px 0px 0px;
	border-left: orange 0px solid;
	width: 215px;
	border-bottom: orange 0px solid
}
div#navigation {
	width: 428px;
	height: 60px
}
div#column_one a.category {
	padding-right: 8px;
	display: block;
	padding-left: 8px;
	font-weight: bold;
	font-size: 14px;
	background: url(../images/bg_column_one_nav.jpg) no-repeat center bottom;
	padding-bottom: 6px;
	margin: 0px 0px 0px 2px;
	color: #000;
	padding-top: 6px
}
div#column_two {
	width: 428px;
	height: 200px
}
div#flash {
	margin: -20px 0px 0px;
	width: 428px;
	height: 226px
}
div#column_three img {
	margin: 12px 17px 0px
}
div#column_three div#cart {
	padding-right: 10px;
	padding-left: 10px;
	background: url(../images/bg_column_three_cart.jpg);
	padding-bottom: 10px;
	margin: 2px 0px 0px 18px;
	width: 161px;
	color: #fff;
	padding-top: 10px;
	position: relative;
	height: 126px
}
div#column_three div#cart h2 {
	font-weight: bold;
	font-size: 16px
}
div#cart_summary {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 6px;
	margin: 0px 0px 4px;
	padding-top: 4px;
	border-bottom: #fff 1px solid
}
div#column_three div#cart a {
	display: block;
	font-size: 10px;
	color: #fff
}
div#column_three div#cart a:hover {
	text-decoration: underline
}
div#normal {
	margin: 0px 18px
}
div#normal h1 {
	font-weight: bold;
	font-size: 24px;
	margin: 0px 0px 16px;
	color: #00a4c9
}
div#normal h1.about {
	color: #00a4c9
}
div#normal h1.info {
	color: #e85014
}
div#normal h1.category {
	margin: 20px 0px
}
div#normal p.large {
	font-size: 16px;
	margin: 20px 0px 0px
}
div#normal p.normal {
	font-size: 12px;
	margin: 20px 0px 0px
}
div#normal p.mini404 {
	width: 400px
}
div#grid_container {
	width: 408px
}
div.grid_cell {
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 10px;
	background: url(../images/bg_grid_cell.gif);
	float: left;
	padding-bottom: 10px;
	margin: 0px 10px 10px 0px;
	width: 101px;
	padding-top: 10px;
	height: 160px
}
div.grid_cell a.text {
	font-size: 10px;
	color: #ff6600
}
div.grid_cell img {
	margin: 0px 10px 20px;
	width: 80px;
	height: 80px
}
div#product {
	margin: 8px 4px
}
div#product h3 {
	padding-right: 0px;
	padding-left: 4px;
	font-weight: bold;
	background: #c6d7e0;
	padding-bottom: 2px;
	margin: 20px 42px 10px 18px;
	padding-top: 2px
}
div#product hr {
	border-right: #c6d7e0 2px solid;
	border-top: #c6d7e0 2px solid;
	margin: 0px 42px 0px 18px;
	border-left: #c6d7e0 2px solid;
	border-bottom: #c6d7e0 2px solid;
	height: 4px
}
/*div#product_info {
	padding-right: 20px;
	padding-left: 20px;
	background: url(../images/bg_product_main.gif);
	padding-bottom: 20px;
	width: 368px;
	padding-top: 20px;
	position: relative;
	height: 229px
}*/
div#product_images {
	float: left;
	width: 160px;
	position: relative;
	height: 166px
}
div#thumbnail_images {
	float: left;
	height: 52px
}
div#thumbnail_images img {
	border-right: #000 1px solid;
	border-top: #000 1px solid;
	margin: 0px 0px 0px 5px;
	border-left: #000 1px solid;
	width: 50px;
	border-bottom: #000 1px solid;
	height: 50px
}
div#thumbnail_images img:hover {
	border-right: #f0a11e 1px solid;
	border-top: #f0a11e 1px solid;
	border-left: #f0a11e 1px solid;
	border-bottom: #f0a11e 1px solid
}
img.popboximagelarge {
	border-right: #f0a11e 4px solid;
	border-top: #f0a11e 4px solid;
	border-left: #f0a11e 4px solid;
	border-bottom: #f0a11e 4px solid
}
div#product_details {
	font-size: 11px;
	background: #fff;
	float: right;
	margin: 10px 0px 0px;
	width: 200px;
	height: 156px
}
div#product_details h1 {
	font-weight: bold;
	font-size: 12px
}
div#product_details h2 {
	margin: 2px 0px
}
div#product_details input.cart {
	border-top-width: 0px;
	border-left-width: 0px;
	background: url(../images/bg_add_to_cart_button.jpg);
	border-bottom-width: 0px;
	margin: 8px 0px 0px;
	width: 54px;
	cursor: pointer;
	height: 19px;
	border-right-width: 0px
}
div#product_description {
	margin: 0px 42px 0px 18px
}
div#product_description h1 {
	font-weight: bold;
	font-size: 12px;
	margin: 16px 0px 0px
}
div#product_description p {
	font-size: 12px
}
div#left_column {
	min-height: 504px;
	background: url(../images/store_nav_bg.jpg) no-repeat right top;
	float: left;
	margin: 0px 0px 20px;
	width: 232px
}
div#left_column h1 {
	font-weight: bold;
	font-size: 14px;
	background: 0px 50%;
	margin: 0px 0px 14px -5px;
	color: #bf1015
}
div#left_column h1 a {
	font-weight: bold;
	font-size: 14px;
	background: 0px 50%;
	margin: 0px 0px 14px -5px;
	color: #bf1015
}
div#left_column h1 {
	background: 0px 50%
}
div#left_column h1 a:hover {
	background: 0px 50%
}
div#left_column a {
	padding-right: 0px;
	display: block;
	padding-left: 10px;
	font-weight: bold;
	font-size: 11px;
	background: url(../images/store_nav_arrow.jpg) no-repeat;
	padding-bottom: 0px;
	margin: 10px 0px;
	color: #000;
	padding-top: 0px;
	text-decoration: none
}
div#left_column a.active {
	background: url(../images/store_nav_arrow_over.jpg) no-repeat;
	color: #bf1015
}
div#left_column a:hover {
	background: url(../images/store_nav_arrow_over.jpg) no-repeat;
	color: #bf1015
}
div#left_column a.product_link {
	font-weight: normal;
	margin: 10px 0px 10px 10px
}
div#left_column a.product_link_active {
	font-weight: normal;
	background: url(../images/store_nav_arrow_over.jpg) no-repeat;
	margin: 10px 0px 10px 10px;
	color: #bf1015
}
div#product_details ul {
	padding-right: 0px;
	padding-left: 16px;
	font-weight: bold;
	padding-bottom: 0px;
	padding-top: 0px
}
div#product_details li {
	list-style-type: disc
}
input.add_to_cart {
	border-top-width: 0px;
	border-left-width: 0px;
	background: url(../images/store_button_basket.jpg);
	border-bottom-width: 0px;
	margin: 14px 0px 0px;
	width: 128px;
	cursor: pointer;
	height: 26px;
	border-right-width: 0px
}
form.add_to_basket label {
	padding-right: 0px;
	display: block;
	padding-left: 0px;
	font-size: 10px;
	float: left;
	padding-bottom: 10px;
	width: 80px;
	padding-top: 4px
}
form.add_to_basket select {
	margin: 0px 0px 4px
}
div#product_images h2 {
	margin: 20px 0px 10px
}
div.item_option {
	margin: 0px
}
div.item_option label {
	clear: both;
	font-weight: bold;
	font-size: 12px;
	margin: -4px 0px 0px;
	width: 70px
}
div#normal div#cart {
	background: url(../images/bg_cart_main.gif);
	margin: 28px 0px 20px -10px;
	width: 408px
}
div#normal div#cart p.info {
	margin: 0px 20px
}
div#normal div#cart form#checkout {
	margin: 0px 20px
}
div#normal div#cart form#checkout input.del_submit {
	border-top-width: 0px;
	border-left-width: 0px;
	background: url(../images/cart_btn_proceed.gif);
	float: right;
	border-bottom-width: 0px;
	margin: -20px 19px 0px 0px;
	width: 84px;
	cursor: pointer;
	border-right-width: 0px
}
div#normal div#cart h1 {
	font-weight: bold;
	font-size: 24px;
	margin: -20px 0px 16px 20px;
	color: #698740
}
label {
	display: block;
	float: left;
	width: 90px
}