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

body {
	background:url(body-background.png) repeat-x top fixed;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	margin:0;
	font-size:14px;
	overflow-x:hidden;
}

a, a:visited {
	color:#C00;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
}

#top-bar-notice {
	width:100%;
	border-bottom:1px solid #F93;
	background:#FFC;
	color:#333;
	padding:10px;
	font-size:12px;
}

input, select { font-family:Arial, Helvetica, sans-serif; }

h4 a {
	color:#FFF;
	text-decoration:none;
}

h1, h2, h3, h4, h5 { font-weight:normal; }

h1.notopmargin,
h2.notopmargin,
h3.notopmargin,
h4.notopmargin,
h5.notopmargin { margin-top:0; }

#container {
	width:980px;
	padding:0 15px;
	background:transparent;
	margin:0 auto;
	background:url(page-background.png) repeat-y center;
	min-height:500px;
	overflow:hidden;
}

#container-top {
	width:1010px;
	height:15px;
	margin:10px auto 0 auto;
	background:url(page-background-top.png) no-repeat bottom;
}

#container-bottom {
	width:1010px;
	height:15px;
	margin:0 auto;
	background:url(page-background-bottom.png) no-repeat top;
}

	#container #masthead {
		background:url(masthead-background.png) repeat-x bottom;
		height:180px;
}

		#container #masthead #logo {
			width:335px;
			height:144px;
			background:url(logo.png) no-repeat top left;
			float:left;
}

			#container #masthead #logo h1 { display:none; }
			#container #masthead a#logo { text-decoration:none; }
			#container #masthead a#logo h2 {
				font-style:italic;
				color:#666;
				font-size:18px;
				font-weight:normal;
				margin:80px 0 0 15px;
				text-shadow:0 1px 0 #EEEEEE;
}

		#container #masthead #essential-links {
			float:right;
			background:url(essential-links-background.png) no-repeat right;
			width:270px;
			height:30px;
}

			#container #masthead #essential-links h5{
				float:right;
				font-size:12px;
				margin:20px 8px 0 0;
				*width:270px;
				*text-align:right;
				*margin:15px 20px 0 0;
				text-shadow:0 1px 0 #EEEEEE;
}

			#container #masthead #essential-links ul {
				margin:0;
				list-style:none;
				float:right;
}

				#container #masthead #essential-links ul li {
					display:inline;
					font-size:11px;
					color:#C00;
}

					#container #masthead #essential-links ul li a {
						color:#666;
						padding:0 3px;
}

		#container #masthead #order-hotline {
			width:270px;
			height:77px;
			background:url(order-hotline-background.png) no-repeat;
			float:left;
			margin:20px 0 0 10px;
			font-size:21px;
			text-align:right;
			padding:10px 12px 0 0;
			text-shadow:0 1px 0 #CCC;
}

			#container #masthead #order-hotline strong {
				text-transform:uppercase;
				font-size:21px;
				text-align:right;
				display:block;
				text-shadow:0 1px 0 #DDDDDD;
}

			#container #masthead #order-hotline span {
				font-size:11px;
				display:block;
}

		#container #masthead .mini-basket {
			width:250px;
			padding:40px 0 0 70px;
			font-size:12px;
			height:45px;
			float:right;
			font-weight:bold;
			background:url(shopping-bag.png) no-repeat left center;
			margin:-15px 10px 0 0;
			text-shadow:0 1px 0 #DDDDDD;
}

			#container #masthead .mini-basket span {
				display:block;
				float:left;
}

				#container #masthead .mini-basket span span {
					float:right;
					*float:none;
					*display:inline;
}

			#container #masthead .mini-basket .buttons {
				float:right;
				*width:150px;
}

				#container #masthead .mini-basket .buttons a,
				#container #masthead .site-search input.button {
					padding:4px 6px;
					border:2px solid #C33;
					-moz-border-radius:3px;
					-webkit-border-radius:3px;
					text-shadow:0 1px 1px #600;
					border-radius:3px;
					background:#C00 url(button-background.png) no-repeat center;
					color:#FFF;
					font-size:10px;
					line-height:10px;
					text-decoration:none;
					cursor:pointer;
}

				#container #masthead .mini-basket .buttons a {
					*display:block;
					*float:right;
					*margin:0 0 0 5px;
}

		#container #masthead .site-search {
			width:510px;
			*width:520px;
			color:#666;
			text-shadow:0 1px 0 #DDDDDD;
			font-size:12px;
			float:right;
			margin:5px 10px 0 0;
}
	
			#container #masthead .site-search input.input,
			#container #masthead .site-search select {
				padding:3px;
				font-size:14px;
				color:#666;
				border:1px solid #999;
				-moz-border-radius:2px;
}

			#container #masthead .site-search input.button {
				padding:3px 5px;
				float:right;
				margin:0 0 0 5px;
				*margin:-23px 0 0 0;
}

			#container #masthead .site-search select { padding:2px; }

		#container #masthead #global-navigation {
			width:980px;
			height:35px;
			clear:both;
			background:url(navs-background.png) repeat-x top;
}

			#container #masthead #global-navigation ul {
				margin:0;
				padding:0;
				list-style:none;
				font-size:12px;
				font-weight:bold;
				text-shadow:0 1px 0 #FFF;
				text-transform:uppercase;
				border-right:1px solid #FFF;
				float:left;
}

				#container #masthead #global-navigation ul li {
					display:inline;
					float:left;
					overflow:hidden;
}

					#container #masthead #global-navigation ul li a {
						padding:10px 10px;
						display:block;
						text-decoration:none;
						color:#333;
						border-right:1px solid #CCC;
						border-left:1px solid #FFF;
						background:url(navs-background.png) repeat-x top;
						margin:0;
}

					#container #masthead #global-navigation ul li a:hover {
						text-shadow:0 1px 1px #666;
						color:#FFF;
						background:url(navs-background.png) repeat-x bottom;
}

					#container #masthead #global-navigation ul li#navs-home a {
						border-left:none;
}

			#container #masthead #global-navigation ul li ul.sub-navigation {
				background:#666;
				border:none;
				display:none;
				max-width:500px;
				clear:both;
				position:absolute;
				border:5px solid #666;
				border-bottom-width:0;
				border-right:none;
				z-index:20;
}


