/*
'	Copyright (C) 2007 Fry Multimedia, All Rights Reserved
'	Author: Tom Kokkelenberg
'	pacsun.css
'
'	TOC:
'	+STANDARD DEFAULT OVERIDES
'	+ANCHOR Overides
'	+Headline Overides
'	+Form formatting Overides
'	+Thumbnails
'	+PacSun Specific Styles
'		+Wrapper
'		+Header
'		+Center Content Area
'		+Home page
'		+Left Nav
'		+Footer
'		+3rd party
'		+Email Sign Up Page
'		+Login - used by both Checkout Login and My Account Login
'		+Shopping Bag
'			+Empty Shopping Bag
'		+Checkout common elements
'			+Checkout Header - used in both Bag and Checkout
'			+Checkout Footer - used in both Bag and Checkout
'			+Checkout - Billing Address
'			+Checkout - Shipping Address
'			+Checkout - Shipping Method - assign an carrier to each order
'			+Checkout - Payment and Order Review
'			+Checkout - Order Confirmation (receipt)
'			+Checkout - Order Confirmation Popup (printable receipt)
'		+Section, Category, Thumbnail, My Account, Cust Serv common left nav styles
'			+Section, Category, Thumbnail common styles
'		+Category page
'		+Product Detail and Ensemble Detail common styles
'			+Product Detail page
'			+Ensemble Detail page
'		+Gift Card and EGC - shared styles
'			+Gift Certificate
'			+Gift Card - uses same body ID as Gift Certs
'			+Gift Certificate Check Balance and Results - uses same body ID as Gift Certs
'		+My Account - shared styles
'			+My Account - main page
'			+My Account - Create Account page
'			+My Account - Forgot Password
'			+My Account - Reset Password
'			+My Account - Profile
'			+My Account - Wish List page
'			+My Account - Share Wish List page
'			+My Account - Address Book page
'			+My Account - Add/Edit Address Book page
'			+My Account - Order History page
'			+My Account - Order Detail page / Checkout Order Confirmation page
'		+Customer Service -  common styles
'			+Customer Service -  Store Locator
'			+Customer Service -  Site Map
'			+Customer Service -  Contact Us
'		+Pop ups
'		+Email to a Friend Pop up
'		+Product Popup
'		+My Account - Address Book - Delete Address Popup
'		+Site Manager Content areas
'
*/

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+STANDARD DEFAULT OVERIDES - overides styles found in default.css
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 120%;
	text-align: left;
	color: #303059;
	background-repeat:repeat-x;
	background-position: bottom left;
	background-attachment:fixed;
	background-color:#5778a9;
	min-height:840px;
}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif; /* needed for textarea */
	font-size: 10px;
	color: #000;
	border: 1px solid #000;
}


select,input {
	height:17px;
}

input.button {
	width:auto;
	height:auto;
}

em {
	text-decoration:underline;
}

.error {
	color: #DA0303;
	font-size:10px;
	display:block;
}

.info_message {
	color:green;
}

.hilite {
	color: #bc492a;
}

.regPrice {
	text-decoration:none;
}

.brand {
	font-size:10px;
	font-weight:bold;
}

.now_price {
	font-size:10px;
	font-weight:bold;
	color:#DA0303;
}

.new_item {
	font-size:10px;
	color:#D77400
}

.promo_text {
	font-size:10px;
	color:#832727;
}

.gwp_text {
	font-size:10px;
	color:#832727;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+ANCHOR Overides
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

a {
	color:#2b4d65;
	font-weight:normal;
	outline: none;
}

a:link, a:visited {
	color:#2b4d65;
}

.promo_text a,
.gwp_text a {
	font-weight:bold;
	font-size:10px;
	color:#D77400;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Headline Overides
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

h1 {
	font-size:20px;
	margin:15px 0 24px 0;
	color:#2b4d65;
	font-weight:bold;
	text-transform:uppercase;
}

h2 {
	font-size:13px;
	padding:5px;
	text-transform:uppercase;
	font-weight:bold;
	background-color:#5b6775;
	color:#fff;
	margin:0;
}

h3 {
	font-size:12px;
	font-weight:bold;
	margin:5px 0;
}

h4 {
	font-size:9px;
}

h6 {
	margin-bottom:10px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Form formatting Overides
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

fieldset {
	border:none;
}

fieldset p {
	padding:5px 1px 10px 1px;
}

fieldset p.note {
	padding:1px;
}

form label { /*	accessibility friendly */
	cursor: pointer;
}

legend {
	display:none
}

dl.formInputs {
	margin: 0 0 0 0;
}

.required {

}

.asterisk {
	color: #DA0303;
}

.disabled {
	background-color:#D4D0C8;		
}

.radio {
	width:12px;
	height:12px;
	margin:0 5px -1px 0;
	border:none;
}

.checkbox {
	border:none;
}

dl.formInputs dd.checkbox {
	margin:10px 0 10px 120px;
}

dd.checkbox input {
	border:none;
	width:13px;
	height:13px;
	margin:0 5px 0 0;
	float:left;
}

dd.checkbox span {
	display:block;
	margin-left:20px;
}

dd.checkbox a {
	padding-left:30px;
}

dl.formInputs dd.note {
	width:216px;
	text-align:right;
}

.alertField {
	background-color:#ffc;
	border:#c00 solid 1px;
}

.formButton {
	border:none;
	vertical-align:middle;
	width:auto;
}

fieldset input {
	width:216px;
	/*height:19px;*/
	padding:0;
}

fieldset input.button {
	width:auto;
	height:auto;
}

fieldset input.phoneInput {
	width:43px;
	/*height:16px;*/
}

dl.formInputs dd.buttonRow {
	padding:0;
	margin:0;
}

dd.buttonRow input {  /* overides the above for images used as inputs in forms */
	border:none;
	width:auto;
	height:auto;
	margin-top:10px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Thumbnails
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

div.product,
div.product a {
	color: #303059;
	text-decoration:none;
}

div.product a.product_image img {
	display:block;
	/*width:170px;*/
	/*height:182px;*/
	margin-bottom:10px;
}

/* *****************************************************************************************
	+PacSun Specific Styles
****************************************************************************************** */

.note {
	color:#999;
	font-size:10px;
}

.specialMsg {
	color:#e82a10;
	font-size:10px;
	font-weight:bold;
}
.button {
	border:none;
}

.button_ctr {
	text-align:right;
	padding:5px 5px 5px 0;
}

.button_ctr dt {
	height:1px;
}

.style {
	color:#ccc;
}

.shown {
	text-transform:uppercase;
}

.price {

}

.was_price {
	color:#999;
}

.edit_link {
	margin-top:10px;
}

.col_1 {
	width:398px;
	float:left;

}

.col_2 {
	width:398px;
	margin-left:419px;
	clear:right;
}

.box {
	min-height:325px;
	border:#ccc solid 1px;
}

* html .box { /* used for IE for initial height of the box */
	height:325px;
}

.box_content {
	padding:15px 10px 5px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Wrapper
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

#wrapper {
	width:890px;
	margin:0 auto 40px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Header
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

div#header {
	position: relative;
	width:890px;
	margin:0 auto;
	padding-bottom:10px;
	background-position:0 bottom;
	background-repeat:no-repeat;
}

div#header_inner {

	
	background-image:url(http://images2.pacsun.com/is/servlet/izoom/PacSunV2/headerBg_v2?$img_png-alpha$&wid=886);
	background-position:0 -20px;
	background-repeat:no-repeat;
	padding-top:14px;
	padding-bottom:0;
}

* html div#header_inner { /* IE6 can't handle png */
	
   background-image:url(http://images2.pacsun.com/is/servlet/izoom/PacSunV2/headerBgIE_v2?$img_gif-alpha$&wid=886);
}

#headerSecondaryContentArea {
	width:830px;
	margin:3px auto;
}

#headerPromoArea {
	width:250px;
	margin:3px auto;
	position:absolute;
	top:0;
	right:32px;
}

#headerTertiaryContentArea {
	position: absolute;
	top:12px;
	right:-15px;
}

#logo {
	width:146px;
	height:69px;
	position: absolute;
	top:0;
	left:40px;
}

