/*
 * Custom styling for Bluehouse skis 2009
 */

/* CSS Reset 
 * http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/  
 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height: 1.2;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/*
 * 
 */
body { 
	font-family: "Courier New", Courier, monospace; 
	font-size: 11px;
	color: #222222; 
	background-image: url('../images/background.jpg'); 
	background-repeat: repeat-y;
	background-position: top center; 
	background-color: #d9d8d9;
}

a {
	color: #707070;
}

a:hover {
	color: #01b9ff;	
}

/*
 * main elements
 */
#page { width: 971px; margin:0; padding: 0; margin-left: auto; margin-right: auto; }
#header { margin: 0; padding: 0; height: 103px; }
#logo { float: left; margin-top: 13px; }
#flash-nav { float: left; margin-top: 13px; margin-left: 107px; height: 103px; }
#left-sidebar { float: left; }
#content {margin-top: 14px;}
#main-flash { height: 710px; }
#footer {}

#content p{
	margin-bottom: 10px;
}


#team-image,
.product-node #product-image {
	width: 365px;
	height: 800px;
	float: left;
}

#team-image .image-1,
#team-image .image-2 {
	position: absolute;
}
#team-image .image-1 {
	z-index: 2;	
}

#team-info,
.product-node #product-info {
	float: left;
	width: 584px;
}

#product-info {
	/* debugging
	border: 1px solid #000;
	*/	
}

#product-reg-price {
	float: right;
	width: 87px;
	height: 32px;
	text-align: right;
	background-image: url('../images/sale_bg.png');
	background-repeat: no-repeat;	
}

#product-price {
	float: right;
	width: 143px;
	height: 34px;
	text-align: right;
	background-image: url('../images/buynow_price_bg.png');
	background-repeat: no-repeat;
}

#product-price .price, #product-reg-price .price {
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
	color: #000;
	margin-right: 20px;
	padding-top: 6px;
}

#product-reg-price .price {
	margin-right: 2px;
}

#product-price-sale-tag{
	float: right;
	margin-top: 12px;
	margin-right: -12px;
	margin-left: 15px;	
}

#team-info h2.title,
#team-info h3.title,
#product-info h2.title,
#product-info h3.title {
	font-family: "Courier New", Courier, monospace;
	font-size: 48px;
	font-style: oblique;
	font-weight: normal;
	color: #01b9ff;
	text-transform: uppercase;
	text-decoration: underline;
	float: left;	
}

#team-info h3.title,
#product-info h3.title {
	font-size: 24px;
	float: none;
	padding-left: 18px; 
	background: url('../images/arrow_bluecircle.png'); 
	background-repeat: no-repeat;
	background-position: 0 8px;
}

#product-info h2.title{
	margin-left: 22px;
	width: 385px;
}

#product-info #product-buy {
	float: right;	
	margin-top: 5px;
}

#product-info #product-buy .form-item{
	width: auto;
}

#product-info #product-buy .form-item label {
	float: left;
	white-space: nowrap;
	margin-right: 10px;
}

#product-info #product-buy .form-item select {
	float: left;
	margin-bottom: 5px;
}

#product-info #product-buy .form-item .description{
	display: none;
}

#product-info input[type="submit"].node-add-to-cart {
	border: none;
	background: none;
	background-image: url('../images/buynow_buy_button.png');
	width: 156px;
	height: 30px;
	cursor: pointer;
	font-size: 0;
}

#product-info input[type="submit"].node-add-to-cart:hover{
	background-image: url('../images/buynow_buy_button_rollover.png');	
}

#product-info .description {
	width: 436px;
	margin-left: 22px;
}

#team-info .description{
	margin-left: 22px;
}

#product-info p{
	margin:0;
	padding:0;
}

#product-info .specs p b{
	text-decoration: underline;
}

#product-info .video{
	margin-left: 22px;
	margin-top: 10px;	
}

#product-info .video .vimeo-product-thumbnail img{
	border: 1px solid #707070;
}