/* -- PIXEL-PERFECT MEASUREMENTS -- */

			#container #masthead #global-navigation ul li.pos6 ul.sub-navigation {
				margin-left:-380px;
}
			
			#container #masthead #global-navigation ul li.pos7 ul.sub-navigation {
				margin-left:-465px;
}

			#container #masthead #global-navigation ul li.pos8 ul.sub-navigation {
				margin-left:-438px;
}

			#container #masthead #global-navigation ul li.pos9 ul.sub-navigation {
				margin-left:-435px;
}

			#container #masthead #global-navigation ul li.pos10 ul.sub-navigation {
				margin-left:-345px;
}

/* -- PIXEL-PERFECT MEASUREMENTS ENDS -- */



			#container #masthead #global-navigation ul li:hover ul.sub-navigation {
				display:block; /* -- Shows the sub-navs on hover -- */
}

				#container #masthead #global-navigation ul li ul.sub-navigation li ul {
					float:left;
					width:150px;
					min-height:252px;
					margin:0 5px 5px 0;
					font-weight:normal;
					text-transform:none;
					border:none;
					padding:5px;
					background:#999;
}

			#container #masthead #global-navigation ul li ul.sub-navigation li ul li {
				display:block;
				float:none;
}

				#container #masthead #global-navigation ul li ul.sub-navigation li ul li.heading {
					font-size:18px;
					margin:0 0 5px 0;
					color:#FFF;
					text-shadow:0 1px 1px #666;
}

				#container #masthead #global-navigation ul li ul.sub-navigation li ul li a {
					padding:2px 0;
					background:none;
					color:#FFF;
					text-shadow:0 1px 1px #666;
					border:none;
					display:block;
					float:none;
}

					#container #masthead #global-navigation ul li ul.sub-navigation li ul li a:hover {
						color:#900;
						text-shadow:0 1px 0 #CCC;
}

			#container #masthead #global-navigation ul li#navs-tents-accessories ul.sub-navigation {
				margin:35px 0 0 130px;
}