#headerSearch {
	position:absolute;
	right:32px;
	top:76px;
}

#headerSearch label {
	display:none;
}

#headerSearch input#searchBox {
	background-color:#7CBCD2;
	border:1px solid #C9E0EE;
	color:#FFFFFF;
	font-size:10px;
	height:14px;
	margin:0;
	vertical-align:middle;
	width:138px;
}

#headerSearch input.formButton {
	margin-left:-7px;
}

ul#headerLinks {
	padding:0;
	font-size:10px;
	position:absolute;
	top:50px;
	right:165px;
	text-align:right;
}

#headerLinks li {
	list-style-type:none;
	display:inline;
	margin-left:25px;
}

#headerLinks li#myAccount {
	font-weight:bold;
	color:#666;
}


#headerLinks li#myName {
	margin-left:0;
	font-family: Arial, sans-serif;
}

#headerLinks li#myName a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#myBag {
	position:absolute;
	top:48px;
	right:32px;
}

#headerLinks li a:link,
#headerLinks li a:visited {
	color:#a3b7c6;
	text-decoration:none;
}

#headerLinks li a:hover {
	text-decoration:underline;
}

div#mainNav	{
	margin:55px 30px 0;
	border-top:1px solid #CCCCCC;
	padding-top:3px;
	width:826px;
	height:33px;
}

table#navContainer {
	width:40%;
	border-top:none;
	text-align:center;
	margin-left:10px;
}

table#navLinks,
table#navContentArea {
	width:100%;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Center Content
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

#contentWrapper {  /* not used? */

}

#bodyContent {

	background:url(http://images2.pacsun.com/is/servlet/izoom/PacSunV2/bodyContentBg?$img_png-alpha$&wid=886) top left repeat-y;
	padding:2px 20px 10px 20px;
	float:left;
	/*min-height:300px;*/ /* moved this style to content bucket */
}

* html #bodyContent { /* IE6 can't handle png or min-height */
	background:url(http://images2.pacsun.com/is/servlet/izoom/PacSunV2/bodyContentBgIE?$img_gif-alpha$&wid=886) top left repeat-y;
	/*height:300px;*/  /* moved this style to content bucket */
}

div#bodyContent_inner {
	width:850px;
	position: relative;
	float:left;
}

div#centerContent {
	margin:0 12px;
	min-height:300px;
}

* html div#centerContent { /* IE6 can't handle min-height */
	height:300px;
}

#breadcrumb {
	padding:5px;
	margin-bottom:5px;
}

#breadcrumb .this_page {
	/*font-weight:bold;*/
}



/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Home page
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#home div#bodyContent_inner {
	width:850px;
	/*min-height:640px;*/ /* moved this style to content bucket */
	float:left;
}

* html body#home div#bodyContent_inner { /* IE6 can't handle min-height */
	/*height:640px;*/ /* moved this style to content bucket */
}

body#home div#centerContent {
	margin:0;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Left Nav
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

#leftNav {
	float:left;
	width:137px;
	color:#fff;
	padding-left:3px;
	padding-top:5px;
}

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

#leftNav a:hover {
	color:#fff;
	text-decoration:underline;
}


div#leftNav ul {
	margin-left:4px;
}

div#leftNav ul ul {
	margin-left:8px;
}

div#leftNav li {
	font-size:10px;
	padding-top:6px;
}

div#leftNav li a {
	font-size:10px;
	font-weight:normal;
}

div#leftNav li.active,
div#leftNav li.active a,
div#leftNav li.active li.active,
div#leftNav li.active li.active a {
	font-weight:bold;
}

div#leftNav li.active li,
div#leftNav li.active li a {
	font-weight:normal;
}

div#leftNav li.subcat,
div#leftNav li.subcat a {
	color:#ffcb00;
}

#leftNav div.shop_by {
	/*margin-top:10px;*/
}

#leftNav div.shop_by img {
	/*cursor:pointer;*/
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Footer
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

#footer {
	position: relative;
	width:860px;
	margin-bottom:50px;
	padding:0 15px;
	background:url(http://images2.pacsun.com/is/servlet/izoom/PacSunV2/bodyContentBg?$img_png-alpha$&wid=886) bottom left repeat-y; /* same image as is used for the bodyContent */
}

* html #footer { /* IE6 can't handle png */
	background:url(http://images2.pacsun.com/is/servlet/izoom/PacSunV2/bodyContentBgIE?$img_gif-alpha$&wid=886) bottom left repeat-y; /* same image as is used for the bodyContent */
}

#footerContent {
	border-top:#ccc solid 1px;
	height:50px;
	margin:0 10px;
	padding-top:5px;
}

#footerPrimaryContentArea {
	width:500px;
	height:45px;
	float:left;
}

#footerPrimaryContentArea li {
	list-style-type:none;
	display:inline;
	padding:0 5px;
	border-right:#000 solid 1px;
}

#footerPrimaryContentArea li.last {
	border-right:none;
}

#footerSecondaryContentArea {
	margin-left:510px;
	width:170px;
	height:45px;
	text-align:right;
}

#email {
	position:absolute;
	right:15px;
	top:5px;
	width:160px;
}

#email input#emailField {
	width:115px;
	height:14px;
	background-color:#0591c2;
	color:#fff;
}

#email .formButton {
	margin-top:-4px;
}

#footerLinks {
	margin:10px 0 0 5px;
}

#footerTertiaryContentArea {
	width:860px;
	position:absolute;
	bottom:-20px;
}

#cssSwitch {
	position:absolute;
	bottom:-11px;
	right:3px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+3rd party
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

#thirdParty {

}

#verisign {

}

#hackersafe {

}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Email Sign Up Page
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

fieldset#emailSignup {
	/*border:#000 solid 1px;*/
}

body#subscribe div.col_1 {
	width:570px;
	float:left;
}

body#subscribe div.wide {
	width:825px;
}

body#subscribe div.col_2 {
	margin-left:580px;
	width:225px;
}

fieldset#emailSignup dl.formInputs dt {
	width:160px;
}

fieldset#emailSignup dl.formInputs dd {
	margin-left:170px;
}

ul#gender li {
	list-style-type:none;
	display:inline;
}

