@charset "utf-8";
/* CSS Document by Myoung Hong*/

body {
	margin: 0px;
	padding: 0px;
}
table {
	font-size: 11px;
}
.floatLeft {
	float:left;	
}
img.moveup {
	margin-top: -10px;	
}
A:link {
	text-decoration: none;
	color: #666666;
}
A:visited {
	text-decoration: none;
	color: #666666;
}
A:hover {
	text-decoration: underline; 
	color: #ff00ff;
}
A:active {
	text-decoration: underline;
	color: #ff00ff;
}
a.active {
	text-decoration: underline;
	color: #ff00ff;	
}
.borderit img{
border: 2px solid #d6e4e4;
}

.borderit:hover img{
border: 2px solid #ff00ff;
}

.borderit:hover{
color: #ff00ff; /* irrelevant definition to overcome IE bug */
}

#wrapper {
	width: 960px;
	margin: 0px auto;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#banner {
	background-image:url(images/banner.png);
	width: 960px;
	height: 152px;
	margin:0;
	padding:0;
}

#nav ul{
	margin: 0;
	margin-top: 90px;
	padding: 0;
	float: left;
	list-style: none;
	font-size: 15px;
	font-weight:lighter;
	letter-spacing: -1px;
	color:#666666;
	outline:none;
}
#nav ul li {
	float: left;
	outline:none;
}
#nav ul a {
	display: block;
	float: left;
	line-height: 2.1em;
	text-decoration: none;
	color: #666666;
	outline:none;
}
#nav li a:visited {
	color: #666666;
}
#nav li a:link {
	color:#666666;
}
#nav li a:hover {
	color:#ff00ff;
}
#nav li a:active {
	color: #666666;
}
a.welcomeBTN {
	margin-left: 110px;
}
a.collectionBTN {
	margin-left: 70px;
}
a.lonaBTN {
	margin-left: 75px;
}
a.contactBTN {
	margin-left: 70px;
}
a.pressBTN {
	margin-left: 80px;
}
a.storesBTN {
	margin-left: 75px;
}

#content {
	width: 855px;
	margin:-15px 0px 0px 77px;
	padding: 0;
}
#content h2{
	font-size: 14px;
	color: #666666;
	font-weight:bold;
}
#content h3 {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #666666;
	font-weight:bold;
	text-align:right;
}
#content h4{
	font-size: 16px;
	color: #ff00ff;
	font-weight:bold;
}
#content h5{
	font-size: 14px;
	color: #ff00ff;
	font-weight:lighter;
}
#content h6 {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #666666;
	font-weight:bold;
	text-align:left;
}
#content p{
	font-size: 12px;
	color: #666666;
}	
#content ul {
	margin: 0px;
	padding: 0px;
}
#content li {
	list-style:none;
	margin: 0px;
	padding:0px;
	font-size: 12px;
	color: #666666;
}
#bagList {
	width: 170px;
	float: left;
}
#details {
	width: 680px;
	float: right;
}
#description {
	width: 340px;
	float: left;
}
#additional {
	width: 320px;
	float: right;
	display:block;
}
#additional table p {
	padding: 0px;
	margin:0px;	
}
#additional table img {
	margin: 10px 10px 15px 0px;
}
#cartForm {
	display:block;
	width: 320px;
	height: 100px;
	margin: 0px;
	padding: 0px;
}
#cartForm p {
	margin:0;
	padding: 0;
	margin-top: 5px;
}
#color{
	float: left;
	width: 165px;
	font-size: 12px;
	text-align: left;
}
#price{
	float: right;
	width:155px;
	font-size: 12px;
	text-align: right;
	color:#ff00ff;
}
#price p.price {
	font-size: 18px;
	font-weight:bold;
}
#price p.desc {
	color: #ff00ff;	
}
#footer {
	clear:both;
	background-color:#bebebe;
	width: 950px;
	padding:5px;
	font-size:10px;
	color:#FFF;
	text-align:center;
}

ul#gallery, ul#gallery li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul#gallery{
			width:320px;
			height:424px;
			position:relative;
			background:#FFFFFF url(images/bags/fullsize/saddleBagElk.jpg) no-repeat bottom;
			}
		ul#gallery img {
			border: none;
		}
		ul#gallery li{
			float:left;
			display:inline;
			margin-top:0px;
			text-align: center;
			font-size: 9px;
			}								
		ul#gallery a span{
			display:none;
			}
		ul#gallery a:hover{
			background:none;
			z-index:100;
			}	
		ul#gallery a:hover span{
			position:absolute;
			width:320px;
			height:300px;
			float:left;
			top:80px;
			left:0;
			display:block;
			}
