﻿/*HTML Elements*/

	html {
		font: 12px Tahoma, "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
		color: #FFF;
	}
	body {
		width: 100%;
		text-align: center;
		margin: 0 auto;
		background: #3c3e3c url('../images/body_bg.jpg') repeat-x top ;
	}
	body#index {
		
	}
	body#splash {
		background: #3c3e3c url('../image/splashtop_bg.jpg') repeat-x top;
	}
	#kontainer {
		margin: 0px auto;
		width: 900px;
		height: auto;
		text-align: left;
		display: block;
	}
		body.class #kontainer {
			
		}
		body#splash #kontainer {
			text-align: center;
		}
	a {
		color: #FFF;
	}
		a:link, a:visited {
			text-decoration: none !important;
		}
		a:hover {
			text-decoration: underline;
		}
		a:visited {
		color: #FF3300;
		}
	img {
		border: none!important;
	}
	map {
		border: none;
	}
	ul {
	
	}
	ul li {
		list-style: none;
		text-decoration: none;
	}
	ul li a {
		text-decoration: none;
	}
	ol {
	
	}
	ol li {
	
	}
	h1, h2, h4, h5 {
		font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
		font-weight: bold;
		margin: 0;
		padding: 0;
		line-height: 1em;
	}
	h1 {
		font-size: 25px;
		color: #F22B30;
	}
	h2 {
		font-size: 19px;
		color: #FFFFFF;
	}
	h3 {
		font-family: "Lucida Grande", Tahoma, Arial, "MS Trebuchet", sans-serif;
		font-size: 14px;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	h4 {
		color: #660000;
		font-size: 16px;
	}
	h5 {
		font-size: 20px;
	}
	p {
		color: #FFFFFF;
		line-height: 1.5em;
	}
	.sIFR-replaced h1 {
		color: #3A990D;
	}
	.sIFR-alternate {
		position: relative;
			left: -9999px;
		display: none;
	}
/*DOM Specific*/

	body#contact fieldset {
		margin: 1em 0;
		padding: 1em 0;
		border:none;
		background:none;
	}
		body#contact label {
			display:block;
			color:#333;
		}
		body#contact input {
			width:300px;
			margin-bottom:10px;
		}
			body#contact input.formButton {
				background:#FFF;
				margin-top:15px;
				color:#FF3300;
			}
		body#contact textarea {
			width:300px;
			height:150px;
		}
			body#contact input:focus, body#contact textarea:focus {
				background:#f6efd4;
			}

	div#banner {
		width: 900px;
		height: 260px;
	}
	div#banner ul {
		margin: 0px;
		padding: 0px 0px 0px 1px;
		width: 450px;
		height:48px;
		background: transparent url('../images/nav_li_bg.jpg') no-repeat left center;
	}
		div#banner ul li {
			display: inline;
			float: left;
			background: transparent url('../images/nav_li_bg.jpg') no-repeat right center;
		}
		div#banner ul li a {
			/*letter-spacing: -1px;*/
			font: 11px Verdana, sans-serif;
			color: #444;
			vertical-align: middle;
			padding: 18px 21px 13px 21px;
			margin-right: 1px;
			float: left;
			display: inline;
			height: 17px;
		}
			div#banner ul li a:hover {
				color: #FFF;
				background: transparent url('../images/anchor.png') repeat center bottom;
			}
	h1#logo {
		margin: 0px;
		padding: 0px;
		text-indent: -99999px;
		position: relative;
			left: -10px;
		width: 304px;
		height: 122px;
		background: transparent url('../images/logo.png') no-repeat;
	}
	div#banner_photo {
		float: right;
		margin-top: -230px;
		width: 409px;
		height: 300px;
		overflow: hidden;
		z-index: 2;
		position: relative;
	}
		div#banner_photo a {
			display: none;
		}
			body.index div#banner_photo a.bbelt {
				display: block;
			}
			body.belts div#banner_photo a.bbelt, body.pacifier div#banner_photo a.bbelt {
				display: block;
			}
			body.keychains div#banner_photo a.bkeychain, body.about div#banner_photo a.bkeychain, body.contact div#banner_photo a.bkeychain, body.pet div#banner_photo a.bkeychain {
				display: block;
				margin-top: -58px;
			}
			body.marina_totes div#banner_photo a.btotes, body.pursetotes div#banner_photo a.btotes, body.marina div#banner_photo a.btotes, body.catalog div#banner_photo a.btotes, body.partner div#banner_photo a.btotes, body.picture div#banner_photo a.btotes {
				display: block;
				margin-top: -55px;
			}
			body.flipflops div#banner_photo a.bflipflops, body.login div#banner_photo a.bflipflops, body.wallets div#banner_photo a.bflipflops {
				display: block;
				margin-top: 25px;
			}

	div#sub_body {
		width: 900px;
		margin-bottom: 20px;
		display: block;
	}
		div#left_column {
			float: left;
			width: 230px;
			padding-top: 6px;
		}
			div#left_column h2 {
				margin-bottom: 5px;
				color: #FFF;
				font: 18px "Helvetica-Neue Lt", "Helvetica Neue Lt Std", "Helvetica Neue", "Helvetica", Verdana, sans-serif;
			}
				div#left_column h2 span {
					font-weight: normal;
					color: #ff3300;
				}
			div#left_column ul {
				margin: 0px 0px 30px 0px;
				padding: 0px;
				width: 180px;
			}
				div#left_column ul li {
					background-position: left center;
					padding: 3px 0px 0px 2px;
					height: 18px;
					overflow: visible;
					border-bottom: 1px solid #6a6a6a;
				}
					body.index 		div#left_column ul li.lindex, 
					body.about 		div#left_column ul li.labout, 
					body.catalog 	div#left_column ul li.lcatalog, 
					body.login 		div#left_column ul li.llogin, 
					body.contact 	div#left_column ul li.lcontact, 
					body.partner 	div#left_column ul li.lpartner, 
					
					body.belts 		div#left_column ul li.lbelts, 
					body.wallets 	div#left_column ul li.lwallets, 
					body.pursetotes div#left_column ul li.lpursetotes,
					body.marina_totes div#left_column ul li.lmarina,
					body.pacifier 	div#left_column ul li.lpacifier,
					body.pet 		div#left_column ul li.lpet,
					body.picture 	div#left_column ul li.lpicture,
					body.keychains 	div#left_column ul li.lkeychains,
					body.flipflops 	div#left_column ul li.lflipflops
					{
						list-style: none outside url('../images/active_page_li.jpg');
					}
					div#left_column ul li a {
	color: #FFF;
	font-weight: normal;
	font: 11px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
}
					div#left_column ul li a:hover {
						color: #FF3300;
					}
		div#right_column {
			float: left;
			width: 583px;
			padding-bottom: 10px;
			margin-bottom: 20px;
			border-left: 1px solid #6a6b6a;
		}
			div#right_column a {
				color: #FF3300;
			}
			div#right_column p {
				/*letter-spacing: -1px;*/
			}
			div#right_column img {
				margin: 10px 20px 40px 20px;
			}
			div#right_column div.nobg {
				padding: 0px 20px 20px 40px;
			}
			div#right_column div.gotbg {
				padding: 25px 20px 20px 40px;
				background: transparent url('../images/content_bg.jpg') repeat-y;
			}
				div#right_column div.gotbg p {
					color: #3A3A3A;
				}
			body#retail div#right_column img {
					margin: 20px 0px 0px 0px;
				}
			body#retail div.affiliate {
				border-bottom: 1px solid #3A3A3A;
			}
			body#retail div.first {
				border-top: 1px solid #3A3A3A;
			}
			body#retail div#moretocome {
				margin-top: 35px;
			}
			div.product_box {
				width: 480px;
				margin: 20px 0px 20px 0px!important;
				padding-bottom: 20px!important;
				text-align: center;
			}
				div.prod {
					float: left;
					margin: 10px;
					text-align: left;
					width: 210px!important;
				}
					div.prod h3 {
						margin: 0px;
						padding: 0px 0px 8px 5px;
						color: #3c3e3c;
					}
					div.prod a img {
						margin: 0px!important;
						padding: 2px;
						display: block;
						border: 1px solid #FF3300!important;
					}
					div.prod a.magnify {
						display: block;
						font-size: 11px;
						width: 100px;
						height: 14px;
						margin-top: 5px;
						padding-left: 20px;
						background: transparent url('../images/magnify.jpg') no-repeat left center;
					}
		div#pic_array {
			width: 900px;
			display: none;
			margin-left: -230px;
		}
			body.index div#pic_array {
				display: block;
			}
			div#pic_array img {
				margin-left: -100px;
			}
				div#pic_array img.keychain {
					position: relative;
						top: -240px;
						left: 30px;
					z-index: 10;
				}
				div#pic_array img.totes {
					position: relative;
						left: -40px;
					z-index: 9;
				}
				div#pic_array img.flipflops {
					position: relative;
						top: -50px;
					z-index: 11;
				}
		div#footer {
			text-align:right;
			display: block;
			clear: both;
			left: 0px;
			right: 0px;
			width: 100%;
			height: 16px;
			background: #A63121 url('../images/footer.jpg') repeat-x top ;
		}
			div#footer a {
				position:relative;
				top:2px;
				margin:2px 40px 0 0;
			}
			div#footer a:link, div#footer a:visited {
				color:#FFF;
				font-size:10px;
			}
			div#footer a:hover, div#footer a:active {
				text-decoration:underline!important;
			}
			
	body#index #ribbonThumbnails {
		width:550px;
		padding:0;
		margin:20px 0 30px 0;
	}
		#ribbonThumbnails .indexThumb {
			width:100px;
			height:100px;
			float:left;
			padding:0;
			margin:0 1px 1px 0;
			border:none;
		}
			#ribbonThumbnails .indexThumb a {
				margin:0;
				padding:0;
				border:none;
			}
	
	body#ribbons h3 {
		margin-top:-10px;
		margin-bottom:25px;
	}
	body#ribbons div.stateList {
		width:500px;
		margin-right:20px;
		float:left;
		clear:left;
	}
	body#ribbons h4 {
		padding-bottom:3px;
		border-bottom: 1px solid #3A3A3A;
		width:100%;
		font-size:13px;
		position:relative;
		right:15px;
	}
		body#ribbons h4 a {
			color:#3A3A3A;
		}
			body#ribbons h4 a.returnTop {
				display:block;
				float:left;
				position:relative;
				top:2px;
				margin-right:5px;
				height:10px;
				width:10px;
				background: url('../images/returnTop.gif') no-repeat;
				overflow:hidden;
			}
			
	
		body#ribbons div.stateList ul {
			margin-top:10px;
			text-indent:0;
			padding-left:10px;
		}
			body#ribbons ul li {
				color:#3A3A3A;
			}
	body#ribbons ul#alphaList {
		float:left;
		margin:-15px auto 15px auto;
		padding:0;
	}
		body#ribbons ul#alphaList li {
			color:#3A3A3A;
			margin:0 10px 0 0;
			float:left;	
		}
			body#ribbons ul#alphalist li a {
				text-decoration:underline !important;
			}
	body#ribbons a.returnTop {
		display:block;
		height:10px;
		width:10px;
		background: url('../images/returnTop.gif') no-repeat;
		overflow:hidden;
	}
	
	
	
	
	
	
	
	
	
	body#splash div#logo {
		width:302px;
		height: 121px;
		background: url('../image/splash_logo.jpg') no-repeat top center;
		margin: 30px auto 0 auto;
	}
		body#splash h1 {
			text-indent: -9999px;
		}
	body#splash div#links {
		width: 660px;
		height:151px;
		margin: 60px auto;
	}
		body#splash div#links a {
			display: block;
			height: 151px;
			width:330px;
			text-indent: -9999px;
		}
		body#splash div#links a#retail {
			float:left;
			background: url('../images/btn_retail.jpg') no-repeat;
		}
		body#splash div#links a#wholesale {
			float:left;
			background: url('../images/btn_wholesale.jpg') no-repeat;
		}
/* global */
.red {
	color: #FF3300;
}
	div.nobg p span.red {
		font-size: 14px;
	}
.gray {
	color:#3A3A3A;
}
.right {
	float: right;
}
.left {
	float: left;
}
.clear {
	clear: both;
}
.crite {
	clear: left;
}
.center {
	margin-left: 150px;
}