/* -- Sandra Viden Design CSS v1.0 -- */
/* -- Last Modified: 	13/2/09	   -- */


/* ---------- ::Defaults:: --------------------- */

html { font-size: 12px; }

	

body
{
	color: #5F5F5F;
	font-family: Arial;
	font-size: 12px;
	line-height: 12px;
	background-color: #0c1b5f;
	behavior: url("csshover3.htc"); /* IE hover fix */
}

div.spacer {clear: both; height: 1px;}
div.spacer-med {clear: both; height: 30px;}


/* ---------- ::Typography:: ------------------- */

address, h1, h2, h3, h4, h5, h6, li, p, pre {padding: .3em ; text-align: left; font-weight: normal;}
h1 	{	font-size: 24px; color: #98621A; font-style: italic; font-weight: bold;}
h2	{ 	font-size: 	21px; 	margin: 5px 0 0 0; 	color: #98621A; font-style: italic;}
h3 	{	font-size:1.2em; 	color: #62719C; 	border-bottom: 1px solid #62719C;}
h4 	{	font-size:1.0em;}
address, li,  {font-size:12px;}
pre {font-size: 12px;}
blockquote {font-size: 12px; margin-left: 10px; width: 90%; font-style: italic; text-align: center;}


p {font-size: 13px; margin: 0 15px 0px 15px; float: left; width: 98%; line-height: 14px; text-align: justify;}

.right p {text-align: right;}

.textwrap p {width: 98%;}

p.slogan {font-size:1.6em; margin-left: 30px; position: relative; top: 150px; font-style: italic; color: #00ADEE;}

.specials {font-weight: bold; font-size: 13px; color: #00ADEE !important;}

.center {text-align: center;}

.blue { color: #7688BB; }

/* ---------- ::Links:: ------------------------ */

a {text-decoration: underline; color: #62719C;}
a:hover {text-decoration: none; color: #62719C;}
a:visited {text-decoration: underline; }
a:active, a:focus {
	text-decoration:none;
	outline:none;
}
a img {border:none;}

/* ---------- ::Layout:: --------------------- */

#wrap {
	position: absolute;
	width: 910px;
	left: 50%;
	top: 0px;
	margin-left: -450px;
	z-index: 5;
}

#header {
	position: relative;
	width: 910px;
	top: 0px;
	height: 90px;
	padding: 0px;
	z-index: 20;
}

img#logo-head {
	position: absolute;
	top: 0px;
	left: 395px;
	height: 100px;
	display: block;
}

#view-cart-menu {
	position: absolute;
	display: block;
	left: 860px;
	top: 19px;
	height: 25px;
	width: 35px;
	z-index: 35;
}


/* ---------------- ::Nav:: --------------------- */

/* Stu Nicholls CSS Professional - Multi-column dropdown menu */

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/multi-column.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav {position: relative; top: 10px; left: 00px; height: 41px; float:left; padding-left:20px; background:transparent url(images/tableft.gif) no-repeat left top; z-index: 10; }

#menu {height:41px; width: 890px; position:relative;font-size:11px; z-index:1000; background:transparent url(images/tabright.gif) no-repeat right top; float:left; padding-right:0px;}
#menu table.ie6 {border-collapse:collapse; margin:0; padding:0;}

#menu ul {padding:0; margin:0; list-style: none;}
#menu ul li {float:left; padding: 0px; }
#menu ul li a {display:inline-block; position: relative; top: 0px; float:left;padding:0 25px 0 0;text-decoration:none; color:#fff; font-weight:bold; height:41px;line-height:40px;font-size:12px; background:url(images/tabcenter.gif) no-repeat right top;}
#menu ul li a b {display:inline-block; position: relative; top: 0px; float:left;padding:0 0 0 25px; text-decoration:none; color:#fff; font-weight:bold; height:41px;line-height:40px;font-size:12px;background:url(images/tabcenter.gif) no-repeat left top; cursor:pointer;}

#menu ul li div.holder {position:absolute; left:-9999px;}

#menu ul li div .leftSide {float:left; background: transparent url(images/dropleft.gif) no-repeat left bottom; }
#menu ul li div .rightSide {float:left; margin-left:10px; display:inline; padding:0 13px 0 0; background: transparent url(images/dropright.gif) no-repeat right bottom;}

#menu ul li:hover {position:relative;}
#menu ul li a:hover {color:#00407D; background-position:right center; white-space:nowrap; position:relative;}
#menu ul li a:hover b {color:#00407D; background-position:left center;}
#menu ul li a.sub:hover {color:#00407D; background-position:right bottom; white-space:nowrap; position:relative;}
#menu ul li a.sub:hover b {color:#00407D; background-position:left bottom;}

#menu ul li:hover > a {color:#00407D; position:relative;}
#menu ul li:hover a.sub {color:#00407D; background-position:right bottom; white-space:nowrap; position:relative;}
#menu ul li:hover a.sub > b {color:#00407D; background-position:left bottom;}

#menu ul :hover div.holder {position:absolute; top:41px; left:4px; margin: 0; padding: 0;}

#menu ul li.right a:hover div.holder {left:auto; right:3px; top:41px;}
#menu ul li.right:hover div.holder {left:auto; right:4px; top:41px;}

#menu ul dl {width:auto; margin:5px 0 10px 0; padding:0 5px;list-style:none;}
#menu ul dl dt {padding:0 10px; margin:0; line-height:20px; background:#507DCF; color:#fff; white-space:nowrap;}
#menu ul dl dd {display:block; padding:0; margin:0;}
#menu ul dd a {background-image: none; display:block; height: 20px; line-height: 20px; color:#421; text-align:left; margin: 0; padding:0 10px;font-weight:normal; white-space:nowrap; float:none;}
#menu ul dd a:hover {color:#c60;}

#menu ul table td {vertical-align:top;}

#menu ul dl dt.list
{
	padding: 0 10px;
	margin: 0;
	line-height: 20px;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	background-color: #B28D74;
}

#menu ul dl dt.vouchers
{
	padding: 0 10px;
	margin: 0;
	line-height: 20px;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	background-color: #84B287;
}


#menu ul dt a {background-image: none; display:block; height: 20px; line-height: 20px; color:#fff; text-align:left; margin: 0; padding:0 10px;font-weight:normal; white-space:nowrap; float:none; font-size: 11px;}
#menu ul dt a:hover { color: #F8F29B; }


/* ---------- ::catalog Layout:: --------------------- */


.catalog
{
	position: relative;
	top: 0px;
	z-index: 10;
	width: 900px;
	height: 600px;
	background-image: url(images/cat-1-bg.jpg);
	background-position: center top;
	border: 5px solid white;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px ; 
    -moz-border-radius-bottomleft: 0; 
    -moz-border-radius-bottomright: 0; 
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}

.catalog#home {
	height: 675px;
	background-image: url(images/home-bg.jpg);
	background-position: center top;
	border: 5px solid #62719C;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


.catalog#entry {
	height: 600px;
	background-image: none;
	background-color: white;
	border: 5px solid #62719C;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#entry-right {
	position: relative;
	float: right;
	display: block;
	height: 600px;
	width: 300px;
	right: 0px;
	bottom: 0px;
}

.catalog#about {
	height: 600px;
	background-image: none;
	background-color: white;
	border: 5px solid #62719C;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.catalog#contact {
	height: auto;
	background-image: url(images/logo-faded.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: white;
	border: 5px solid #62719C;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-bottom: 20px;
}

.catalog#where {
	height: 470px;
	background-image: none;
	background-color: white;
	border: 5px solid #62719C;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.catalog#product-list {
	height: auto;
	background-image: none;
	background-color: white;
	border: 5px solid #62719C;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.catalog#products
{
	height: auto;
	background-image: url(images/logo-faded.jpg);
	background-color: white;
	border: 5px solid #62719C;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-position: right bottom;
	background-repeat: no-repeat;
}

.catalog#quick-list
{
	top: 10px;
	height: 420px;
	background-image: url(images/logo-faded.jpg);
	background-color: white;
	border: 5px solid #62719C;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.catalog#cat-2 {
	background-image: url(images/cat-2-bg.jpg);
	background-position: center top;
}
.catalog#cat-3 {
	background-image: url(images/cat-3-bg.jpg);
	background-position: center top;
}
.catalog#cat-4 {
	background-image: url(images/cat-4-bg.jpg);
	background-position: center top;
}
.catalog#cat-5 {
	background-image: url(images/cat-5-bg.jpg);
	background-position: center top;
}
.catalog#fab-clr {
	height: 675px;
	background-image: url(images/fab-clr-bg.jpg);
	background-position: center top;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


