@charset "UTF-8";
/* CSS Document */

/* ----------------------------------- default ----------------------------------- */
html, body {
	min-width:930px;
	height:100%;
	color:#777;
	font-size:12px;
	line-height:15px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	background:#ececee;
}
a {			color:#1b2e60; text-decoration:none; }
a:hover {	color:#1b2e60; text-decoration:underline !important; }



strong, b { font-weight:bold;}

.clear {	clear:both !important;	font-size:0; height:0; }


input {
	background:#fff;
	border:1px solid #ddd;
	padding:3px;
	margin:0;
	color:#777;
}
button {
	border:none;
	background:none;
	margin:0;
	padding:0;
}


hr {
	color:#fff;
	background:#fff;
	border-bottom:1px solid #e5e5e5;
	border-left:none;
	border-right:none;
	border-top:none;
	height:1px;
}





/* ------------------------------------------------- header ------------------------------------*/
#header {
	margin:0;
	padding:0;
	width:900px;
	height:67px;
	overflow:hidden;
	z-index:100;
	background:url(../images/bg-header.gif) 0 0 repeat-x;
}


/* ------------------- logo ------------------- */
#header h1 {
	position:relative;
	float:left;
	display:inline-block;
	margin:0;
	padding:0;
	width:150px;
	height:52px;
	z-index:100;
	border:none;
	overflow:hidden;
}
#header h1 a, #header h1 a span {
	position:absolute;
	top:0;
	left:0;
	width:150px;
	height:52px;
	margin:0;
	padding:0;
	display:block;
}
#header h1 a span {
	background:url(../images/logo.gif) top left no-repeat;
	cursor:pointer;
}


#header #bar {
	width:900px;
	height:15px;
	margin:0;
	padding:0;
	overflow:hidden;
	background:url(../images/bg-header-bar.gif) 0 0 no-repeat;
}










/* ------------------------------------------------- general layout divs ----------------------------------- */
#wrapper {
	width:900px;
	min-height:100%;
	overflow:hidden;
	margin:0 auto;
	padding:0 15px;
	background:url(../images/bg.gif) left top repeat-y;
}

#family {
	margin:0;
	padding:0;
	width:900px;
	height:70px;
	overflow:hidden;
	z-index:100;
}

#contentWrap {
	width:900px;
	margin:0;
	padding:2px 0 0;
	background:url(../images/bg-content.jpg) 0 0 no-repeat;
}

#sidebar {
	float:left;
	display:inline-block;
	width:202px;
	margin:0 20px 30px 0;
	padding:0 0 15px 0;
	overflow:hidden;
	border-right:1px solid #dfe1e0;
	border-bottom:1px solid #dfe1e0;
	background:#f7f7f7;
}

#content {
	float:left;
	display:inline-block;
	margin:0;
	overflow:hidden;
	width:667px;
	margin:0;
	padding:0;
	position:relative;
}
	








/*---------------------- general subpage styles -------------------------*/
h1 {
	font-size:24px;
	line-height:30px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#1b2e60;
}


h2 {
	font-size:16px;
	line-height:24px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#1b2e60;
}


p {
	padding:5px 0 10px;
}

ul {
	list-style:outside;
	margin-bottom:10px;
}
ol {
	margin-bottom:10px;
}
li {
	margin-left:30px;
	padding:4px 0;
}



/* ------------------ breadcrumb nav ------------------------------------*/
p.breadcrumb {
	margin:25px 0 20px;
	padding:0 0 3px;
	font-size:14px; 
	line-height:18px;
	color:#acacac;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:1px solid #e5e5e5;
}
p.breadcrumb a {
	padding:0 5px;
}



h3.viewCart a {
	background:url(../images/bg-cart-icon.gif) right 0 no-repeat;
	padding:6px 28px 5px;
	margin:0;
	text-align:center;
	position:absolute;
	top:0;
	right:15px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}






/* ------------------------------------------------- logos ------------------------------------*/
#family h2 {
	display:inline-block;
	float:left;
	width:203px;
	height:70px;
	padding:15px 0;
	margin:0;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	background:url(../images/arrow-blue-big.gif) 185px 20px no-repeat;
}

#family ul {
	list-style:none;
	display:inline-block;
	float:left;
	height:41px;
	margin:15px 0 0;
	overflow:hidden;
}