#product-info .video .vimeo-play-video{
	margin-left: 10px;
}

#footernav #block-menu-165{
	clear: both;
	margin: 20px;
}

#footernav #block-menu-165 ul.menu {
	margin: 0;
	padding: 0;
}

#footernav #block-menu-165 ul.menu li {
	list-style: disc;
	float: left;
	margin: 10px;
	padding: 0;
}

#footernav #block-menu-165 ul.menu li:first-child{
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}


#footernav #blog-widget{
	width: 270px;
	float: left;
}

#footernav #feature-widget{
	width: 500px;
	float: right;
}

div.xtest {
	position: absolute;
	float: left;
	background-image: url('../images/sale_xred.png');
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 2;
	width: 87px;
	height: 32px;
}

/* about page */
#node-25 .content {
	margin-top: 25px;
	margin-left: 50px;
}

.about-us-picture{
	float: left;
}

.about-us-content-wrapper{
	margin-top: 80px;
	float: left;
}

.about-us-title {
	background-image: url('../images/yellow_box_about_photos_etc.png');
	background-repeat: no-repeat;
	height: 30px;
	width: 62px;
	padding-top: 3px;
	text-align: center;
	margin-left: 15px;
}

.about-us-content {
	width: 347px;
	padding-left: 25px;
	padding-top: 15px;
	background-image: url('../images/lightning_hand.png');
	background-repeat: no-repeat;
}


.about-blurbs {
	text-align: right;
	margin-right: 100px;
	margin-top: 25px;
}

.contact-us-title, .policies-title, .warranty-title {
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 100px;
}

.contact-us-content, .policies-content, .warranty-content {
	background-image: url('../images/lightning_hand.png');
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-left: 50px;
	margin-left: 50px;
	width: 550px;
	float: left;
}

.saviour {
	float: right;
}

.contact-blurbs{
	padding-top: 25px;
	margin-left: 50px;
}

.view-latest-blog-post #views-filters > div {
	margin-left: 25px;
}

.view-latest-blog-post tr.odd, .view-latest-blog-post tr.even {
	background: none;
}
.view-latest-blog-post #views-filters input {
	background: none;
}

.view-latest-blog-post #views-filters input[type="submit"] {
	background-color: transparent;
	border: none;
	cursor: pointer;
}

.view-content-latest-blog-post .blog-post{
	background-image: url('../images/blog-top-bg.gif');
	background-repeat: repeat-x;
	padding-top: 10px;
	margin-top: 20px;
}

.view-header-latest-blog-post {
	margin-left: 25px;
}

.blog-post, .forum-post {
	margin-left: 25px;
	width: 667px;
}

.blog-post .blog-title, .forum-post .forum-title {
	float: left;
}

.blog-post .blog-title h2, .forum-post .forum-title h2 {
	font-family: Helvetica;
	font-size: 24px;
	font-weight: bold;
	color: #000;
	width: 500px;
}

.blog-post .picture, .forum-post .picture {
	float: right;
	margin-top: 10px;
}

.blog-post .permalink {
	margin-top: 10px;
	margin-bottom: 60px;
}

.forum-post .meta {
	margin-bottom: 10px;
}

.forum-post .meta .terms ul.links, .forum-post .meta .terms ul.links li { margin: 0; padding: 0; }
.forum-post .meta .terms ul.links li a {
	font-family: Helvetica;
	font-size: 24px;
	font-weight: bold;
	color: #222;	
}

/*
 * Ski Design Contest
 */
.blog-post .vote-wrap {
	float: right;
	clear: both;
}

/*
 * Catalog List
 */
