/*-----------------------------------------------------------------------------
Cubic Alliance 2009
-----------------------------------------------------------------------------*/

body {
	background: #fff url('../images/main_bg.jpg') top center repeat-y; 
	/* Holiday BG
	background: url('../images/main_bg_top_holiday.png') top center repeat-x #fff ;
	background-attachment: fixed;
	*/
	color: #666;
	padding: 0;
	margin: 0px;
	font: small 'Lucida Grande', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	text-align: center;
}

html, body {height:100%;} /* footerstickalt*/
a {
	color: #666;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}
em {color: #666;}
img {border:none;}


/*General Global classes
-----------------------------------------------------------------------------*/
.hide {display:none;}

.left{
	float: left;
}

.right{
	float: right;
}

.spacer{
	padding: 10px;
}

.padding{
	padding-bottom: 10px;
}

.margin{
	margin: 10px 0px;
}

.margin-top{
	margin-top: 10px;
}

.margin-bot{
	margin-bottom: 10px;
}

hr {
	color: #999;
	background-color: #999;
	border:0 none;
	height: 1px;
}

.middle{
	vertical-align: middle;
}

.max-width:{
	width: 100%;
}

.align-right, .center{
	text-align: center;
}

.align-right{
	text-align: right;
}

.inline-block{
	display: inline-block;
	width: 100%;
}

.v-middle{
	vertical-align: middle;
}
/* Typography
-----------------------------------------------------------------------------*/
h1, h2, h4, .small, .medium, .large, .xlarge{
	font-family: Georgia,Times,"Times New Roman";
	color: #333;
	margin: 0px;
}

h1, .xlarge{
	font-size: 20px;
	line-height: 20px;
}

h2, .large{
	font-size: 24px;
	font-weight:normal;
	line-height:110%;
	margin: 10px 0;
}

h4, .medium{
	font-size: 14px;
	line-height: 14px;
}

h3, .small{
	font-size: 9px;
	line-height: 9px;
	color: #999;
	margin:0px;
}

.required{
	color: #ff0000;
}

.validation-advice{
	color: #ff0000;
}

address {
	font-style:normal;
	line-height:1.4em;
}

/* selection color */
::-moz-selection{
background: #6699cc;
color: #fff;
} 

::selection {
background: #6699cc;
color: #fff;
} 

/* Tooltip
-----------------------------------------------------------------------------*/
#tooltip div{
	background: #fff;
	border: 5px solid #9E9E9E;
	padding: 10px;
}

/* Layout
-----------------------------------------------------------------------------*/
#wrapper-outer{
	width: 100%;
	min-height: 828px;
	background: transparent url('../images/main_bg_top.jpg') top center no-repeat;
}

#wrapper {
	width: 1046px;
	display: table;
	text-align: center;	
	margin:0px auto;
}

#content, #footer-content{
	width: 100%;
	overflow: auto;
	margin: 0;
	padding: 0;
}

#content{
	background-color: transparent;
}

.one-column{
	background: url('../images/content_one_column_bg.png') repeat-y;
}

.two-columns{
	background: url('../images/content_two_columns_bg.png') repeat-y;
}

#footer-content{
	background: url('../images/footer_content_bg.png') repeat-y transparent;
}

* html #wrapper {height: 100%;} 


#main-col, #left-col, #right-col{
	text-align: left;
	display:inline;
}

#main-col{
	float: left;
	width: 986px;
	margin: 0px;
	margin-top: 10px;
	margin-left: 30px;
}

#left-col {
	float: left;
	width: 670px;
	margin: 0px;
	margin-top: 10px;
	margin-left: 30px;
}
#right-col {
	float: right;
	width: 299px;
	margin: -5px 28px 0px 0px;
	padding: 0px;
}

/* Header
-----------------------------------------------------------------------------*/
#header {
	min-width: 100%;
	height: 137px;
	background: url('../images/header_bg.png') no-repeat transparent;
	margin-top:50px;
}

#header_menu{
	padding-top: 98px;
	margin:0 auto;
	width: 1000px; 
	text-align: center;
}