#family ul li {
	position:relative;
	margin:0 0 0 10px;
	padding:0;
	float:left;
	display:block;
	list-style:none;
	height:41px;
}
#family ul li a, #family ul li a span {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	height:41px;
	overflow:hidden;
	display:block;
	color:#efefef
}

#family ul li a span {
	cursor:pointer;
}
#family ul li#miranel,
#family ul li#miranel a {				width:149px; }
#family ul li#miranel a span {			width:149px; background:url(../images/logo-miranel.jpg) 0 0 no-repeat; }
#family ul li#miranel a:hover span,
#family ul li#miranel.selected a span {	background-position: 0 -41px; }

#family ul li#castiva,
#family ul li#castiva a {				width:95px; }
#family ul li#castiva a span {			width:95px; background:url(../images/logo-castiva.jpg) 0 0 no-repeat; }
#family ul li#castiva a:hover span,
#family ul li#castiva.selected a span {	background-position: 0 -41px; }

#family ul li#chiggaway,
#family ul li#chiggaway a {				width:81px; }
#family ul li#chiggaway a span {		width:81px; background:url(../images/logo-chiggaway.jpg) 0 0 no-repeat; }
#family ul li#chiggaway a:hover span,
#family ul li#chiggaway.selected a span {background-position: 0 -41px; }

#family ul li#ivyclear,
#family ul li#ivyclear a {				width:60px; }
#family ul li#ivyclear a span {			width:60px; background:url(../images/IvyWashLOGO6.jpg) 0 0 no-repeat; }
#family ul li#ivyclear a:hover span,
#family ul li#ivyclear.selected a span {background-position: 0 -41px; }









/* ------------------------------------------------ sidebar ------------------------------------------------ */
#sidebar h2 {
	clear:both;
	font-size:14px;
	line-height:21px;
	background:#1f3976 url(../images/bg-sidebar-heading.gif) 0 0 repeat-x;
	color:#fff;
	font-weight:bold;
	padding:0 10px 0 15px;
	margin:0 0 5px 0;
}





/*---------------------- login form -------------------------*/

#sidebar form {
	margin:0 10px 10px 15px;
	color:#1b2e60;
	float:left;
	display:inline;
}

#sidebar form fieldset {
	margin:0 0 5px;
	padding:0;
}

#sidebar form label {
	padding:0 0 0 3px;
	display:block;
}

#sidebar form fieldset input {
	float:left;
	display:inline;
	margin:0 !important;
}
#sidebar form fieldset.login label {
	width:100px;
	margin:0;
	float:left;
	display:inline-block;
}
#sidebar form fieldset.login .forgot {
	line-height:10px;
	font-size:10px;
}

#sidebar form input#button {
	background:#f09926 url(../images/bg-button-orange.gif) 0 0 repeat-x;
	border:1px solid #f09926;
	color:#fff;
	padding:1px 5px;
	margin:5px 0 0;
	float:left;
	display:inline-block;
	font-size:11px;
	line-height:13px;
}



/*---------------------- logout form -------------------------*/
#sidebar form ul {
	padding:0;
	margin:0;
}
#sidebar form .logout a {
	color:#df7417;
}






/*---------------------- side nav -------------------------*/
#sidebar ul {
	margin:0 10px 10px 15px;
	padding:0;
	list-style:none;
}

#sidebar ul li {
	margin:0;
	padding:1px 0;
	list-style:none;
}



/*---------------------- cross selling -------------------------*/
#sidebar .cross {
	margin:0;
	padding:10px 10px 10px 15px;
	clear:both;
	display:block;
}

#sidebar .cross .photo {
	float:left;
	display:inline-block;
	margin:0;
	padding:0 10px 0 0;
	width:52px;
	overflow:hidden;
}
#sidebar .cross .photo a img {
	width:50px;
	border:1px solid #1b2e60;
}
#sidebar .cross .photo a:hover img {
	border:1px solid #df7417;
}
#sidebar .cross p {
	margin:5px 0;
	padding:0;
	font-size:12px;
	line-height:13px;
}
#sidebar .cross p.price {
	color:#df7417;
}
#sidebar .cross p.price span {
	color:#1b2e60;
	font-size:11px;
	font-weight:bold;
	text-align:right;
	padding-left:15px;
}





/* ------------------------------------------------ category landing page ------------------------------------------------ */
h2#landing {
	font-size:20px;
	line-height:28px;
	color:#575757;
}