.category-grid-products table, .category-grid-products table td { margin:0; padding:0; background: none; border: none; }
.category-grid-products table td { width: 20%; }
.category-grid-products .catalog_grid_title { font-size: 14px; font-style: oblique; text-align: left; }
.category-grid-products .product-link { padding-left: 18px; background: url('../images/arrow_bluecircle.png'); background-repeat: no-repeat; color: #000; }
.category-grid-products a.product-link:hover { color: #01b9ff; }
.category-grid-products .catalog_grid_image { margin: 0; padding: 0; text-align: left;}
.category-grid-products .catalog_grid_title { margin-bottom: 40px;}
	
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}


/**
 * Photo page
 */

.photo-wrapper,
.video-wrapper {
	background-image: url('../images/lightning_hand.png');
	background-repeat: no-repeat;
	background-position: 0 140px;
}

.photo-text,
.video-text {
	float: left;
	width: 330px;
	margin-top: 106px;

}

.photo-text .powered-by-flickr,
.video-text .powered-by-vimeo{
	margin-top: 100px;
}

.photo-images,
.video-images{
	background-image: url('../images/photos_polaroid_bg.png');
	background-repeat: no-repeat;
	width: 531px;
	min-height: 391px;
	padding-left: 18px;
	padding-top: 30px;
	float: left;
	margin-top: 50px;
}

.video-images {
	background-image: url('../images/videos_polaroid_bg.png');
}

.photo-text-content,
.video-text-content{
	padding-left: 35px;
	padding-right: 60px;
	margin-top: 30px;
}

/**
 * Cart
 */

#cart-form-products, #cart-form-products table{
	border: 0;
	border-collapse: collapse;
}

#cart-form-products table tr.odd, #cart-form-products table tr.even{
	background: transparent;
}

#cart-form-products table th{
	font-weight: bold;
	font-size: 12px;
	vertical-align: bottom;
	text-decoration: none;	
}

#cart-form-products table td{
	border: 1px solid #707070;
	border-collapse: collapse;
}

#cart-form-products table td.remove{
	border-left: none;
}

#cart-form-products table td.price{
	border-right: none;
	padding: 20px;
}

#cart-form-products table td.image{
	text-align: center;
	width: 100px;
}

#cart-form-products table td.desc{
	padding: 20px;
}

#cart-form-products table td.qty{
	padding: 20px;
}

#cart-form-products table td.desc a, #cart-form-products table td.desc a:hover{
	color: #222;
	text-decoration: none;
}

#cart-form-products table td.subtotal{
	padding: 10px 0;
	border: none;
}

#cart-form-buttons{
	border: 0;	
}
/*
 * Comments
 */

#comments{
	margin-left: 22px;
}

.comment{
	background-image: url('../images/blog-top-bg.gif');
	background-repeat: repeat-x;
	padding-top: 10px;
	margin-top: 20px;
	padding-bottom: 20px;		
	width: 667px;
}

.comment h3 a{
	font-weight: bold;
	font-size: 12px;	
}

.comment .submitted{
	margin-bottom: 10px;
}

.comment ul.links, .comment ul.links li{ margin: 0; padding: 0; }



/*
 * Vimeo css
 */
.vimeoBadge { margin: 0; padding: 0; font: normal 11px verdana,sans-serif; float: left; }
.vimeoBadge img { border: 0; width: 96px; height: 65px; }
.vimeoBadge .vimeoBadge a:link, .vimeoBadge a:visited, .vimeoBadge a:active { color:#3A75C4; text-decoration:none; cursor:pointer; }
.vimeoBadge a:hover { color:#00CCFF; }
.vimeoBadge #vimeo_badge_logo { display: none; margin-top:10px; width: 57px; height: 16px; }
.vimeoBadge .credit { font: normal 11px verdana,sans-serif; }
.vimeoBadge .clip { padding:0; float:left; margin:0 10px 10px 0; width:100px; line-height:0; }
.vimeoBadge .caption { font: normal 11px verdana,sans-serif; overflow:hidden; width:100px; }
.vimeoBadge .clear { display: block; clear: both; visibility: hidden; } 
.vimeoCredit { float: left; margin-left: 10px; margin-top: 20px; }


#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#222222;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image { text-align:center !important;}
.flickr_badge_image img {margin-right: 10px; border: solid 1px #707070 !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#01b9ff;}
#flickr_badge_wrapper { float: left; }
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#222222 !important;}




