body {
	background: #1f1a17 url(/images/bg_top.gif) 0 0 repeat-x;
}
#bgTop {
	background: #f8f8f8 url(/images/bg_top.gif) 0 0 repeat-x;
}
.wrap {
	margin: 0 auto;
	width: 1004px;
}

/*************************************************************************************************************************************/
/*********************************** header ******************************************************************************************/
/*************************************************************************************************************************************/

#printheader {
	display: none;
	visibility: hidden;
}
.header {
	height: 89px;
	margin: 0;
	padding: 0 5px;
}
#logo {
	float: right;
	height: 27px;
	margin: 8px 0 7px 0;
	width: 29px;
}
#headerShadow {
	background: url(/images/header_shadow.png) 50% 50% no-repeat;
	clear: both;
	display: block;
	height: 4px;
}

/************************ quicklinks ************************/

#quickLinks {
	margin: 0;
	padding: 0;
	position: relative;
}
#quickLinks ul {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 2px;
}
#quickLinks li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}
#quickLinks li a {
	color: #777777;
	display: block;
	float: left;
	font-size: 10px;
	font-weight: normal;
	line-height: 10px;
	margin: 18px 16px 14px 0;
	padding: 0;
	text-decoration: none;
	text-transform: uppercase;
}
#quickLinks li a:hover,
#quickLinks li a.selected {
	color: #1f1a17;
	text-decoration: none;
}

/******************** top navigation ***********************************/

#search {
	float: left;
	height: 20px;
	margin: 9px 0 15px 0;
	position: relative;
	width: 203px;
}
.searchInput{
	border: none;
	background: url(/images/search_box.png) 0 0 no-repeat;
	color: #1f1a17;
	font-size: 10px;
	font-weight: normal;
	line-height: 10px;
	margin: 0;
	padding: 5px 6px 5px 24px;
	text-transform: uppercase;
	width: 173px;
}
.searchButton{
	position: absolute;
	left: 5px;
	top: 3px;
	z-index: 100;
}
#topNavigation {
	margin: 0;
	padding: 0;
}
#topNavigation ul {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0 2px 0 0;
	width: 644px; /* ie7 */
}
#topNavigation li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}
#topNavigation li a {
	color: #7c7c7c;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: normal;
	line-height: 14px;
	margin: 9px 0 15px 28px;
	padding: 3px 0 3px 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
#topNavigation li a:hover,
#topNavigation li a.selected {
	color: #1f1a17;
	text-decoration: none;
}

/************  assigned widths for top navigation to display correctly accross browsers *********/

#topNavigation a#videos {
	width: 75px;
}
#topNavigation a#mens {
	width: 41px;
}
#topNavigation a#womens {
	width: 65px;
}
#topNavigation a#st_croix {
	width: 71px;
}
#topNavigation a#shoes {
	width: 47px;
}
#topNavigation a#custom {
	width: 59px;
}
#topNavigation a#services {
	width: 68px;
}
#topNavigation a#gift_cards {
	width: 85px;
}

/*************************************************************************************************************************************/
/*************************** homepage ************************************************************************************************/
/*************************************************************************************************************************************/

#homepageBgTop {
	background: url(/images/homepage_box_bg.png) 0 0 no-repeat;
}
#cbTopLeft {
	float: left;
	height: 409px;
	margin: 6px 5px 7px 7px;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 566px;
}
#titleOverlay {
	background: url(/images/title_overlay3.png) 0 0 no-repeat;
	height: 131px;
	position: absolute;
	left: 0;
	top: 0;
	width: 141px;
	z-index: 500;
}
#cbTopRight {
	float: right;
	height: 409px;
	margin: 7px 7px 7px 0;
	overflow: hidden;
	position: relative;
	width: 419px;
}
.cbImageBox {
	height: 202px;
	overflow: hidden;
	position: absolute;
	width: 207px;
}
.cbImageBox a img {
	border: none;
}
.topLeft {
	top: 0;
	left: 0;
}
.topRight {
	top: 0;
	right: 0;
}
.bottomLeft {
	bottom: 0;
	left: 0;
}
.bottomRight {
	bottom: 0;
	right: 0;
}
#homepageBgBottom {
	background: #ffffff url(/images/homepage_bg_bottom.gif) 0 0 repeat-x;
	margin: 16px 7px 0;
	min-height: 182px;
	padding: 0;
	width: 990px;
}
.cb {
	display: inline;
	float: left;
	margin: 0 0 0 0;
	padding: 0 18px;
	width: 450px;
}
.cbTitle h1{
	color: #1f1a17;
	font-size: 24px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 13px 0 3px;
}
.cbBody {
	padding: 0;
}
.cbBody,
.cbBody p {
	color: #302f2e;
	font-size: 11px;
	line-height: 16px;
}
.cbBody a {
	color: #3366cc;
	text-decoration: none;
}
.cbBody a:hover {
	color: #6e93dc;
	text-decoration: none;
}

/*************************************************************************************************************************************/
/********************** inside page **************************************************************************************************/
/*************************************************************************************************************************************/

#insideBgTop {
	background: url(/images/inside_bg_top.png) 50% 0 no-repeat;
}
#breadcrumb {
	height: 28px;
	margin: 0 14px 0 14px;
	text-align: right;
}
#breadcrumb a {
	color: #666666;
	display: inline-block;
	font-size: 9px;
	line-height: 9px;
	margin: 10px 0 7px;
	text-transform: uppercase;
	text-decoration: none;
}
#breadcrumb a:hover,
#breadcrumb a.selected {
	color: #698fda;
	text-decoration: none;
}
#insideBgStretch {
	background: url(/images/inside_bg_stretch.gif) 206px 0 repeat-y;
	margin: 0 auto;
	width: 994px;
}
#insideContent {
	display: inline;
	float: right;
	margin: 0 2px 0 0;
	min-height: 583px;
	padding: 0 13px 32px 40px;
	width: 737px;
}

