/* @override http://dev.solvejswings.co.nz/skin/frontend/solvej/default/css/style.css */

/* /////////////////////////////////

	Holmsater CSS 

	by Benek Lisefski

	http://www.benek.co.nz

///////////////////////////////// */



/* reset whitespace */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr,table { 
	margin:0;
	padding:0;
}

/* /////////////////////////////////

	LAYOUT

///////////////////////////////// */

body {

	font: normal 11px 'trebuchet ms', tahoma, arial, verdana;
	color: #000;
	background: #e9e0cd url('../images/bg.jpg') repeat center top;
	line-height: 18px;
}



p, div, td

{
font: normal 11px 'trebuchet ms', tahoma, arial, verdana;
color: #000;
/*line-height: 18px;*/
}

#wrapper {
	background: transparent url('../images/bg-plant.jpg') no-repeat center top;
}

#center {
	width: 784px;
	margin: 0 auto;
	background: transparent url('../images/bg-page.gif') repeat-y left top;
	position: relative;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear { 
	clear: both; 
	height: 0; 
	line-height: 0px;
	font-size: 0px;
	text-indent: -5000px;
}

#header {
	height: 60px;
	background: transparent url('../images/bg-header.jpg') no-repeat center top;
	position: relative;
	padding-top: 105px;
}

#content {
	padding: 0px 0px 0px 0px;
	background: transparent url('../images/bg-content.jpg') no-repeat left top;
	height: 1%;
}

#columns {
	background: transparent url('../images/bg-footer-above.jpg') no-repeat right bottom;
	width: 576px;
	float: left;
	position:relative;
	padding-bottom: 18px;
}

.maincol {
	width: 328px;
	float: left;
	margin-right: 24px;
	/*border:1px solid black;*/
}

.maincol_wide {
	width: 500px;
	float: left;
	margin-right: 24px;
	/*border:1px solid #c0c0c0;*/
}

.maincol p, .maincol_wide p {/*size: 10px;*/}

.subcol {
	width: 200px;
	float: left;
}

.wide {
	width: 553px;
	clear: both;
}

#footer {
	clear: both;
	background: transparent url('../images/bg-footer.jpg') no-repeat left top;
	height: 67px;
	position: relative;
	padding-left: 30px;
}

/* /////////////////////////////////
	TEXT + HTML
///////////////////////////////// */

h1, td h1 {
	font: bold 14px georgia, "times new roman", times;
	color: #864601;
	margin: 18px 0px 12px 0px;
	font-style: italic;
	letter-spacing: -1px;
	padding-top: 8px;
}

h1.image, h2.image {
	height: 49px;
	margin-top: 17px;
	text-indent: -5000px;
	padding: 0px;
}

h1#babytoddler {
	background: transparent url('../images/h1-babytoddler.gif') no-repeat left top;
}

h2 {
	font: bold 14px georgia, "times new roman", times;
	color: #864601;
	margin: 18px 0px 12px 0px;
	font-style: italic;
	letter-spacing: -1px;
	padding-top: 8px;
}



h2#age6months6years {

	background: transparent url('../images/h2-6months6years.gif') no-repeat center top;

}



p {

	margin: 12px 0px;

}



ul {

	margin: 12px 0px;

}



/* /////////////////////////////////

	LINKS

///////////////////////////////// */



a img { border: none }



a,

a:visited,

a:active {

	color: #025f9f;

	text-decoration: none;

}



a:hover {
	color: #0075c6;
	text-decoration: underline;
}
a.product_compare,
a.product_compare:visited,
a.product_compare:active {
	color: #864601;
	text-decoration: none;
}

a.product_compare:hover {
	color: #864601;
	text-decoration: underline;
}


/* /////////////////////////////////

	NAV

///////////////////////////////// */



ul#nav {

	height: 35px;

	margin: 0px 7px;

	background: #114803 url('../images/bg-nav.gif') repeat-x left top;

	overflow: hidden;

	padding-left: 13px;

	list-style-type: none;

}



ul#nav li {

	display: block;

	float: left;

	height: 35px;

	overflow: hidden;

	margin-right: 1px;

}



ul#nav li a,

ul#nav li a:visited {

	text-decoration: none;

	font: normal 11px georgia, 'times new roman', times;

	text-transform: uppercase;

	display: block;

	padding: 11px 11px 12px 11px;

	color: #fff;

	letter-spacing: 1px;

	background: transparent url('../images/bg-hover.gif') repeat-x center -35px;

}



ul#nav li a:hover {

	text-decoration: none;

	background-position: center 0px;

	color: #fff;

}

ul#nav li.current a,
ul#nav li.current a:visited {
	background: transparent url('../images/bg-current.gif') no-repeat center 0px;
	color: #d9f1ab;
}