ul#gender li input {
	border:none;
}

ul#gender li label {
	margin:0 5px -5px 0;
}

body#subscribe div.column2 p {
	padding:10px 5px;
}


/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Login - used by both Checkout Login and My Account Login
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#login .col_1 ul {
	margin-left:2.2em;
	margin-top:5px;
}

body#login .col_1 dd.buttonRow {
	text-align:center;
	margin-top:20px;
}

body#login .col_1 p.button_ctr {
	text-align:center;
	margin-top:20px;
}

body#login fieldset {
	margin-top:15px;
}

body#login .col_2 dl.checkbox {
	margin-bottom:10px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Shopping Bag - some styles persist throught checkout
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#bag div#centerContent {
	margin:0 0 0 12px;
	padding-right:8px;
}

body#bag div#checkoutConditionalContentArea {
	margin-left:432px;
}

body#bag div#generalErrors {
	margin:3px 0;
}

body#bag div#generalErrors p {
	margin-bottom:3px;
}

body#bag div#awardMessage {
	width:340px;
	background-color:#ccc;
	border:#666 solid 1px;
	padding:5px;
	margin-bottom:10px;
	float:left;
}

body#bag div.button_ctr {
	padding:0;
	clear:right;
}

table.checkout_table {
	width:100%;
}

body#bag table#itemsTable {
	margin-bottom:36px;
}

table.checkout_table td {
	border:#ccc solid 1px;
	padding:5px 6px 10px 10px;
}

table.checkout_table thead td,
table.checkout_table tfoot td {
	font-size:9px;
	background-color:#5b6775;
	color:#fff;
	white-space:nowrap;
	padding:2px 3px 2px 10px;
	height:11px;
}

/* Different column widths for Bag, Shipping, Delivery, and Wish List pages */

/* ~~~~~~ col1 ~~~~~~ */
body#bag table.checkout_table td.col1 {
	width:377px;
}

body#shipping table.checkout_table td.col1 {
	width:334px;
}

body#delivery table.checkout_table td.col1 {
	width:319px;
}

body#payment table.checkout_table td.col1 {
	width:319px;
}

/* ~~~~~~ col2 ~~~~~ */
body#bag table.checkout_table td.col2 {
	width:139px;
}

body#shipping table.checkout_table td.col2 {
	width:69px;
}

body#delivery table.checkout_table td.col2 {
	width:62px;
}

body#payment table.checkout_table td.col2 {
	width:62px;
}

/* ~~~~~ col3 ~~~~~ */
body#bag table.checkout_table td.col3 {
	width:69px;
}

body#shipping table.checkout_table td.col3 {
	width:55px;
}

body#delivery table.checkout_table td.col3 {
	width:40px;
}

body#payment table.checkout_table td.col3 {
	width:40px;
}

/* ~~~~~ col4 ~~~~~ */
body#bag table.checkout_table td.col4 {
	width:74px;
}

body#shipping table.checkout_table td.col4 {
	width:69px;
}

body#delivery table.checkout_table td.col4 {
	width:62px;
}

body#payment table.checkout_table td.col4 {
	width:62px;
}

/* ~~~~~ colLast ~~~~~ */
body#bag table.checkout_table td.colLast {
	width:74px;
}

body#shipping table.checkout_table td.colLast {
	width:206px;
}

body#delivery table.checkout_table td.colLast {
	width:254px;
}

body#payment table.checkout_table td.colLast {
	width:254px;
}

body#wishlist table.checkout_table td.colLast {
	width:32px;
	text-align:center;
}

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

.checkout div.product_image_container {
	float:left;
	width:100px;
	margin:5px 0 12px 0;
	text-align:center;
}

div.product_image_container img {
	/*padding:3px;*/
	border:#ccc solid 1px;
}

.checkout ul.product_details {
	margin-left:112px;
}

.checkout_table li {
	padding:2px 0;
	font-size:10px;
}

.checkout li span {
	padding-left:5px;
}

.checkout li.brand a,
.checkout li.product_name a {
	text-decoration:none;
}

.checkout li.brand a:hover,
.checkout li.product_name a:hover {
	text-decoration:underline;
}

.checkout li.item_number {
	color:#999;
	padding-bottom:8px;
}

.checkout li.item_number a.note {
	color:#999;
	text-decoration:underline;
}

.checkout li.item_number a.note:hover {
	color:#999;
	text-decoration:none;
}

.checkout li.card_style,
.checkout li.to {
	padding-bottom:8px;
}

.checkout li.specialMsg,
.checkout p.specialMsg {
	padding-top:8px;
}

.checkout .now_price,
.checkout .was_price {
	font-size:10px;
	font-weight:normal;
}

body.checkout div#bagSubContent_left {
	float:left;
	width:400px;
}

body#bag div#promoCodes_ctr {
	border-color:#ccc;
	border-style:solid;
	border-width:0 1px 1px 1px;
	width:398px;
	margin-bottom:10px;
}

body#bag div#promoCodes_ctr div {
	padding:10px;
	border-top:#ccc solid 1px;
}

body#bag div#promoCodes_ctr div#awardCode div#showCodes,
body#bag div#promoCodes_ctr div#awardCode div#hideCodes {
	padding:0;
	border-top:none;
	margin:5px 0;
}

body#bag div#promoCodes_ctr div#awardCode div#hideCodesInner {
	border:#aaa solid 1px;
	background-color:#d0d0d0;
}

body#bag div#promoCodes_ctr div#awardCode div#hideCodesInner p.error {
	color:#832727;
}

body#bag div#promoCodes_ctr dl.formInputs dt {
	width:100px;
	text-align:left;
}

body#bag div#promoCodes_ctr dl.formInputs dd {
	margin-left:105px;
}

body#bag div#promoCodes_ctr dl.formInputs dd.textOnly a {
	padding-left:70px;
}

body#bag div#promoCodes_ctr dl.formInputs dd input {
	margin-right:5px;
	width:120px;
}

body#bag div#promoCodes_ctr dl.formInputs dd input.button {
	margin-left:5px;
	margin-bottom:-7px;
	width:auto;
}

body#bag div#bagCrossSells {
	width:398px;
	border:#ccc solid 1px;
	text-align:center;
	padding-bottom:10px;
}

body#bag div#bagCrossSells h2 {
	text-transform:none;
	font-size:9px;
	font-weight:normal;
	text-align:left;
}

body#bag div#bagCrossSells div.product {
	width:90px;
	margin-left:35px;
}

body#bag div#bagCrossSells div.first_product {
	margin-left:10px;
}

.checkout div#bagCrossSells div.product_image_container {
	float:none;
	border:none;
	margin-top:10px;
}

.checkout div#bagCrossSells ul.product_details {
	margin-left:0;
}

.checkout div#bagCrossSells ul.product_details li,
.checkout div#bagCrossSells ul.product_details li a {
	color:#999;
}

body#bag div#productPromo {
	width:398px;
}

body.checkout div#bagSubContent_right {
	float:left;
	width:415px;
	margin-left:10px;
	clear:right;
}

body#bag div#buttonsBottom {
	margin:10px auto 20px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Empty Shopping Bag
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

