/* ####################################
   Shop Styles
   ################################## */

.progress-bgdark
{
	background-color: #999999;
}
.progress-bglight
{
	background-color: #e0e0e0;
}
.progress-font
{
	color: #333333;
	font-weight: bold;
	font-size: 90%;
}
.progress-font-linked
{
	color: #ffffff;
	font-weight: bold;
	font-size: 90%;
}
.progress-font-linked:hover
{
	color: #ffffff;
	font-weight: bold;
	font-size: 90%;
}
.progress-font-linked:visited
{
	color: #ffffff;
	font-weight: bold;
	font-size: 90%;
}
.progress-font-selected
{
	color: #333333;
	font-weight: bold;
	font-size: 90%;
}

/* ####################################
   Menu Styles
   ################################## */

.menu-shop
{
	font-family: arial, helvetica, sans-serif;
	font-size: 90%;
}
.menu-shop p
{
	margin-top: 0;
	margin-bottom: 0.75em;
}
.menu-shop-bglight
{
	width: 100%;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	background: #ffffff;
}
.menu-shop-bgdark
{
	width: 100%;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	background: #f0f0f0;
}

/* ####################################
   Custom Element Styles
   ################################## */

.feature-home
{
	font-family: arial, helvetica, sans-serif;
	font-size: 70%;
}
.feature-home h4
{
	font-size: 110%;
}
.feature-home p
{
	margin-top: 0;
	margin-bottom: 0.25em;
}

.trailnav-shop
{
	font-family: arial, helvetica, sans-serif;
	font-size: 90%;
	color: #A5A6A5;
}



.productdetail {

	width: 100%;
	
}

.product {

	width: 264px;
	
}

.variations {


}

.main {



}

.variation-detail {

	padding: 3px 5px;

	width: 70%;

}

.variation-action {

	padding: 3px 5px;

	width: 15%;

}

.variation-price {

	padding: 3px 5px;

	width: 15%;

}

#ShopLists {

	display: relative;
	clear: left;
	
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	
	background: url(/images/templates/bg_featureimage.gif) left top repeat-x;
	
}

#CategoryList {

	display: relative;
	
	float: left;
	
	width: 49%;
	
}

#AboutShopList {

	display: relative;
	float: left;
	
	width: 49%;

	
	
}

.FeatureProduct {

	display: relative;
	/*float: left;*/
	
	margin: 0px 0px 10px 0px;
	
}

.FeatureProductImage {

	/*float: left;*/
	width: 88px;
	
	border: none;

}

.FeatureProductImage img {
	border-bottom: 1px solid #e0e0e0;
}

.FeatureProductDetails {

	margin: 0px 10px 0px 0px;

}

table.home { display: block; width: 100%; }
table.home td.image { vertical-align: top; width: 275px; }

