@import url(wysiwyg.css);

body {
	font:small "trebuchet MS", sans-serif;
	background:#FFF;
	margin:0;
	padding:0;
	color:#333;
	}
.page-home h1 {
background:transparent url(footwear.gif) no-repeat scroll 0 50%;
height:45px;
margin:0.5em 0;
text-indent:-999em;
}
	
h1 {
	font:normal 1.5em "trebuchet MS", Verdana, sans-serif;
	}
h2 {
	font:bold 1.3em "trebuchet MS", Verdana, sans-serif;
	}
h2 a {
	text-decoration:none;
	}
h3 {
	font:bold 1.0em "trebuchet MS", Verdana, sans-serif;
	text-transform:uppercase;
	padding-left:25px;
	background:url(square.gif) 0 50% no-repeat;
	}

h4 {
	font:normal 1.0em "trebuchet MS", Verdana, sans-serif;
	text-transform:uppercase;
	padding-left:25px;
	background:url(square.gif) 0 50% no-repeat;
	}
h5 {
	font-size:1.0em;
	}
a {
	color:#0A5AC6;
	}


#frame-top {
	background:#FFF url(frame-top.gif) top left repeat-x;
	}
#frame-bottom {
	background:url(frame-bottom.gif) bottom left repeat-x;
	}
#frame-left {
	background:url(frame-left.gif) top left repeat-y;
	}
#frame-right {
	background:url(frame-right.gif) top right repeat-y;
	}
#frame-topleft {
	background:url(frame-topleft.gif) top left no-repeat;
	}
#frame-leftmiddletop {
	background:url(frame-leftmiddletop.gif) 0 171px no-repeat;
	}
#frame-topright {
	background:url(frame-topright.gif) top right no-repeat;
	}
#frame-bottomleft {
	background:url(frame-bottomleft.gif) bottom left no-repeat;
	}
#frame-bottomright {
	background:url(frame-bottomright.gif) bottom right no-repeat;
	}






#brand {
	height:120px;
	clear:both;
	}
#brand h2 {
	height:120px;
	width:30%;
	padding:0;
	margin:0;
	float:left;
	}
#brand h2 a {
	height:120px;
	width:300px;
	display:block;
	text-decoration:none;
	text-indent:-999em;
	}
.tagline {
	font-size:smaller;
	color:#DA2586;
	display:block;
	padding-left:14px;
	}



.form-search {
	height:40px;
	width:60%;
	float:left;
	padding:50px 0 0 0;
	margin:0;
	font-size:smaller;
	color:#999;
	text-align:center;
	}
.form-search label {
	display:none;
	}
.form-search #keywords {
	width:50%;
	margin:0.5em 4px 0.5em 64px;
	}


.links-login {
	margin:0;
	width:60%;
	float:left;
	text-align:center;
	}
.links-login ul {
	padding:0;
	margin:0;
	list-style:none;
	}
.links-login li {
	display:inline;
	}
.links-login li a {
	background:url(links-shop-bg.gif) 100% 50% no-repeat;
	padding:0 16px 0 11px;
	color:#FFFFFF;
	text-decoration:none;
	}
.links-login li.last a {
	background:none;
	}
	.links-login li a:hover {
		color:#0A5AC6;
		}
	.links-login li.current a {
		color:gray;
		}







#main {
	clear:both;
	padding:0 120px 1em 120px;
	}
#side {
	width:24%;
	float:left;
	padding:9px 1% 50px 0;
	margin-left:-1px;
	background:url(side-bg.gif) 80% 50px no-repeat;
	} 
#content {
	width:75%;
	float:left;
	padding:0;
	}




.links-path {
	padding:9px 0 0 0;
	font-size:smaller;
	color:#999999;
	clear:left;
	}
.links-path a {
	color:#999999;
	}
	#page-home #content {
		background:none;
		}
	#page-home .links-path {
		text-indent:-999em;
		}
.links-path a:hover {
		color:#0A5AC6;
		}






.links-category {
	padding:20px 0 10px 0;
	}
