/*****************
 GLOBAL
*****************/

* { 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: #cde url(images/bodyback.gif) repeat 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-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: medium;
}

/**********
 HEADERS
**********/

h1 { font-size: 2.0em; color: #003; 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: #114; 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;}
h4 { font-size: 1.1em; color: #336; letter-spacing: -1px;}

/**********
 FORMS
**********/

form { display: inline; }

/**********************
 OVERALL LAYOUT
***********************/

#skiptomain {
	display: none;
}

#wrapper {
	width: 990px;
	margin: 0 auto;
	font-size: 0.85em;
}

	#pagecontainer {
		width: 970px;
		background: #fff;
		padding: 0px 9px;
		border-left: solid 1px #999;
		border-right: solid 1px #999;
	}

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

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

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

				input.search {
					float: left;
					width: 210px;
					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: #f90;
					color: #fff;
					font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
					font-size: 0.9em;
				}

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

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


		#topnav {
			width: 950px;
			margin: 1px 10px;
			padding: 0px;
			background: #049;
			border-bottom: 1px solid #fff;
			font-size: 0.95em;
		}
		
			/*****************
			 TOP OF PAGE NAV LIST
			*****************/

			ul#nav {
				margin: 0px;
				list-style: none;
				width: 950px;
				height: 36px; /* needed for firefox */
				z-index: 9;
			}

				ul#nav li {
					float: left;
					margin: 0;
					display: block;
					text-align: center;
					border-right: 1px solid #fff;
				}

					/* APPLY WIDTH OVERRIDES */

					ul#nav li#homelink {
						width: 110px;
					}

					ul#nav li#brandslink {
						width: 150px;
					}

					ul#nav li#characterslink {
						width: 110px;
					}

					ul#nav li#categorieslink {
						width: 140px;
					}

					ul#nav li#speciallink {
						width: 130px;
					}

					ul#nav li#salelink {
						width: 80px;
					}

					ul#nav li#bestlink {
						width: 111px;
					}

					ul#nav li#newlink {
						width: 112px;
					}

					ul#nav li a {
						display: block;
						padding: 0 0 0 11px;
						line-height: 36px;
						color: #fff;
						text-decoration: none;
						background: url(/images/topnav-button-left.gif) no-repeat left top;
					}

					ul#nav li a:hover {
						display: block;
						padding: 0 0 0 11px;
						line-height: 36px;
						color: #000;
						text-decoration: none;
						background: url(/images/topnav-button-lefton.gif) no-repeat left top;
					}

						ul#nav li a span {
							display: block;
							background: url(/images/topnav-button.gif) no-repeat right top;
							padding: 0 11px 0 0;
						}

						ul#nav li a:hover span {
							display: block;
							background: url(/images/topnav-buttonon.gif) no-repeat right top;
							padding: 0 11px 0 0;
						}


				ul#nav li ul{
					margin: 0;
					padding: 0;
				}

				ul#nav li ul li {
					margin: 0;
					padding: 0;
					border: none;
					display: inline;
					float: left;
					text-align: left;
					font-weight: normal;
				}

					ul#nav li ul li a { font-weight: normal;  }

					ul#nav li ul li a {
						display: block;
						padding: 10px 20px;
						color: #fff;
						text-decoration: none;
						line-height: 23px;
					}

					ul#nav li ul li a:hover {
						display: block;
						padding: 10px 20px;
						color: #000;
						text-decoration: none;
						background: #f90;
						line-height: 23px;
					}


				/* APPLY BORDER OVERRIDES */
				ul#nav li#newlink {
					border: none;
				}

			 /** Support for the iframe shim js **/
			#suckerfishmenu iframe {
			position: absolute;
			left: 0;
			top: 0;
			z-index: -1;
			filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
			}
			/** end **/

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

			#breadcrumb {
				width: 680px;
				float: left;
				padding: 7px 10px 5px 10px;
				font-size: 0.9em;
			}

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

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

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



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

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

				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: #f90;
					color: #000;
					font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
					font-size: 0.9em;
				}

				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: #f90;
					color: #000;
					font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
					font-size: 0.9em;
				}

				#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; }

				#maincontentleft .leftelement p.option a:link, #maincontentleft .leftelement p.option a:visited { color: #000; }
				#maincontentleft .leftelement p.option a:hover, #maincontentleft .leftelement p.option a:active { color: #f90; }


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

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

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

				#mainfeaturetext {
					position: absolute;
					width: 230px;
					height: 230px;
					top: 0px;
					left: 0px;
					padding: 10px;
					color: #000;
					font-size: 1.2em;
					line-height: 1.6em;
					z-index: 2;
					background: #cde;
					opacity: .80;
					filter: alpha(opacity=80);
				 }


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

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


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

			#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: #f90;
					color: #000;
					font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
					font-size: 0.95em;
				}

			#pagebottom5 {
				margin: 0px 0px 0px 0px;
				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: #024;
			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; }

/*****************
 BREAKS
*****************/

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


/*****************
 IMAGE FLOATS
 *****************/

img.floatleft {
	float: left;
	margin: 0px 10px 10px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 10px 10px;
}

/*****************
 FLASHANIM
*****************/

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

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

/*****************
 BORDERED
*****************/

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

/*****************
 BACKGROUNDS
*****************/

.blueback {
    	background: #eef;
}


/**********************
BLACKOUT
 ***********************/


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

/*****************
 ICON LINK
*****************/

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


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


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


 .productend {
   	margin: 5px 0 10px 0;
 }


 .product p {
   	margin: 0;
 }

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

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

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


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

	.featureend { margin-right: 0px; }


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

/**************
 PROD 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: #def;
		border: 1px solid #9cf;
		margin: 10px 0;
	}

		#buybox h2 {
			margin: 0 0 5px 0;
			background: #f90;
			color: #fff;
			font-size: 1.1em;
			font-weight: bold;
			padding: 1px 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 { background: #047; color: #fff; border: 1px solid #9cf; width: 100px; padding: 3px 0; }


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


#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; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> 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(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;
}


 /**** 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: #fff8de;
	border: 2px solid #f90;
	margin: 20px 0 15px 0;
	padding: 0 0;
}

	#brandoffer h3 {
		color: #000;
		background: #f90;
		padding: 0 5px;
		margin: 0;
	}
	
		#brand-anim-txt {
			width: 756px;
			padding: 5px;
		}