ul#gallery2, ul#gallery2 li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul#gallery2{
			width:320px;
			height:424px;
			position:relative;
			background:#FFFFFF url(images/bags/fullsize/saddleBag.jpg) no-repeat bottom;
			}
		ul#gallery2 img {
			border: none;
		}
		ul#gallery2 li{
			float:left;
			display:inline;
			margin-top:0px;
			text-align: center;
			font-size: 9px;
			}								
		ul#gallery2 a span{
			display:none;
			}
		ul#gallery2 a:hover{
			background:none;
			z-index:100;
			}	
		ul#gallery2 a:hover span{
			position:absolute;
			width:320px;
			height:300px;
			float:left;
			top:80px;
			left:0;
			display:block;
			}
ul#gallery3, ul#gallery3 li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul#gallery3{
			width:320px;
			height:424px;
			position:relative;
			background:#FFFFFF url(images/bags/fullsize/lifestyleHobo.jpg) no-repeat bottom;
			}
		ul#gallery3 img {
			border: none;
		}
		ul#gallery3 li{
			float:left;
			display:inline;
			margin-top:0px;
			text-align: center;
			font-size: 9px;
			}								
		ul#gallery3 a span{
			display:none;
			}
		ul#gallery3 a:hover{
			background:none;
			z-index:100;
			}	
		ul#gallery3 a:hover span{
			position:absolute;
			width:320px;
			height:300px;
			float:left;
			top:80px;
			left:0;
			display:block;
			}
ul#gallery4, ul#gallery4 li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul#gallery4{
			width:320px;
			height:424px;
			position:relative;
			background:#FFFFFF url(images/bags/fullsize/sohoSlouch.jpg) no-repeat bottom;
			}
		ul#gallery4 img {
			border: none;
		}
		ul#gallery4 li{
			float:left;
			display:inline;
			margin-top:0px;
			text-align: center;
			font-size: 9px;
			}								
		ul#gallery4 a span{
			display:none;
			}
		ul#gallery4 a:hover{
			background:none;
			z-index:100;
			}	
		ul#gallery4 a:hover span{
			position:absolute;
			width:320px;
			height:300px;
			float:left;
			top:80px;
			left:0;
			display:block;
			}
ul#gallery5, ul#gallery5 li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul#gallery5{
			width:320px;
			height:424px;
			position:relative;
			background:#FFFFFF url(images/bags/fullsize/pouchette.jpg) no-repeat bottom;
			}
		ul#gallery5 img {
			border: none;
		}
		ul#gallery5 li{
			float:left;
			display:inline;
			margin-top:0px;
			text-align: center;
			font-size: 9px;
			}								
		ul#gallery5 a span{
			display:none;
			}
		ul#gallery5 a:hover{
			background:none;
			z-index:100;
			}	
		ul#gallery5 a:hover span{
			position:absolute;
			width:320px;
			height:300px;
			float:left;
			top:80px;
			left:0;
			display:block;
			}
ul#gallery6, ul#gallery6 li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul#gallery6{
			width:320px;
			height:424px;
			position:relative;
			background:#FFFFFF url(images/bags/fullsize/petiteCase.jpg) no-repeat bottom;
			}
		ul#gallery6 img {
			border: none;
		}
		ul#gallery6 li{
			float:left;
			display:inline;
			margin-top:0px;
			text-align: center;
			font-size: 9px;
			}								
		ul#gallery6 a span{
			display:none;
			}
		ul#gallery6 a:hover{
			background:none;
			z-index:100;
			}	
		ul#gallery6 a:hover span{
			position:absolute;
			width:320px;
			height:300px;
			float:left;
			top:80px;
			left:0;
			display:block;
			}
ul#gallery7, ul#gallery7 li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul#gallery7{
			width:320px;
			height:424px;
			position:relative;
			background:#FFFFFF url(images/bags/fullsize/flatIron.jpg) no-repeat bottom;
			}
		ul#gallery7 img {
			border: none;
		}
		ul#gallery7 li{
			float:left;
			display:inline;
			margin-top:0px;
			text-align: center;
			font-size: 9px;
			}								
		ul#gallery7 a span{
			display:none;
			}
		ul#gallery7 a:hover{
			background:none;
			z-index:100;
			}	
		ul#gallery7 a:hover span{
			position:absolute;
			width:320px;
			height:300px;
			float:left;
			top:80px;
			left:0;
			display:block;
			}
ul#gallery8, ul#gallery8 li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul#gallery8{
			width:320px;
			height:424px;
			position:relative;
			background:#FFFFFF url(images/bags/fullsize/totebag2.jpg) no-repeat bottom;
			}
		ul#gallery8 img {
			border: none;
		}
		ul#gallery8 li{
			float:left;
			display:inline;
			margin-top:0px;
			text-align: center;
			font-size: 9px;
			}								
		ul#gallery8 a span{
			display:none;
			}
		ul#gallery8 a:hover{
			background:none;
			z-index:100;
			}	
		ul#gallery8 a:hover span{
			position:absolute;
			width:320px;
			height:300px;
			float:left;
			top:80px;
			left:0;
			display:block;
			}
.color {
	font-size: 10px;
	color: #F0F;
	margin-top: 10px;
}