.cat-back {position: absolute; top: 60px; z-index: 20;}

.cat-next {position: absolute; float: right; top: 60px; right: 0px;z-index: 20;}
p.cat-txt-info {position: absolute; top: 65px; left: 230px; width: 400px; height: 25px; font-size: 14px; text-align: center; color: white;}


/* ---------- ::catalog home:: --------------------- */

a#enter {
	position: relative;
	height: 298px;
	width: 163px;
	top: 377px;
	left: 530px;
}

a#enter-cat-1 { 	position: absolute; 	height: 131px; 	width: 167px; 	top: 3px; 		left: 30px; 	border: 1px solid black; } 
a#enter-cat-2 { 	position: absolute; 	height: 131px; 	width: 167px; 	top: 137px; 	left: 30px; 	border: 1px solid black; } 
a#enter-cat-3 { 	position: absolute; 	height: 131px; 	width: 167px; 	top: 271px; 	left: 30px; 	border: 1px solid black; } 
a#enter-cat-4 { 	position: absolute; 	height: 131px; 	width: 167px; 	top: 405px; 	left: 30px; 	border: 1px solid black; } 
a#enter-cat-5 { 	position: absolute; 	height: 131px; 	width: 167px; 	top: 539px; 	left: 30px; 	border: 1px solid black; } 