#insideContent a img {
	border:none;
}

#pageTitle h1 {
	color: #1f1a17;
	display: block;
	font-size: 24px;
	font-weight: normal;
	line-height: 26px;
	margin: 0;
	padding: 22px 2px 20px;
}
.primary_content {
	float: left;
	padding-right: 30px;
	width: 510px;
}
.secondary_content {
	border-left: 1px solid #bfbebe;
	float: right;
	margin: 0;
	padding: 0 0 0 14px;
	width: 180px;
}
.secondary_content .page_cb_title {
	color: #161210;
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
	margin: 5px 0 16px;
	text-transform: uppercase;
	padding: 0;
}
.secondary_content a {
	color: #666666;
	cursor: pointer;
	text-decoration: none;
}
.secondary_content a:hover {
	color: #698fda;
	text-decoration: none;
}
.session_message {
	clear: both;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	border-top: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	background-color: #ffefef;
	color: #ff0000;
}
.session_message ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.contentbox_item a {
	background: url(/images/blue_arrow.png) 0 50% no-repeat;
	padding-left: 9px;
}
.contentbox_item .contentbox_item_content a {
	background: none;
	padding-left: 0;
}

/*************************************************************************************************************************************/
/*********************** Left navigation *********************************************************************************************/
/*************************************************************************************************************************************/

#navigation {
	display: inline;
	float: left;
	margin: 22px 0 0 0;
	width: 201px;
}
#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	margin: 0;
	padding: 0;
}
#navigation li a {
	color: #181411;
	cursor: pointer;
	display: block;
	font-size: 11px;
	line-height: 12px;
	margin: 0;
	min-height: 1px; /* ie7 */
	padding: 6px 18px;
	text-decoration: none;
	text-transform: uppercase;
}
#navigation li a:hover {
	color: #698fda;
	text-decoration: none;
}
#navigation li a.selected {
	background: url(/images/left_nav_arrow.png) 9px 7px no-repeat; 
	color: #181411;
	text-decoration: none;
}
#navigation ul ul {
	margin: 0 0 0 9px;
}
#navigation li li a {
	color: #7c7c7c;
	font-size: 10px;
	line-height: 11px;
}
#navigation ul ul ul {
	margin: 0 0 0 18px;
}

/*************************************************************************************************************************************/
/*************************** footer **************************************************************************************************/
/*************************************************************************************************************************************/

#bottomShadow {
	background: url(/images/homepage_bottom_shadow.png) 50% 0 no-repeat;
	height: 38px;
}
#footerBgWide {
	background: #1f1a17 url(/images/bg_footer.gif) 0 0 repeat-x;
}
#footerBg {
	background: #1f1a17 url(/images/bg_footer.gif) 0 0 repeat-x;
	color: #a19f9d;
	font-size: 11px;
	line-height: 14px;
	margin: 0 auto;
	padding: 28px 6px 28px 19px;
	width: 979px;
}
.footerBox {
	display: inline;
	float: left;
}
.footerTitle {
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	margin-bottom: 7px;
}
.footerTitle span {
	font-weight: normal;
}
#footerBg a {
	color: #a19f9d;
	text-decoration: none;
}
#footerBg a:hover {
	color: #6e93dc;
	text-decoration: none;
}
#footerBg a.socialMedia {
	float: left;
	height: 24px;
	margin-right: 4px;
	padding: 0;
	width: 24px;
}
#siteviz {
	float: left;
	margin-top: 8px;
}

#GRIPFooterLogoText {
	line-height: 8px;
}
#copyright {
	color: #ffffff;
	float: right;
	font-size: 12px;
	margin: 30px 14px 0 0;
}
#printFooter {
	display:none;
	visibility:hidden;
}
/************  assigned widths for footer boxes *******************/
.width1 {
	width: 139px;
}
.width2 {
	margin-left: 16px;
	width: 126px;
}
.width3 {
	margin-left: 18px;
	width: 373px;
}
.width4 {
	margin-left: 26px;
	width: 117px;
}
.width5 {
	float: right;
	margin-left: 16px;
	width: 142px;
}

/*********** mail chimp form styles ********************************/
.email {
	margin: 0 0 14px 0;
	position: relative;
	width: 132px;
}

#mc_embed_signup form {
	padding: 0 !important;
}

#mc_embed_signup .mc-field-group {
	width: auto !important;
	padding-bottom: 0 !important;
	min-height: 0 !important;
}

#mc_embed_signup .mc-field-group input {
	background: transparent url(/images/email_box_empty.png) 0 0 no-repeat;
	border:none;
	color: #757270;
	display: block;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	margin: 0 0 6px !important;
	padding: 3px 6px !important;
	text-indent: 0 !important;
	width: 106px !important;
}

#mc_embed_signup .button {
	background: transparent url(/images/email_button.png) 0 0 no-repeat !important;
	border-radius: 0 !important;
	display: block !important;
	font-size: 1px !important;
	height: 12px !important;
	line-height: 12px !important;
	margin: 0 !important;
	padding: 0 !important;
	position: absolute;
	right: 0;
	top: 3px;
	width: 7px !important;
	z-index: 200;
}

#mc_embed_signup div.response {
	padding: 0 !important;
	width: auto !important;
}

/*************************************************************************************************************************************/
/*************************** general classes *****************************************************************************************/
/*************************************************************************************************************************************/

.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clearBoth {
	clear: both;
}

/***************************************************************************************/
/************************** sifr *******************************************************/
/***************************************************************************************/

.sIFR-alternate{
	display:none;
}
.sIFR-replaced{
	background:none;
	visibility:visible;
}