#emptyBag {
	border:#ccc solid 1px;
	margin-bottom:10px;
}

#emptyBag div.box_content {
	padding:20px 30px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Checkout common elements
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body.checkout h3 {
	padding:3px 0;
}

body.checkout .col_1,
body.checkout .col_2 {
	background-color:#e6edf1;
	border-color:#ccc;
}

body.checkout .col_1 {
	width:398px;
}

body.checkout .col_2 {
	width:398px;
	margin-left:419px;
}

body.checkout .box dl.formInputs dt {
	width: 136px;
}

body.checkout .box dl.formInputs dd {
	margin-left: 141px;  /*5px more than the label width */
}

body.checkout div.orderSummary_outer {
	background:#e8e8e8;
	border:#ccc solid 1px;
	padding:5px 10px;
	width:395px;
	margin-bottom:5px;
	float:left;
}

body.checkout div.orderSummary_inner {
	padding-left:140px;
	margin-top:10px;
}

div.orderSummary_inner dl.formInputs dt {
	font-weight: normal;
	text-align: left;
	float: left;
	width: 180px;
}

div.orderSummary_inner dl.formInputs dd {
	clear: right;
	margin-left: 185px;  /*5px more than the label width */
	text-align:right;
}


div.orderSummary_inner dl.formInputs .discount {
	color:#da0303;
}

div.orderSummary_inner dl.formInputs dt.total {
	border-top:#000 solid 1px;
	padding-top:7px;
	width: 185px;
}

div.orderSummary_inner dl.formInputs dd.total {
	border-top:#000 solid 1px;
	padding-top:7px;
	margin-left:185px;
	padding-left:5px;
}

div.orderSummary_inner p {
	text-align:right;
}

div#holidayMessaging {
	float:left;
	width:420px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Checkout Header - used in both Bag and Checkout
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

div#checkoutHeader {

}

div#progressBar {
	height:28px;
	margin:5px 0 0 0;
	width:820px;
	background-color:#efefef; /* temporary */
}

div#checkoutPersistentContentAreas {
	float:left;
	width:423px;
}

div#checkoutPersistentContentAreas h1 span.note {
	text-transform:lowercase;
}

div#checkoutPersistentContentAreas h1 span#first {
	text-transform:uppercase;
}

div#checkoutPersistentContentAreas p#reviewText {
	padding-right:10px;
}

div#checkoutPersistentContentArea_1,
div#checkoutPersistentContentArea_2 {
	margin-bottom:12px;
}

div#checkoutConditionalContentArea {
	width:395px;
	margin-left:425px;
	margin-top:5px;
	height:87px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Checkout Footer - used in both Bag and Checkout
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

div#checkoutFooter {
	clear:both;
	border-top:#ccc solid 1px;
	height:110px;
	margin-top:15px;
}

div#checkoutFooter #contentArea_1 {
	float:left;
	width:400px;
	height:100px;
	margin-top:5px;
}

div#checkoutFooter #contentArea_2 {
	margin-left:419px;
	width:400px;
	height:100px;
	margin-top:5px;
}

div#checkoutFooter #contentArea_1 #verisignLogo {
	float:left;
	height:74px; /* temp */
	width:100px; /* temp */
	background-color:#666; /* temp */
}

div#checkoutFooter #contentArea_1 #scanAlertLogo {
	float:left;
	padding-left:10px;
	height:72px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Checkout - Billing Address
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

#billingGeneralContentArea {
	height:100px; /*temp*/
	margin:10px 0;
}

body#billing p.button_ctr {
	text-align:center;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Checkout - Shipping Address
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#shipAddress .wide {
	width:820px;
	padding-bottom:20px;
}

body#shipAddress .wide .box_content fieldset#shippingAddress {
	width:380px;
	float:left;
	padding:0 10px 0 0;
	border-color:#e6edf1;
	border-right-color:#ccc;
	border-style:solid;
	border-width:0 1px 0 0;
	margin:10px 0 0 0;
}

body#shipAddress .col_2 {
	background-color:#fff;
	border:none;
}

body#shipAddress .wide ul.horiz li#last {
	margin-left:160px;
}

body#shipAddress .wide ul.horiz li label {
	font-weight:bold;
	font-size:12px;
}

body#shipAddress div#many {
	margin-left:405px;
}

body#shipAddress div.button_ctr {
	text-align:center;
}

#shippingGeneralContentArea {
	width:255px;
	float:right;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Checkout - Shipping Method - assign an carrier to each order
		Some styles may also be used in Wish List
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#delivery h2.title {
	text-transform:none;
	background-color:#e6edf1;
	color:#2b4d65;
	font-size:12px;
}

body#delivery h3.recipient {
	padding-left:5px;
	text-transform:uppercase;
}

body.checkout table.recipient td {
	border:none;
}

body.checkout table.checkout_table thead td a,
body.checkout table.checkout_table tfoot td a {
	color:#fff;
}

body.checkout table.recipient td.col_shipTo {
	width:400px;
	border-left:#ccc solid 1px;
}

body.checkout table.recipient td.col_shipTo ul {
	margin-bottom:5px;
}

body.checkout table.recipient td.col_shipMethod {
	border-right:#ccc solid 1px;
}

body.checkout table.recipient td.col_shipMethod div {
	margin:3px 0 0 0;
	padding:5px;
	height:89px;
	background-color:#E6EDF1;
}

body.checkout table.recipient td.col_shipMethod div textarea {
	width:255px;
	height:55px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Checkout - Payment and Order Review
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body.checkout div#orderSummary_ctr  div.payment_info {
	background:transparent;
	border:none;
	padding:0;
	width:400px;
	margin-bottom:0;
}

body#payment div.payment_info div.orderSummary_inner {
	padding-left:135px;
}

body#payment div.payment_info div.orderSummary_inner dl.formInputs dt {
	width: 185px;
}

body#payment div.payment_info div.orderSummary_inner dl.formInputs dd {
	text-align:right;
}

body#payment div#checkoutConditionalContentArea {
	margin-top:50px;
}

body#payment div#checkoutConditionalContentArea div.orderSummary_outer {
	width:375px;
}

body#payment table#paymentInfoTable td.ccard_info {
	width:474px;
}

body#payment table#paymentInfoTable td.ccard_info #ccSecurityCode {
	width:50px;
}

body#payment table#paymentInfoTable thead td.gc_info {
	vertical-align:middle;
}

body#payment table#paymentInfoTable dl.formInputs dt {
	width:155px;
}

body#payment table#paymentInfoTable dl.formInputs dd {
	margin-left:160px;
}

body#payment table#paymentInfoTable td#gcRedeemFields dl dt label  {
	font-weight:bold;
}

body#payment table#paymentInfoTable td#gcRedeemFields dl dd  {
	margin-bottom:5px;
}

body#payment table#paymentInfoTable td#gcRedeemFields dl dd#pinField  {
	float:left;
}

body#payment table#paymentInfoTable td#gcRedeemFields dl dd#pinNumberLink  {
	margin-left:170px;
}

body#payment table#paymentInfoTable td#gcRedeemFields dl dd input  {
	width:160px;
}