#header_menu a{
	font-family:  "arial";
	font-weight: bold;
	text-decoration: none;
}

#header-sub-nav{
	color: #A5A5A5;
	padding-top: 72px;
	text-align: right;
	width: 1022px;
	/*width: 1034px;*/
	position: absolute;
}

#header-sub-nav a{ 
	color: #A5A5A5;
}

#header-sub-nav a:hover{ 
	color: #fff;
	text-decoration: none;
}

.header-shadow-one-column{
	height: 8px;
	background: url('../images/header_shadow_one_column.png') no-repeat transparent;
}

.header-shadow-two-columns{
	height: 8px;
	background: url('../images/header_shadow_two_columns.png') no-repeat transparent;
}

#header_menu div#quick-search{
	float: right;
}
/* Footer
-----------------------------------------------------------------------------*/

#footer{
	background: #000000 url('../images/footer_bg.png') top left repeat-x;
	width: 924px; /*actual-width: 1024*/
	margin: 0 auto;
	display: inline-block;
	text-align: center;
	padding: 30px 50px;
}

#footer_end {
	width: 100%;
	height: 20px;
	background: transparent url('../images/footer_end_bg.png') bottom center no-repeat;
	margin: 0 auto 50px; auto;      /* footerstickalt*/
}

#footer a, #footer a:visited {
}

#footer a:hover {
	color:#fff;
}

.footerCol {
	float: left;
	padding-right: 30px;
}

.footerCol-last {
	padding-right: 0px important!;
	text-align: left;
	line-height: 13px;
	width: 212px;
}
.footerCol div{
	text-align: left;
	height: 20px;
	padding: 5px;
}

.footerCol .head{
	width: 170px;
	font-size: 14px;
	border-bottom: 1px #444 solid;
}
.footerCol .link{
	width: 154px;
	background: transparent url('../images/arrow.png') 0px 12px no-repeat;
	padding: 5px 13px;
	font-size: 11px;
	border-bottom: 1px #444 solid;
}

.footerCol .currency{
	height: 40px;
	width: 170px;
	margin-top: 20px;
	background: transparent url('../images/footer/canada_flag.png') 0px center no-repeat;
	padding: 0px 0px 0px 50px;
}

.footerCol .cards{
	width: 210px;
	margin-top: 0px;
	background: transparent url('../images/footer/cards.png') left center no-repeat;
}

.footerCol-last .contact{
	margin-bottom: 15px;
	width: 212px;
	height: 60px;
	background: transparent url('../images/footer/contact.png') top left no-repeat;
	cursor: pointer;
}
/* Right Navigation
-----------------------------------------------------------------------------*/
#search-container{
	background: url('../images/search_bg.png') top left no-repeat transparent;
	height: 60px;
	text-align: right;
	padding: 44px 32px 5px 0px;
}

#cart-right-col-info{
	background: url('../images/cart_bg.png') top left no-repeat transparent;
	text-align: right;
	padding: 35px;
}

#search-right-col, .hor-divider{
	background: url('../images/hor_div.png') left bottom repeat-x transparent !important;
}

.banner{
	line-height: 0px;
}

.nav-accordion{
	width: 299px;
	background: #eaeaea;
}

.accordion-content{
	text-align:right;
	font-size: 11px;
	font-weight: bold;
	min-height: 20px;
	padding: 10px 40px 10px 15px;
	color: #333;
	border-bottom: 1px solid #fff !important;
}

.accordion-content a, .accordion-content .class{
	color: #333 !important;
}

.accordion-Header{
	cursor: pointer;
	height: 40px;
	font-size: 14px !important;
	padding: 0px !important;
	background-color: #333;
	text-align: right;
	color: #fff;
}

/* Quick Nav
-----------------------------------------------------------------------------*/
.quickNav{
	background: url('../images/favico.png') no-repeat 0px 2px;
	padding: 3px 25px;
	font-size: 11px;
	margin-bottom: 10px;	
	border-bottom: 2px dotted #ccc;
}
/* Top menu
-----------------------------------------------------------------------------*/
#top-menu{
	position: relative;
}

