/*
CSS Name: Byrd & Belle Customisation
Description: Style for custom changes to Milke Theme for Byrd & Belle 
Author: Aarfie
Version: 1.0
Author URI: http://aarfie.com/
*/

/* ------------------------------------------------------------- Columns */

/* - - - - - - - - - - - - - - - Wrap */

#footer_three_col {
	margin-bottom: 10px;
	}
#footer_three_col .border_start {
	position: relative;
	overflow: hidden;
	height: auto !important;
	width: 980px;
	z-index: 1;
	}
#footer_three_col .border_shift,
#footer_three_col .border_return {
	float: left;
	position: relative;
	right: 300px;
	width: 980px;
	z-index: 1;
	}
#footer_three_col .border_shift.shift_2 {
	right: 40px;	
	}
#footer_three_col .border_shift.shift_3 {
	right: 300px;	
	}
#footer_three_col .border_shift.shift_4 {
	right: 40px;	
	}	
#footer_three_col .border_return {
	right: -680px;
	}

/* - - - - - - - - - - - - - - - Columns */

.footer_col {
	float: left;
	width: 300px;
	margin: 0 40px 0 0;	
	}
.footer_col.col_3 {
	margin-right: 0;
	}
.footer_col > .inner {
	padding: 20px 26px;
	}

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

#footer_three_col h1, #footer_three_col h2, #footer_three_col h3, 
#footer_three_col h4, #footer_three_col h5, #footer_three_col h6 {
	font-weight: bold;
	}

#footer_three_col h1 {
	font-size: 20px;
	}
#footer_three_col h2 {
	font-size: 18px;	
	}
#footer_three_col h3 {
	font-size: 16px;	
	}
#footer_three_col h4 {
	font-size: 14px;	
	}
#footer_three_col h5 {
	font-size: 12px;
	}
#footer_three_col h6 {
	font-size: 11px;
	}

/* - - - - - - - - - - - - - - - Nav Menu */

ul#footer_nav_menu {
	display: block;
	list-style: none outside none;
	margin: 0 0 20px 0;	
	}

ul#footer_nav_menu li {
	display: block;
	list-style: none outside none;
	}

/* ------------------------------------------------------------- Custom Products Image Size & Text Alignment */

.shop_thumb.lge_thumb .shop_thumb_img_holder {
	height: 175px;
	overflow: hidden;
	}

.shop_thumb,
.shop_thumb span.shop_thumb_title,
.shop_thumb span.shop_thumb_price,
.shop_thumb span.product_status {
	text-align: center;
	}

/* ------------------------------------------------------------- Custom Product Page */

#product_details {
	width: 460px;
	margin: 0px 0px 18px 30px;
	}

#product_images {
	margin: 0 30px 18px 0;
	}

#product_images,
#product_images .image_wrap,
#product_images .product_img,
.images_no_nav,
.fifth_img_wrap {
	width: 460px;
	}

#product_images .image_wrap {
	float: none;
	margin-bottom: 19px;
	}

/* - - - - - - - - - - - - - - - - - - - - Image Nav */

.images_no_nav {
	display: block;
	float: none;
	margin: 0;
	padding: 0;
	}

#content .images_no_nav ul.images_list {
	list-style: none;
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
	text-align: left;
	}
#content ul.images_list li {
	width: 140px;
	margin: 0px 20px 0px 0px;
	padding: 0;
	display: block;
	float: left;
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
	}
#content ul.images_list li.img_3 {
	margin-right: 0px;
	}
#content .images_no_nav ul.images_list li a {
	display: block;
	overflow: hidden;
	}
#content .images_no_nav ul.images_list li a img {
	max-width: 140px;
	}

/* - - - - - - - - - - - - - - - Fifth Image */

.fifth_img_wrap {
	position: relative;
	top: 0;
	left: 0;
	margin-top: 16px;
	}
	
.fifth_img_wrap img {
	max-width: 100%;
	}
	
.fifth_img_wrap a.zoom_plus,
#content .images_no_nav ul.images_list li a.zoom_plus {
	display: none;
	width: 31px;
	height: 31px;
	background: url(http://c211613.r13.cf1.rackcdn.com/zoom-plus.png) no-repeat center center;
	position: absolute;
	top: -15px;
	left: -15px;
	}
.fifth_img_wrap:hover a.zoom_plus,
#content .images_no_nav ul.images_list li:hover a.zoom_plus {
	display: block;
	}
.fifth_img_wrap a.zoom_plus span,
#content .images_no_nav ul.images_list li a.zoom_plus span {
	display: none;
	}

/* - - - - - - - - - - - - - - - Other Products */

.other_product_thumb {
	margin: 0px 21px 9px 0px;
	}

/* ------------------------------------------------------------- Custom Cart Page */

#cart_body th a.product_img_link,
#cart_body th .product_img,
#cart_body th .product_img_inner {
	height: 44px;	
	}
	
#custom_shipping_can {
	display: none;
	height: 1px;
	line-height: 1px;
	white-space: pre;
	zoom: 1;
	}

#content #cart_ship_discount p.discount_amount {
	margin-bottom: 8px;
	}

#cart_footer .shipping_amount span.change_grade {
	display: block;
	font-size: 11px;
	color: #cc0000;
	padding-top: 3px;
	}

#cart_footer .shipping_amount span.change_grade.up_grade {
	color: #669933;	
	}

#cart_footer .shipping_amount span.change_grade span {
	cursor: pointer;
	}

#down_grade_confirm,
#up_grade_confirm {
	text-align: left;
	font-size: 11px;
	}

.ui-dialog-buttonset button,
#content .ui-dialog-buttonset button,
.ui-button-text-only .ui-button-text {
	padding: 2px 4px;
	}
	
/* - - - - - - - - - - - - - - - - Custom Products Horizontal Spacing */

.shop_thumb.lge_thumb {
	margin-bottom: 24px;
	}
	
/* - - - - - - - - - - - - - - - - Custom Products Image Height */

.shop_thumb.lge_thumb .shop_thumb_img_holder {
	height: 175px;
	overflow: hidden;
	}
	
/* - - - - - - - - - - - - - - - - Custom Large Thumbnail Image Height */

#content ul.images_list li,
#content .images_no_nav ul.images_list li a {
	height: 82px;
	}
	
/* - - - - - - - - - - - - - - - - Custom Small Thumbnail Image Height */

.other_product_thumb,
.other_product_thumb a.thumb_link,
.other_product_thumb .shop_thumb_img_holder,
#cart_body th a.product_img_link,
#cart_body th .product_img,
#cart_body th .product_img_inner {
	height: 44px;	
	}

/* ------------------------------------------------------------- Custom Colours */

/* @gui Custom Footer Headers */
#footer_three_col h1, #footer_three_col h2, #footer_three_col h3, 
#footer_three_col h4, #footer_three_col h5, #footer_three_col h6 {
	color: #555555;	
	}

/* @gui Custom Footer Text */
#footer_three_col  {
	color: #555555;	
	}	

/* @gui Custom Footer Link */
#footer_three_col a {
	color: #222222;	
	}		
	
/* @gui Custom Footer Background */
#footer_three_col .border_shift.shift_1,
#footer_three_col .border_shift.shift_3 {
	background-color: #f9f9f9;
	}

/* @gui Custom Footer Column Background */	
#footer_three_col .border_start,
#footer_three_col .border_shift.shift_2,
#footer_three_col .border_shift.shift_4 {
	background-color: #eeeeee;
	}