body#payment table#paymentInfoTable td#gcRedeemFields dl dd.buttonRow  {
	clear:both;
}

body#payment table#paymentInfoTable td#gcRedeemFields dl dd.buttonRow input  {
	width:auto;
	margin-top:0;
}

body#payment table#paymentInfoTable td#gcRedeemFields hr  {
	margin-bottom:10px;
}

body#payment table h2 {
	padding:0;
}

body#payment table#paymentInfoTable h2.wide {
	margin:5px -10px;
	width:480px;
	padding:2px 0 2px 10px;
}

body#payment table.recipient_info div.shipping_to {
	float:left;
	width:200px;
}

body#payment table.recipient_info div.shipping_method {
	margin-left:220px;
}

table.items_in_order {
	margin-bottom:20px;
}

body#payment table.items_in_order td.recipient_summary div.orderSummary_inner {
	float:right;
}

body#payment table.items_in_order td.recipient_summary div.orderSummary_inner .total {
	font-weight:bold;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Checkout - Order Confirmation (receipt)
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#receipt h3#orderNumber {
	color:#2B4D65;
	margin:15px 0;
	padding:0;
	font-size:14px;
}

body#receipt p#print {
	margin:15px 0;
	float:right;
}

body#receipt p#print img {
	margin-right:5px;
}

body#receipt  table#billingDetailsTable {
	margin-bottom:10px;
}

body#receipt table.checkout_table td.colLast {
	width:260px;
}

body#receipt table.checkout_table#billingDetailsTable td.col1 {
	width:270px;
}

body#receipt div.orderSummary_inner .total {
	font-weight:bold;
}

body#receipt div#paymentSummary p {
	font-weight:bold;
}

body#receipt div#paymentSummary dl {
	margin-bottom:10px;
}

body#receipt div#paymentSummary dl dt{
	float:left;
}

body#receipt div#paymentSummary dl dd.total{
	margin-left:200px;
	text-align:right;
	clear:right;
}

body#receipt div.orderSummary_inner{
	float:right;
	padding-left:0;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Checkout - Order Confirmation Popup (printable receipt)
		print specific styles are located in the body of receipt_popup.jsp
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#receipt.popup td {
	border:#ccc solid 1px;
	font-size:10px;
	padding:3px !important;
}

body#receipt.popup table.checkout_table td {
	background-color:transparent;
	color:#000;
}

body#receipt.popup table.checkout_table thead td {
	background-color:#efefef;
	color:#000;
}

body#receipt.popup table.checkout_table td.shipping_to {
	border-right-width:0;
}

body#receipt.popup table.checkout_table td.shipping_method {
	border-left-width:0;
}

body#receipt.popup table.recipient_info thead td {
	background-color:transparent;
	color:#000;
	padding:0 !important;
}

body#receipt.popup table#billingDetailsTable.checkout_table thead td {
	font-weight:bold;
	font-size:12px;
}

body#receipt.popup table#billingDetailsTable.checkout_table td.col1 {
	width:150px;
}

body#receipt.popup table#billingDetailsTable.checkout_table td.colLast {
	width:auto;
}

body#receipt.popup table.items_in_order {
	margin-bottom:20px;
}

body#receipt.popup h2 {
	color:#000;
	background-color:#ccc;
}

body#receipt.popup table.items_in_order div.orderSummary_inner {
	background-color:#eaeaea;
	padding:10px !important;
}

body#receipt.popup div#bagSubContent_left {
	display:none;
}

body#receipt.popup div#bagSubContent_right {
	width:auto;
	margin-left:0;
}

body#receipt.popup div#orderSummary_ctr {
	margin-left:0;
	float:right;
}

body#receipt.popup div#centerContent {
	width:659px;
}

body#receipt.popup table#billingDetailsTable.checkout_table dl.formInputs dt {
	width:120px;
}

body#receipt.popup table#billingDetailsTable.checkout_table dl.formInputs dd {
	margin-left:120px;
}

body#receipt.popup table#billingDetailsTable.checkout_table div.orderSummary_inner {
	float:none;
}

body#receipt.popup p#print {
	float:right;
	padding-right:10px;
}

body#receipt.popup #logo {
	position:relative;
	float:left;
	left:0;
	top:0;
}

body#receipt.popup h1 {
	margin-left:10px;
	margin-top:30px;
	padding:5px 0;
}

body#receipt.popup div#checkoutHeader {
	margin-bottom:30px;
}

body#receipt.popup div#holidayMessaging.content_area {
	display:block;
	width:400px;
	margin:10px 0 30px;
	padding:5px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Section, Category, Thumbnail, My Account, Cust Serv common left nav styles
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body.hasLeftNav  div#bodyContent_inner {
	background:url(http://images2.pacsun.com/is/servlet/izoom/PacSunV2/sectionBg?$img_jpg$&wid=835) top left repeat-y;
}

body.hasLeftNav div#centerContent {
	margin-left:145px;
	margin-right:0;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Section, Category, Thumbnail common styles
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

div#emptyCategory {
	margin:20px 10px;
}

div#emptyCategory h5 {
	margin:20px 0;
	color:#2b4d65;
	padding:0;
}

div#emptyCategory h5 span {
	font-weight:bold;
}

.subCategory_header {
	background:url(http://images2.pacsun.com/is/servlet/izoom/PacSunV2/subcategoryBarBg?$img_gif-alpha$&wid=697) top left no-repeat;
	height:26px;
	text-align:center;
	position:relative;
	padding:5px;
	font-size:10px;
}

span.subCategory_title {
	position:absolute;
	left:5px;
}

span.item_count {

}

span.viewall {
	position:absolute;
	right:15px;
}

div#thumbnailContainer {
	float:left;
	margin-top:10px;
}

div.product_row {
	margin:0 0 20px 0;
	width:100%;
}

div.product_row div.product {
	float:left;
	width:170px;
	text-align:center;
	margin-left:5px;
}

div.product_row div.first_product {
	margin-left:0;
}

div#paginationTop {
	margin-bottom:20px;
}

.pagination {
	position:relative;
	float:left;
	width:100%;
}

div#paginationTop select {
	display:block;
	margin-left:280px;
}

ul.sort {
	float:left;
	padding:0 15px 0 5px;
	display:block;
}

ul.sort a {
	font-weight:bold;
}

ul.pagination_links {
	float:right;
	padding:0 5px 5px;
}

ul.pagination_links li {
	padding:0;
	margin:0;
}

ul.pagination_links li.this_page {
	font-weight:bold;
}

.prev a {
	font-weight:bold;
	padding-right:10px;
}

.next a {
	font-weight:bold;
	padding-left:10px;
}

div.items_per_page {
	text-align:right;
	padding:0 5px;
}


/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Section Landing pages
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

/* styles are in the individual content areas in Site Manager */

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Category page
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#category div#products {
	float:left;
	width:100%;
}

body#category div#products div.category_row {
	margin-bottom:45px;
}

div.category_row div.product_row {
	margin:0;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Product Detail and Ensemble Detail common styles
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body.product div#breadcrumb {
	position:absolute;
	top:10px;
	left:30px;
}

body.product div#bodyContent {
	padding:2px 10px 10px;
}