#top-menu .close-top-menu-icon{
	cursor: pointer;
	vertical-align: bottom;
}

#top-menu a{
	color:#fff;
	padding: 0px 5px;
	text-decoration: none;
}

#top-menu a:active, #top-menu a:hover{
	text-decoration: underline;
}

#login-box-off, #login-box-on, #newsletter-box-off, #newsletter-box-on{
	position: absolute;
	left: 0px;
	top: -10px;
	color: #fff;
	font-size: 12px;
	float: right;
	text-align: left;
	height: 50px;
}

#login-box-on, #newsletter-box-on{
	padding: 0px 20px;
	width: 483px;
	background: url('../images/top_menu/login-box-on-bg.png') left bottom no-repeat transparent;
	display: none;	
}


#login-box-on div, #newsletter-box-on div{
	padding-top: 15px;
}

.mini-icon{
	cursor: pointer;
	width: 53px;
}

#newsletter-box-off{
	left: 60px;
	background: url('../images/top_menu/newsletter-box-off-bg.png') left bottom no-repeat transparent;
}

.logged-in{
	background: url('../images/top_menu/logged-in-as-off-bg.png') left bottom no-repeat transparent;
}

.not-logged-in{
	background: url('../images/top_menu/login-box-off-bg.png') left bottom no-repeat transparent;
}

#register{
	text-decoration: underline;
	padding-left: 5px;
}

.newsletter-text-field{
	height: 20px !important;
	padding: 0px !important;
}
/*forms
-----------------------------------------------------------------------------*/
.input-text{
	font-size: 14px;
	color: #555;
	padding: 5px;
	height: 17px;
	border: 2px solid #CFCFCF;
}	

.input-text-selected{
	border: 2px solid #35443e !important;
}

.xlong-field{
	width: 500px;
}

.long-field, .tell-a-friend-textfield{
	width: 350px;
}

.medium-field{
	width: 280px;
}

.short-field{
	width: 80px;
}

.mini-field{
	width: 30px;
}

.dropdown{
	height: 30px;
}

select{
	font-size: 14px;
	color: #555;
}

.short-select{
	width: 80px !important;
}

.medium-select, .general-form select, .catalog-product-view select, .checkout-cart-index select, #checkoutSteps select{
	border: 2px solid #CFCFCF;
	width: 290px;
}

/* quick search box on right coloumn */
.input-search {
	width: 145px;
	color: #555;
	height: 2em;
	padding: 5px 0 0 26px;
	background: url('../images/search_icon.png') no-repeat 5px 50% #fff !important;
	font-size: 12px;
	border: 2px solid #CFCFCF;
}

.input-search-selected{
	border: 2px solid #35443e !important;
}

/* newsletter textfield */
.input-newsletter {
	width: 163px;
	color: #fff;
	height: 2em;
	padding: 5px 50px 5px 5px;
	background: url('../images/bg_newsletter.png') no-repeat left center #6a6a6a !important;
	font-size: 12px;
	border: 2px solid #414141;
}

.input-newsletterh-selected{
	border: 2px solid #35443e !important;
}

/* nav quick search */
.input-quick-search {
	width: 166px;
	color: #fff;
	height: 2em;
	padding: 5px 50px 5px 5px;
	background: url('../images/bg_quick_search.png') no-repeat left center #6a6a6a !important;
	font-size: 12px;
	border: 2px solid #414141;
}

.input-quick-search-selected{
	border: 2px solid #616161 !important;
}

.input-textarea{
	height: 200px !important;
}

button{
	cursor: pointer;
	font-size:11px;
	margin-left: 10px;
	padding: 3px 10px;
	line-height:1.3em;
	color: #555;
	background: #fff url('../images/but_bg.png') center center repeat-x;
	border: 2px solid #555;
}
button:hover{
	border: 2px solid #CFCFCF;
	color: #999;
}

.large-but{
	font-family: Georgia,Times,"Times New Roman";
	padding: 10px;
	font-size: 16px;
}