/* /////////////////////////////////

	PRODUCT NAV

///////////////////////////////// */


div#productNav {
	width: 177px;
	margin: 0px 24px 0px 7px;
	background: transparent url('../images/bg-productnav.gif') no-repeat right top;
	float: left;
	display: inline;
	padding: 0px 0px 50px 0px;
	border: 0px solid red;
}


div#productNav ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}



h2#products {
	height: 33px;
	overflow: hidden;
	text-indent: -5000px;
	background: #9e7e45 url('../images/h2-products.gif') no-repeat right top;
	margin: 0px;
	padding: 0px;
	font-family:Kristen ITC;
}

h2#usefullinks {
	height: 33px;
	overflow: hidden;
	text-indent: -5000px;
	background: #9e7e45 url('../images/h2-usefullinks.gif') no-repeat right top;
	margin: 0px;
	padding: 0px;
	font-family:Kristen ITC;
}

div#productNav ul li {
	display: block;
	border-bottom: solid 1px #e8e8de;
}



div#productNav ul li a,
div#productNav ul li a:visited {
	text-decoration: none;
	font: normal 11px georgia, 'times new roman', times;
	display: block;
	padding: 7px 0px 6px 24px;
	margin: 0px;
	color: #025f9f;
	background: transparent url('../images/bullet-brown.gif') no-repeat 10px 11px;
	zoom: 1;
}

div#productNav ul li a .desc {
	display: block;
	color: #7196af;
	font-style: italic;
}



div#productNav ul li a .black {
	color: #000;
	font-size: 10px;
}

div#productNav ul li a:hover {
	text-decoration: underline;
	color: #0075c6;
}

div#productNav ul li a:hover .desc {
	text-decoration: underline;
	color: #7196af;
}



div#productNav ul li.current a,
div#productNav ul li.current a:visited {
	background-color: #fff;
	color: #1a4704;
}



/* /////////////////////////////////

	HEADER

///////////////////////////////// */



#breadcrumb {
	height: 25px;
	margin: 0px 7px;
	background: #b9c79e url('../images/bg-breadcrumb.gif') repeat-x left top;
	overflow: hidden;
	padding-left: 24px;
	overflow: hidden;
}



#breadcrumb p {
	color: #114803;
	font: normal 10px tahoma, verdana, arial;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	float: left;
}

#basket {
	position: absolute;
	top: 49px;
	left: 536px;
	width: 235px;
	line-height: 12px;
	background: transparent url('../images/bg-basket.jpg') no-repeat center top;
	height: 50px;
}



#basket a,

#basket a:visited {

	padding-left: 10px;

	background: transparent url('../images/bullet-brown.gif') no-repeat 0px 6px;

}



#basket span.items {

	display: block;

	text-align: right;

	width: 92px;

	float: left;

	margin-top: 4px;

}



#basket span.items strong {

	font: bold 16px georgia;

	line-height: 12px;

}



#basket span.links {

	display: block;

	width: 96px;

	float: right;

	margin-top: 6px;

}



/* /////////////////////////////////

	CONTENT

///////////////////////////////// */



p.benefits {

	text-align: center;

	margin-top: 24px;

}



.pronunciation {
	background: #b9c79e url('../images/bg-pronunciation.jpg') no-repeat left top;
	border: solid 1px #9fb891;
	padding: 1px 5px 1px 5px; 
	margin: 30px 5px 1px 5px;
}

#slideshow {

	margin-top: 6px;

}



img.photo {

	display: block;

	border: solid 1px #e3e6d7;

}



div.swatches {

	text-align: center;

	margin-top: 10px;

}



div.hidden {

	display: none;

	visibility: hidden;

}



div.swatches a,

div.swatches a:visited,

div.swatches a:active {

	margin: 0px 3px 0px 0px;

	outline: none;

}



div.swatches a img {

	border: solid 1px #e3e6d7;

	padding: 3px;

}



div.swatches a:hover img {

	border-color: #b8bca6;

}



div.swatches a.active img {

	border-color: #265e05;

}



span.price {

	font: normal 17px georgia;

	color: #134a03;

	margin-right: 12px;

}



span.freight {

	font: normal 11px georgia;

	color: #134a03;

	font-style: italic;

	margin-right: 24px;

}



.bullet {

	padding-left: 10px;

	background: transparent url('../images/bullet-brown.gif') no-repeat 0px 6px;

}



/* /////////////////////////////////

	FOOTER

///////////////////////////////// */



#footer p {

	float: right;

	text-align: right;

	padding: 14px 31px 0px 0px;

	font-size: 11px;

	color: #134a03;	

	line-height: 14px;

	margin: 0px;

}



img#footRight {

	display: block;

	position: absolute;

	left: 783px;

	top: -75px;

}



img#holmsater {

	display: block;

	float: left;	

	padding-top: 11px;

}