body.product div#bodyContent_inner {
	width:860px;
	padding-top:30px;
}

body.product div#centerContent {
	margin:0 0 0 12px;
}

#altViewContainer {
	text-align:center;
	width:75px;
	float:left;
	display:inline;
	margin-left:15px;
}

a.alt_view_on,
a.alt_view_off {
	display:block;
	width:68px;
	margin:0 auto 5px;
}

a.alt_view_on img {
	display:block;
	padding:1px;
	border:#777 solid 1px;
}

a.alt_view_off img {
	display:block;
	padding:1px;
	border:#ccc solid 1px;
}

#altViewContainer p {
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
}

.product_description ul {
	list-style-type:disc;
	margin:10px 0 0 15px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Product Detail page
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

#productInfo {
	float:left;
	display:inline;
	width:713px;
	padding-top:24px;
	/*padding-left:15px;*/
	margin-left:10px;
	background:url(http://images2.pacsun.com/is/servlet/izoom/PacSunV2/details_bg?$img_gif-alpha$&wid=733) top left no-repeat;
}

#productImageContainer {
	float:left;
	display:inline;
	width:340px;
	text-align:center;
}

#productImageContainer a#productImage img {
	display:block;
	margin:0 auto;
}

#productImageContainer h5 {
	margin:20px 0;
}

.brand_logo {
	display:block;
}

#productDetailsContainer {
	float:left;
	width:265px;
	font-size:10px;
}

#productDetailsContainer h3 {
	color:#369ACC;
}

#productDetailsContainer p.price,
#productDetailsContainer p.now_price,
#productDetailsContainer p.was_price {
	font-size:12px;
}

#productDetailsContainer .product_description {
	margin:15px 0;
}

.swatches dt {
	font-size:10px;
	font-weight:bold;
	margin-bottom:5px;
}

.swatches ul.swatch_list {
	text-align:left;
	margin-bottom:0;
	padding-bottom:0;
}
.swatches ul.swatch_list li {
	list-style: none;
	display: inline;
	cursor: pointer;
	margin: 2px 4px 2px 0;
}
.swatches ul.swatch_list li.sw_off img {
	border: 1px solid #ccc;
	padding: 2px;
	/*width:20px;*/
	/*height:11px;*/
}
.swatches ul.swatch_list li.sw_hover img {
	border: 1px solid #444;
	padding: 2px;
	/*width:20px;*/
	/*height:11px;*/
}
.swatches ul.swatch_list li.sw_on img {
	border: 2px solid #777;
	padding: 1px;
	background-color: #eee;
	width:20px;
	height:11px;
}

#productDetailsContainer ul {
	display:block;
	margin-bottom:5px;
}

#productDetailsContainer div.variants {
	margin:15px 0;
}

#productDetailsContainer div.variants ul li a {
	color:#999;
	font-size:10px;
}

#productDetailsContainer ul.attribs {
	margin:10px 0;
}

#productDetailsContainer div.variants ul li {
	margin-right:5px;
}

#productDetailsContainer ul li a {
	color:#999;
	font-size:8px;
}

#productDetailsContainer .button {
	margin-bottom:8px;
}

#wishListButton {
	display:block;
}

#crossSells {
	float:right;
	width:120px;
	margin-top:30px;
	text-align:center;
	font-size:9px;
}

#crossSells div.cross_sell_product {
	margin:0 0 15px 0;
}

#crossSells img {
	display:block;
	height:65px;
	width:63px;
	margin:0 auto;
}

#crossSells h5 {
	margin-bottom:10px;
	color:#999;
	font-weight:bold;
}

#crossSells p {
	color:#999;
}

#crossSells p.brand {
	font-weight:bold;
	font-size:9px;
}

#crossSells a {
	text-decoration:none;
	font-size:9px;
	color:#999;
}

#crossSells a:hover {
	text-decoration:underline;
}

#crossSells p.was_price {
	font-size:9px;
	color:#999;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Ensemble Detail page
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#ensemble h1 {
	padding-left:10px;
}

#ensembleInfo {
	float:left;
	width:395px;
	padding-top:24px;
	padding-left:15px;
	background:url(http://images2.pacsun.com/is/servlet/izoom/PacSunV2/ensemble_bg?$img_gif-alpha$&wid=415) top left no-repeat;
}

#ensembleImageContainer {
	float:left;
	width:300px;
	text-align:center;
}

#ensembleDetailsContainer {
	text-align:left;
	font-size:10px;
}

#ensembleImageContainer a#ensembleImage img {
	display:block;
	/*width:254px;*/
	/*height:455px;*/
	margin:0 auto;
	border:#ccc solid 1px;
}

#ensembleDetailsContainer div#ensembleDescription {
	margin:15px 0;
	padding:0 15px;
}

#ensembleProductsContainer {
	width:auto;
	margin-left:410px;
	margin-right:10px;
	margin-top:5px;
	padding-top:20px;
	padding-left:20px;
	background:#fbfafa url(http://images2.pacsun.com/is/servlet/izoom/PacSunV2/ensemble_prods_left_bg?fmt=gif&wid=36) top left repeat-y;
}

.ensemble_product_description {
	padding-right:10px;
}

.ensemble_product_description ul {
	display:block;
	margin-bottom:5px;
}

.ensemble_product_description div.variants ul li {
	margin-right:5px;
}

.ensemble_product_description div.variants ul li a {
	color:#999;
	font-size:10px;
}

.ensemble_product {
	padding:30px 0 0 0;
	background:url(http://images2.pacsun.com/is/servlet/izoom/PacSunV2/ensemble_divider?$img_gif-alpha$&wid=419) top right no-repeat;
}

.ensemble_product_table {

}

.ensemble_product td.ensemble_product_image_td {
	width:168px;
	text-align:right;
}

.ensemble_product_image {
	text-align:center;
	width:168px;
	height:220px;
	background-color:#fbfafa;
}


.ensemble_product_image img {
	display:block;
	width:166px;
	height:178px;
	border:#e7e7e7 solid 1px;
	background-color:#fff;
	margin-bottom:5px;
}

.show_details {
	display:block;
}

.hide_details {
	display:none;
}

div.details_link p {
	cursor:pointer;
	text-decoration:underline;
}

.ensemble_product td.details_td {
	padding-top:10px;
}

.ensemble_product td.details_td td.icon {
	vertical-align:middle;
	padding:0 5px;
}

td.details .product_description {
	padding:0 20px 10px 0;
}

.ensemble_product ul.attribs {
	padding-bottom:10px;
}

.ensemble_product td.swatches {
	width:168px;
}

#ensembleProductsContainer #buttonsContainer{
	margin-left:-20px;
	padding:40px 0 10px;
	text-align:right;
	background:#fff url(http://images2.pacsun.com/is/servlet/izoom/PacSunV2/ensemble_prods_bottom?$img_gif-alpha$&wid=434) top left no-repeat;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Gift Card and EGC - shared styles
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#giftCardLanding .col_1,
body#giftCardLanding .col_2 {
	width:345px;
	height:520px;
}

body#giftCardLanding .col_2 {
	margin-left:350px;
}

body#giftCardLanding h5 {
	font-weight:bold;
}

