/* jigsaws 2009 */

* { margin: 0; padding: 0; }

p { margin: 0.5em 0 1.0em 0; }

img { border-width: 0; }

h1, h2, h3, h4, h5, h6 { margin:0.5em 0 0.3em 0; }

body {
	background: #609 url(/images/bodyback.jpg) center top;
	margin:0;
	padding:0;
	color: #000;
}

body, table {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: 16px;
}

	* html body, * html table  { font-size: medium; }

form { display: inline; }

.breaker { clear: both; }
.lbreaker { clear: left; }
.rbreaker { clear: right; }

img.floatleft { float: left; margin: 0px 10px 10px 0px; }
img.floatright { float: right; margin: 0px 0px 10px 10px; }
img.cust-serv-icon { float: left; margin: 1px 5px 0 0; }

h1 { font-size: 2.2em; color: #609; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}
h2 { font-size: 1.7em; color: #f09; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}
h3 { font-size: 1.1em; color: #225; letter-spacing: -1px;}
	h3.prodpage { font-size: 1.4em; color: #f09; line-height: 1.2em; margin-top: 15px; }
h4 { font-size: 1.1em; color: #336; letter-spacing: -1px;}

.txt-purp { color: #609; }

a.strong-link { font-weight: bold; }

#skiptomain { display: none; }

#wrapper {
	width: 1020px;
	margin: 0 auto;
	font-size: 0.85em;
	background: url(/images/wrapperback.png) repeat-y center top;
}

	#pagecontainer {
		width: 970px;
		padding: 0px 25px;
	}

		#header {
			width: 950px;
			padding: 0 10px;
			background: #fff;
		}

			#toplogo {
				padding: 5px 20px 5px 0;
				width: 440px;
				float: left;
				font-size: 0.8em;
			}

			#topsearch {
				padding: 25px 0 0 0;
				width: 270px;
				float: left;
				text-align: center;
			}

				#your-account {
					font-size: 0.8em;
					padding-bottom: 10px;
				}

					#your-account a:link, #your-account a:visited { color: #609; text-decoration: none; }
					#your-account a:hover { text-decoration: underline; }

				input.search {
					float: left;
					width: 200px;
					font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
					font-size: 0.9em;
					padding: 2px 0px;
				}

				input.searchsubmit {
					float: left;
					width: 60px;
					margin-left: 2px;
					background: #f09;
					color: #609;
					font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
					font-size: 0.9em;
					padding: 1px 3px;
				}

			#topright {
				padding: 8px 0;
				width: 190px;
				float: right;
				font-size: 0.8em;
				text-align: left;
			}

				#topright a:link, #topright a:visited { color: #609; text-decoration: none; }
				#topright a:hover { text-decoration: underline; }

		/* #topnav is now controlled by suckerfish.css */

		#topbar {
			width: 950px;
			margin: 0 10px;
			padding: 0;
			background: #fee;
			color: #000;
		}

			#breadcrumb {
				width: 760px;
				float: left;
				font-size: 0.9em;
				letter-spacing: -0.05em;
				padding: 7px 10px 5px 10px;
			}

				#breadcrumb a:link, #breadcrumb a:visited { color: #000; text-decoration: none; }
				#breadcrumb a:hover { color: #000; text-decoration: underline; }

			#topdate {
				width: 140px;
				float: right;
				text-align: right;
				padding: 7px 10px 5px 0;
				font-size: 0.8em;
				color: #555;
			}

		#scroller {
			width: 950px;
			height: 24px;
			line-height: 24px;
			margin: 2px 10px;
		}

			#scroller table { font-size: 0.9em; }

		#maincontent {
			width: 950px;
			margin: 0 10px;
			padding: 0 0 10px 0;
			font-size: 0.95em;
			line-height: 1.7em;
			background: #fff;
		}

			#maincontentleft {
				width: 170px;
				float: left;
				margin: 0;
				padding: 10px 0 0 0;
			}

				.leftelement {
					width: 148px;
					margin: 10px 0 0 0;
					padding: 10px;
					border: 1px solid #f09;
					background: #fcf;
					font-size: 0.95em;
				}

					#maincontentleft .leftelement a:link, #maincontentleft .leftelement a:visited { color: #609; }
					#maincontentleft .leftelement a:active, #maincontentleft .leftelement a:hover { color: #f09; }

					span.small { font-size: 0.8em; }

				select.assistant {
					width: 140px;
					font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
					font-size: 0.9em;
					padding: 2px 0px;
				}

				input.assistantsubmit {
					width: 100px;
					margin-left: 2px;
					background: #f09;
					color: #609;
					font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
					font-size: 0.9em;
					padding: 1px 3px;
				}

				input.newsletter {
					width: 140px;
					font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
					font-size: 0.9em;
					padding: 2px 0px;
				}

				input.newslettersubmit {
					width: 100px;
					margin-left: 2px;
					background: #f09;
					color: #609;
					font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
					font-size: 0.9em;
					padding: 1px 3px;
				}

				#maincontentleft .leftelement p.head { font-weight: bold; line-height: 18px; margin: 0; }
				#maincontentleft .leftelement p.option { line-height: 18px; margin: 0px; }
				#maincontentleft .leftelement p.here { font-weight: bold; letter-spacing: -1px; }


			#maincontentright {
				width: 770px;
				float: right;
				margin: 0;
				padding: 10px 0 0 0;
			}

				#mainfeature {
					width: 770px;
					margin: 10px 0 0 0;
					background: #fff;
					position: relative;
					border-bottom: 2px solid #f09;
				 }

				#mainfeaturepic {
					width: 770px;
					height: 250px;
				}

				#mainfeaturetext {
					position: absolute;
					width: 230px;
					height: 230px;
					top: 0px;
					left: 0px;
					padding: 10px;
					color: #000;
					font-size: 1.0em;
					line-height: 1.6em;
					z-index: 2;
					background: url(/images/transpink.png)  center top;
				 }

				 #maincontentright ul { padding: 5px 0 5px 25px; }

				 #maincontentright ul.pictured {
				 	width: 760px;
				 	list-style: none;
				 	margin: 0 0 0 10px;
				 	padding: 0;
				 }

				 	#maincontentright ul.pictured li {
				 		width: 140px;
				 		float: left;
				 		list-style-type: none;
				 		line-height: 15px;
						height: 140px;
						margin: 10px 12px 0 0;
						padding: 0;

				 	}

				 	* html #maincontentright ul.pictured li { margin-right: 5px; }

			#maincontentright a:link, #maincontentright a:visited { color: #609; text-decoration: none; }
			#maincontentright a:hover { color: #f09; text-decoration: underline; }

			#maincontentright .feature a:link, #maincontentright .feature a:visited { color: #609; text-decoration: none; }
			#maincontentright .feature a:hover { color: #609; text-decoration: underline; }

		#pagebottom {
			margin: 0px 10px 0px 10px;
			clear: both;
			width: 948px;
			font-size: 0.9em;
			color: #000;
			padding: 5px 0px 5px 0px;
			border: 1px solid #609;
			background: #fcf
		}

			#pagebottom a:link, #pagebottom a:visited { color: #000; text-decoration: none; }
			#pagebottom a:hover { color: #030; text-decoration: underline; }

			#pagebottom1 {
				margin: 0px 10px 0px 0px;
				float: left;
				width: 140px;
				font-size: 0.9em;
				color: #000;
				padding: 15px 10px 5px 10px;
			}

			#pagebottom2 {
				margin: 0px 10px 0px 0px;
				float: left;
				width: 150px;
				font-size: 0.9em;
				color: #000;
				padding: 15px 10px 5px 10px;
			}

			#pagebottom3 {
				margin: 0px 10px 0px 0px;
				float: left;
				width: 190px;
				font-size: 0.9em;
				color: #000;
				padding: 15px 10px 5px 10px;
			}

			#pagebottom4 {
				margin: 0px 10px 0px 0px;
				float: left;
				width: 160px;
				font-size: 0.9em;
				color: #000;
				padding: 15px 10px 5px 10px;
			}

				input.tellafriend {
					width: 150px;
					font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
					font-size: 0.95em;
					padding: 2px 0px;
				}

				input.tellafriendsubmit {
					width: 100px;
					margin-left: 2px;
					background: #f09;
					color: #609;
					font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
					font-size: 0.95em;
					padding: 1px 3px;
				}

			#pagebottom5 {
				margin: 0;
				float: left;
				width: 148px;
				font-size: 0.9em;
				color: #000;
				padding: 15px 10px 5px 10px;
			}

			ul.pagebottom { list-style: none; }
				ul.pagebottom li { list-style-type: none; }

		#footer {
			margin: 2px 10px 0px 10px;
			clear: both;
			width: 930px;
			font-size: 0.9em;
			color: #fff;
			padding: 15px 10px 5px 10px;
			background: #609;
			height: 28px;
		}

			#footer a:link, #footer a:visited { color: #fff; text-decoration: none; }
			#footer a:hover { color: #fff; text-decoration: underline; }


		#belowfooter {
			margin: 0px 10px;
			clear: both;
			width: 930px;
			font-size: 0.9em;
			line-height: 1.7em;
			padding: 5px 10px;
			color: #666;
		}

			#belowfooter a:link, #belowfooter a:visited { color: #116; text-decoration: none; }
			#belowfooter a:hover { color: #338; text-decoration: underline; }