.but-addToCart, .but-checkout, .but-special{
	margin-left: 0px;
	padding: 10px;
	color: #336699;
	font-size: 16px;
	font-weight: bold;
	font-family: Georgia,Times,"Times New Roman";
	border: 2px solid #6699CC;
}

.but-addToCart{
	width: 380px;
}

.but-checkout{
	margin-left: 5px;
	width: 200px;
}

.but-special{
	width: 250px;
}

.validation-failed{
	border: 2px dashed !important;
}

.textarea-large{
	width: 450px;
	height: 200px;
}
/* Account
-----------------------------------------------------------------------------*/
#account-title{
	background: url('../images/icon_account_large.png') no-repeat bottom right;
}

#account-title, #cart-view-title{
	height: 128px;
	font-family: Georgia,Times,"Times New Roman";
	color: #333;
	font-size: 25px;
	line-height: 25px;
	margin-bottom: 10px;
	padding-right: 150px;
	display: table;
}

#account-title div, #cart-view-title div{
	display: inline-block;
	font-size: 12px;
}
/* Cart view
-----------------------------------------------------------------------------*/
#cart-view-title{
	background: url('../images/icon_cart_large.png') no-repeat bottom right;
}


#cart-view-wrapper{
	width: 100%;
}

#cart-view-buttons{
	height: 50px;
	padding: 10px;
	border-bottom: 1px solid #999;
	margin-bottom: 20px;
}

#cart-view-wrapper table{
	width: 100%;
}

#cart-view-wrapper table th, #cart-view-wrapper table td{
	padding: 12px 5px;
}

#cart-view-wrapper table th{
	background: #6699CC;
	color: #fff;
	font-weight: bold;
}

#cart-view-wrapper td{
	border-bottom: 1px #999 dashed;
}


/* Product display (detail view)
-----------------------------------------------------------------------------*/

#product-info-wrapper{
	display: table;
	margin-top: 20px;
	padding:0px;
	width: 100%;
}

.product-info-wrapper-left{
	float: left;
	width: 250px;
	border: 5px solid #d4d4d4;
	padding: 10px;
}

.product-info-wrapper-right{
	float: right;
	margin-left: 10px;
	width: 380px;
	font-size: 12px;

}

#product-detail-wrapper{
	display: table;
	margin-top:10px;
	width: 100%;

}

.product-detail-tabs{
	background: #999 url('../images/product/tab_no_stem.png') center bottom no-repeat;
	float: left;
	margin-right: 2px;
	padding: 7px 7px 18px 7px;
	color: #fff;
	font-size: 14px;
	width: 208px;
	text-align: center;
	cursor: pointer;
}

.product-detail-tabs-last{
	margin-right: 0px;
}

.product-detail-tabs-selected, .product-detail-tabs:hover{
	background: url('../images/product/tab_stem.png') center bottom no-repeat #6699CC;
}

.product-details-tab-content{
	display: none;
	padding: 10px 0px;
}

.product-availability{
	font-size: 12px;
	margin-bottom: 10px;
}

.product-availability .out-of-stock{
	color: #ff0000;
}

.pager{
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	margin: 10px 0px;
	padding: 5px 0px;
}
/* Product collection (list view)
-----------------------------------------------------------------------------*/
.product-collection {
	display: table;
	width: 100%;
	text-align: left;
}

.product-table {
	width: 100%;
	display: table;
}

.product-wrapper{
	margin-top: 15px;
	margin-right: 20px;
	padding: 10px;
	float: left;
	border: 5px solid #d4d4d4;
	background: #fff;
	width: 180px;
	height: 260px;
	color: #333;
	font-size: 12px;
	overflow: hidden;
}

.product-wrapper:hover{
	background: #eee;
	border: 5px solid #333333;
}

.product-wrapper-last{
	margin-right: 0px !important;
}

.product-desc{
	width: 150px;
}

.product-price{

}

.paging{
	margin-top: 10px;
}

.paging-block{
	float: left;
	background: #d4d4d4;
	color: #333;
	text-align: center;
	padding: 4px 8px;
	margin-left: 5px;
}

.paging-block:hover{
	background: #b3b3b3;
	color: #333;
}