#balanceResults {
	margin:20px 0;
}

#balanceResults h6 {
	margin-bottom:15px;
	font-size:10px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Gift Certificate
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#giftCert .wide {
	width:100%;
}

body#giftCert div#description {
	float:left;
	width:360px;
}

body#giftCert div#formContainer {
	margin-left:365px;
	width:430px;
	clear:right;
}

body#giftCert .col_1 div#formContainer fieldset#gcFields dl.formInputs dt {
	width:215px;
	float:left;
}

body#giftCert .col_1 div#formContainer fieldset#gcFields dl.formInputs dd {
	margin-left:220px;
	clear:right;
}

body#giftCert .col_1 div#formContainer fieldset#gcFields dl.formInputs dd.note {
	width:175px;
}

body#giftCert .col_1 div#formContainer fieldset#gcFields dl.formInputs dd input {
	width:175px;
}

body#giftCert .col_1 div#formContainer fieldset#gcFields dl.formInputs dd input.button {
	width:auto;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Gift Card - uses same body ID as Gift Certs
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#giftCert div#productImageContainer {
	float:none;
	margin-bottom:10px;
}

ul.gcSwatch_list li	{
	display:inline;
	cursor: pointer;

}

ul.gcSwatch_list li img {
	/*width:45px;*/
	/*height:26px;*/
	margin:5px;
	padding: 2px;
	border: 1px solid #ccc;
	background-color:#efefef;
	display:block;
	float:left;
}

ul.gcSwatch_list li.sw_hover img {
	border: 1px solid #444;
}

ul.gcSwatch_list li.sw_on img {
	border: 2px solid #777;
	padding: 1px;
	background-color: #eee;
}


/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Gift Certificate Check Balance and Results - uses same body ID as Gift Certs
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */
body#giftCert div#giftImage img {
	display:block;
	margin:10px 0;
}

body.checkout .col_1 div#formContainer fieldset#giftCertBalanceCheck dl.formInputs dt {
	width:150px;
}

body.checkout .col_1 div#formContainer fieldset#giftCertBalanceCheck dl.formInputs dd {
	margin-left:155px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Oder Status page
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#orderStatus .button_ctr {
	text-align:center
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+My Account - shared styles
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body.user div.acct_section {
	border:1px solid #ccc;
	background-color:#e6edf1;
	padding:10px 15px;
	margin:0 0 17px 0;
}

body.user div.button_ctr p {
	float:left;
}
/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+My Account - main page
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body.user div#leftNav img.button {
	display:block;
	margin-bottom:10px;
}

body#account div.col_1 {
	border:none;
	width:480px;
}

body#account div.col_1 img {
	border:none;
	margin-right:10px;
}

body#account div.col_1 div.acct_section {
	height:45px;
}

body#account div.col_2 {
	border:none;
	width:199px;
	margin-left:500px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+My Account - Create Account page
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#register .box_content {
	min-height:335px;
}

* html body#register .box_content { /* IE6 can't handle min-height */
	height:335px;
}

body#register .box dl.formInputs dt {
	width:146px;
}

body#register .box dl.formInputs dd {
	margin-left:151px;
}

body#register div#userIsUnder13 p.error {
	margin:20px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+My Account - Forgot Password
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#forgot .box {
	min-height:230px;
}

* html body#forgot .box { /* IE6 can't handle min-height */
	height:230px;
}

body#forgot .box_content {
	padding:20px;
}

body#forgot p.button_ctr {
	text-align:center;
}

body#forgot .box_content img {
	margin:10px 0;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+My Account - Reset Password
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#reset .box {
	min-height:285px;
}

* html body#reset .box { /* IE6 can't handle min-height */
	height:285px;
}

body#reset p.button_ctr {
	text-align:center;
}

body#reset .box dl.formInputs dt {
	width:146px;
}

body#reset .box dl.formInputs dd {
	margin-left:151px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+My Account - Profile
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#profile div.acct_section ul.horiz {
	margin-bottom:10px;
}

body#profile div.acct_section ul.horiz h2 {
	font-size:14px;
	color:#999;
	background-color:transparent;
	text-transform:none;
	padding-left:0;
	display:inline;
}

body#profile div.acct_section ul.horiz a {
	padding-left:10px;
}

body#profile div.acct_section dl.formInputs dt {
	width:175px;
}

body#profile div.acct_section dl.formInputs dd {
	margin-left:180px;
}

body#profile div.acct_section dl.formInputs dd p.error,
body#profile div.acct_section dl.formInputs dd p.note {
	width:240px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+My Account - Wish List page
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

div#share {
	background-color:#d0d0d0;
	border:#aaa solid 1px;
	margin-bottom:20px;
}

body#wishlist table.checkout_table {
	margin-bottom:10px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+My Account - Share Wish List page
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#wishlistEmail table#messageTable {
	margin-bottom:20px;
}

body#wishlistEmail table#messageTable dl.formInputs dt {
	width:420px;
}

body#wishlistEmail table#messageTable dl.formInputs dd {
	margin-left:425px;
}

body#wishlistEmail table#messageTable  textarea#recipientEmails {
	width:413px;
	height:100px;
}

body#wishlistEmail table#messageTable dl.formInputs dt p.note {
	text-align:left;
}

body#wishlistEmail table#messageTable textarea#sendersMessage {
	width:413px;
	height:75px;
}

body#wishlistEmail table#productsTable td.col1 {
	border-right:none;
	width:490px;
}

body#wishlistEmail table#productsTable td.colLast {
	border-left:none;
	padding-top:50px;
}

body#wishlistEmail table#productsTable dl.formInputs dt {
	padding-top:0;
	width:30px;
}

body#wishlistEmail table#productsTable dl.formInputs dd.textOnly {
	padding-top:4px;
	margin-left:35px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+My Account - Address Book page
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#addressBook div#centerContent {
	padding:0 15px;
}

div#addressBookListings {
	border:#ccc solid 1px;
}

div#addressBookListings table {
	margin-bottom:10px;
}

div#addressBookListings table.checkout_table td {
	border:none;
}

div#addressBookListings table.checkout_table td.col1 {
	width:125px;
	padding-left:20px;
}

div#addressBookListings table.checkout_table td.col2 {
	width:165px;
}

div#addressBookListings p {
	padding-left:20px;
}

div#addressBookListings div.listing_container {
	border-top:#ccc solid 1px;
	padding:17px 20px 0 20px;
	margin:0;

}

div#addressBookListings div.primary_listing_container {
	border-top:none;
	padding-top:0;
}

div#addressBookListings div.listing_container div.listing {
	border:#ccc solid 1px;
	padding:10px 5px;
	margin-bottom:17px;
	height:70px;
}

div#addressBookListings div.primary_listing_container div.listing {
	background-color:#e6edf1;
}

div#addressBookListings div.listing ul {
	float:left;
}

div#addressBookListings div.listing ul.shipTo_name {
	width:132px;
}

div#addressBookListings div.listing ul.name_phone {
	width:170px;
}

div#addressBookListings div.listing ul.address {
	width:210px;
}

