/*   *************************************
	 Stylesheet for Canyon Beachwear
	 Belay Development - LC - 04.06.07
	 
	 ********************************** */
	 
	 
/* GENERAL
*********************** */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { 
	margin:0;
	padding:0;
}

select { min-width:1.5em; }

body {background: #ebf2f2 url(/media/background.jpg) top left repeat-x;}

* {
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

a {color: #6e6f64;}
a:hover {color: #5A8073;}

a img {border: 0;}

.clearer {clear: both;}

p, td {font-size: 9pt; color: #6e6f64;}

h5 {font-size: 9pt;}
h6 {font-size: 9pt; color: #5A8073; text-transform:uppercase; margin-top: .5em;}
h6 a {text-decoration: none;  color: #5A8073;}

/* LAYOUT
********************** */

#wrapper {
	width: 828px;
	border: 0;
	margin-top: 15px;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	height: 148px;
	background: transparent url(/media/bg_header.gif) top left no-repeat;
}

	#contact #header {background: transparent url(/media/bg_header_contact.gif) top left no-repeat;}
	#checkout #header {background: transparent url(/media/bg_header_checkout.gif) top left no-repeat;}

	#header table.holder {width: 773px; margin: 18px 0px 0px 36px;}

#header table.holder td.search {
	vertical-align: middle;
	height: 50px;
	padding: 0 24px 0 0;;
	text-align: right;
}

	#header table.holder td.search td {color: #89aca0; font-size: 8pt; line-height: 2.5em; }

#header table.holder td.search a {
	margin: 0 4px;
	color: #89aca0;
	font-size: 8pt;
	text-decoration: none;
}

	#header table.holder td.search a:hover {text-decoration: underline;} 
	#header table.holder td.search td input.srch {height: 19px !important; line-height: 2em !important; font-size: 9pt !important; border: 1px inset #000000 !important; padding: 0 !important; margin: 0 !important;}
	
	#header table.holder td.note {height:26px; text-align:center; vertical-align: bottom; font-size: 9pt; font-weight: bold; color: #ffffff;}
	#header table.holder td.note a {color: #ffffff; text-decoration: none;}
	#header table.holder td.note a:hover {text-decoration: underline;}
	
	
#contact-info {
	float: right;
	width: 230px;
	color: #495271;
	font-size: 14px;
}	

#contact-info .phone {
	font-weight: bold;
	color: #AB273F;
}

#contact-info .email {
	display: block;
	font-size: 11px;
}
	
#footer {
	height: 70px;
	background: transparent url(/media/bg_footer.gif) bottom left no-repeat;
	text-align: center;
	vertical-align: middle;
	font-size: 8pt;
	line-height: 1.5em;
	color: #5a90a5;
}

	#footer a {color: #5a90a5; text-decoration: none;}
	#footer a:hover {text-decoration: underline;}

	#footer .copyright, #footer .copyright a {color: #8c9aa0;}
	
	
#leftcol {
	width: 263px;
	border-left: 1px solid #c2d6d9;
	background: #ffffff url(/media/bg_leftcol.gif) left repeat-y;
	vertical-align: top;
}	

div.leftnav {
	width: 200px;
	padding: 20px 0px 7px 0px;
	margin-left: 35px;
	font-weight: bold;
	font-size: 14px;
	color: #495271;	
	text-transform: uppercase;
}


a.leftnav {
	display: block; 
	width: 200px;
	padding: 6px 0 0 0;
	margin-left: 35px;
	text-transform: uppercase;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
}

a.leftnav:hover, #leftcol #active {color: #AB273F;}

#leftcol #left_searchbox {
	background-color: #E1EFF2;
	width: 180px;
	margin: 3px 0px 18px 28px;
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

#leftcol #left_searchbox select {
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	margin-top: 5px;
	width: 165px;
}

#leftcol #left_searchbox div {
	margin-top: 10px;
}


#leftcol hr {
	margin: 3px 0px 18px 28px;	
	width: 200px;
	height: 1px;
	background-color: #BBC2B0;
	border: none;
}

#leftcol #social {
	margin: 3px 0px 18px 28px;	
	width: 180px;
	background-color: #EEE1C5;
	padding: 10px;	
	font-size: 13px;
	color: #898969;
	font-weight: bold;
}

#leftcol #social img {
	margin-top: 6px;
}