.paging-block-current{
	background: #333;
	color: #d4d4d4;
}

.paging-setting{
	background: #d4d4d4;
	padding: 10px;
	display: inline-block;
	width: 650px;
	color: #333;
}

.paging-setting img{
	vertical-align: middle;
}

.product-image-frame{
	background: transparent url('../images/product/product-image-frame-bg.png');
	padding: 10px 10px;
	margin-bottom: 10px;
}

.product-image frame img{
	margin: 10px;
}

.product-description{
	font-family: arial;
	font-size: 12px;
	color: #333;
}
/* price
-----------------------------------------------------------------------------*/
.old-price, .special-price{
	margin: 0px;
}

.old-price, .price{
	color: #666;
}

.old-price .price{
	text-decoration: line-through;
}

.accordion-content .price{
	color: #333;
}

.special-price, .special-price .price{
	color: #CD5033;
}

/* Checkout / Login related
-----------------------------------------------------------------------------*/
.login-heading, .form-heading{
	color: #fff;
	background: #6699cc !important;
}
.checkout-heading, .login-heading, .form-heading{
	padding: 12px;
	margin-bottom: 5px;
	font-weight: bold;
}

.form-heading a{
	color: #fff !important;
}

.checkout-heading{
	color: #999;
	background: #d4d4d4;
}

div.allow .checkout-heading{
	cursor: pointer;
	color: #fff !important;
	background: #4d4d4d !important;
}

div.active .checkout-heading{
	cursor: default !important;
	color: #fff !important;
	background: #6699cc !important;
}

.checkout-content, .login-content, .form-content{
	display: inline-block;
	margin-bottom: 15px;
}

.checkout-content div, .login-content div {
	width: 290px;
}

.login-or{
	width: 82px !important;
}

.checkout-process div{
	text-align: left;
	padding: 10px;
	font-size: 14px;
}

.checkout-process-on {
	color: #333 !important;
	font-weight: bold;
	background: #d4d4d4 !important;
	border-bottom: 1px #fff solid;
	background: url('../images/hor_div.png') left bottom repeat-x transparent;
}

.checkout-process-off{
	color: #999;
	background: url('../images/hor_div.png') left bottom repeat-x transparent;
}
.checkout-process-body{
	color: #444;
	font: small 'Lucida Grande', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
}

.checkout-process-heading{
	background: #d4d4d4 url('../images/icon_lock.png') no-repeat 90% center !important;
	padding: 30px 10px !important;
}

.checkout-buttons-set, .buttons-set{
	margin: 5px 0px;
	padding: 5px 0px;
	text-align: right;
	border-top: 1px dashed #999;
}

#billing-address-selector select, #shipping-address-selector select{
	width: 520px;
	font-family: Georgia,Times,"Times New Roman";
}
/* About
-----------------------------------------------------------------------------*/
.about-block-container{
	width: 100%;
	display: table;
}

.about-left{
	float: left;
	width: 20%;
}

.about-right{
	float: right;
	width: 80%
}


/* Account
-----------------------------------------------------------------------------*/
.account-box{
	margin: 10px 0px;
}

.account-box .inner-head{
	border-bottom: 1px dotted #666;
	margin-bottom:8px;
	padding-bottom:2px;
	text-align:right;
}

.account-box .col{
	width: 48.5%;
}

.account-box a{
	color: #6699CC;
	text-decoration: none;
}

.account-box a:hover{
	text-decoration: underline;
}

/* Order View */
.order-info { border:1px solid #ddd; padding:5px; }
.order-info dt,
.order-info dd,
.order-info ul,
.order-info li { display:inline; }
.order-info dt { font-weight:bold; }
.order-info a {text-decoration: underline; color:#6699CC;}


/* Msg box
-----------------------------------------------------------------------------*/

#msg-box{
	border: 5px solid #333;
	padding: 20px 50px;
	margin-bottom: 10px;
	color: #333;
	position: relative;
}

#msg-box .hide-btn{
	position: absolute;
	top: 5px;
	right: 5px;
	height: 15px;
	width: 15px;
	cursor: pointer;
}