table.home td.brochure { text-align: right; vertical-align: top; padding: 5px; font-family: Arial, sans-serif; font-size: 75%; line-height: 150%; font-weight: normal; color: #333333; }
table.home td.brochure p { margin: 0px 10px 2px 10px; padding: 0px; } 
table.home td.brochure ul { margin: 0px 0px 0px 20px; padding: 2px 10px 2px 10px; list-style-image: url(http://www.cancervic.org.au/images/shop/arrow_orange.gif); } 
table.home td.brochure li { margin: 0px; padding: 0px; vertical-align: middle; } 

table.home td.about { vertical-align: top; padding: 5px; font-family: Arial, sans-serif; font-size: 75%; line-height: 150%; font-weight: normal; color: #333333; }
table.home td.about p { margin: 0px 10px 2px 10px; padding: 0px; } 
table.home td.about ul { margin: 0px 0px 0px 20px; padding: 2px 10px 2px 10px; list-style-image: url(http://www.cancervic.org.au/images/shop/arrow_orange.gif); } 
table.home td.about li { margin: 0px; padding: 0px; vertical-align: middle; } 

table.feature { display: block; width: 100%; font-size: 100%; line-height: 150%; }
table.feature td.odd { width: 90px; height: 160px; vertical-align: top; text-align: center; border-right: 1px solid #EAE5DE;  }
table.feature td.even { width: 90px; height: 160px; vertical-align: top; text-align: center; border-right: 1px solid #EAE5DE; }

table.category { font-size: 100%; line-height: 150%; background-color: #ffffff; }
table.category td { width: 33%; height: 420px; color: #333333; }
table.category td p { margin: 0px 10px 2px 10px; padding: 0px; } 
table.category td ul { margin: 0px 0px 0px 10px; padding: 2px 0px 2px 5px; list-style-image: url(http://www.cancervic.org.au/images/shop/arrow_orange.gif); } 
table.category td li { margin: 0px; padding: 0px; vertical-align: middle; } 
table.category td a { color: #0066CC; }
table.category td a:hover { color: #CC0000; }
table.category td a:visited { color: #666666; }

table.productlist { display: block; width: 100%; font-size: 100%; line-height: 150%; background-color: #ffffff; }
table.productlist td { width: 20%; height: 88px; border: 1px solid #e9e9e9; }
table.productlist td a { margin: 0px; padding: 0px 0px 3px 5px; font-family: Arial, sans-serif; font-size: 100%; color: #333333; font-weight: bold; text-decoration: none; vertical-align: middle; }
table.productlist td a:hover { color: #CC0000; }
table.productlist td a:visited { color: #666666; }

#popup-content {
    padding-top: 20px;
    margin-left: 0;
}

#popup-closewindow {
    margin-left: 0;
}

#ShopProductThumbnail {

	float: right;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 6px 0px;
	font-size: 83.5%;
	text-align: center;
	background: #eeeeee;
	border: 1px solid #eeeeee;

}

#ShopProductThumbnail img {
	margin: 0px 0px 6px 0px;
	display: block;
	border: none;
}

table.productvariation {
	clear: right;
	width: 100%;
}

table.productvariation th {
	margin: 0px;
	padding: 5px 0px 5px 0px;
	font-weight: bold;
	text-align: left;
}
table.productvariation td.variation-detail {
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-top: 1px dotted #cccccc;
}
table.productvariation td.variation-price {
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-top: 1px dotted #cccccc;
}
table.productvariation td.variation-action {
	margin: 0px;
	padding: 5px 0px 5px 0px;
	text-align: right;
	border-top: 1px dotted #cccccc;
}
table.productvariation td.variation-action a {
	display: block;
	padding: 5px 0px;
	width: 33px;
	height: auto;
	font-family: Arial;
	font-size: 83.5%;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	vertical-align: middle;
	background: url(/images/templates/bg_button_small.gif) top left no-repeat;
	border: none;
}


/*
table.productdetail { display: block; width: 100%; font-family: Arial, sans-serif;  font-size: 100%;  line-height: 140%; font-weight: normal; color: #333333; text-decoration: none; border: 1px solid #F7F3EF; background-color: #ffffff; }

table.productdetail td.product { padding-bottom: 20px; width: 264px; vertical-align: top; font-size: 100%; background-color: #ffffff; }
table.productdetail td.product h1 { margin: 10px 10px 0px 10px; padding: 0px; font-family: Arial, sans-serif;  font-size: 120%;  line-height: 140%; font-weight: bold; color: #333333; text-decoration: none; }
table.productdetail td.product h2 { margin: 3px 10px 0px 10px; padding: 0px; font-family: Arial, sans-serif;  font-size: 110%;  line-height: 140%; font-weight: bold; color: #cc0000; text-decoration: none; }
table.productdetail td.product p { margin: 3px 10px 0px 10px; padding: 0px; font-family: Arial, sans-serif;  font-size: 100%;  line-height: 140%; font-weight: normal; color: #333333; text-decoration: none; }
table.productdetail td.product ul { font-family: Arial, sans-serif;  font-size: 100%;  line-height: 140%; font-weight: normal; color: #333333; text-decoration: none; }

table.productdetail td.variations { vertical-align: top; border-left: 1px solid #F7F3EF; }
table.productdetail td.variations table.productvariation { display: block; width: 100%; }
table.productdetail td.variations table.productvariation td.variations { vertical-align: top; padding: 3px 0px 3px 3px; font-family: Arial, sans-serif;  font-size: 65%;  line-height: 140%; font-weight: normal; color: #333333; text-decoration: none;}
table.productdetail td.variations table.productvariation td.variations a { font-weight: normal; color: #0165D0; text-decoration: none;}
table.productdetail td.variations table.productvariation td.variations a:hover { font-weight: normal; color: #CC0000; text-decoration: none;}
table.productdetail td.variations table.productvariation td.variations a:visited { font-weight: normal; color: #666666; text-decoration: none;}
*/

#UserForm #UserForm-Inner .basket { width: 100%; }
#UserForm #UserForm-Inner .basket td.details { width: 35%; padding: 4px; }
#UserForm #UserForm-Inner .basket td.basket { width: 15%; padding: 4px; }
#UserForm #UserForm-Inner .basket td.options { width: 20%; padding: 4px; }

table.shop td.utilities { vertical-align: top; padding: 0px; margin: 0px; width: 142px; background-color: #F2F5F8; font-size: 100%; line-height: 150%; }
table.shop td.utilities div.cart { width: 140px; height: 110px; padding: 5px; font-family: Arial, sans-serif;  font-size: 100%;  line-height: 140%; font-weight: normal; color: #333333; text-decoration: none;}
table.shop td.utilities div.cart a { color: #0165D0; }
table.shop td.utilities div.cart a:hover { color: #CC0000; }
table.shop td.utilities div.cart a:visit { color: #666666; }

/* Shop Styles */

table.form {
	margin: 0px;
	padding: 3px 0px 3px 0px;
	font-family: Arial, sans-serif;  
	font-size: 100%;
	border: none;
	width: 100%;
	display: block;
	border-top: 1px solid #003366;
	border-bottom: 1px solid #003366;
}

table.form td {
	width: 50%;
	margin: 0px;
	padding: 3px 0px 3px 0px;
	vertical-align: top;
}

table.form td.label {
	width: 50%;
	margin: 0px;
	padding: 3px 0px 3px 0px;
	vertical-align: top;
}

table.form input.text {
	margin: 0px 0px 2px 0px;
	width: 285px;
	font-family: Arial, sans-serif;  
	font-size: 100%;
	color: #333333;
	border: 1px solid #7F9DB9;
	background-color: #FEF9F1;
}

table.form textarea {
	margin: 0px 0px 2px 0px;
	width: 285px;
	height: 100px;
	font-family: Arial, sans-serif;  
	font-size: 100%;
	color: #333333;
	border: 1px solid #7F9DB9;
	background-color: #FEF9F1;
}

table.form select {
	margin: 0px 0px 2px 0px;
	width: 285px;
	font-family: Arial, sans-serif;  
	font-size: 100%;
	color: #333333;
	border: 1px solid #7F9DB9;
	background-color: #FEF9F1;
}

/*Shop template layout */

#ShopHeader {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 123px;
	margin-bottom: 5px;
}
	#ShopTop {
		width:835px;height:129px;float:right;background: url('/store/images/template/shop-header-bg.jpg') top left  no-repeat;
	}
		#ShopMainTitle{
			width:500px;float:left;padding:11px 0px 41px 125px;height:77px;
		}
		#ShopSkip{	
			width:75px;float:left;color:#ffffff;padding-top:10px;height:119px;
		}
		#ShopMap{
			width:89px;height:91px;float:right;padding:8px 5px 0px 41px;
		}
			#DivMap{
				width:89px;height:91px;background:url('/store/images/template/map.jpg') 0px 0px;
			}
	#ShopLogo {
		width:141px;height:69px;float:left;padding:21px 8px;
	}
/*
#Tertiary {
	background: url(/store/images/template/menu-bg.jpg) left top repeat-y;
	width:164px;
	padding:8px 13px 8px 10px;
	font-size:98%;
}


	#SubMenu ul li {
		background: url(/store/images/template/menu-dividor.jpg) left bottom no-repeat;
		padding-left:5px;
	}
		#SubMenu ul li ul li {
			background:url("/store/images/template/submenu-level-arrow.jpg") no-repeat scroll -3px 5px transparent;
		}
*/		
#Secondary { }
	#ShopBasket {
		width:172px;height:50px;padding:1px 1px 5px 1px;background:url(/store/images/template/left-bg.jpg);margin-bottom:12px;color:#00447e;font-size:70%;font-weight:bold;
	}
	#ShopSearch{
		width:160px;height:47px;padding:2px 10px 7px 4px;background:url(/store/images/template/search-bg.jpg);margin-bottom:12px;color:#00447e;font-size:80%;font-weight:bold;
	}
		#ShopSearch input#text-field,#ShopMail input#text-field {
			display: inline;
			margin: 0px;
			margin-top: 2px;
			width: 112px;
			height: 20px;
			border: none;
			padding:0px;
			float: left;
			background:transparent;
		}
		#ShopSearch input#submit-button,#ShopMail input#submit-button {
			display: inline;
			width: 45px;
			height: 46px;
			background: url(/store/images/template/search-button.jpg) top left no-repeat;
			border: none;
			margin:0px;
			margin-top: 4px;
			padding:0px;
			float: right;
		}
	#ShopMail{
		width:162px;height:47px;padding:2px 10px 7px 2px;background:url(/store/images/template/search-bg.jpg);margin-bottom:12px;color:#00447e;font-size:80%;font-weight:bold;
	}
		#ShopMail input#submit-button{
			background: url(/store/images/template/mail-button.jpg) top left no-repeat;
			margin-top: 2px;
		}

#Footer {
	height:50px
}

#StoreHomeFeatureProducts{
	top:143px;
}

#LocationMap {background: url(/store/images/template/locations-map.gif) repeat scroll 0 0 transparent;height:335px;width:350px;}