#leftcol #newsletter {
	margin: 3px 0px 18px 28px;	
	width: 190px;
	background-color: #CEE2DD;
	font-weight: normal;
	font-size: 12px;
	padding: 0 0 15px 10px;
	color: #333333;
	background-image: url(/media/leftbox_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#leftcol #newsletter .head {
	margin: 0 0 10px -10px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background-color: #97B4A7;
	padding: 10px;
	background-image: url(/media/leftbox_top.gif);
	background-repeat: no-repeat;
}

#leftcol #newsletter input {
	margin-top: 0px;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	margin-top: 5px;
	display: block;
}
	
#leftcol #sale {
	margin: 3px 0px 18px 28px;
	padding: 8px;
	width: 174px;
	background-color: #B0BEDD;
	border: solid 5px #94A1BD;
	font-weight: bold;
	color: #495271;
	font-size: 12px;
	text-transform: uppercase;
}

#leftcol #sale img {
	margin-bottom: 8px;
}
#leftcol #sale a {
	color: #495271;
	text-decoration: none;
	text-transform: none;
	white-space: nowrap;
}

#leftcol #sale ul {
	margin-top: 6px;
	list-style: none;
}
#leftcol #sale li {
	margin-top: 2px;
}


#leftcol #featured {
	margin: 3px 0px 18px 28px;
	width: 200px;	
}

	
#content {
	background: #ffffff url(/media/bg_rightcol_internal.gif) top left no-repeat;
	border-right: 1px solid #c2d6d9;
	vertical-align: top;
	width: 563px;
}

	#home #content {background: #ffffff url(/media/bg_rightcol.gif) right repeat-y;}
	#sale #content {background: #ffffff url(/media/bg_rightcol_sale.gif) top no-repeat;}
	#contact #content, #checkout #content {
		background: #ffffff;
		border-right: 1px solid #c2d6d9;
		border-left: 1px solid #c2d6d9;
		width: 100%;
	}
	
	
	/* #content .main {margin: 18px 0px 18px 6px;} */
	
	#content .internal {padding: 35px 30px 20px 30px;}

	#locator #content .internal {padding: 0px 10px;}
	
/* Custom Content Areas 
************************** */

/* Homepage */


.home_products {
	margin-top: 5px;
	width: 98%;
}

.home_featured {
	font-size: 20px;
	font-weight: bold;
	color: #495271;
	border-bottom: solid 1px #BBC2B0;
	padding-bottom: 4px;
	margin: 0 0 16px 0;
	clear: both;
}

.home_featured a {
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}

.home_products img {
	margin: auto;
	display: block;
	margin-bottom: 6px;
}

.home_products {
	border-spacing: 3px 10px;
}

.home_products td {
	vertical-align: top;
	width: 33%;
	background-color: #E1EFF2;
	margin-left: 2px;
	text-align: center;
	padding-bottom: 6px;
}

.home_products a {
	color: #333333;
	font-size: 12px;
	text-decoration: none;
}



.designers {
	float: left;
	width: 33%;
	margin-bottom: 10px;
	font-size: 14px;
}
.designers a {
	display: block;
	margin-right: 10px;
	color: #6E6F74;
}

.home_products td.home_product_empty {
	background-color: inherit;
}


	.price span.orig {
		text-decoration: line-through;
		font-weight: normal;
		color: #616F6B;
	}
	
	.price span.sale {
		color: #000000;
	}

/* Internal Pages */

#content .internal h1 {font-size: 12pt; color: #7686ab; margin-bottom: 1.6em;}
#content .internal p {font-size: 9pt; color: #6e6f64; line-height: 1.6em;}


/* Store Locator */
#locator #rt_image {
	width: 275px; 
	height: 400px; 
	position: relative;
	float: right; 
	clear: none; 
	background: url(/media/bg_locator.jpg) no-repeat;
	margin-left: 10px;
	display: inline; /* fixes IE6 double-margin bug */
}

#locator #rt_image img {margin: 57px 0px 0px 21px}

#locator #store_image {
	width: 291px; 
	height: 507px; 
	position: relative;
	float: right; 
	clear: none; 
	background: url(/media/bg_store.jpg) no-repeat;
	margin-left: 10px;
	display: inline; /* fixes IE6 double-margin bug */
}

#locator #store_image img {margin: 46px 0px 0px 34px}

/* Preferred Customer Area */