/*****************
 MISC
*****************/

#flashanim {
	position: relative;
	z-index: 1;
}

	#flashanim img {
		display: none;
		position: absolute;
		top: 0; left: 0;
		z-index: 1;
	}

.bordered {
   	margin: 10px 0px 0px 0px;
   	padding: 10px;
   	border: 1px solid #cce;
}

.blueback {
    background: #eef;
}

.blackout {
   	background: #000;
   	color: #fff;
   	display: inline;
   	padding: 5px 0;
}

a.iconlink { padding-left:10px; background: url(/images/icon.gif) no-repeat top left;  }


/*****************
 PRODUCTS
*****************/

#home-prods {
	width: 770px;
}

	.product {
		width: 150px;
		float: left;
		background: #fff;
		color: #000;
  		margin: 5px 5px 10px 0;
  		padding: 0px;
	}

	.product-end { margin-right: 0; }

	.product p { margin: 0; }

	.product strong { font-size: 0.95em; }

	.product p.price {
		font-size: 1.1em;
		text-align: right;
	}

/*****************
 FEATURES
*****************/

.feature {
	float: left;
	width: 250px;
	padding: 0px;
	margin: 0 10px 10px 0;
	color: #000;
	background: #fee;
}

	.featureend { margin-right: 0px; }

	.feature p {
		width: 230px;
   		padding: 3px 10px;
		font-size: 1.0em;
		line-height: 1.4em;
		min-height: 110px;
	}