/* -- CONTENT BEGINS -- */

	#container #content {
		width:980px;
		float:left;
		margin:10px 0 0 0;
}

		#container #content #main-area {
			width:775px;
			float:left;
			margin:0 10px 0 0;
}

			#container #content #main-area #banner {
				width:775px;
				overflow:hidden;
				height:282px;
				background:url(../images/home-page/slider/coleman-tents.jpg) no-repeat;
				margin:0 0 10px 0;
}

				#container #content #main-area #banner .banner-caption {
					width:220px;
					padding:10px;
					background:url(banner-caption-background.png) repeat;
					border:1px solid #666;
					font-size:12px;
					color:#FFF;
					float:right;
					margin:140px 20px 0 0;
					text-shadow:0 1px 1px #000;
}

					#container #content #main-area #banner .banner-caption h3 { margin:0; }
					#container #content #main-area #banner .banner-caption p { margin:10px 0 0 0; }
					
			#container #content #main-area .portal h4,
			#container #content #main-area #left-column h4,
			#container #content #right-column h4 {
				font-size:12px;
				font-weight:bold;
				color:#FFF;
				padding:5px;
				text-shadow:0 1px 0 #333;
				margin:0;
}

			#container #content #main-area .portal h4 a,
			#container #content #main-area #left-column h4 a,
			#container #content #right-column h4 a {
					color:#FFF;
}

			#container #content #main-area .portal h4.red,
			#container #content #main-area #left-column h4.red,
			#container #content #right-column h4.red {
				background:url(headings/red.png) repeat-x;
}

			#container #content #main-area .portal h4.brown,
			#container #content #main-area #left-column h4.brown,
			#container #content #right-column h4.brown {
				background:url(headings/brown.png) repeat-x;
}

			#container #content #main-area .portal h4.navy,
			#container #content #main-area #left-column h4.navy,
			#container #content #right-column h4.navy {
				background:url(headings/navy.png) repeat-x;
}

			#container #content #main-area .portal h4.orange,
			#container #content #main-area #left-column h4.orange,
			#container #content #right-column h4.orange {
				background:url(headings/orange.png) repeat-x;
}

			#container #content #main-area .portal h4.blue,
			#container #content #main-area #left-column h4.blue,
			#container #content #right-column h4.blue {
				background:url(headings/blue.png) repeat-x;
}

			#container #content #main-area .portal h4.purple,
			#container #content #main-area #left-column h4.purple,
			#container #content #right-column h4.purple {
				background:url(headings/purple.png) repeat-x;
}

			#container #content #main-area .portal h4.lime,
			#container #content #main-area #left-column h4.lime,
			#container #content #right-column h4.lime {
				background:url(headings/lime.png) repeat-x;
}

			#container #content #main-area .portal h4.grey,
			#container #content #main-area #left-column h4.grey,
			#container #content #right-column h4.grey {
				background:url(headings/grey.png) repeat-x;
}

			#container #content #main-area .portal h4.beige,
			#container #content #main-area #left-column h4.beige,
			#container #content #right-column h4.beige {
				background:url(headings/beige.png) repeat-x;
}

			#container #content #main-area .portal h4.slate,
			#container #content #main-area #left-column h4.slate,
			#container #content #right-column h4.slate {
				background:url(headings/slate.png) repeat-x;
				
}

			#container #content #main-area #left-column {
				float:left;
				width:200px;
				margin:0 10px 0 0;
				_margin:0;
}

				#container #content #main-area #left-column img {
					margin:1px 0 10px 0;
}

			#container #content #main-area #middle-column {
				width:565px;
				float:left;
}

				#container #content #main-area #middle-column .portal {
					width:275px;
					height:136px;
					overflow:hidden;
					margin:0 15px 10px 0;
					*margin:0 15px 13px 0;
					_margin:0 0 5px 5px;
					float:left;
}

					#container #content #main-area #middle-column .portal a img {
						margin:1px 0 0 0;
						border:0;
}

				#container #content #main-area #middle-column .portal.end {
					margin:0 0 10px 0;
					_margin:0 0 5px 5px;
}

				#container #content #main-area #middle-column .portal.wide {
					width:565px;
					height:200px;
					overflow:hidden;
}

					#container #content #main-area #middle-column #brand-cloud {
						font-size:20px;
						font:bold;
						margin:10px 0 0 0;
						font-weight:bold;
						letter-spacing:-1px;
						color:#666;
}

						#container #content #main-area #middle-column #brand-cloud a {
							color:#666;
							text-decoration:none;
							padding:2px;
							margin:1px;
}

							#container #content #main-area #middle-column #brand-cloud a:hover {
								background:#DDDDDD;
								border-color:#DDDDDD;
								text-shadow:0 1px 0 #FFF;
								border:1px solid #DDDDDD;
								-moz-border-radius:10px;
								-webkit-border-radius:10px;
								border-radius:10px;
								margin:0;
}

				#container #content #main-area #left-column #testimonial-ticker {
					font-size:12px;
					border:1px solid #CCC;
					border-top:none;
}

					#container #content #main-area #left-column #testimonial-ticker ul {
						padding:0;
}

						#container #content #main-area #left-column #testimonial-ticker ul li {
							padding:5px !important;
}

							#container #content #main-area #left-column #testimonial-ticker ul li span {
								display:block;
								margin:5px 0 0 0;
								color:#F00;
}

		#container #content #right-column {
			width:195px;
			float:right;
}

			#container #content #right-column img {
				margin:1px 0 10px 0;
}

			.nopad{
				padding:0!important;
}