ul.landing {
	margin:25px 0 0 25px;
	width:250px;
	float:left;
	display:inline-block;
	list-style:none;
}
ul.landing li {
	margin:0 0 15px;
	padding:0 0 0 20px;
	list-style:none;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	background:url(../images/arrow-blue-small.gif) 0 5px no-repeat;
}







/* ------------------------------------------------ listing and detail page ------------------------------------------------ */
.listing {
	display:block;
	background:url(../images/bg-listing.jpg) right bottom no-repeat;
	min-height:110px;
	padding:15px 0 3px;
}


/* ------------------ product photo ------------------*/
.photo {
	float:left;
	display:inline-block;
	overflow:hidden;
}
.listing .photo {
	width:110px;
}
.detail .photo {
	width:160px;
}

/* ------------------ product description ------------------*/
.info {
	float:left;
	display:inline-block;
	padding:0 22px 0 0;
	overflow:hidden;
}
.listing .info {
	width:300px;
}
.detail .info {
	width:460px;
}
.listing .nophoto {
	width:410px;
}


.info h2 {
	padding:0 0 0 20px;
}
.listing .info h2 {
	background:url(../images/arrow-blue-small.gif) 5px 5px no-repeat;
}
.detail .info h2 {
	font-size:18px;
	line-height:24px;
}


.info .more {
	font-weight:bold;
	padding-left:5px;
}
.info p {
	padding-left:20px;
}



/* ------------------ product pricing ------------------*/
form.price {
	float:left;
	display:inline-block;
	overflow:hidden;
}
.listing form.price {
	width:235px;
}
.deatil form.price {
	width:160px;
}

form.price h2 {
	color:#df7417;
	font-size:14px;
	line-height:20px;
	padding-bottom:15px;
}


.listing form.price fieldset {
	float:left;
	display:inline-block;
	padding:0 10px 0 0;
}
.detail form.price fieldset {
	float:left;
	display:inline-block;
	padding:0 0 10px 0;
}
.detail form.price fieldset.qty {
	clear:both;
	padding-right:10px;
}


form.price label {
	display:block;
	margin-bottom:3px;
	font-size:12px;
	line-height:14px;
	color:#1b2e60;
}
form.price select {
	width:85px;
	padding:0;
	margin:0;
	font-size:11px;
	line-height:13px;
}
form.price input {
	width:20px;
	padding:2px 5px;
	margin:0;
	font-size:11px;
	line-height:13px;
}

form.price input#button {
	background:#1b2e60 url(../images/bg-button-blue.gif) 0 0 repeat-x;
	border:1px solid #1b2e60;
	color:#fff;
	padding:1px 5px;
	margin:0;
	width:80px;
}


form.price fieldset.added {
	clear:both;
	width:100%;
}
form.price fieldset.added label {
	clear:both;
	color:#f09926 !important;
	width:90%;
	text-align:center;
	margin:5px 0 0;
	padding:5px 0;
	font-weight:bold;
}






















/* ------------------------------------------------ cms form styles ------------------------------------------------ */
div.formText {
	width:240px;
	float:right;
	display:inline;
}

form table.cmsForm {
	float:right;
	display:inline;/*
	color:#9a9a9a;*/
	font-size:12px;
	line-height:14px;
	width:410px;
}/*
form * {
	font-size:12px;
}*/
form table.cmsForm input, form table.cmsForm select {/*
	color:#666;*/
	margin-right:5px;
}

form table.cmsForm {
	margin:10px auto 0 auto;
}
form table.cmsForm tr td {	
	vertical-align:top;
	margin-top:0;
	padding:0 15px 5px 0;
	text-align:left;
}
form table.cmsForm tr td.formName {
	width:50%;
	text-align:right;
}

form table.cmsForm #checkbox {
	float:left;
	clear:both;
	display:block;
}

form table.cmsForm .required {
	font-size:20px;
	color:#f33;
}

















/*------------------------------------ footer ------------------------------------*/
#footer {
	clear:both;
	margin:50px 35px 0;
	padding:10px 0 20px;
	width:830px;
	border-top:1px solid #ccc;
	font-size:11px;
	line-height:14px;
	color:#c7c7c7;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#footer a { color:#c7c7c7;}


#footer p#copyright {
	float:left;
	display:inline-block;
	width:50%;
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
}


#footer p#links {
	float:right;
	display:inline-block;
	width:50%;
	margin:0;
	padding:0;
	list-style:none;
	text-align:right;
}
#footer p#links a {
	margin:0 5px;
}