#side ul {
	list-style:none;
	padding:0 10px 10px 0px;
	margin:0;
	}
#side li {
	display:inline;
	}
.links-category ul {
	padding:0 10px 10px 0px;
	text-transform:uppercase;
	font-weight:bold;
	}
.links-category  ul ul {
	padding:0 0 15px 0;
	margin:0;
	background:none;
	text-transform:none;
	font-weight:normal;
	}
.links-category ul a,#side h3,#side h4 {
	text-decoration:none;
	padding:2px 0 1px 0;
	display:block;
	color:#333;
	margin:0;
	background:url(divider-horizontal-small.gif) left bottom no-repeat;
	font-weight:bold;
	}
.links-category ul ul a,
.links-information ul a,
.links-groupings a {
	color:#0A5AC6;
	padding:2px 0 1px 15px;
	text-decoration:underline;
	background:url(bullet.gif) 2px -30px no-repeat;
	display:block;
	font-weight:normal;
	}
.links-category ul ul .current a {
	color:#333;
	text-decoration:none;
	background:url(bullet.gif) 2px 5px no-repeat;
	} 









#base {
	clear:both;
	background:url(divider-horizontal.gif) 50% 0 no-repeat;
	text-align:center;
	padding:20px 0 0 0;
	margin:20px 0 0 0;
	font-size:smaller;
	height:150px;
	}
#page-home #base {
	padding:10px 0 0 0;
	margin:0 0 0 0;
	height:120px;
	}
#base * {
	display:inline; 
	color:#DA2586;
	}



.subsection-product .layout-gridview .product-image {
	float:none;
	}

.layout-gridview .product {
	width:33%;
	height:220px;
	}
.layout-listview .highlight-price {
	float:none;
	}


	
	

/* Search - convert from listview to gridview */

.subsection-search .layout-listview .product {
	width:33%;
	height:220px;
	float:left;
	clear:none;
	text-align:center;
	}
.subsection-search .layout-listview .product-image {
	float:none;
	clear:none;
	width:auto;
	text-align:center;
	}
.subsection-search .layout-listview .product-summary {
	display:none;
	}






/* Definition lists */
dt {
	width:100px;
	float:left;
	}
dd {
	margin-left:110px;
	}

	
/* convert brands layout from listview to gridview */

.subsection-grouping .product {
	width:25%;
	text-align:center;
	height:13em;
	}
.subsection-grouping .product .highlight-price {
	float:none;
	}
.subsection-grouping .product-summary {
	display:none;
	}


.highlight-price {
	color:#577D32;
	}

.clear {
	clear:both;
	font-size:1px;
	height:2px;
	display:block;
	}

.live-store {
	float:left;
	width:185px;
	height:215px;
	padding:8px;
	margin:0 0 10px 8px;
	color:gray;
	text-align:center;
	background:url(http://www.vendorama.co.nz/img/live-stores/bg.gif) top left no-repeat;
	}

#prompt {
	text-align:center;
	clear:both;
	}
#prompt * {
	display:block;
	}
#prompt .call {
	font-weight:bold;
	}
#prompt .phone {
	font-size:2em;
	color:green;
	font-weight:bold;
	}
#prompt a {
	font-size:1.3em;
	}
.gateway-7 h3 {
	text-indent:-999em;
	background:url(paybybanktransfer.gif) top left no-repeat;
	}
.gateway-5 h3 {
	text-indent:-999em;
	background:url(paybycreditcard.gif) top left no-repeat;
	}
.attribute-shipping {
	display:none;
	}


/* VISA/MASTERCARD */

#page-payment .gateway-1,
#page-payment .gateway-5 {
	background:url(visa-mc-sm.gif) 90% 20px no-repeat;
	}
#page-payment .gateway-1 p.text-youwillbe,
#page-payment .gateway-5 p.text-youwillbe {
	margin-right:170px;
	}
#page-payment .gateway-5 {
	margin-top:1.5em;
	border-top:1px solid #CCC;
	}