.home-image{ 
	max-height:110px;
	overflow:hidden;
	text-align:center;
	display:block;
	padding:0 0 9px 0;
}

.home-image-alt{ 
	overflow:hidden;
	text-align:center;
	display:block;
	height:92px;
}



#footer {
	margin:0 auto;
	padding:0 0 30px 0;
	overflow:hidden;
	width:1000px;
}

	#footer img#cards {
		float:left;
		margin:10px 0 0 0;
}

	#footer img#datacash {
		float:right;
		margin:-40px 0 0 0;
}

	#footer ul#main-links,
	#footer ul#supporting-links{
		margin:0 auto;
		*margin:0 0 0 250px;
		width:525px;
		padding:0;
		list-style:none;
		font-size:11px;
}

		#footer ul#main-links li,
		#footer ul#supporting-links li{
			display:inline;
}

			#footer ul#main-links li a {
				color:#333;
				padding:0 5px;
				text-decoration:none;
				margin:20px 0 0 0;
				display:inline-block;
}

			#footer ul#supporting-links li a {
				color:#666;
				padding:0 5px;
				text-decoration:none;
				margin:3px 0 0 0;
				display:inline-block;
}

.breadcrumbs {
	border:1px solid #CCC;
	padding:5px;
	margin:0;
	font-size:16px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-weight:normal;
	color:#999;
}

.breadcrumbs a {
	text-decoration:none;
	color:#C00;
}

.login-form {
	width:400px;
	border:1px solid #C00;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#EEE;
	margin:20px auto;
	padding:5px;
	-moz-box-shadow:0 0 10px #999;
	-webkit-box-shadow:0 0 10px #999;
	box-shadow:0 0 10px #999;
}

.login-form h3 {
	margin:0;
}

.login-form input {
	border:1px solid #CCC;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:2px;
}

.login-form input:focus {
	-moz-box-shadow:0 0 5px #0C3;
	-webkit-box-shadow:0 0 5px #0C3;
	box-shadow:0 0 5px #0C3;
}

.bg_mediumgrey {
	border:1px solid #CCC;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border-collapse:collapse
}
	





/* -- Slideshow for Home page -- */

#slideshow {
	width:775px;
	overflow:hidden;
	height:282px;
	background:url(../images/home-page/slider/coleman-tents.jpg) no-repeat;
	margin:0 0 10px 0;
	position:relative;
}

#slideshow div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 282px;
    background-color: #FFF;
}

#slideshow div.active {
    z-index:10;
    opacity:1.0;
}

#slideshow div.last-active {
    z-index:9;
}

#slideshow div img {
    display: block;
    border: 0;
    margin-bottom: 10px;
}

.caption {
	width:220px;
	padding:10px;
	background:url(banner-caption-background.png) repeat;
	border:1px solid #666;
	font-size:12px;
	color:#FFF;
	float:right;
	margin:140px 20px 0 0;
	text-shadow:0 1px 1px #000;
	position:absolute;
	bottom:20px;
	right:0;
}

.caption h3 {
	margin:0;
	color:#FFF;
}


span.home-wildprice{ display:block; font-size:12px; color:#F00; font-weight:bold;
}

span.home-mrp{ display:block; font-size:10px; 
}