@charset "utf-8";
/* CSS Document */

/************************************/
body{
    /*font-family:Arial, Helvetica, sans-serif;*/
    font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#686868;
    position:relative;
    /*padding:0 10px;*/
    margin:0 auto;
}
.page-layout{
	max-width:1200px;
	margin:0 auto;
    /*padding:0 10px;*/
}
.window-layout{
	width:700px;
	margin:0 auto 0 auto;
}
.page-content{
    padding:0 0.83333333%;
}
.mobile-resp{
    display:none;
}
.desktop-resp{
    display:block;
}
.sidenote{font-size:90%; font-style:italic}
/*.standard-button{
    text-transform:uppercase;
}*/

.marginTop20{margin-top:35px} /* used for incUtility w/filter */


/** BreadCrumb **/
#breadcrumb{margin:10px 0 10px 0px;/* text-transform: uppercase*/;font-size: 10pt;}
#breadcrumb ul{display:inline;margin:0; padding:0}
#breadcrumb ul li{display:inline; list-style:none; margin-left:8px }
#breadcrumb ul li i{ margin-right: 8px }
#breadcrumb {color:#333;text-decoration:none}
#breadcrumb a{ color:#666; }
#breadcrumb a:hover{color:#663333; text-decoration:underline}
#breadcrumb span#components{margin-left:15px; font-size:10pt;}
#breadcrumb span#components span#title{color:#971B17;}
#breadcrumb span#components ul{margin-left:5px}
#breadcrumb span#components ul li{margin-left:5px}
#breadcrumb span.nav_map_item_selected{text-decoration:underline}


/*** Utility Function *****/
/*** eg. Customer Service, Shopping Bag   ****/

#utility{text-align:right;margin-right:30px;font-family:"Lucida Grande", Tahoma, Verdana, Arial, sans-serif;font-size: 9pt;}
.utility-button{ margin-right: 10px}
/*#utility a{color: #000000;text-decoration:none;}	*/
/*#utility a:hover{text-decoration:underline;}*/

coupon,couponajax{
    text-decoration:none;
    cursor:pointer;
    color:#0088CC;
}
coupon:hover{
    text-decoration:underline;
    color:#005580;
}
/* caption tag */
.caption_tag{
    display:inline-block;
    background-color:#804040;
    color: #484848;
    border-radius:3px;
    padding:3px 5px 3px 3px;
    font-size: 10px;
    text-transform: uppercase;
    background-color: #f8f8f8;
    border: 1px solid #E8E8E8;
    font-family:'Open Sans', arial;
}
a.caption_tag{
    background-color:#FFFAFA;
    text-decoration:none;
}

/*** Shop with confidence ***/
#shop_with_confidence #shop_with_confidence_top{background:url(/images/web/shop_with_confidence_top.gif) no-repeat;width:171px; height:28px}
#shop_with_confidence #shop_with_confidence_middle{background-color:#fde9e9;border:solid 1px #cccccc; border-width:0 1px;width:171px}
#shop_with_confidence #shop_with_confidence_middle ul{margin:0;padding:10px 0 10px 20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:10pt;}
#shop_with_confidence #shop_with_confidence_middle ul li{list-style-image:url(/images/web/icon_checkmark_green.gif);padding:3px 0}
#shop_with_confidence #shop_with_confidence_middle ul li a{color:#660000; text-decoration:none}
#shop_with_confidence #shop_with_confidence_middle ul li a:hover{text-decoration:underline}
#shop_with_confidence #shop_with_confidence_bottom{background:url(/images/web/shop_with_confidence_bottom.gif) no-repeat; width:171px; height:11px}