/* /////////////////////////////////

	FORMS

///////////////////////////////// */



fieldset { border: 0px; }



div.addBasket {

	background: #b9c79e url('../images/bg-addbasket.gif') repeat-x left top;

	border-top: solid 1px #94ae6e;

	border-bottom: solid 1px #a6bd81;

	padding: 8px 16px 8px 16px;

	margin: 18px 0px 24px 0px;

}



div.addBasket fieldset {

	float: left;

	margin-right: 25px;

}



div.addBasket label {

	font: normal 11px georgia;

	color: #134a03;

	display: block;

	margin: 0px 0px 2px 0px;

}



div.addBasket fieldset.button {

	float: right;

	margin-right: 0px;

}



div.addBasket input,

div.addBasket select {

	font-size: 11px;

	padding: 1px;

}



div.addBasket input.button {

	border: 0px;

	font: normal 11px georgia;

	text-transform: uppercase;

	color: #fff;

	background: #134a03 url('../images/bg-button.gif') repeat-x left top;

	padding: 3px 8px;

	overflow: visible;

	margin-top: 8px;

}



div.addBasket input.button:hover {

	color: #d3f393;

	background-image: none;

}



div.addBasket input.input {

	width: 25px;

}

form.addBasket {
	background: #b9c79e url('../images/bg-addbasket.gif') repeat-x left top;
	border-top: solid 1px #94ae6e;
	border-bottom: solid 1px #a6bd81;
	padding: 8px 16px 8px 16px;
	margin: 18px 0px 24px 0px;
}



form.addBasket fieldset {
	float: left;
	margin-right: 10px;
}

label {
	display: block;
}

form.addBasket.label {
	font: normal 11px georgia;
	color: #134a03;
	display: block;
	margin: 0px 0px 2px 0px;
}

form.addBasket fieldset.button {
	float: right;
	margin-right: -3px;
	margin-top: 7px;
}


form.addBasket input,
form.addBasket select {
	font-size: 11px;
	padding: 1px;
}

form.addBasket input.button {
	border: 0px;
	font: normal 11px georgia;
	text-transform: uppercase;
	color: #fff;
	background: #134a03 url('../images/bg-button.gif') repeat-x left top;
	padding: 3px 8px;
	overflow: visible;
	margin-top: 8px;
}

form.addBasket input.button:hover {
	color: #d3f393;
	background-image: none;
}

form.addBasket input.input {
	width: 25px;
}


#message

{left:20px;

text-align:left;

position:relative;

display:block;

width:300px;

float:left;

}	

	

.outer

{border:1px solid #103900;

width:535px;

}



td

{padding:3px;}



.formbutton

{background-color:#103900;

padding:3px;}



.black {color:#000;}




/*http://holmsater.vo2.co.nz/js/unitip.css*/

/* unitip css */



#unitip {

	position: absolute;

	z-index: 1000;

	top: -1000px;

	color: #000;

	font: normal normal 1em/15px Arial, Helvetica, sans-serif;

	display: none;

}



	#unitippoint, #unitipmid, #unitipcap {

		position: relative;

		top: 0px; 

		left: 0px;

		width: 145px;

		display: block;

	}

	

	#unitippoint { 

		background: url(TipPoint.gif) no-repeat; 

		height: 19px; 

		overflow: hidden; 

	}

	

	#unitipmid { 

		background: url(TipMid.gif) repeat; 

		width: 115px;

		height: auto; 

		padding: 5px 15px;

	}

	

	#unitipcap { 

		background: url(TipCap.gif) no-repeat; 

		height: 7px; 

		overflow: hidden; 

	}



	#unitip ul

	{list-style: none;}

	

	#unitip li 

	{

	color: #134A03;

	width:100%;

	border-bottom:1px solid #000;

	}	


#thumbBox{ /*Outermost DIV for thumbnail viewer*/

position: absolute;

left: 0;

top: 0;

width: auto;

padding: 5px;

padding-bottom: 0;

background: #cccccc;

visibility: hidden;

z-index: 10;

cursor: hand;

cursor: pointer;

}



#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */

font: bold 12px Tahoma;

letter-spacing: 5px;

line-height: 1.1em;

color: white;

padding: 5px 0;

text-align: right;

}





#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */

background-color: white;

}



#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/

position: absolute;

visibility: hidden;

border: 1px solid black;

background-color: #EFEFEF;

padding: 5px;

z-index: 5;

}


.page {
	margin: 0px;
	width: auto;
	padding: 5px;
	overflow: hidden;
}

.page h3 {
	margin-top: 18px;
}

.titleBar {
	margin: 5px 0px 0 0px;
	padding-top: 0px;
	background: #fafcf2 url('../i/bg-titlebar.gif') repeat-x right top;
	border: solid 0px #e9f3cb;
	padding-bottom: 19px;
	width: 547px;
}