#secure {
	float: left;
	width: 375px;
	padding-top: 20px;
}

#speedydelivery {
	float: right;
	width: 375px;
	padding-top: 20px;
}

	#secure img, #speedydelivery img { margin-bottom: 0; }

	#secure h2, #speedydelivery h2 { margin: 30px 0 0 0; padding: 0; }

	#secure p, #speedydelivery p { clear: both; margin: 0px; }

 /**** DELIVERY TABLE ****/

	.cell1 {
		width: 150px;
		padding: 3px 3px 3px 3px;
		border-top: 1px solid #666;
		border-left: 1px solid #666;
		float: left;
		font-size: 0.8em;
	}


	.cell2 {
		width: 150px;
		padding: 3px 3px 3px 3px;
		border-top: 1px solid #666;
		border-left: 1px solid #666;
		float: left;
		font-size: 0.8em;
	}


	.cell3 {
		width: 150px;
		padding: 3px 3px 3px 3px;
		border-top: 1px solid #666;
		border-left: 1px solid #666;
		border-right: 1px solid #666;
		float: left;
		font-size: 0.8em;
	}

	.cell1end {
		width: 150px;
		padding: 3px 3px 3px 3px;
		border-top: 1px solid #666;
		border-left: 1px solid #666;
		border-bottom: 1px solid #666;
		float: left;
		font-size: 0.8em;
	}


	.cell2end {
		width: 150px;
		padding: 3px 3px 3px 3px;
		border-top: 1px solid #666;
		border-left: 1px solid #666;
		border-bottom: 1px solid #666;
		float: left;
		font-size: 0.8em;
	}


	.cell3end {
		width: 150px;
		padding: 3px 3px 3px 3px;
		border-top: 1px solid #666;
		border-left: 1px solid #666;
		border-right: 1px solid #666;
		border-bottom: 1px solid #666;
		float: left;
		font-size: 0.8em;
	}

/*************
BRAND OFFERS
*************/

#brandoffer {
	clear: both;
	width: 766px;
	background: #ffccff;
	border: 2px solid #609;
	margin: 0;
	padding: 0;
}

	#brandoffer h3 {
		color: #ff0099;
		background: #609;
		padding: 0 5px;
		margin: 0;
	}

		#brand-anim-txt {
			width: 756px;
			padding: 5px;
		}

/** PRODUCT PAGE **/

#prodpage_left {
	float: left;
	width: 280px;
	margin-right: 15px;
	text-align: center;
	font-size: 0.9em;
}

#prodpage_right {
	float: left;
	width: 475px;
}

	#prodpage_right p {
		line-height: 20px;
		margin: 3px 0;
	}

	#prodpage_right p strong { color: #003; }

	#prodpage_right p.price {
		font-size: 1.1em;
		font-weight: bold;
		color: #030;
	}

	#buybox {
		background: #fee;
		border: 1px solid #609;
		margin: 10px 0;
	}

		#buybox h2 {
			margin: 0 0 5px 0;
			background: #f09;
			color: #fff;
			font-size: 1.1em;
			font-weight: bold;
			padding: 3px 5px;
		}

		#buybox p { padding: 3px 10px; margin: 0; }
		#buybox label { float: left; width: 100px; padding-top: 4px; }
		#buybox select {  }
		#buybox p.littletext { clear: both; font-size: 0.8em; padding: 0 10px; margin: 0 0 5px 0; }
		#addtobag { width: 100px; color: #fff; font-weight: bold; }

	p.min-pad { margin: 5px 0 0 0; }


/* google map */

#gmap {
    width: 768px;
    height: 400px;
    border: 1px solid #000;
}

#gdirections {
	width: 758px;
    border: 1px solid #000;
    margin: 5px 0px 0px 0px;
    padding: 5px;
}

#gdirections #gmap-panel td {
    font-size: 0.8em;
}

#gmap-go, #gmap-print {
    background: #f09;
    border: 1px solid #000;
    color: #609;
    font-size: 12px;
    padding: 2px 6px 2px 6px;
}

#gmap-from {
    border: 1px solid #000;
    height: 17px;
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(thickbox-macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}