.login_box {padding: 10px; font-size: 8pt; color: #5A8073;}
.login_box * {font-size: 8pt; color: #5A8073;}
.login_box input.text {color: #666666;}

.login_box tr.nav td {background: #A9D5E2; text-align: center;}
.login_box tr.nav td a {color: #666666; text-decoration: none;}
.login_box tr.nav td a.active {font-weight: bold;}

/* E-store Pages */

.banner {
	width: 563px;
	height: 63px;
}

.banner .breadcrumbs {
	float: right;
	margin-top: 20px;
	margin-right: 25px;
}

.breadcrumbs, .breadcrumbs a {
	font-size: 8pt;
	color: #646867;
	font-weight: bold;
}

.breadcrumbs a:hover, .pagination a:hover {color: #000000;}

.pagination {float: left; clear: none; padding: 5px 0 5px 33px;}

.pagination, .pagination a {
	font-size: 9pt;
	color: #646867;
	font-weight: bold;
}

.pagination a {text-decoration: underline;}

.pagination a.active {text-decoration: none !important; }


#cat_image {
	width: 280px; 
	height: 507px; 
	position: relative;
	float: right; 
	clear: none; 
	background: url(/media/bg_polaroid.gif) no-repeat;
	margin-right: 2px;
	display: inline; /* fixes IE6 double-margin bug */
}

#cat_image div {
	margin: 88px 0px 0px 26px;
	width: 224px;
	height: 258px;
}

.tbl_thumbs {margin-left: -33px; width: 100%;}
.tbl_thumbs td {text-align: center; vertical-align: top; padding: 0px 0px 18px 33px; width: 110px; line-height: 1.1em;}
.tbl_thumbs td .thumbnail {height: 154px; width: 110px; margin-bottom: 5px;}
.tbl_thumbs td .thumbnail a img {border: 0;}
.tbl_thumbs td .thumbnail a:hover img {border: 0;}
.tbl_thumbs td h1 a {font-size: 9pt; color: #956796; font-weight: bold; text-decoration: none;}
.tbl_thumbs td h1 a:hover {color: #000000;}
.tbl_thumbs td p {font-size: 8pt; color: #646867;}
.tbl_thumbs td p.price {font-size: 10pt; color: #000000; font-weight: bold;}

.prodthumb {display: inline; overflow: hidden; text-align: center; width: 113px; height: 233px; float: left; margin: 8px 15px 0px 10px; clear: none;}
.prodthumb .thumbnail {text-align: center; height: 154px; width: 110px; margin-bottom: 5px;}
.prodthumb .thumbnail td {vertical-align: middle;}
.prodthumb .thumbnail a img {border: 1px solid #666666;}
.prodthumb .thumbnail a:hover img {border: 1px solid #000000;}		
	.prodthumb .thumbnail a.separate img, a.separate img  {border: 0;}
	.prodthumb .thumbnail a.separate:hover img {border: 0;}
.prodthumb h1 a {font-size: 9pt; color: #9955a4; font-weight: bold; text-decoration: none;}
.prodthumb h1 a:hover {color: #000000;}
.prodthumb p {font-size: 8pt; color: #646867;}
.prodthumb p.price {font-size: 9pt; color: #000000; font-weight: bold;}

.proddetail td {font-size: 9pt; color: #646867;}
.proddetail td a {font-size: 9pt; color: #646867; font-weight: normal;}
.proddetail td a:hover {color: #000000;}

.proddetail .detail_img {vertical-align: top; text-align: center; width: 222px; color: #646867; font-size: 9pt; line-height: 1.8em;}
.proddetail .detail_img img {/*border: 1px solid #646867;*/ margin-bottom: 8px;}
.proddetail .detail_img a {color: #646867; font-size: 9pt;}
.proddetail .detail_img a:hover {color: #000000;}

.proddetail .description {width: 305px; vertical-align: top; padding: 5px 5px 5px 15px; color: #646867; font-size: 9pt; line-height: 1.6em;}
.proddetail .description h1 {/*display: inline; */padding-right: 10px; font-size: 10pt; color: #9a6599;}
.proddetail .description h2 {/*display: inline; */font-size: 10pt;}

.proddetail table th {font-size: 9pt; color: #ffffff; background: #89ACA0;}
.proddetail table td, .proddetail table td * { font-size: 9pt; color: #646867;}

.tbl_related td {width: 80px; vertical-align: top; padding: 15px 25px 10px 0px; text-align: center;}
.tbl_related td a img {border: 1px solid #646867; margin-bottom: 8px;}
.tbl_related td a:hover img {border: 1px solid #000000;}

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

select, input, textarea, option {font-size: 9pt;}

select, input, textarea {border: 1px inset #cccccc;}

input.no_border {border: none;}

input.text {width: 250px;}