.titleBar h2 {
	margin: 20px 0px 0px 5px;
	FONT-SIZE: 18PX;
}

.titleBar h3 {
	margin: 4px 20px 4px 20px;
}

/* checkout */

.col2-set {
	display: block;
	clear: left;
	width: 550px;
	border: 0px solid red;
}
.col2-set .narrow { width:29%; }
.col2-set .wide { width:70%; }


/********************** Pager */
table.pager select,
table.view-by select { margin:0 3px; font-size:.95em; }
table.pager select { width:50px; }
table.view-by td.sort-by { text-align:right; padding-right:44px; }
table.view-by select { width:85px; }
table.pager, table.view-by {
    width:100%;
    background:url(../images/pager_bg.gif) repeat-x 0 100% #fff;
    font-size:.95em;
    }
table.pager td {
    width:32%;
    border-top:1px solid #eee;
    padding:4px 8px;
    vertical-align:middle;
    }
table.pager td.pages { padding:4px 0; white-space:nowrap; text-align:center; }
table.pager ol, table.pager li {
    display:inline;
    }
table.pager li { padding:0 2px; }
table.view-by td {
    width:33%;
    border-top:1px solid #e2e2e2;
    padding:4px 8px;
    vertical-align:middle;
    }

.category-head {
	margin-top: 15px;
}

#galleryTable {
	padding: 0;
	margin: 0px 0px 10px 0px;
	border: 1px solid silver;
	width: 540px;
}
#galleryTable td{
	padding: 0px;
	border: 0px solid silver;
	text-align: center;
}

#galleryTable td img {
	padding: 10px 0px 0px 0px;
} 
#galleryTable td:hover {
	background-color: #b9c79e;
}
#galleryTable td span.picture_label {
	font-size: 11px;
	text-align: center;
	display: block;
	padding-bottom: 4px;
	font-weight: bold;
}

table#retail {
	font-size: 10px;
	border-collapse:collapse;
}

table#retail td{
	border: 1px solid silver;
}
table#retail td.title{
	background-color: #114803;
	color: white;
	font-weight: bold;
}

.testimonialBox {
	width: 500px;
	border: 1px solid silver;
	padding: 5px 10px 5px 10px;
	margin-bottom: 10px;
	
}
.testimonialBox p{
	font-size: 12px;
}
.testimonialBox i{
	color: #864601;
}

.spacer {
	margin-bottom: 80px;		
}

#homepageFooterPrincess {
	background-color: #b9c79e;
	width: 540px;
	padding: 5px;
	border:1px solid silver;
	margin-top: 20px;
}

#homepageFooterPrincess p {
	padding: 15px 5px;
	margin: 0;
}
#homepageFooterPrincess h1 {
	padding: 0px 0px 0px 5px;
	margin: 0;
	font-size: 11px;
}


/* /////////////////////////////////
	Added Benek 01 Sept 2010
///////////////////////////////// */
	
.pronunciation {
	background: #b9c79e url('../i/bg-pronunciation.jpg') no-repeat left top;
	border: solid 1px #9fb891;
	padding: 1px 14px; 
	margin: 20px 0 20px -1px;
}

.pronunciation p {
	margin: 8px 0;
	line-height: 16px;
}

h1 {
	letter-spacing: 0;
	font-weight: normal;
}

h1.centered {
	text-align: center;
	margin-left: -20px;
}

h1.large {
	font-size: 18px;
}

.half {
	width: 260px;
}

.solvej {
	background: #fff url('../images/bg-col-solvej.gif') repeat-y left top;
	margin-right: 24px;
	position: relative;
}

.kea {
	background: #fff url('../images/bg-col-kea.gif') repeat-y left top;
	position: relative;
}

#solvejTop, #keaTop {
	display: block;
	margin-bottom: 10px;
}

#solvejBot, #keaBot {
	display: block;
}

#solvejPhoto, #keaPhoto {
	display: block;
	margin: 0 auto;
}

#btn-viewSolvej, #btn-viewKea {
	display: block;
	position: absolute;
	bottom: -44px;
	width: 260px;
	text-align: center;
}

#columns {
	position: relative;
}

#compareLink {
	display: block;
	width: 97px;
	height: 97px;
	position: absolute;
	left: 225px;
	top: 270px;
}

c#compareLink img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(../i/compare.png);
}

table.compare {
	margin: 0 1px;
}

table.compare td {
	padding: 8px 12px;
	line-height: 14px;
}

.compare tr.odd td {
	background: #f5f5ee;
}

#header-babykea {
	height: 60px;
	background: transparent url('../images/bg-header-kea.jpg') no-repeat center top;
	position: relative;
	padding-top: 105px;
}