a#enter-cat-1:hover {border: 1px solid white;}
a#enter-cat-2:hover {border: 1px solid white;}
a#enter-cat-3:hover {border: 1px solid white;}
a#enter-cat-4:hover {border: 1px solid white;}
a#enter-cat-5:hover {border: 1px solid white;}


/* ---------- ::catalog entry:: --------------------- */


#entry-txt {
	position: relative;
	width: 600px;
	top: 0px;
	left: 20px;
	margin: 20px 0 10px 0;
	float: left;
}

#entry-txt p {
	width: 90%;
	font-size: 14px;
	line-height: 16px;
	margin: 0 10px 5px 0px;
}

#entry-txt h2 {margin-left: 10px;}
#entry-txt h3 {width: 90%; font-size: 16px;}

p.light {color:#62719C ;}

#entry-cat {
	float: left;
	margin: 10px 0px 0 70px;
}
#entry-ql {
	float: left;
	margin: 10px 0px 0 -5px;
}

/* ---------- ::catalog about:: --------------------- */

img#sandra-about {
	position: absolute;
	height: 265px;
	width: 198px;
	top: 240px;
	left: 590px;
	padding: 5px;
	background-color: #62719C;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#about-txt {
	position: relative;
	width: 700px;
	top: 0px;
	left: 80px;
	margin: 0px 0 10px 0;
	float: left;
}

#about-txt p {
	width: 68%;
	font-size: 15px;
	line-height: 17px;
	margin: 0 10px 0 10px;
}

#about-txt h2 {margin-left: 10px;}

p.light {color:#62719C ;}

/* ---------- ::catalog products:: --------------------- */

.product-img {
	position: relative;
	display: block;
	top: 10px;
	left: 10px;
	padding: 5px;
	margin-bottom: 20px;
}

#product-txt
{
	position: relative;
	width: 440px;
	min-height: 350px;
	top: 15px;
	right: 15px;
	margin: 0px 0 10px 0;
	float: right;
	border-left: 1px #D2D2D2 solid;
	border-right: 1px #E1E1E1 solid;
	border-bottom: 1px #D2D2D2 solid;
	border-top: 1px #E1E1E1 solid;
	background-color: #F7F7F7;
}

*html #product-txt {
	height: auto !important;
	height: 350px;
}

#product-txt h2		{ 	font-size: 	21px; 	margin: 5px 0 0 0; 	color: #98621A; font-style: italic;} 
#product-txt h3 	{	font-size:	18px; 	margin: 0 0 0 0;	color: #62719C; 	border-bottom: 1px solid #62719C; }


.cat-det {
	position: relative;
	display: inline-block;
	width: 430px;
	margin: 0px 0px 0 0 ;
}



img.det-new {position: relative; float: left; margin: 0 10px 0 0px; height: 16px; width: 40px; }

