/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/

body { font: 11px "HelveticaNeue", Helvetica, Arial, sans-serif; }

a:link, a:visited { color:#221E1F; text-decoration: none; }
a:hover { color:#221E1F; text-decoration:underline; }

p { font-size:12px; color:#221E1F;  }
h2 { font-size:18px; color:#221E1F; }

img { -ms-interpolation-mode:bicubic; }

dt { font-weight: bold; margin-bottom: 5px; }
dd { border-bottom: 1px solid #ccc; margin: 0 0 10px; padding: 0 10px 10px;  }

/*
---------------------------------------------
02. container and wrapper
---------------------------------------------
*/

#container { width:998px; margin:0 auto; }
#wrapper { width:998px; float:left; background:url(/images/bg_wrapper.gif) repeat-y top center; }
#no-nav #wrapper { background:#fff; }

/*
---------------------------------------------
03. left panel
---------------------------------------------
*/

#leftpanel { width:147px; float:left; padding:28px 20px 0 11px; }
#no-nav #leftpanel { padding-top: 33px; }

/*
---------------------------------------------
03.1 left panel - logo
---------------------------------------------
*/

#leftpanel .logo { float:left; padding-bottom:10px}

/*
---------------------------------------------
03.2 left panel - leftnav
---------------------------------------------
*/

#leftpanel .leftnav { width:147px; float:left}
#leftpanel .leftnav ul li { font-size:12px; color:#888888; line-height:1.5em; padding-bottom:3px}
#leftpanel .leftnav ul li a { color:#888888; text-decoration:none}
#leftpanel .leftnav ul li a:hover { color:#221E1F; text-decoration:none}
#leftpanel .leftnav ul li.selected a { color:#221E1F; text-decoration:none}

#leftpanel .leftnav ul li p { margin: 20px 0 0 0; }

#leftpanel .leftnav ul li ul { width:130px; float:left; padding-left:13px; padding-top:0px}
#leftpanel .leftnav ul li ul li { width:130px; float:left; font-size:11px; color:#5B5B5B; padding-bottom:1px}
#leftpanel .leftnav ul li ul li a { color:#5B5B5B; text-decoration:none}
#leftpanel .leftnav ul li ul li.selected a { color:#000; }
#leftpanel .leftnav ul li ul li.selected a:before { content: "\00bb\00a0"; }

/*
---------------------------------------------
04. right panel
---------------------------------------------
*/
#rightpanel { width:820px; float:left; }

/*
---------------------------------------------
04.1 right panel - header
---------------------------------------------
*/

#header { width:820px; float:left; padding: 33px 0 30px; }

#header .button { float: left; }
#header .checkout { margin-left: 10px; }

#header p { float:left; color:#9D9FA1; line-height:1.8em; margin-left:20px; text-transform: uppercase; }
#header p a { color:#9D9FA1; }
#header p a:hover { color:#9D9FA1; }
#header p .cart { padding:5px 0 5px 24px; }
#header #shopping-cart-display { background: url(/images/mini-bag.gif) no-repeat -2px 1px; padding: 10px 5px; position: relative; top: -10px;}

#header .search { width:210px; float:right; position: relative; top: -3px; }
#header .search fieldset { width:210px; float:left }
#header .search fieldset .input { 
	border:1px solid #AFB1B4;
	border-left-width: 3px; 
	border-top-width: 3px;
	color:#9D9FA1;
	height:15px; 
	float:left; 
	font-size:11px; 
	padding: 2px 3px 1px; 
	width:132px; 
}
#header .search fieldset .button_search { 
	background:url(/images/bg_button_search.gif) no-repeat;
	border: none;
	color: #fff;
	cursor: pointer;
	float: right; 
	font-size:9px; 
	font-weight:bold; 
	height:18px; 
	line-height: 2em;
	padding: 0 0 2px 15px;
	position: relative;
	text-transform: uppercase;
	top: 2px;
	width:58px; 
}

/*
---------------------------------------------
04.2 right panel - nav bar
---------------------------------------------
*/

#navbar { width:820px; float:left; padding-bottom:30px; }

#navbar .nav { width:820px; float:left}
#navbar .nav ul li { float:left; font-size:13px; margin-left:14px; padding-top:10px; }
#navbar .nav ul li.section { margin-left:0; margin-top:-14px; }
#navbar .nav ul li.tailored { float:right; }
#navbar .nav ul li a { color:#464648; text-decoration:none; }
#navbar .nav ul li a:hover { color:#9D9FA1; }

#navbar .subnav { width:820px; float:left}
#navbar .subnav ul li { float:left; font-size:12px; margin-right: 5px; }
#navbar .subnav ul li:last-child { margin-right: 0; }
#navbar .subnav ul li a { color:#9D9FA1; text-decoration:none; }
#navbar .subnav ul li.selected a { color:#464648; }
#navbar .subnav ul li a:hover { color:#464648; }

#navbar .subnav .right { float:right; }

/*
---------------------------------------------
04.3 right panel - content area
---------------------------------------------
*/

#content { width:820px; float:left; padding-bottom:45px; }

#content .column_full, 
#content .column_three_quarters,
#content .column_half, 
#content .column_two_fifths,
#content .column_three_fifths,
#content .column_third,
#content .column_quarter,
#content .column_fifth,
#content .column_tenth { overflow: hidden; }
#content .column_full { width:820px; }
#content .column_three_quarters { width: 600px; }
#content .column_half { width:400px; }
#content .column_two_fifths { width: 328px; }
#content .column_three_fifths { width: 492px; }
#content .column_third { width: 273px; }
#content .column_quarter { width:205px; }
#content .column_fifth { width:164px; }
#content .column_tenth { width:82px; }

#content .column_full p { margin-bottom:8px; color: #777 !important; }
#content .column_full p a { text-decoration: underline; }
#content .column_full p a:hover { text-decoration: none; }

#content .clear { clear: both; }

#content .photo_banner { height:268px; overflow: hidden; padding-bottom:20px; width:400px; }

#content .setbox { width:400px; overflow:hidden; margin-bottom: 40px; }
#content .setbox .set { list-style-type:none; margin: 0; padding: 0; }
#content .setbox .set li { width:133px; font-size:10px; float:left; overflow: hidden; padding-top:8px; text-align: center; }

#content .featuredbrands { width:400px; }
#content .featuredbrands h2 { color:#646464; padding-bottom:5px; }
#content .featuredbrands p { font-size:12px; color:#828283; }

#content .featuredbrands .links { padding-bottom:40px; }
.links li { float:left; font-size:11px; font-weight:bold; color:#808284; margin-right:10px; text-transform: uppercase; }
.links li a { color:#808284; text-decoration:none}

#product-nav { width: 338px; float: left; }
#product-nav a { padding: 7px 10px 0; }
#product-nav-spacer { width: 110px; height: 24px; display: block; float: left }
#product-nav-prev { height: 24px; margin-left: 30px; overflow: hidden; display: block; float: left }
#product-nav-prev:hover { background-position:  bottom left; }
#product-nav-back { height: 24px; overflow: hidden; display: block; float: left }
#product-nav-back:hover { background-position:  bottom left; }
#product-nav-next { height: 24px; overflow: hidden; display: block; float: left }
#product-nav-next:hover { background-position:  bottom left; }

#social-media-icons { width: 280px;}

#email_friend_form { padding: 30px }
#email_friend_form p, #email_friend_form h2 { padding: 10px }
#email_friend_form label { display: block; font-weight:bold; padding-bottom: 5px; }
#email_friend_form #error_message { display:none }

/*
---------------------------------------------
05. footer styles
---------------------------------------------
*/

#footer { width:820px; float:left; padding-bottom:25px} 

#footer p { color:#5C5C5C; line-height:1.6em}
#footer p a { color:#5C5C5C}

#footer a img { position: relative; top: 3px; }

/*
---------------------------------------------
06. generic button
---------------------------------------------
*/

a.button, button.button { 
	background: #9d9fa1; 
	border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em;
	color: #fff;
	display: block;
	font-size: 11px;
	font-weight: bold;
	height: .95em;
	line-height: 1em;
	padding: 3px 8px 4px;
	text-shadow: 0px 1px 0px #888;
	text-transform: uppercase;
}
a.button:hover, button.button:hover { 
	-moz-box-shadow: 0px 1px 1px #777; -webkit-box-shadow: 0px 1px 1px #777; box-shadow: 0px 1px 1px #777; /* can't use border because Firefox has a terrible renderer */
	position: relative; 
	text-decoration: none;
	top: -1px; 
}
a.button:active, button.button:active { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; top: 0px; }

.button.checkout { float: left; margin-bottom: 10px; }

.left { float: left; }
.right { float: right; }
.light, .light p { color: #777 !important; }
.small, .small p { font-size: 12px !important; }
.smallest { font-size: 9px !important; }
.button.smallest { padding-bottom: 3px !important; }

.clear { clear: both; }
.sale-item strong, .sale{ color: #ac0e0e !important; }
tr.discounted, li.discounted {
    background: #fee;
}
.left em {color: #ac0e0e }
.highlight { background-color: #fff; padding: 3px; }

ul.grid { list-style-type: none; margin: 40px 0 0; }
ul.grid li { margin-bottom: 50px; overflow: hidden; text-align: center; }
ul.grid li img { margin-bottom: 10px; }
ul.grid li.column_quarter img { height: 146px; }
ul.grid li.column_fifth img { height: 92px; }

ul.product-list li { margin-bottom: 0; min-height: 250px; text-align: left; }
ul.product-list li.column_quarter { min-height: 350px;  }
ul.product-list li.column_quarter img { height: auto; max-height: 200px; max-width: 205px; }
ul.product-list li p { padding-right: 10px; }

ul.product-thumbs { float: left; margin-top: 10px; max-width: 82px; overflow: hidden; }
ul.product-thumbs li { margin-bottom: 0; }

#product-center-col { height: 400px; position: relative; }

ul.social-icons {  }
ul.social-icons li { margin: 30px 5px; }


ul.promo li.column_quarter { margin-right: 65px; width: 140px !important; }

#product { overflow: hidden; margin-bottom: 20px; }
#product-details { margin: 0 0 40px 40px; overflow: hidden; }
#product-details.column_two_fifths, #product-details .column_two_fifths { width: 288px; }
#product-details .column_fifth { margin-bottom: 20px; width:124px; }
#product-details .column_fourth { margin-bottom: 20px; width:160px; }
#product-details p { margin-bottom: 1em; }
#product-details #zoom-container {
	background: #fff;
	background: rgba(255, 255, 255, .8);
	display: none;
	height: 300px;
	overflow: hidden;
	position: absolute;
	width: 300px;
	z-index: 2;
}
#product-details #zoom-container:after {
	background: url(/images/loading.gif) no-repeat;
	content: '';
	display: block;
	height: 40px;
	left: 130px;
	position: relative;
	top: 120px;
	width: 40px;
}

#product-main-image { margin-bottom: 55px; }
.product-image { float: left; margin: 0 0 0 30px; width: 380px; }
.product-image img { max-width: 379px; max-height: 350px; }

.filter-bar { margin-top: 20px; }
.filter-bar .button { display: inline; }

#page-content { font-size: 11px; }
#page-content h1 { margin: 0 0 .67em; }
#page-content h2, #page-content h3, #page-content h4, #page-content h5, #page-content h6 { margin: 1em 0; }
#page-content h3 {
	margin-top: 20px;
}
#page-content p { color: #777 !important; margin: 1em 0; }
#page-content p a.button { display: inline; }
#page-content td { padding-right: 20px; }

#newsletter {padding: 5px 40px }
#newsletter label { display: block; font-size: 14px; margin-bottom: 10px; }
#newsletter input.text { display: block; width: 180px; border: 1px solid #ddd; background: #eee; font: 10px; color: #666; }
#newsletter p {padding-top: 10px;  }
#newsletter p.line { border-bottom: 1px solid #ddd; padding: 20px 0; }

#promos { width: 615px; }
#promos li { opacity: 0.6; text-align: left; }
#promos li.active { opacity: 1; }
#promos li:hover { opacity: 1; }
.promo-item { margin-top: 40px; }
.promo-item h3, .promo-item p { margin: 1em 0; }
.promo-item h3 { color: #888; font-weight: bold; }
.promo-item p { color: #999; }

img.frame { border: 1px solid #aaa; padding: 5px; }
.gc-template { position: relative; width: 246px; }
.gc-template a { display: block; margin-bottom: 5px; }

.left-col .gc-template { margin: 0 0 20px 60px; }

#gift-certificates input[type="text"] { background: #ddd; border: none; color: #666; padding: 3px; }

#gift-certificates label { color: #aaa; font-size: 12px; font-weight: bold; }
#gift-certificates .left-col label { display: block; text-align: right; width: 40px; }
#gift-certificates input[type="text"], #gift-certificates textarea { width: 260px; }
#gift-certificates textarea { border: 1px solid #ccc; padding: 3px; }
#gift-certificates input[type="text"], #gift-certificates select, #gift-certificates textarea { margin-bottom: 10px; }
#gift-certificates .right-col p { width: 300px; }
#gift-certificates label.error { color: #c00; font-weight: normal; text-align: left; width: 100% !important; }
#gift-certificates .left-col label.error { position: relative; top: -7px; }

ul.grid li.press-item { text-align: left;}
ul.grid li.press-item img { height: 190px; }
.press-item { height: 320px; text-align: left; }
.press-item p, .press-item h3 { padding-right: 10px; text-align: left; }

#sitemap ul { margin: 0 0 20px 20px; list-style-type: disc; }


#shopping-cart-table th, #shopping-cart-table td { padding: 3px; }
#shopping-cart-table th { border-bottom: 1px solid #ccc; font-weight: bold; padding-right: 10px; }
#shopping-cart-table tbody { border: 1px solid #ccc; }
#shopping-cart-table tr { border-bottom: 1px solid #eee; }
#shopping-cart-table input[type=text] { text-align: right; width: 40px; }
#shopping-cart-table #shipping-message { font-size: 11px; }
#shopping-cart-table .money { padding-right: 5px;  text-align: right; }
#shopping-cart-table .money div { position: relative; }
#shopping-cart-table .money .remove-btn { display: block; opacity: .4; position: absolute; left: 75px; top: -20px; }
#shopping-cart-table .money .remove-btn:hover { opacity: 1; }
#shopping-cart-table .size { width: 65px; }
#shopping-cart-table .footer { background: #eee; text-align: right; text-transform: uppercase; }
#shopping-cart-table .footer td { padding: 5px 5px; }
#shopping-cart-table #destination { width: 165px; text-transform: none; }
#shipping-description { text-transform: none; }
#shopping-cart-table label { color: #666; }
#shopping-cart-table label.error, label.error { color: #c33; display: block; }
#shopping-cart-table #promo-code { width:  90px; text-align: left;}
#promo-code-apply { width: 65px;}
#special-instructions-table tbody { border: none; }
#special-instructions { width: 100%;  }



#cart-summary { margin-top: -10px; }
#cart-summary li { border-bottom: 1px solid #eee; padding: 5px 5px 7px; }
#cart-summary li:last-child { border-bottom: none; }

#charges-summary th, #charges-summary td { border-bottom: 1px solid #eee; padding: 5px 5px 7px; }
#total-row th, #total-row td { border-bottom: none; border-top: 3px solid #eee; }
#total-row td { font-size: 20px; }
#charges-summary td { text-align: right; }

.cart-step { border: 1px solid #eee; margin-right: 20px; padding-bottom: 5px; }
.cart-step.inactive { border-bottom:1px solid #fff; border-top: 1px solid #fff; padding-bottom: 0px; }
#page-content .cart-step.inactive h3 { margin-bottom: 0px; }
.cart-step.inactive table { display: none; }
#page-content .cart-step h3 { background: #eee; color:#666; margin-top: 0px !important; padding: 5px 5px 7px; }
.cart-step th, .cart-step td { padding: 3px 5px 5px; }
.cart-step th { text-align:right; width: 100%; }
#page-content .cart-step td { padding-right: 10px; }
.cart-step input[type=text] { width: 205px; }
.cart-step label.required:before { content: '* '; }

#content #checkout-error { background: #fee; border: 1px solid #933; padding: 10px; width: 798px; }
#content #checkout-error h2 { margin-top: 0; margin-bottom: 0; }
#content #checkout-error p { color: #221e1f !important; margin-top: 1em; margin-bottom: 0; }
#content #checkout-error ul { margin: 10px 20px; list-style-type: disc; }

a.btn-shoes {
	display: inline-block;
	width: 129px;
	height: 26px;
	background: url(../images/gravitypope-shoes-dbl.gif) 0px 0px no-repeat;
}

a.btn-shoes-selected {
	background: url(../images/gravitypope-shoes-dbl.gif) 0px -26px no-repeat;
}

a.btn-shoes:hover {
	background: url(../images/gravitypope-shoes-dbl.gif) 0px -26px no-repeat;
}

a.btn-clothing {
	display: inline-block;
	width: 208px;
	height: 32px;
	background: url(../images/gravitypope-tailored-goods-dbl.gif) 0px 0px no-repeat;
}
a.btn-clothing.clothing {
	background: url(../images/gravitypope-clothing-dbl.gif) 0px 0px no-repeat;
}

a.btn-clothing-selected {
	background: url(../images/gravitypope-tailored-goods-dbl.gif) 0px -32px no-repeat;
}

a.btn-clothing-selected.clothing {
	background: url(../images/gravitypope-clothing-dbl.gif) 0px -32px no-repeat;
}

a.btn-clothing:hover {
	background: url(../images/gravitypope-tailored-goods-dbl.gif) 0px -32px no-repeat;
}
a.btn-clothing.clothing:hover {
	background: url(../images/gravitypope-clothing-dbl.gif) 0px -32px no-repeat;
}

.post {
	clear: both;
	margin-bottom: 40px;
	overflow: hidden;
	width: 600px;
}
.post h2 {
	border-bottom: 1px solid #ddd;
	margin-top: 20px;
}