.hide-btn-success{
	background: url("../images/but_hide_success.png") no-repeat;
}

.hide-btn-notice{
	background: url("../images/but_hide_notice.png") no-repeat;
}

.hide-btn-error{
	background: url("../images/but_hide_error.png") no-repeat;
}

.hide-btn-warning{
	background: url("../images/but_hide_warning.png") no-repeat;
}


.msg-error, .msg-warning{
	background: url("../images/icon_warning.png") no-repeat 10px 50% #facece !important;
	color: #ed4646 !important;
	border: 5px solid #ed4646 !important;
}

.msg-notice{
	background: url("../images/icon_warning.png") no-repeat 10px 50% #d8e5f1 !important;
	color: #6699CC !important;
	border: 5px solid #6699CC !important;
}

.msg-success{
	background: url("../images/icon_success.png") no-repeat 10px 50% #e1f0d8 !important;
	color: #8fc86b !important;
	border: 5px solid #8fc86b !important;
}

/* Rating
-----------------------------------------------------------------------------*/
.ratings {
    margin:7px 0;
    line-height:1em;
    }
.rating-box {
    float:left;
    position:relative;
    width:69px;
    height:13px;
    margin-right:5px;
    background:url(../images/product_rating_blank_star.gif) repeat-x;
    }
.rating-box .rating {
    position:absolute;
    top:0;
    left:0;
    height:13px;
    background:url(../images/product_rating_full_star.gif) repeat-x;
    }
.ratings-list {
    margin:4px 0;
    }
.ratings-list td {
    padding:3px 0;
    }
.ratings-list td.label {
    padding-right:8px;
    font-size:.95em;
    font-weight:bold;
    line-height:1em;
    }

/* Reviews
-----------------------------------------------------------------------------*/

div.review-body{
	border-bottom: 1px #d4d4d4 dashed;
}

#product-review-table td{
	color:#6699cc;
	font-weight: bold;
	border-bottom: 1px #d4d4d4 dashed;
}

#product-review-table th{
	color:#ff7700;
	border-bottom: 1px #d4d4d4 solid;
}

/* Content
-----------------------------------------------------------------------------*/

.page-title{
	margin-bottom: 10px;
}

.page-body a, .reviews a{
	color: #6699CC;
}

.data-table{
	width: 100%;
}

.data-table th{
	font-size: 14px;
	border-bottom: 2px dashed #999;
	padding: 5px 0px;
}

.data-table td{
	border-bottom: 1px dashed #999;
	padding: 5px 0px;
}

p.box{
	border: 1px solid #ddd; 
	padding: 5px;
}
/* Popup
-----------------------------------------------------------------------------*/
.page-popup-content{
	margin-top: 50px;
	padding: 20px;
	min-height: 300px;
	background-color: #fff;
	border: 1px solid #666;
}

/* Layout ================================================================================= */
.page-print { background:#fff; padding:20px; text-align:left; }
.page-popup { padding:20px; text-align:left; }

/* Base Columns */ 
.col-left { float:left; width:230px; border:1px solid #ddd; padding:5px 5px 0; }
.col-main { float:left; width:736px; border:1px solid #ddd; padding:5px; }
.col-right { float:right; width:230px; margin: 1px 0; #bcbcbc; padding:5px 5px 0; }

/* 1 Column Layout */
.col1-layout .col-main { float:none; width:auto; }

/* 2 Columns Layout */
.col2-left-layout .col-main { float:right; }
.col2-right-layout .col-main {}

/* 3 Columns Layout */
.col3-layout .col-main { width:484px; margin-left:10px; }

/* Content Columns */
.col2-set .col-1 { float:left; width:49%; }
.col2-set .col-2 { float:right; width:49%; }
.col2-set .narrow { width:33%; }
.col2-set .wide { width:65%; }

.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:left; width:32%; margin-left:2%; }
.col3-set .col-3 { float:right; width:32%; }

.col4-set .col-1 { float:left; width:23.5%; }
.col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
.col4-set .col-3 { float:left; width:23.5%; }
.col4-set .col-4 { float:right; width:23.5%; }