p.det-name {display: inline; margin: 20px 0 10px 0; font-size: 14px; text-align: left; line-height: 17px; font-weight: bold; height: 20px; width: 423px; }
p.det-price {font-size: 13px; line-height: 21px; font-weight: bold; text-align: left; float: left; color: green;  width: 290px; margin-bottom: 10px;}

.det-price a  {
	position: relative; 
	display: inline-block;
	top: 4px; 
	left: 70px;
}

.det-price img {
	width: 110px;
	height: 18px;
	padding: 0px;
}

p.det-txt, .det-colour, .det-fabric, .det-size {font-size: 12px; width: 290px; text-align: left;}

img.buy {position: relative; display: inline-block; left: 75px; top: 5px;  }

#thumbs {
	position: absolute;
	height: 220px;
	width: 400px;
	bottom: 11px;
	left: 443px;
}

#thumbs img {
	border: 1px solid #D2D2D2; display: inline; margin-right: 10px;
}

#cat-back {
	position: absolute;
	display: inline-block;
	z-index: 15;
	top: 5px;
	right: 5px;
}

#cat-view {
	position: absolute;
	display: inline-block;
	z-index: 15;
	top: 10px;
	left: 10px;
}
#quick-list-pl {
	position: absolute;
	display: inline-block;
	z-index: 15;
	top: 60px;
	left: 10px;
}


#view-cart {
	position: absolute;
	display: block;
	right: 10px;
	top: 70px;
}


#view-cart-quick {
	position: absolute;
	display: block;
	right: 10px;
	top: 5px;
}


#view-cart-list {
	position: absolute;
	display: block;
	z-index: 15;
	right: 10px;
	top: 10px;
}

#voucher-butt {
	position: absolute;
	display: block;
	right: 10px;
	bottom: 10px;
}


/* ---------- ::catalog 1 images:: --------------------- */



#tpl-pants {
	position: absolute;
	display: inline-block;
	width: 210px;
	height: 554px;
	z-index: 16;
	top: 40px;
	left: 0px;
}

#tpl-crop-jacket {
	position: absolute;
	display: inline-block;
	width: 251px;
	height: 342px;
	z-index: 17;
	bottom: 0px;
	left: 168px;
}

#tpl-ischia-white {
	position: absolute;
	display: inline-block;
	width: 210px;
	height: 389px;
	z-index: 16;
	top: 211px;
	left: 380px;
}

#tpl-pants-dark {
	position: absolute;
	display: inline-block;
	width: 210px;
	height: 600px;
	z-index: 17;
	top: 0px;
	left: 540px;
}

#tpl-ischia {
	position: absolute;
	display: inline-block;
	width: 281px;
	height: 600px;
	z-index: 16;
	top: 0px;
	left: 620px;
}


/* ---------- ::catalog 2 images:: --------------------- */

#lcc-4 {
	position: absolute;
	display: inline-block;
	width: 273px;
	height: 600px;
	z-index: 15;
	top: 0px;
	left: 626px;
}

#lcc-3 {
	position: absolute;
	display: inline-block;
	width: 220px;
	height: 500px;
	z-index: 17;
	top: 100px;
	left: 450px;
}

#lcc-2 {
	position: absolute;
	display: inline-block;
	width: 200px;
	height: 600px;
	z-index: 16;
	top: 0px;
	left: 230px;
}

#lcc-1 {
	position: absolute;
	display: inline-block;
	width: 230px;
	height: 568px;
	z-index: 16;
	top: 40px;
	left: 0px;
}

/* ---------- ::catalog 3 images:: --------------------- */

#slc-4 {
	position: absolute;
	display: inline-block;
	width: 274px;
	height: 600px;
	z-index: 18;
	top: 0px;
	left: 636px;
}

#slc-3 {
	position: absolute;
	display: inline-block;
	width: 205px;
	height: 392px;
	z-index: 17;
	top: 208px;
	left: 450px;
}

#slc-2 {
	position: absolute;
	display: inline-block;
	width: 233px;
	height: 399px;
	z-index: 16;
	top: 201px;
	left: 210px;
}

#slc-1 {
	position: absolute;
	display: inline-block;
	width: 217px;
	height: 600px;
	z-index: 16;
	top: 00px;
	left: 0px;
}

