BODY
{
	background: #ffffff url('../images/keen_bg.jpg') no-repeat 51% top;
	font: 8pt/11pt Verdana, Arial, Helvetica, sans-serif; 
	color: #544f48; 
	margin: 0px;
}

@font-face {
    font-family: 'Coldsmith';
    src: url('Fonts/coldsmith-webfont.eot');
    src: url('Fonts/coldsmith-webfont.eot?#iefix') format('eot'),
         url('Fonts/coldsmith-webfont.woff') format('woff'),
         url('Fonts/coldsmith-webfont.ttf') format('truetype'),
         url('Fonts/coldsmith-webfont.svg#webfontVUD5lYBf') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumMedium';
    src: url('Fonts/titilliummedium-webfont.eot');
    src: url('Fonts/titilliummedium-webfont.eot?iefix') format('eot'),
         url('Fonts/titilliummedium-webfont.woff') format('woff'),
         url('Fonts/titilliummedium-webfont.ttf') format('truetype'),
         url('Fonts/titilliummedium-webfont.svg#webfontfd5HKSW0') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumBold';
    src: url('Fonts/titilliumbold-webfont.eot');
    src: url('Fonts/titilliumbold-webfont.eot?iefix') format('eot'),
         url('Fonts/titilliumbold-webfont.woff') format('woff'),
         url('Fonts/titilliumbold-webfont.ttf') format('truetype'),
         url('Fonts/titilliumbold-webfont.svg#webfontEjgpBds4') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumXBold';
    src: url('Fonts/titilliumextrabold-webfont.eot');
    src: url('Fonts/titilliumextrabold-webfont.eot?iefix') format('eot'),
         url('Fonts/titilliumextrabold-webfont.woff') format('woff'),
         url('Fonts/titilliumextrabold-webfont.ttf') format('truetype'),
         url('Fonts/titilliumextrabold-webfont.svg#webfontsDO2OUJD') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LovedByTheKing';
    src: url('Fonts/LovedByTheKing-webfont.eot');
    src: url('Fonts/LovedByTheKing-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/LovedByTheKing-webfont.woff') format('woff'),
         url('Fonts/LovedByTheKing-webfont.ttf') format('truetype'),
         url('Fonts/LovedByTheKing-webfont.svg#Fonts/LovedByTheKingRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


IMG
{
	border-style: none;
	border-color: inherit;
	border-width: medium;
}

h1
{
	font: 40px/40px 'Coldsmith', Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.modals h1
{
	font: 30px/30px 'Coldsmith', Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.community_modal_bg h1
{
	font: 35px/35px 'Coldsmith', Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	text-transform: uppercase;	
}


h2
{
	font: 25px/25px 'Coldsmith', Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 10px;
	text-transform: uppercase;
}

h3
{
	font: 18px/18px 'Coldsmith', Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	text-transform: uppercase;
}

.blue
{
	color: #377091
}

.red
{
	color: #8d0101;
}

.pageSteps
{
	font: 18px/18px 'Coldsmith', Verdana, Arial, Helvetica, sans-serif;
}

p {
	font: 8pt/11pt Verdana, Arial, Helvetica, sans-serif; 
}

.bold {
	font: bold 8pt/11pt Verdana, Arial, Helvetica, sans-serif; 
}

.bc
{
	color: #868686;
	font-size: 10px;
	margin-bottom: 15px;
	display: block;
	text-transform: capitalize
}

.small {
	font-size: 8pt; 
	line-height: 11pt
}

.free
{
	color: #880a00;
}

.italic 
{
	font-style: italic
}

.heading {
	font: 9pt/11pt Arial, Helvetica, sans-serif; 
	color: #333333; 
	font-weight: bold
}

.small_italix {
font: italic 7pt/11pt Verdana, Arial, Helvetica, sans-serif; 
}

.tiny {
	font-size: 7pt; 
	line-height: 9pt
}

.successCommunityMessage 
{
	color: #42678c;
	font-size: 8pt;
	font-weight: bold
}

.errorCommunityMessage,
.error,
.error_red
{
	color: #8d0101;
	font-size: 8pt;
	font-weight: bold
}

.error_white
{
	color: white;
	font-size: 8pt;	
}

.light
{
	color: #a1a1a1
}

.bullet {line-height: 14pt; margin: 0 0 10px 0; padding: 0}
.bullet li {margin: 0 0 0 15px; list-style-image: url('../images/bullet.gif'); }
.columns .bullet {margin-bottom: 0px;}

.scratch 
{
	font-family: 'LovedByTheKing', Verdana, Arial, Helvetica, sans-serif; 
}

/* Links */

a:visited,
a:link  
{
	color: #544f48; 
	text-decoration: underline;
}

a:hover 
{
	text-decoration: none;
}

.normal
{	
	font: 8pt/11pt Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
}

h2 a:visited,
h2 a:link
{
	text-decoration: none
}

.blue a:visited,
.blue a:link
{
	color: #377091
}

.normal a:link,
.normal a:visited
{
	font: 8pt/11pt Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	text-decoration: underline;
}


.normal a:hover
{
	text-decoration: none;
}

.light a:visited,
.light a:link
{
	color: #a1a1a1
}


.bc a:visited,
.bc a:link
{
	color: #868686;
	font-size: 10px;
	text-decoration: underline
}

.bc a:hover{
	text-decoration: none;
	
}

/* --------------------------------------------------*/
/* Control Styles */
.textbox,
.dropdownlist
{
	font: 8pt Verdana, Arial, Helvetica, sans-serif; 
	color: #666666; 
	border: 1px #c7c7c7 solid;
}

select
{
	font: 8pt Verdana, Arial, Helvetica, sans-serif; 
	color: #666666; 
}

/* --------------------------------------------------*/
/* Image Treatments */

.floatright
{
	float: right;
	margin: 0 0 0px 10px;
	padding: 2px;
}

.floatleft
{
	float: left;
	margin: 0 10px 0px 0;
	padding: 2px;
}

.floatcenter
{
	display: block;
	margin: 0px auto 10px auto;
	padding: 2px;
}

.left {float: left}
.right {float: right}
.clear {clear: both; height: 0px; overflow: hidden}
.center {text-align: center;}

.feature
{	
	width: 98%;
	float: left;
	display: block;
	margin: 10px 10px 25px 0px;
}

#header
{
	width: 1002px;
	display: block;
	margin: 0px auto;
	padding: 0px 0px 1px 0px;
	clear: both;
}

#header .logo
{
	float: left;
	padding: 5px 0px 0px 10px;
}

#header .actions 
{
	float: right;
	padding: 10px 10px 0px 0px;
}

.headerbar
{
	margin-bottom: 10px;
	margin-top: 10px;
	float: right;
	height: 40px;
	background: url('../images/topnav_rightbg.png') repeat-x;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	 -moz-background-clip: padding;     /* Firefox 3.6 */
	-webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
	background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */

}

.headerbar .middle
{
	padding: 10px 5px;
	background: url('../images/topnav_rightbg.png') repeat-x;
	height: 20px;
}

.headerbar .search
{
	padding: 9px 5px 11px;
}

.auth input,
.left cartimg img
{
	padding-top: 3px;
}

.auth
{
	padding-right: 8px !important;
}

.headerbar a:visited,
.headerbar a:link
{
	font: 11px/17px 'TitilliumXBold', Verdana, Arial, Sans-Serif; 
	text-decoration: none;
	text-transform: uppercase;
	color: #535353;
}

.headerbar a:hover
{
	color: #7e7e7e
}

.headerbar .cart
{
	background: url('../images/headerbar_cart_bg.gif') no-repeat right top;
	height: 40px;
	float: left;
	width: 117px;
	text-align: center;
	margin: -3px 0 0 0;
	padding: 10px 0
}

.headerbar .cartimg
{
	margin: 0 3px 0px 0px;
}

.headerbar .blank
{
	 background: none !important;
	 padding-top: 0px;
}

.headerbar .myaccount img.offstate {display: inline;}
.headerbar .myaccount img.onstate {display: none;}

/* Hover Events */
.headerbar .myaccount.hover .onstate,
.headerbar .myaccount:hover .onstate
{display: inline;}

.headerbar .myaccount.hover .offstate,
.headerbar .myaccount:hover .offstate 
{display: none;}


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


.comingsoon
{
	margin: 0px auto;
	width: 100%;
	height: 45px;
	text-align: center;
	background: #589bcb url('../images/comingsoon_banner.gif') no-repeat center top;
}

.generalmessage
{
	margin: 0px auto;
	width: 100%;
	height: 40px;
	overflow: hidden;
	text-align: center;
	background: url('../images/banner_bg.jpg') repeat-x;
	color: #fff;
	font: 18px/40px 'TitilliumBold', Verdana, Arial, Sans-Serif;
	-moz-text-shadow: 1px 1px 4px #8c8c8c;
	-webkit-text-shadow: 1px 1px 4px #8c8c8c;
	text-shadow: 1px 1px 4px #8c8c8c;
	min-width:1050px;
}

.generalmessage .lightning
{
margin: 0 5px;
}

.generalmessage a
{
	color: #fff;
	text-decoration: none;
}

.freegift,
.downtime
{
	margin: 0px auto;
	width: 100%;
	background: #589bcb
}

.freegift .gift
{
	margin: 0px auto;
	width: 728px;
	background: #fff url('../images/giftwithpurchase_allsite_banner.jpg') no-repeat center top;
	height: 40px;
	padding: 0px 0px 0px 320px;
	color: #fff
}

.freegift .gift .text
{
	width: 670px;
}

#content
{
	width: 978px;
	display: block !important;
	margin: 0 auto 25px auto;
	min-height: 500px;
	padding: 10px 10px 12px 10px;
	position: relative;
}

.maincontent
{
	width: 100%;
	min-height: 400px;
	margin: 0px auto;
}

.paper
{
	min-height: 475px;
	padding: 20px;
	position: relative;
}

.pad
{
	padding: 0 20px;
}

.offwhite
{
	background-color: #f8f7f4;
}

.white
{
	background-color: #fff;
}

.shadeBorderBottom
{
	border: 1px #efefef solid;
	border-width: 0 1px;
	background-image: url('../images/content_long_bottom.gif');
	background-repeat: repeat-x;
	background-position: bottom;
}

.master_bottom
{
	background: url('../images/content_long_bottom.gif') repeat-x;
	width: 950px;
	height: 20px;
	margin: 0 auto;
}


.PageTitle 
{
	padding-bottom: 10px;
	width: 300px;
}

.question
{
	padding: 2px 0px 0px 2px;
	position: relative;
	cursor: pointer;
	display: inline;
}

.questionexplanation
{
	display: none;
	width: 200px;
	padding: 15px;
	position: absolute;
	z-index: 999999999;
	border: 1px #cccccc solid;
	background-color: #fff;
}

.question.hover .questionexplanation,
.question:hover .questionexplanation
{
	display: inline;
	left: 100%;
	top: 20%
}
	
.hr {width: 874px; height: 2px; margin: 10px 0px; background: url('../images/hr.gif') no-repeat;}

/* Customer Service Styles */

.custserv_inlinebox p
{
	margin-top: 0px;
}

.custserv_inlinebox,
.custserv_somethingtosay_top
{
	background: #F8F7F4 url('../images/content_long_bottom.gif') repeat-x bottom;
	border: 1px #efefef solid;
	border-width: 0 1px;
	width: 198px;
	padding: 10px 35px 10px 35px;
}

.custserv_somethingtosay_bottom
{
	background: url('../images/custserv_somethingtosay_bottom_bg.gif') no-repeat bottom;
	width: 198px;
	padding: 10px 35px 80px 35px;
}

.custserv_col
{
	width: 295px;
}

.custserv_widecol
{
	width: 595px;
}

.custserv_col .heading,
.custserv_widecol .heading
{
	font: bold 9pt/11pt Verdana, sans-serif !important;  
	color: #544f48 !important; 
	text-transform: uppercase
}

/* Recess Styles */

.recess-btn
{
	background: url('../recess/images/btn_bg.gif') repeat-x;
	overflow: hidden;
	color: white !important;
	font: 14px/14px 'TitilliumXBold', Verdana, Arial, Sans-Serif !important;
	padding: 10px;
	text-transform: uppercase;
	display: inline-block;
	text-decoration: none !important;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}

.recess-btn:hover
{
	background: url('../recess/images/btn_bg_over.gif') repeat-x;
}


/* Community Styles */

.community_col
{
	width: 415px;
}

.community_col_right
{
	width: 488px;
}

.community_search
{
	float:left;
	width: 188px;
	margin: 10px 18px;
	height: 270px;
}

.community_search .image
{
	height: 184px;
	width: 184px;
	padding: 2px;
	clear:both;
	background: url('../images/communitybg_pic_search.gif') no-repeat;

}

.community_search .image_org
{
	background: url('../images/communitybg_pic_search.gif') no-repeat;
	height: 184px;
	width: 184px;
	padding: 2px;
	clear:both;
}

.community_search .info
{
	width: 188px;
	padding-top: 5px;
	clear:both;
	text-align: center
}

.community_search .name,
.community_search .name_org
{
	padding-top: 5px;
	clear:both;
	color: #cc9900;
	text-transform: uppercase
}

.community_search .name_org
{
	color: #517651;
}

.community_search .name a:link,
.community_search .name a:visited
{
	color: #cc9900;
	text-decoration: none
}

.community_search .name a:hover
{
	text-decoration: underline
}

.community_search .name_org a:link,
.community_search .name_org a:visited
{
	color: #517651;
	text-decoration: none
}

.community_search .name_org a:hover
{
	text-decoration: underline
}

.profile 
{
	font-size: 7pt; 
	color: #757575; 
	line-height: 9pt
}

.profile a:visited,
.profile a:link
{
	text-decoration: none;
	color: #678eb4
}

.communitysubnav
{
	margin-bottom: 20px;
}

.communitysubnav .separator
{
	margin: 0 12px;
}

.searchbox
{
	background: url('../images/community_search_bg.gif') no-repeat;
	width: 325px;
	height: 52px;
	padding: 25px 0 0 15px;
}

.searchbox input
{
	margin: 0 5px 5px 0;
}

.searchbox .advanced
{
	margin-left: 147px;
}

.community_icon
{
	width: 13px;
	height: 12px;
	margin-right: 5px;
	display: block;
}

.plus
{
	background: url('../images/plus.gif') no-repeat;
}

.arrow
{
	background: url('../images/arrow_community.gif') no-repeat;
}

.communityprofile_pic
{
	width: 228px;
	height: 228px;
	background: url('../images/communitybg_pic.gif') no-repeat;
	margin-bottom: 10px;
}

.communityprofile_pic img
{
	margin: 14px 0 0 0;
}

.communityprofile_pic .img
{

	background-repeat: no-repeat;
	background-position: 12px 12px;
}

.community_name
{
	margin: 8px 0 5px 0;
	font-size: 15px;
}

.communityprofile_info
{
	margin: 10px 0 0 15px;
	line-height: 18px;
	width: 170px
}

.socialnetworks
{
	margin-right: 10px;
}


.community_feature_top
{
	width: 475px;
	height: 25px;
	background: url('../images/community_feature_top.gif') no-repeat;
	padding: 8px 15px;
}

.community_feature
{
	width: 469px;
	border: solid 1px #f0f0f0;
	border-width: 0 1px;
	margin-left: 8px;
	background: #fff;
	padding: 10px;
}

.community_feature_bottom
{
	width: 491px;
	height: 18px;
	margin: 0 0 15px 8px;
	background: url('../images/community_feature_bottom.gif') no-repeat;
}

.profilelink a:link,
.profilelink a:visited
{
	text-decoration: none;
	color: #ffffff;
}

.profilelink a:hover
{
	text-decoration: underline;
}

.interact
{
	width: 950px;
	margin: 15px auto 15px auto;
}

.tellworldquestion
{
	font: 16px Arial Narrow, Verdana, Arial;
	color: #ffffff;
	text-transform: uppercase;
	
}

.community_hybridlife
{	
    padding: 56px 0px 0px 0px;
    overflow: hidden;
    background: url("../images/community_hybridlife_logo.gif") 0 0 no-repeat;
    
    height: 0px !important;
    height /**/: 56px;
}

.community_modal_bg
{
	background: url('../images/community_modal_bg.jpg') no-repeat;
	padding: 35px;
	width: 558px;
	height: 394px;
	margin-left: 7px;
	position: relative;
}

.community_modal_bg .textbox
{
	border: 1px #ccc solid;
	color: #8b8b8b
}


.reallifephotos
{
	width: 80px;
	height: 80px;
	margin: 8px 7px 7px 8px;
	float:left
}

.reallifephotos a.hover,
.reallifephotos a:hover
{
	background: #000000;
}

/* --------------------------------------------------*/
/* Footer Styles */
#social_footer
{
	width: 1000px;
	margin: 0 auto
}

#social_footer .social
{
	background: url('../images/footer_bg.gif') no-repeat;
	/*background: url(../images/holiday-footer_bg.gif) no-repeat;*/
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	height: 89px;
}

.social ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.social li
{
	display: inline;
	margin: 0 17px;
	line-height: 90px;
	vertical-align:top;
}

.social .finder
{
	margin-right: 55px
}

#footer
{
	display: block;
	margin: 0 auto 35px auto;
	color: #424242;	
	clear: both;
	font: 13px/20px 'TitilliumMedium', Verdana, Arial, Sans-Serif;
	width: 1000px;
}

#footer a:visited,
#footer a:link
{
	font: 13px/20px 'TitilliumMedium', Verdana, Arial, Sans-Serif;
	text-decoration: none;
	color: #424242;	
}

#footer a:hover
{
	text-decoration: underline;
	color: #424242;	
}

#footer .links {margin: 0px 12px 0px 13px;}

.footer_hr
{
	clear: both;
	margin: 5px 0;
	text-align: center;
	padding: 0;
}

/* Modal Popup Background Style */

#modals {z-index: 1000000; position: relative;}


.modaltitle
{
	color: #42678c;
	font: 24px/30px Arial Narrow, Arial, Verdana;
	text-transform: uppercase;
}

.modal_page_background
{
	background-color: #eeeeee;
	opacity:.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);		
	z-index: 10001 !important;
}

.modal 
{
	background-color: white;
	border: solid 1px #c2bfb1;	
	padding-top: 13px;
	z-index: 10003 !important;
	position: relative;
}

.modal .html {}
.modal iframe {z-index: 100000000000000 !important; margin-top: 6px;}

.modal_close 
{
	display: block;	
	float: right;
	position: absolute;
	right: 0%;
	top: 0px;
	z-index: 10002 !Important;
}

.modals .field, .box .field {padding: 3px; font-weight: bold; float: left; width: 100px; text-align: right; }
.modals .input, .box .input {padding: 3px; float: left; width: 250px; }
.modals .margin {margin-left: 15px;}

/* General Input Form Styles */

    .formFields {font-size: 7pt;}
    .formFields .fieldGroup {clear: both; margin-bottom: 8px;}
    .formFields .margin {margin-left: 10px;}
    .formFields .fieldGroup.validationMessage {} 
    .formFields .fieldGroup .label {}
    .formFields .fieldGroup .label.alignLeft {width: 75px; float: left;}
    .formFields .fieldGroup .label.required {font-weight: bold;} 
    .formFields .fieldGroup .input {}  
    .formFields .fieldGroup .textbox {}
	.formFields .fieldGroup .input.alignRight {width: 100px; float: right;}
	
	.formFields .fieldGroup .value {}  
	.formFields .fieldGroup .value.alignRight {width: 100px; float: right;}
	
/******/

    .inlineContentBox {width: 550px;}        
    .inlineContentBox .header, .login .wrap .header, .checkout .wrap .header {padding: 0px 0px 7px 10px;}
    .inlineContentBox .formFields {vertical-align: top;}      
    .inlineContentBox .formFields .description {margin-bottom: 5px;}
    .inlineContentBox .formFields .textbox {border: 1px solid #c7c7c7; height: 15px;}    

	
	.inlineContentBox .formFields .singleColumn, .checkout .singleColumn {border:  solid 1px #e5e5e5; padding: 10px; zoom:1;}

    #continueshopping {margin-bottom: 15px;}
    .login .inlineContentBox {font-size: 7pt;}        
    
    .login .formFields .greyBackground {background: #f4f3ec url('../images/cart_login_shadow.jpg') no-repeat bottom; padding: 10px; width: 224px;}         
	.login .formFields .forgotlink, .formFields .forgotlink {margin: 5px 0;}
    
    .login .inlineContentBox .footer {padding-bottom: 10px; margin-top: 15px;}
    .login .inlineContentBox .footer .leftcol img {margin: 5px 10px 0px 0px;}
    .login .inlineContentBox .footer .textAlignLeft img {margin-left: 10px;}
           
    .login .wrap, .checkout .wrap {width: 550px;}
    .login .leftcol, .checkout .leftcol {width: 270px;}
    .login .rightcol, .checkout .rightcol {width: 250px; padding: 10px 0px}
    .login .inlineContentBox .formFields .leftColumn, .checkout .inlineContentBox .formFields .leftColumn {width: 270px; padding: 10px 0px 10px 10px !important;}
    .login .inlineContentBox .formFields .rightColumn, .checkout .inlineContentBox .formFields .rightColumn{width: 250px;}
    .login .border {border:  solid 1px #e5e5e5; margin-right: 5px;}
    .checkbox label, .checkbox input {float: left}
    .checkbox label, .label {padding-top: 2px; width: 190px}
    .login .textAlignCenter {padding: 0px; margin: 10px 0px}
    .ccs_eu {position: absolute; top: 85px; right: 25px}

/************************/
/*Ideal Payment Styles*/

.ideal {
	padding: 15px;
	text-align: left
}

.ideal h2
{
	margin: 0 0 10px 0;
}

.ideal .border {width: 185px; border:  solid 1px #e5e5e5; margin: 0 20px 15px 0; padding: 5px}
.ideal .border img {margin-left: 20px;}
.ideal .wide {width: 402px; margin-bottom: 15px}
.ideal input {margin: 0}
.ideal .bank {margin: 0 0 0 15px;}
.ideal .tiny {color: #5f5f5f; line-height: 15pt}

/************************/

/*Shopping Cart Box*/

.ViewCart {width: 335px !important; float: right;}
.ViewCart .items {}
.ViewCart .items .item {font-size: 7pt; clear:both; margin-bottom: 10px;}
.ViewCart .items .item img {float: left;}
.ViewCart .items .item .content {display:inline; float: right; padding-left: 10px; width: 200px; min-height: 1px;}
.ViewCart .items .item .name {font-size: 8pt; font-weight: bold;}
.ViewCart .items .item b {font-weight: bold; font-size: 7pt; display: inline;}
.ViewCart .items .item .value {display: inline;}
.ViewCart .items .item .bottom {
	width: 200px;
	padding: 7px 0px 0px 10px;
	float: right;
}	
.ViewCart .makeadifference,
.ViewCart .giftwithpurchase
{
	 float: right; padding-top: 5px;
}

.ViewCart .cartbtns img
{
	margin-left: 5px;
}

.ViewCart .items .item .bottom .subtotal {float: right; text-align: right; width: 135px;}
.ViewCart .items img.itemSeperator 
{
	height: 1px; 
	width: 100%; 
	border-bottom: dotted 1px #eeeeee;
	margin-top: 5px;
	margin-bottom: 5px;	
}

.ViewCart .items .footer
{
	clear: both;
	text-align: right;
	margin-top: 8px;
	
	float: right;
	width: 300px;
	height: 33px;
	
	font-size: 8pt;
	font-weight: bold;
	
	position: relative;
}

.ViewCart .hr
{
	background: url('../images/hr.gif') no-repeat right top;
	height: 3px;
	margin: 5px 0 5px 5px;
	clear: both;
	width: 300px;
}

.ViewCart  .footer span {position: absolute; top: 30%; right: 10px;}

.ViewCart .discounts 
{
	clear: both;
	text-align: right;
	margin-top: 8px;
	padding-right: 10px;
	float: right;
	width: 280px;
	
	font-size: 7pt;
	color: #a1241a;	
}

/***END Shopping Cart Box***/

.textAlignRight {text-align: right;}
.textAlignLeft {text-align: left;}
.textAlignCenter {text-align: center;}
.UserShippingPhoto {border: solid 5px #cccccc !important;}

/***VIEW CART POPOUT MENU****/

.headerbar .cartMenuLink {color: #fff !important; font: 8pt/11pt Arial !Important; text-transform: lowercase !important; text-decoration: underline}
.cartMenu {
	font-size: 7pt;
	border: solid 1px #eeeeee;	
	width: 250px;
	padding: 8px;
	display: inline;
	z-index: 10000000000;
	background: #fff
}

.cartMenu .subtotal {text-align: right; margin-bottom: 4px; width:200px; float: right; font-weight: bold;}
.cartMenu .items {text-align: left;}
.cartMenu .items .item {position: relative;	clear: both;}
.cartMenu  .items .item  img {float: left; margin-bottom: 25px; margin-right: 10px;}
.cartMenu  .items .item  div.content {width: 180px; float: right;}
.cartMenu  .items .item  .name {font-weight: bold}
.cartMenu  .items .item  .details {}
.cartMenu  .items .item  input {position: absolute; right: 0%; top: 0%;}
.cartMenu .checkout {clear: both; float: right; margin-top: 10px; vertical-align: top;}

/*My Account */
#MyAccountHeader {position: relative;}
#MyAccountHeader #LiveChat {position: absolute; right: 0px; top: 0%;}
.myaccount_subnav {display: block; margin-top: 10px;}
.myaccount_subnav_hr {width: 909px; height: 14px; clear: both; display: block; background: url('../images/myaccount_hr.gif') no-repeat top}

#LiveChat {position: absolute; top: 35px; right: 135px; width: 120px; text-align: right; z-index: 9999}
/*#MyAccountHeader #LiveChat {float: right; margin-bottom: 10px;}*/

#MyAccountHeader .Personalization 
{
	float: right;
	width: 250px;	
	clear: right;
	text-align: right;
	margin-top: 10px;
}

#MyAccountHeader .userName {margin-right: 5px;}

#KeenCloset {clear: both; margin-top: 10px;}


/*Buying Options; Pages {buying options, dealers, keen retailers}*/
.buyingoptions .option {float: left; text-align: center; width: 200px; margin-right: 20px}
.buyingoptions .option h1 {padding: 0px; margin: 0px; margin-bottom: 20px; text-align: left;}
.buyingoptions .option .content {height: 150px; padding-left: 10px; vertical-align: middle;}


/*buying options specific*/
.buyingoptions .option .borderLeft {border-left: dotted 1px #666666;}

.buyingoptions .option .title_or {float: right; margin-top: 12px; }

/*keen retailers specific*/
.buyingoptions .product {position: relative; margin-left: 5px;}
.buyingoptions .product .content {background-color: White;}
.buyingoptions .product .content div {position: relative; top: 20%;}
.buyingoptions .keenFeaturedOnlineStores {width: 600px;}
.buyingoptions .keenOnlineStore {width: 245px; position: relative; margin-right: 10px;}
.buyingoptions .keenOnlineStore .content div {position: relative; top: 20%;}
.buyingoptions .keenOnlineRetailers {width: 300px;}
.buyingoptions .onlineStoreDetails {width: 190px;}
.buyingoptions .onlineStoreDetails .content {text-align: left;}
.buyingoptions .localstore {width: 260px;}
.buyingoptions .localstore .content {height: 20px;}
.buyingoptions .international {width: 240px; }
.buyingoptions .international .content {text-align: left;}

.dontseesize a,
.sizechart a
{
    color: #868686 !important;
    font-size: 10px;
}

.pagination {padding-left: 5px; padding-right: 5px;}
.pagination .links {width: 40%; float: left; text-align: left;}
.pagination .pagesize {width: 40%; float:right; text-align: right;}

/* Search & Landing Pages*/

.filter_col {width: 190px; margin-left: 20px; padding-top: 15px; padding-bottom: 5px;}
.shoplogo {clear: both; margin: 5px 0px;}
.filter-wrap {height: 18px; }
.SearchFilter {width: 170px; padding: 3px 0 5px 0; clear: both;}
.SearchFilter .color img {float: left; padding: 2px;}
.SearchFilter .color .selected img {float: left; padding: 1px; border: 1px #898886 solid;}
.SearchFilter .options {list-style-type: none; padding: 0px 0px 0px 15px; margin: 0px;}
.SearchFilter .options li {color: black;}
.SearchFilter .color li{float: left; width:17px; padding: 0px; margin: 5px 0 0 0;}
.SearchFilter .options li .count {margin-left: 5px; color: #a0a0a0;}
.SearchFilter .options .selected {font-weight: bolder; color: #544f48;}
.ExtenderBtn {float: left;}

.filter_col .filter-head, .filter_col .filter-head a {float: left; font: 12px/6px 'TitilliumXBold', Verdana, Arial, Helvetica, sans-serif; margin: 5px 0; text-transform: uppercase; text-decoration: none; cursor: pointer}
.filter_col .filter-head .bg {padding: 0 3px; margin-right: 3px; line-height:13px;  overflow: auto; color: #fff; text-align: center; -moz-border-radius: 2px 2px 2px 2px; border-radius: 1px 1px 1px 1px;}
.arrow-on {border-color: #656565 transparent transparent transparent; border-style: solid; display:inline-block; border-width: 5px; width: 0; height: 0px; margin: 0 3px;}
.arrow-off {border-color: transparent transparent transparent #656565; border-style: solid; display:inline-block; border-width: 5px; width: 0; height: 0px; margin: 0 0 0 6px;}

.kids-color, .kids-color a {color: #ba7406;}
.men-color, .men-color a {color: #597322}
.women-color, .women-color a {color: #097b82}
.bags-color, .bags-color a, .sox-color, .sox-color, .socks-color, .socks-color a {color: #d4592c}
.industrial-color, .industrial-color a {color: #fbdb00 !important;}
.service-color, .service-color a {color: #c75300 !important;}
.search-color, .search-color a {color: #535353}

/* Sox Landing Page Styles */

.landing_spec
{
	padding-top: 2px;
	margin-right: 15px;
	width: 11px;
	position: relative;
	cursor: pointer;
	float: right;
}

.landing_specexplanation
{
	display: none;
	padding: 10px;
	font-size: 7pt;
	line-height: 10pt;
	position: absolute;
	width: 245px;
	z-index: 101 !important;
	border: 1px #cccccc solid;
	background-color: #ffffff;
}

.landing_spec.hover .landing_specexplanation,
.landing_spec:hover .landing_specexplanation
{
	display: inline;
	right: 130%;
	top: 0%
}

/**Site wide tabs**/
.tab,
.tab_on 
{
	float: left;
	display: block;
	background: #e6e6e6;
	padding: 5px 7px;
	height: 12px;
	margin: 5px 2px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	-moz-box-shadow: 1px 0 0 #8f8f8f;
	-webkit-box-shadow: 1px 0 0 #8f8f8f;
	box-shadow: 1px 0 0 #8f8f8f;
}

.tab_on 
{
	background: #bbbbbb;
	padding: 8px 7px;
	margin-top: 0;
}

.tab:visited,
.tab:link,
.tab_on:visited,
.tab_on:link
{
	color: #707070;
	font: 11px/11px 'TitilliumXBold', "Times New Roman", Times, serif;
	text-decoration: none;
	text-transform: uppercase;
}

.tab_on:visited,
.tab_on:link
{
	color: #535353;	
}

.tab:hover 
{
	padding: 8px 7px;
	height: 12px;
	background: #bbb;
	color: #535353;
	text-decoration: none;
	margin-top: 0;
	text-transform: uppercase;
}

.tabs
{
	display: block;
	
	height: 33px;
	font-size: 1pt;
	line-height: 1pt;
	margin: 5px 0 10px 0;
}

.tabs .groups {list-style-type: none; display: inline; margin: 0px; padding: 0px;}

.tabs .groups .group
{
	display: inline;	
	float: left;
	z-index: 1 !important;
	margin-right: 3px;
}

.tabs .groups .seperator {width: 1px;height: 20px;background-image: url(tab_assets/subnav_divider.gif)}
.tabs .group img.offstate {display: inline;}
.tabs .group img.onstate {display: none;}

/* Hover Events */

.tabs .group.hover .onstate,
.tabs .group:hover .onstate {display: inline;}

.tabs .group.hover .offstate,
.tabs .group:hover .offstate {display: none;}

.tabs .group .active {display: inline !important;}
.tabs .group .inactive {display: none !important;}

.tab_panel {height: 400px; width: 400px; padding: 5px; overflow: auto; overflow-x: hidden;}
.noscroll {overflow: hidden;}
.mid_height {height: 500px;}
.fulllength {width: 100%;}
.midlength {width: 450px;}
.threequarterslength {width: 600px;}
.history_tab {width: 883px; height: 424px;}


.arrow_right {display: inline !important; margin-left: 85px;}
.tbl_city
{
	width: 185px;
}

/*/Utility Styles To Hide /*/
.utility_top,
.utility_bottom,
.utility_footer,
.hope-learnmore
{
	display: none;
}

.notFound {
	background:url(../images/404-bg.jpg) no-repeat;	
	min-height:505px;
	position:relative;
}

.notFound h1 {
	color:#fff;
	font-size:56px;
	line-height:50px;
}

#notFountText {
	position:absolute;
	top:24px;
	left:26px;
}

#recessSign {
	position:absolute;
	top:-66px;
	left:47px;
}