div#addressBookListings div.listing ul.actions li {
	padding-bottom:5px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+My Account - Add/Edit Address Book page
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#addressBook div.wide {
	width:670px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+My Account - Order History page
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#orderHistory table.checkout_table {
	margin:20px 0;
}

body#orderHistory table.checkout_table thead td a {
	color:#ffffff;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+My Account - Order Detail page / Checkout Order Confirmation page
		these two pages share some styles for layout and presentation
		of the tables.
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#orderDetail div#viewAnotherLink {
	float:right;
}

body#orderDetail table#orderNumberTable,
body#orderDetail  table#billingDetailsTable {
	margin-bottom:10px;
}

body#orderDetail table.checkout_table td.colLast {
	width:260px;
}

body#orderDetail table.checkout_table#orderNumberTable td.col1 {
	width:150px;
}

body#orderDetail table.checkout_table#orderNumberTable td.col2 {
	width:103px;
}

body#orderDetail table.checkout_table#billingDetailsTable td.col1 {
	width:270px;
}

body#orderDetail div.orderSummary_inner .total {
	font-weight:bold;
}

body#orderDetail div#paymentSummary p {
	font-weight:bold;
}

body#orderDetail div#paymentSummary dl {
	margin-bottom:10px;
}

body#orderDetail div#paymentSummary dl dt {
	float:left;
}

body#orderDetail div#paymentSummary dl dd.total {
	margin-left:200px;
	text-align:right;
	clear:right;
}

body#orderDetail div.orderSummary_inner {
	float:right;
	padding-left:0;
}

table.items_in_order .colLast span {
	font-weight:bold;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Customer Service -  common styles
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body.custserv h2 {
	background-color:transparent;
	color:#000;
	padding-left:0;
	margin-bottom:10px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Customer Service -  Store Locator
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#storeLocator div.col_1 {
	width:340px;
}

body#storeLocator div.col_1 dd input,
body#storeLocator div.col_1 dd select {
	width:145px;
}

body#storeLocator div.col_1 dd.checkbox input {
	width:13px;
	float:none;
}

body#storeLocator div.col_1 dd.checkbox label {
	padding-right:10px;
}

body#storeLocator fieldset#searchOptions {
	margin:20px 0;
}

body#storeLocator div.col_2 {
	margin-left:360px;
	border:none;
	width:auto;
}

div#storeLocatorResults {
	clear:both;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Customer Service -  Site Map
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#site_map div#primaryLinks {
	float:left;
	width:500px;
	margin-bottom:10px;
}

body#site_map div#primaryLinks ul {
	float:left;
	width:165px;
	margin-bottom:20px;
}

body#site_map div#primaryLinks ul li {
	margin-bottom:3px;
}

body#site_map div#primaryLinks ul li.subcat {
	padding-bottom:3px;
}

body#site_map div#otherLinks {
	float:left;
	width:500px;
}

body#site_map div#informationLinks {
	margin-left:510px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Customer Service -  Contact Us
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#contact h2 {
	padding:5px;
	background-color:#5b6775;
	color:#fff;
}

body#contact div.box {
	min-height:383px;
}

* html body#contact div.box { /* IE6 can't handle min-height */
	height:370px;
}

body#contact div.col_1 {
	width:350px;
	margin-right:20px;
}

body#contact div.col_1 form {
	background-color:#E6EDF1;
}

body#contact div.col_1 form fieldset {
	padding:5px 0 20px 25px;
}

body#contact div.col_1 form dt {
	width:60px;
	text-align:left;
}

body#contact div.col_1 form dt#messageLabel {
	float:none;
}

body#contact div.col_1 form dt#emailLabel {
	float:none;
	width:130px;
}

body#contact div.col_1 form dd {
	margin-left:65px;
}

body#contact div.col_1 form dd#messageField {
	margin-left:0;
}

body#contact div.col_1 form dd#messageField textarea {
	width:264px;
}

body#contact div.col_1 form dd#emailField {
	margin-left:0;
}

body#contact div.col_1 form dd#emailField input {
	width:264px;
}

body#contact div.col_2 {
	float:left;
	width:208px;
	margin-left:0;
	margin-right:20px;
	clear:none;

}

body#contact div.col_3 {
	float:left;
	width:208px;
}

body#contact div.col_3 h2 a {
	color:#ffffff;
	text-decoration:none;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Pop ups
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body.popup {
	background-image: none;
	background-color:#fff;
	min-height:0;
}

body.popup table,
body.popup thead,
body.popup tbody,
body.popup tfoot,
body.popup tr,
body.popup td {
	margin: 0;
	padding: 2px;
	border: 1px solid; /* quirky because of Opera */
}

body.popup table {
	border-spacing: 1px;
}

body.popup h2 {
	text-transform:none;
	background-color:transparent;
	color:#5B6775;
}

body.popup div#popupWrapper {
	padding:0;
	margin:0;
	position:relative;
}

body.popup h1#popupHdr {
	text-transform:none;
	background-color:#5B6775;
	margin:0;
	padding:10px;
	font-size:12px;
	color:#fff;
	font-weight:normal;
}

body.popup div#popupWrapper div#centerContent {
	padding:10px 0;
	position:relative;
	height:100%;
}

body.popup a#closeWindowLink {
	color:#fff;
	padding:10px 20px;
	position:absolute;
	top:0;
	right:0;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Email to a Friend Pop up
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#emailFriend #product {
	margin:10px 0 20px;
}

body#emailFriend #productImageContainer {
	width:180px;
	float:left;
	margin:0;
}

body#emailFriend #productDetailsContainer {
	width:400px;
	margin-left:190px;
	float:none;
}

body#emailFriend h2 {
	font-size:13px;
	padding:5px;
	text-transform:uppercase;
	font-weight:bold;
	background-color:#5b6775;
	color:#fff;
	margin:0;
}

body#emailFriend div.col_2 {
	margin-left:0;
	margin-top:20px;
	width:99%;
	border-bottom:none;
}

body#emailFriend div.col_2 p {
	padding:10px;
}

body#emailFriend div.col_2 dd p {
	padding:3px 0;
}

body#emailFriend div.col_1 {
	width:99%;
}

body#emailFriend fieldset {
	padding:20px 10px;
	margin-bottom:10px;
	border:#ccc solid 1px;
}

body#emailFriend div.col_1 dl.formInputs dt {
	width:420px;
}

body#emailFriend div.col_1 dl.formInputs dd {
	margin-left:425px;
	padding-top:58px;
}

body#emailFriend textarea#recipientEmails {
	width:413px;
	height:100px;
}

body#emailFriend dl.formInputs dt p.note {
	text-align:left;
}

body#emailFriend textarea#sendersMessage {
	width:413px;
	height:75px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Product Popup
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#productPopup div#popupWrapper div#centerContent {
	margin:0;
}

body#productPopup div#altViewContainer {
	width:100px;
	margin-left:0;
}

body#productPopup div#productImageContainer {
	text-align:center;
	width:500px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+My Account - Address Book - Delete Address Popup
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#deleteAddress div#buttons {
	text-align:center;
	margin-top:20px;
}

body#deleteAddress input {
	text-align:center;
	margin:0 10px;
}

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Site Manager Content areas
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

.content_area {
	background-color:#fcc; /* temp */
}