/* ---------- ::catalog 4 images:: --------------------- */

#src-5 {
	position: absolute;
	display: inline-block;
	width: 237px;
	height: 600px;
	z-index: 19;
	top: 8px;
	left: 666px;
}

#src-4 {
	position: absolute;
	display: inline-block;
	width: 263px;
	height: 424px;
	z-index: 18;
	top: 176px;
	left: 500px;
}

#src-3 {
	position: absolute;
	display: inline-block;
	width: 244px;
	height: 372px;
	z-index: 17;
	top: 228px;
	left: 320px;
}

#src-2 {
	position: absolute;
	display: inline-block;
	width: 330px;
	height: 446px;
	z-index: 16;
	top: 154px;
	left: 190px;
}

#src-1 {
	position: absolute;
	display: inline-block;
	width: 258px;
	height: 600px;
	z-index: 16;
	top: 00px;
	left: 0px;
}


/* ---------- ::catalog 5 images:: --------------------- */


#pe-3 {
	position: absolute;
	display: inline-block;
	width: 270px;
	height: 600px;
	z-index: 17;
	top: 0px;
	left: 630px;
}

#pe-2 {
	position: absolute;
	display: inline-block;
	width: 252px;
	height: 409px;
	z-index: 15;
	top: 191px;
	left: 230px;
}

#pe-1 {
	position: absolute;
	display: inline-block;
	width: 263px;
	height: 600px;
	z-index: 16;
	top: 00px;
	left: 0px;
}



#cat-details
{
	position: relative;
	display: block;
	width: 910px;
	overflow: auto;
	background-color: #fff;
	padding: 0px;
	top: 0px;

    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0; 
    -moz-border-radius-bottomleft: 5px; 
    -moz-border-radius-bottomright: 5px; 
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}


.cat-info {
	position: relative;
	display: inline-block;
	width: 158px;
	margin: 10px 5px 10px 0;
	top: 0px;
	left: 0px;
	float: left;
	padding: 0px 0 0 10px;
}



img.new {position: relative; float: right; margin: 0 -5px 0 0px; height: 16px; width: 40px; }

p.info-name
{
	display: inline;
	font-size: 12px;
	text-align: center;
	line-height: 17px;
	font-weight: bold;
	height: 20px;
	width: 158px;
	border-bottom: 1px dotted #888888;
	padding: 0px;
}

.long {margin-left: 60px;}



/* ---------- ::Fabrics and colours:: --------------------- */

p#cotton-knit {
	position: absolute; 
	top: 25px; 
	left: 22px; 
	width: 250px; 
	height: 20px; 
	line-height: 20px; 
	background-color: #5071A6;	
	font-size: 18px; 
	font-weight: bold;	
	color: #fff; 
	text-align: center;
}

p#rib { 	position: absolute; 	top: 80px; 	left: 180px; 	font-weight: bold; 	font-size: 18px; 	color: #5071A6; 	line-height: 20px; } 

p#med { 	position: absolute; 	top: 170px; 	left: 180px; 	font-weight: bold; 	font-size: 18px; 	color: #5071A6; 	line-height: 20px; } 

p#supa { 	position: absolute; 	top: 265px; 	left: 180px; 	font-weight: bold; 	font-size: 18px; 	color: #5071A6; 	line-height: 20px; } 

p#wide { 	position: absolute; 	top: 360px; 	left: 180px; 	font-weight: bold; 	font-size: 18px; 	color: #5071A6; 	line-height: 20px; } 

p#narr { 	position: absolute; 	top: 450px; 	left: 180px; 	font-weight: bold; 	font-size: 18px; 	color: #5071A6; 	line-height: 20px; }

p#cotton-linen {
	position: absolute; 
	top: 370px; 
	left: 564px; 
	width: 250px; 
	height: 20px; 
	line-height: 20px; 
	background-color: #5071A6;	
	font-size: 18px; 
	font-weight: bold;	
	color: #fff; 
	text-align: center;
}

p#pecan 	{ 	position: absolute; 	width: 80px;	top: 420px; 	left: 585px; 	font-weight: bold; 	font-size: 18px; 	color: #fff; 	line-height: 20px; } 
p#cl-white 	{ 	position: absolute; 	width: 80px;	top: 420px; 	left: 690px; 	font-weight: bold; 	font-size: 18px; 	color: #5071A6; 	line-height: 20px; }
p#cl-black 	{ 	position: absolute; 	width: 80px;	top: 420px; 	left: 800px; 	font-weight: bold; 	font-size: 18px; 	color: #fff; 	line-height: 20px; }