/***** Footer ********/
.quick-help-vertical{ margin-left: 10px }
.quick-help h3, .quick-help-vertical h3{ margin-bottom:5px; color: #303030; }
.quick-help a, .quick-help-vertical a{ color:#303030}
.quick-help a:hover, .quick-help-vertical a:hover{ color:#333}
.quick-help-topics ul{ float:left; width:20%; padding-left:0px; margin-top:0px; }
.quick-help-vertical ul{ padding-left:0px; margin-top:0px }
.quick-help-topics ul li{ list-style: none;}
.quick-help-vertical ul li{ list-style:none; margin-bottom:2px}
.quick-help-topics ul li:before, .quick-help-vertical ul li:before { content: "\203A \0020"; }


/* Facebook twitter */
div.facebook-bottom{ text-align:center; margin:20px auto 30px auto; }
div.facebook-bottom img.facebook-icon{ margin-top:3px; margin-left:400px }
div.facebook-bottom div.facebook-bottom-container{ margin-left:auto; margin-right:auto;  }
div.facebook-bottom-text{ margin-top:0; padding-top:0; margin-left:10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif }
div.facebook-bottom a div.facebook-bottom-text{ font-size:90%; text-decoration:none; color:#666;  }

div.social-media-bottom{ margin:10px auto; text-align:center;  }
div.social-media-bottom > div{ display:inline-block;}

/* Copyright info */
#copyright_info{margin:40px 0;text-align:center;color:#999999}

/* Checkout box */
div.checkout-box{  
	padding:0 5px;
}
div.checkout-box .checkout-box-header{
    margin: 0px;
    border-color: #666;
    border-width: 1px;
    font-size: 120%;
    letter-spacing: 1px;
    background-color: #E8E8E8;
    text-transform: uppercase;
    padding: 10px 10px 10px 20px;
    border-radius: 3px 3px 0px 0px;
    color:#303030;
}
div.checkout-box .checkout-box-neck{ 
	background-color:#ffcccc;
    /*background-color:#7D5E56;*/
	height:10px; 
	border-radius: 0 3px 0 0;
	margin-top:-1px;
    display:none;
}
div.checkout-box .checkout-box-content{ 
	min-height:100px; 
	border-color:#ccc; 
	border-style:solid; 
	border-width:0 1px 1px 1px; 
	border-radius:0 0 3px 3px;
	padding:10px 20px
}
.checkout-box-paragraph{
    margin:20px 0 0 40px;
}
.checkout-box-row{
    margin:8px 0 0 40px;
}
.checkout-box-paragraph:before,
.checkout-box-paragraph:after,
.checkout-box-row:before,
.checkout-box-row:after{
    display: table;
	content: " ";
}
.checkout-box-paragraph:after,
.checkout-box-row:after{
    clear:both;
}
.checkout-box-paragraph-col-first,
.checkout-box-paragraph-col-middle{
    float:left;
}
.checkout-box-paragraph-col-middle{
    margin-left:40px;
}

div.checkout-box .checkout-box-foot{
	height:45px;
	border: solid #ccc;
	border-width:0 1px 1px 1px;
	border-radius:0 0 3px 3px;
	padding:10px 20px;
}

div.checkout-box .checkout-box-msg{
    float:left;
    padding:2px 0;
}
div.checkout-box .checkout-box-open-btn{
    float:right;
}



/*shopping-bag */
.shopping-bag{
	width:95%;
    margin:0 auto;
}
div.shopping-bag-row{
    padding:2px 0;
    /*display:block;*/
}
div.shopping-bag-row:before, div.shopping-bag-row:after{
    display:table;
    content: " ";
}
div.shopping-bag-row:after{
    clear:both;
}
div.shopping-bag-row > div{
	float:left;
}
.shopping-bag-header{
	color:#505050;
	text-align:center;
	border-bottom:solid 1px #DDD;
    text-transform:uppercase;
}
.shopping-bag-item, .shopping-bag-coupon, .shopping-bag-loyalty{
	border-bottom: solid 1px #ddd;
}
.shopping-bag-item{
	min-height:75px;
}
.shopping-bag-item > div{
	height:auto;
	margin:5px auto 10px;
}
.shopping-bag-coupon > div{
	height:50px;
	margin:5px auto 2px;
}
.shopping-bag-loyalty > div{
	height:40px;
	margin:5px auto 2px;
	padding-top:10px;
}

.shopping-bag-row > div > span{
    display:none;
}
.item{
	width:50%;
}
.item:before, .item:after{
    display:table;
    content: " ";
}
.item:after{
    clear:both;
}
.item-photo{
	width:20%;
}
.item-photo img{
    width:80%;
    height:auto;
}
.item-info{
	width:80%;
}
.item-size{
	width:14%;
}
.item-qty{
	width:7%;
}
.item-price{
	width:7%;
}
.item-total, .coupon-total, .loyalty-total, .item-change-qty{
	width:11%;
    text-align: center;
}
.shopping-bag-button{
    color:#808080;
}
a.shopping-bag-button{
    font-size:14px;
}
.shopping-bag-coupon .coupon-info,
.shopping-bag-loyalty .loyalty-info{
	width:50%;
	padding-left:10%;
    margin-right:28%;
}
.shopping-bag-coupon-form{
    float:left;
    width:45%;
}
.shopping-bag-summary{
	margin-top:10px;
    float:right;
    display:table;
    width:50%;
    margin-right:0%;
}
.shopping-bag-summary .shopping-bag-summary-row{
/*	height:25px;
	font-size:115%;*/
    display:table-row;
}
.shopping-bag-summary-row.none > div{
    display:none;
}
.shopping-bag-summary-label{
    display:table-cell;
	text-align:right;
    width:50%;
    padding-top:5px;
    /*margin-left:490px;*/
}
.shopping-bag-summary-value{
    display:table-cell;
    padding-left:8%;
    padding-top:5px;
}
.shopping-bag-total > div{
    padding-top:10px;
}
select#shipping_method{
	padding:2px;
    font-size:12px;
}
.shopping-bag-total{
    font-size:110%;
}

.rewards{
    float:right;
}
.figure-8-rewards{
    border-radius:2px;
    background-color: #EDEDED;
    padding:3px 8px;
}


/* bottom-slider */
.bottom-slider{ 
		position:fixed;
		width:300px;
		height:130px;
		border-top:10px solid rgb(128,64,64);
		border-top-right-radius:5px;
		bottom:0;
		left:0;
		padding:10px;
		background-color:#fff;
		box-shadow:-1px 5px 10px 2px #ccc;
}
.bottom-slider h3{
	margin:10px 0;
}

.tabbed-box{ width:inherit;}

.tabbed-box .tabbed-box-header{ 
	margin:0; 
	height:26px; 
	width:150px;

	background-color:#ffcccc;
    /*background:-webkit-gradient( linear, left bottom, right top, color-stop(0.05, #D8D8D8), color-stop(1, #F8F8F8) );*/
	border-radius: 4px 4px 0 0;
	border-color:#666; 
	border-width:1px; 
	padding: 8px 10px 0px 20px; 
	font-size:120%; 
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:1px;

}

div.tabbed-box .tabbed-box-neck{ 
	background-color:#ffcccc;
    /*background-color:#D8D8D8;*/
	height:3px; 
	border-radius: 0 7px 0 0; 
	margin-top:-1px; 
}

div.tabbed-box .tabbed-box-content{ 
	position:relative;
	border-color:#ccc; 
	border-style:solid; 
	border-width:0 1px 1px 1px; 
	border-radius:0 0 7px 7px; 
	padding:10px 20px
}

/* Table data */
/* table.data */
table.data{ 
	width:100%;
	border-collapse:collapse;
	border-width:0
}
table.data caption + thead tr:first-child th, table.data caption + thead tr:first-child td, table.data colgroup + thead tr:first-child th, table.data colgroup + thead tr:first-child td, table.data thead:first-child tr:first-child th, table.data thead:first-child tr:first-child td {
    border-top: 0 none;
	text-align:left;
}
table.data th{
	cursor:pointer;
    font-weight:bold;
    text-align:left;
}
table.data td, table.data th{
	line-height: 18px;
    padding: 8px;
	border-top: 1px solid #DDDDDD;
}
table.data tr td a {
    color: #0088CC;
    text-decoration: none;
}
table.data tr td a:hover {
    text-decoration: underline;
}
table.data tr.deleted td, table.data tr.deleted td a{/* text-decoration:line-through;*/ color:#CCCCCC }

/* Form Table */
table.formTable td, form.formTable td.label{ padding-top:4px}
table.formTable th{ padding-right: 40px; font-weight: 500; text-align:left }
table.formTable td.label{ vertical-align:top; padding-right: 40px; font-weight:400}

/*Page-number */
.page-number{margin:40px 20px 0 0 ;text-align:right}
.page-number .unselected{margin:3px 5px}
.page-number .selected{margin:3px 5px;padding:3px;border:solid 1px; border-radius:2px; background-color: #EEEEEE;}

/*
Responsive
*/

@media all and (max-width:900px) {

    .desktop-resp{
        display:none;
    }
    .mobile-resp{
        display:block;
    }


    .page-layout,
    .window-layout{
        width: auto;
        overflow-x: hidden;
    }




/*    #mobile-menu{
        position:fixed;
        top:50px;
        left:10px;
        width:90%;
        height:auto;
        background-color: #C3BDBD;
        border-radius:4px;
        z-index:11000;
        display:none;
    }
    #mobile-menu .mobile-menu-header{
        font-size: 12pt;
        color: #666;
        padding: 10px;
        text-align: center;
        text-transform: uppercase;
    }*/


    /*shopping bag */
    /*
    .shopping-bag{
        width:auto;
    }
    .shopping-bag-header{

    }
    .shopping-bag-header .item-total{
        display:none;
    }
    .item{
        width:auto;
        float:none;
    }
    .item-photo{
        width:60px;
    }
    .item-info{
        width:auto;
    }

    .shopping-bag-row > .coupon-info,
    .shopping-bag-row > .loyalty-info
    {
        float:left;
        display:block;
        padding-left: 10px;
    }
    .coupon-info, .loyalty-info,
    .coupon-total, .loyalty-total{
        /!*width:auto;
        padding-left:10px;
        text-align:left;*!/
    }
    div > .coupon-info, div > .loyalty-info{
        height:40px;
    }
    div > .coupon-total, div > .loyalty-total{
        height:50px;
    }
    .shopping-bag-summary{
        margin-left:0;
        width:auto;
        padding-left:150px;
    }
    .shopping-bag-summary-value{
        padding-left:10px;
    }*/
/*
    .shopping-bag-summary .shopping-bag-row{
        display:table-row;
    }
    .shopping-bag-summary .shopping-bag-row > div{
        display:table-cell;
    }
    .shopping-bag-summary-value{
        padding:10px;
    }
    */
    /*

    .rewards{
        float: none;
    }
    */

    .item-photo img{
        width:90%;
    }
    a.shopping-bag-button{
        font-size:14px;
    }
    .shopping-bag-summary-label{
        width:40%;
    }
    .shopping-bag-summary-value{
        padding-left:8%;
    }

    /*checkout */
    div.checkout-box .checkout-box-content {
        padding: 10px;
    }
    .checkout-box-content .checkout-box-paragraph{
        margin:20px 0 0 0px;
    }
    .checkout-box-content .checkout-box-row{
        margin:5px 0 0 0px;
    }
/*    .checkout-box-paragraph-col-first,
    .checkout-box-paragraph-col-middle{
        float:none;
        margin-left:0px;
    }
    .checkout-box-paragraph-col-middle{
        margin-top:10px;
    }*/
    div.checkout-box .checkout-box-foot{
        height:auto;
        padding:10px 20px;
    }
    div.checkout-box .checkout-box-msg{
        float:none;
        padding:2px 0;
    }
    div.checkout-box .checkout-box-open-btn{
        float:none;
        display:block;
        text-align:right;
    }

}
@media all and (max-width:670px ){
    .shopping-bag{
        width:auto;
    }
    div.shopping-bag-row{
        padding:5px 0;
    }
    .shopping-bag-row > div > span{
        display:block;
    }
    .shopping-bag-header{
        display:none;
    }
    .item{
        width:100%;
        float:none;
    }
    .item-photo{
        width:25%;
    }
    .item-info{
        width:72%;
        margin-left:3%;
    }
    .item-size{
        width:25%;
    }
    .item-qty{
        width:15%;
    }
    .item-price{
        width:20%;
    }
    .item-total{
        display:block;
        width:20%;
    }
    .item-change-qty{
        width:20%;
    }
    .shopping-bag-coupon .item-change-qty{
        width:100%;
        text-align:center;
        padding-top:5px;
    }
    .shopping-bag-row > .coupon-info,
    .shopping-bag-row > .loyalty-info
    {
        display:block;
        padding-left: 5%;
    }

    div > .coupon-info, div > .loyalty-info{
        height:40px;
    }
    div > .coupon-total, div > .loyalty-total{
        height:50px;
    }
    .mobile-item-header{
        font-size:10px;
    }

    .shopping-bag-summary{
        float:none;
        margin-left:0;
        width:100%;
        padding: 10px 0;
        background-color: #EFEFEF;
    }

    .shopping-bag-summary-label{
        width:50%;
    }

    .checkout-box-paragraph-col-first,
    .checkout-box-paragraph-col-middle{
        float:none;
        margin-left:0px;
    }
    .checkout-box-paragraph-col-middle{
        margin-top:10px;
    }
}
@media all and (max-width:350px) {

    .bottom-slider{
		position:fixed;
		width:100%;
		height:120px;
		border-top:10px solid rgb(128,64,64);
		border-top-left-radius:5px;
		bottom:0;
		left:0;
		padding:10px;
		background-color:#fff;
		/*box-shadow:-1px 5px 10px 2px #ccc;*/
    }

    .shopping-bag{
        font-size:13px;
    }

    a.shopping-bag-button{
        font-size:13px;
    }
}