p#tuscany-linen {
	position: absolute; 
	top: 482px; 
	left: 564px; 
	width: 250px; 
	height: 20px; 
	line-height: 20px; 
	background-color: #5071A6;	
	font-size: 18px; 
	font-weight: bold;	
	color: #fff; 
	text-align: center;
}

p#lime 		{ 	position: absolute; 	width: 80px;	top: 535px; 	left: 585px; 	font-weight: bold; 	font-size: 18px; 	color: #fff; 	line-height: 20px; } 
p#tl-white 	{ 	position: absolute; 	width: 80px;	top: 535px; 	left: 690px; 	font-weight: bold; 	font-size: 18px; 	color: #5071A6; 	line-height: 20px; }
p#coco 		{ 	position: absolute; 	width: 80px;	top: 535px; 	left: 800px; 	font-weight: bold; 	font-size: 18px; 	color: #fff; 	line-height: 20px; }

p#cotton-knit-col {
	position: absolute; 
	top: 565px; 
	left: 22px; 
	width: 250px; 
	height: 20px; 
	line-height: 20px; 
	background-color: #5071A6;	
	font-size: 18px; 
	font-weight: bold;	
	color: #fff; 
	text-align: center;
}

p#ck-nat 	{ 	position: absolute; 	width: 80px; 	top: 625px; 	left: 22px; 	font-weight: bold; 	font-size: 18px; 	color: #5071A6; 	line-height: 20px; } 
p#ck-man 	{ 	position: absolute; 	width: 80px;	top: 625px; 	left: 172px; 	font-weight: bold; 	font-size: 18px; 	color: #fff; 	line-height: 20px; } 
p#ck-nav 	{ 	position: absolute; 	width: 80px;	top: 625px; 	left: 322px; 	font-weight: bold; 	font-size: 18px; 	color: #fff; 	line-height: 20px; } 
p#ck-white 	{ 	position: absolute; 	width: 80px;	top: 625px; 	left: 472px; 	font-weight: bold; 	font-size: 18px; 	color: #5071A6; 	line-height: 20px; } 
p#ck-sage 	{ 	position: absolute; 	width: 80px;	top: 625px; 	left: 622px; 	font-weight: bold; 	font-size: 18px; 	color: #fff; 	line-height: 20px; } 
p#ck-black 	{ 	position: absolute; 	width: 80px;	top: 625px; 	left: 780px; 	font-weight: bold; 	font-size: 18px; 	color: #fff; 	line-height: 20px; } 

/* ---------- ::catalog where:: --------------------- */

#map_canvas {
	position: absolute;
	display: block;
	width: 400px;
	height: 450px;
	top: 10px;
	left: 10px;
}

img#shop-where {
	position: absolute;
	height: 268px;
	width: 400px;
	top: 180px;
	right: 35px;
	padding: 5px;
	background-color: #62719C;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#where-txt {
	position: absolute;
	padding: 0px;
	width: 450px;
	height: 150px;
	top: 10px;
	right: 10px;
	margin: 0px 0 10px 0;
	border-left: 1px #D2D2D2 solid;
	border-right: 1px #E1E1E1 solid;
	border-bottom: 1px #D2D2D2 solid;
	border-top: 1px #E1E1E1 solid;
	background-color: #F7F7F7;
}

#where-txt p {
	font-size: 15px;
	line-height: 17px;
	margin: 0 10px 0 10px;
}

p.light {color:#62719C ;}

/* ---------- ::catalog contact:: --------------------- */

.contact-col {
	position: relative;
	width: 430px;
	height: 525px;
	float: left;
	top: 10px;
	left: 10px;
	padding: 0px;
	margin: 0 15px 0 0;
	border-left: 1px #D2D2D2 solid;
	border-right: 1px #E1E1E1 solid;
	border-bottom: 1px #D2D2D2 solid;
	border-top: 1px #E1E1E1 solid;
	background-color: #F7F7F7;
}

.catalog#contact dl {
	width: 410px;
	height: auto;
	padding: 0px;
	margin-left: 10px;
	margin-bottom: 20px;
}

.catalog#contact dt {
	width: 120px;
	text-align: right;
	float: left;
	font-weight: bold;
	font-style: italic;
	line-height: 15px;
	padding: 0px;
	margin-bottom: 5px;
}

.catalog#contact dd {
	width: 270px;
	line-height: 15px;
	padding: 0px;
	margin-left: 130px;
	margin-bottom: 5px;
}

.catalog#contact dd.sh {
	font-weight: bold;
	font-style: italic;
	padding: 0px;
	color: #98621A;	
}

.catalog#contact dd.col2 {
	padding: 0px;
	margin: 0 15px 5px 0;
	width: 390px;
}

.contact#contact img {padding: 0px;}

/* ---------- ::Sizes:: --------------------- */

 table#sizes {color: silver; font-size: 14px; line-height: 16px;}
 
 table#sizes tr.alt { color: #636363; } 


/* ---------- ::Full Product List:: --------------------- */

#full-list {
	position: relative;
	display: block;
	width: 90%;
	margin: 20px auto;
}

img.buy-list {position: relative; display: inline-block; right: 0px; top: 0px;  }

#full-list h2
{
	width: 100%;
	font-size: 16px;
	margin: 0px 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #98621A;
	font-weight: 600;
}

#full-list table
{
	margin: 20px 0 20px 0;
	background-color: #F6F6FF;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #F0F0F9;
}

#full-list tr.Sel:hover { background-color: #FFF; }

img.new-list {position: relative; float: right; margin: -2px 20px 0 0px; height: 16px; width: 40px; }

#list-buttons {
	position: relative;
	display: inline-block;
	width: auto;
	clear: both;
	left: 120px;
}

/* ---------- ::Footer:: --------------------- */

#foot
{
	position: relative;
	top: 20px;
	width: 910px;
	height: 70px;
	padding: 0px;
	margin: 0 auto 20px auto;
	border-top: 1px solid #62719C;
}

#foot a {color:#62719C; padding: 0 10px 0 10px; text-align: center; text-decoration: none;}
#foot a:hover { 	color: #D0D4FF; 	padding: 0 10px 0 10px; 	text-decoration: none; } 

#foot p
{
	position: relative;
	top: 5px;
	text-align: center;
	color: #62719C;
	margin: 0px auto;
	font-size: 11px;
	line-height: 12px;
	width: 100%;
}

#foot ul {
	position: relative;
	width: 800px;
	top: 18px;
	right: 0px;
	height: 12px;
	text-align: center;
}

#foot li
{
	font-size: 11px;
	font-weight: normal;
	list-style-type: none;
	display: inline;
	background-image: url(images/sep.gif);
	background-repeat: no-repeat;
	background-position: right;
	margin: 0 auto;
	padding: 0px;
	line-height: 15px;
}


#foot li.last
{
	background-image: none;
	padding: 0 0 0 10px;
	color: #62719C;
}

#foot li a {color:#62719C; padding: 0 10px 0 10px; text-align: center; text-decoration: none;}
#foot li a:hover { 	color: #D0D4FF; 	padding: 0 10px 0 10px; 	text-decoration: none; } 

/* ---------- ::Caption / Jcarousel:: --------------------- */
.captionText {
	text-align: center;
	width: 100px;
}

#carousel-wrap {
	position: relative;
	top: 0px;
	height: 150px;
	width: 900px;
	margin: 0px auto 0px auto;
	background-color: white;
	border: 5px solid #62719C;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-image: url(images/carousel-bg.jpg);
	background-repeat: repeat-x;
	z-index: 15;
}


ul#carousel {
	list-style: none;
	height: 150px;
	width: 900px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	z-index: 15;
}
ul#carousel li {
	float: left;
	width: 100px;
	height: 150px;
}

#carousel div.caption {
	margin: 0;
	padding:0;
	position: relative;
}

#carousel div.caption p
{
	position: absolute;
	margin: 0;
	padding: 3px 0;
	text-align: center;
	font-size: .9em;
	text-decoration: none;
	bottom: 0;
	left: 0;
	color: #ffffff;
	opacity: .8;
	width: 100px;
	background-color: black;
	cursor: pointer;
}

#carousel div.caption img {
	margin: 0; padding: 0;
}