/* Browse Page CSS - Style Template 20 */
/* CSS for the Left Nav Filters on Browse pages */ 
div#browseOutsideContainer {
	margin-top: 14px; }
div#browseLeftNavOutsideContainer {
	float: left;
	width: 200px; }
div#browseLeftNavOutsideContainer a {
	color: #005B7F; }
div#browseLeftNavOutsideContainer a:hover {
	color: #3b9255; }
div#browseLeftNavPaddingContainer {
	width: 176px; }
div.browseLeftNavContainer {
	width: 100%;
	margin-bottom: 15px; }
div.browseLeftNavContainer h4 {
	height: 27px;
	line-height: 27px;
	font-weight: bold;
	color: #ffffff;
	font-size: 12px;
	margin: 0px;
	padding-left: 10px;
	background-image: url(//images.surffanatics.com/partners/actionSportsShared/browse/left_nav_header_bg_grey.jpg);
	background-position: top left;
	background-repeat: repeat-x; }
div#browseSelectedFilters {
	background-color: #f2f2f2; }
div.browseSelectedFilterContainer {
	font-size: 12px;
	font-weight: bold; }
div.browseSelectedFilterContainer p.left {
	width: 126px;
	float: left;
	margin: 10px 0px 5px;
	padding-left: 20px;
	text-indent: -10px; }
div.browseSelectedFilterContainer p.right {
	width: 20px;
	margin: 10px 0px 5px;
	float: right; }
a.browseCancelFilterButton {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer; }
div.browseFilterContainer { }
div.browseFilter {
	font-size: 12px;
	background-color: #f2f2f2;
	margin-bottom: 4px;
	padding-right: 5px;
	padding-bottom: 8px; }
div.browseFilterContainer h5 {
	padding: 12px 0px 8px 10px;
	margin: 0px;
	font-size: 12px;
	background-color: #f2f2f2;
	font-weight: bold; }
div.browseFilterContainer ul {
	list-style-type: none;
	margin: 0px;
	margin-left: 20px;
	padding: 0px; }
div.browseFilterContainer ul.overflow  {
	height: 160px;
	overflow: auto; }
div#browseSizeFilterWrapper {
	width: 100%; }
ul#browseColorFilter,
ul#browseSizeFilter {
	display: block;
	padding-bottom: 1px; }
ul#browseColorFilter li,
ul#browseSizeFilter li {
	display: block;
	float: left;
	margin: 3px; }
ul#browseSizeFilter li a {
	text-transform: uppercase;
	display: block;
	padding: 2px 5px;
	border: 1px solid #1D8B9E; }
ul#browseSizeFilter li a:hover {
	text-decoration: none;
	border: 1px solid #3b9255; }
div.browseLeftNavPromoContainer	{
	margin: 20px 0px; }
div#brandSortLink {
	padding-left: 10px;
	padding-bottom: 5px;
	line-height: 12px;
	font-size: 10px;
	cursor: pointer; }

div#browseColorFilterWrapper { }
ul#browseColorFilter { }
ul#browseColorFilter li a {
	text-indent: -9000px;
	outline: none;
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid #1D8B9E; }
ul#browseColorFilter li a.red {
	background-color: #ff0000; }
ul#browseColorFilter li a.orange {
	background-color: #ffa500; }
ul#browseColorFilter li a.yellow {
	background-color: #FFFF00; }
ul#browseColorFilter li a.green {
	background-color: #008000; }
ul#browseColorFilter li a.blue {
	background-color: #0000ff; }
ul#browseColorFilter li a.purple {
	background-color: #800080; }
ul#browseColorFilter li a.pink {
	background-color: #ffc0cb; }
ul#browseColorFilter li a.white {
	background-color: #ffffff; }
ul#browseColorFilter li a.gray, 
ul#browseColorFilter li a.grey {
	background-color: #808080; }
ul#browseColorFilter li a.black {
	background-color: #000000; }
ul#browseColorFilter li a.brown {
	background-color: #8b4513; }
ul#browseColorFilter li a.khaki {
	background-color: #f0e68c; }
ul#browseColorFilter li a.gold {
	background-color: #FFD700; }
ul#browseColorFilter li a.silver {
	background-color: #C0C0C0; }
ul#browseColorFilter li a.tan {
	background-color: #D2B48C; }
ul#browseColorFilter li a.multicolor, 
ul#browseColorFilter li a.multi {
	background-image: url(//images.surffanatics.com/partners/surf/browse/multi_color.jpg);
	background-position: center center;
	background-repeat: no-repeat; }

/* CSS for product area of browse page */
div#browseProductsOutsideContainer {
	float: left;
	width: 738px; } 
div#browseBreadcrumbsContainer {
	width: 100%; }
div#browseBreadcrumbsContainer h3 {
	padding: 0px;
	margin: 0px;
	margin-bottom: 15px;
	text-transform: lowercase;
	font-size: 18px;
	color: #1D8B9E; }
div#browseBreadcrumbsContainer h3 a {
	color: #1D8B9E; }
div#browseBreadcrumbsContainer h3 a:hover {
	text-decoration: underline;
	color: #3b9255; }
div#browseBreadcrumbsContainer h3 span#browseBreadcrumbItemCount {
	color: #000000;
	font-size: 14px; }
div#products {
	border-left-width: 0px;
	border-right-width: 0px; }
div#products > div:first-child {
	border-bottom: 1px solid #e9e9e9;
	height: 33px; }
/* Browse Pagination CSS */
div.surfBottomMiniNav {
	width: 100%;
	border-top: 1px solid #e9e9e9;
	height: 24px;
	padding-top: 10px;
	clear: left;
	margin-bottom: 15px; }
div.pageLinks {
	background-color: #ffffff;
	float: right;
	text-align: right;
	height: 20px;
	text-align: left; }
div.pageLinks a {
	color: #1D8B9E;
	text-transform: uppercase;
	border: 1px solid #1D8B9E;
	font-size: 10px;
	line-height: 23px;
	height: 28px;
	padding: 3px 5px; }
div.pageLinks a.pagerBottomCurrentPageLink {
	color: #ffffff;
	background-color: #3b9255;}
div.pageLinks a.pagerBottomCurrentPageLink:hover {
	cursor: default;
	color: #000000; }
div.pageLinks a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #1D8B9E;
	border: 1px solid #3b9255; }
/* Browse Item Display CSS */
div.browseItemsRow {
	width: 100%;
	float: left;
	margin: 15px 0px; }
div.browseItemWrapper {
	float: left;
	width: 160px; 
	margin-right: 18px; } /* Margin Right for IE6 */
div.browseItemsRow > div.browseItemWrapper {
	margin-right: 24px; } /* Margin Right for all current Browsers */
div.biDescription {
	padding: 10px 5px 0px;
	text-align: center;
	font-size: 13px;
	color: #1D8B9E; }
div.browseItemWrapper div p {
	margin: 0px;
	text-align: center;
	font-size: 13px;
	padding: 0px 3px; }
/* Regular Price Browse Page CSS */
p.biRegularPrice span.priceLabel {
	display: none; }
p.biSalePrice {
	display: none; }
p.biClearancePrice {
	display: none; }
/* Sale Price Browse Page CSS */
div.biSalePriceContainer p.biRegularPrice span.priceLabel {
	display: inline; }
div.biSalePriceContainer p.biRegularPrice span.priceWrapper {
	text-decoration: line-through; }
div.biSalePriceContainer p.biSalePrice {
	display: block;
	color: #993300;
	font-weight: bold; }
/* Clearance Price Browse Page CSS */
div.biClearancePriceContainer p.biRegularPrice span.priceLabel {
	display: inline; }
div.biClearancePriceContainer p.biRegularPrice span.priceWrapper {
	text-decoration: line-through; }
div.biClearancePriceContainer p.biSalePrice {
	display: block; }
div.biClearancePriceContainer p.biSalePrice span.priceWrapper {
	text-decoration: line-through; }
div.biClearancePriceContainer p.biClearancePrice {
	display: block;
	color: #993300;
	font-weight: bold; }



/* CSS for Quicklook */
div#QuickLookWindowNew {
	width: 495px;
	background-color: #ffffff;
	z-index: 200; }
div#QuickLookBorderContainer {
	border: 4px solid #e9e9e9; }
div.QuickLookTopContainer {
	height: 32px;
	width: 100%;
	position: relative;
	z-index: 201;
	background-image: url(//images.surffanatics.com/partners/surf/quicklook/quicklook_top_gradient.jpg);
	background-position: top left;
	background-repeat: repeat-x; }
p.QuickLookTopTitle { 
	position: absolute;
	top: 8px;
	left: 12px;
	font-weight: bold;
	color: #1D8B9E;
	font-size: 12px;
	margin: 0px;
	padding: 0px; }
p.QuickLookCloseLabel {
	position: absolute;
	top: 9px;
	right: 31px;
	font-size: 9px;
	color: #1D8B9E;
	outline: none;
	cursor: pointer;
	margin: 0px;
	padding: 0px; }
div.QuickLookCloseButton {
	position: absolute;
	top: 8px;
	right: 11px;
	width: 14px;
	height: 14px; 
	text-indent: -9000px;
	outline: none;
	cursor: pointer;
	background-image: url(//images.surffanatics.com/partners/surf/quicklook/close.jpg);
	background-position: top left;
	background-repeat: no-repeat; }
div#QuickLookWindowContentContainer {
	padding: 0px 15px;
	min-height: 300px; }
*html div#QuickLookWindowContentContainer {
	height: 300px; }
div#QuickLookWindowLeftContainer {
	width: 250px;
	float: left; }
div#QuickLookWindowLeft {
	height: 305px;}
div#QuickLookProductImageContainer {
	padding: 15px 0px; }
img#QuickLookProductImage {
	cursor: pointer; }
div#QuickLookZoomContainer {
	color: #1D8B9E;
	height: 18px;
	position: relative; }
img#QuickLookZoomButton {
	position: absolute;
	cursor: pointer;
	top: 3px;
	left: 95px; }
span#QuickLookZoomButtonLabel {
	position: absolute;
	cursor: pointer;
	top: 2px;
	left: 115px; }
div#QuickLookWindowRightContainer {
	width: 197px;
	border: 1px solid #d0d1d3;
	margin: 20px 0px 20px 7px;
	float: left; }
div#QuickLookWindowRight { }
div#QuickLookRightTabs {
	height: 31px; }
div#QuickLookBuyTab, div#QuickLookDetailsTab {
	float: left;
	height: 31px;
	width: 98px;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	line-height: 31px;
	text-align: center;
	background-position: top left;
	background-repeat: repeat-x; }
div#QuickLookBuyTab {
	border-right: 1px solid #d0d1d3; }
div#QuickLookDetailsTab { }
div#QuickLookRightTabs div.enabled {
	background-image: url(//images.surffanatics.com/partners/surf/quicklook/quicklook_active_tab_gradient.jpg); }
div#QuickLookRightTabs div.disabled {
	background-image: url(//images.surffanatics.com/partners/surf/quicklook/quicklook_inactive_tab_gradient.jpg); }
div#QuickLookBuyContentContainer, div#QuickLookDetailsContentContainer {
	padding: 20px 20px; }
div#QuickLookBuyTitle, div#QuickLookDetailsTitle {
	font-size: 13px; }
div#qlPriceContainerBuy, div#qlPriceContainerDetails {
	margin: 20px 0px; }
div#qlPriceContainerBuy p, div#qlPriceContainerDetails p {
	margin: 0px; }
div.qlRegularPriceContainer { }
div.qlRegularPriceContainer p.qlRegularPrice {
	font-size: 14px;
	font-weight: bold; }
div.qlRegularPriceContainer p.qlRegularPrice span.priceWrapper {
	color: #c00000; }
div.qlRegularPriceContainer span.priceLabel {
	display: none; }
div.qlRegularPriceContainer p.qlSalePrice {
	display: none; }
div.qlRegularPriceContainer p.qlClearancePrice {
	display: none; }
div.qlSalePriceContainer { }
div.qlSalePriceContainer p.qlRegularPrice {
	font-size: 12px; }
div.qlSalePriceContainer p.qlRegularPrice span.priceWrapper {
	text-decoration: line-through; }
div.qlSalePriceContainer span.priceLabel { }
div#QuickLookBuyContent div.qlSalePriceContainer p.qlSalePrice {
	margin-top: 5px;
	font-size: 13px;
	font-weight: bold; 	}
div.qlSalePriceContainer p.qlSalePrice span.priceWrapper {
	color: #c00000; }
div.qlSalePriceContainer p.qlClearancePrice {
	display: none; }
div.qlClearancePriceContainer { }
div.qlClearancePriceContainer p.qlRegularPrice, div.qlClearancePriceContainer p.qlSalePrice {
	font-size: 12px; }
div.qlClearancePriceContainer p.qlRegularPrice span.priceWrapper, div.qlClearancePriceContainer p.qlSalePrice span.priceWrapper {
	text-decoration: line-through; }
div.qlClearancePriceContainer span.priceLabel { }
div#QuickLookBuyContent div.qlClearancePriceContainer p.qlClearancePrice, div#QuickLookDetailsContent div.qlClearancePriceContainer p.qlClearancePrice {
	margin-top: 5px;
	font-size: 13px;
	font-weight: bold; 	}
div.qlClearancePriceContainer p.qlClearancePrice span.priceWrapper {
	color: #c00000; }


	
	
span#regularPriceTargetSize { }
span#salePriceTargetSize { }
span#clearancePriceTargetSize { }
span.priceLabel { }
span.priceWrapper { }

div#prdChooseSizeWrap {
	margin: 5px 0px;
	font-size: 12px; }

div#optionsWrapper div.optsInStock, div#optionsWrapper div {
	float: left;
	border: 1px solid #d0d1d3;
	color: #666666;
	text-align: center;
	width: 34px;
	height: 20px;
	line-height: 20px;
	margin: 3px 1px; }
div#optionsWrapper div.optsInStock {
	cursor: pointer; }
div#optionsWrapper div.hoverState {
	background-color: #f2f2f2; }
div#MultiSizeWrapper div#optionsWrapper div.optsOOStock {
	float: left;
	border: 1px dashed #bbbbbb;
	color: #bbbbbb;
	background-color: #ffffff;
	text-align: center;
	width: 34px;
	height: 20px;
	line-height: 20px;
	margin: 3px 1px; }
div#optionsWrapper div.optsSelected {
	float: left;
	border: 2px solid #ca7300;
	color: #ca7300;
	background-color: #ffe3c1;
	font-weight: bold;
	width: 32px;
	height: 18px;
	line-height: 18px;
	margin: 3px 1px; }
div#optionsWrapper div#sizeClear {
	float: none;
	clear: both;
	border-width: 0px;
	line-height: 0px;
	margin: 0px;
	height: 0px;
	width: 0px;
	overflow: hidden; }
div#QuickLookSizeQuantity {
	margin: 25px 0px 0px;
	position: relative;
	height: 30px; }
span#atbQtyTxt {
	font-size: 12px;
	position: absolute;
	left: 0px;
	top: 8px; }
span#atbQty {
	position: absolute;
	left: 51px;
	top: 3px; }
span#atbQty input {
	width: 19px;
	height: 17px;
	border: 1px solid #d0d1d3;
	padding: 2px 0px 1px 3px; }
a#addtocart {
	display: block;
	position: absolute;
	right: 0px;
	top: 0px; }
	
div#QuickLookDetailsContentContainer {
	display: none; }
div#QuickLookDetailsDescription ul {
	padding: 15px 0px 15px 25px; }
div#QuickLookInventoryCheck {
	font-size: 12px;
	text-align: center; }
div#QuickLookNoSize {
	font-size: 12px;
	text-align: center;
	color: #c00000; }

div#QuickLookWindowMBagContainer {
	display: none; }
	
/* Quicklook Zoom CSS */
div#QuickLookWindowLarge {
	width: 520px;
	border: 4px solid #e9e9e9; 
	background-color: #ffffff;
	z-index: 210;
	text-align: center; }
div#QuickLookWindowLargeMiddle {
	width: 500px;
	margin: 10px auto; }
img#QuickLookWindowLargeImage {
		cursor: pointer; }
div#QuickLookWingowLargeTitle {
	text-align: center;
	font-size: 16px;
	margin: 10px 0px; }
div.pdpImageThumbContainer {
	/* width: 51px;
	height: 51px;  */
	display: inline;
	margin: 0px 4px; }
div.pdpImageThumbContainer img {
	width: 51px;
	height: 51px;
	border: 1px solid #000000; }
div#imageThumbsPane {
	height: 51px;
	margin: 5px 0px;
	text-align: center;
	width: 500px; }
div.productImageThumbView {
	display: inline;
	margin: 0px 4px; }
div.productImageThumbView img {
	width: 50px;
	height: 50px;
	border: 1px solid #000000; }
div#QuickLookImageThumbViews {
	height: 51px;
	margin: 15px 0px;
	text-align: center; }
div#QuickLookImageThumbViews div.QuickLookImageThumbView {
	display: inline;
	margin: 0px 1px; }
div#QuickLookImageThumbViews div.QuickLookImageThumbView img {
	width: 20px;
	height: 20px;
	border: 1px solid #000000; }
	
/* CSS for MiniBag 4/6/09 */
div#minibagOutsideContainer {
	display: none;
	overflow: hidden;
	position: absolute;
	z-index: 150;
	top: 0px;
	left: 0px;
	width: 313px; }
div#minibagOutsideContainer * {
	z-index: 150; }
div#minibagOverlay {
	display: none;
	overflow: hidden;
	top: 0px;
	left: 0px;
	height: 0px;
	width: 0px;
	position: absolute;
	z-index: 140; }
div#minibagMovementTarget { 
	top: 0px;
	width: 313px; }
div#minibagBorderContainer {
	border: 2px solid #e9e9e9;
	border-top-width: 0px;
	border-bottom-width: 0px;
	padding-top: 8px;
	margin-top: 10px; }
div#minibagCloseButton {
	position: absolute;
	width: 14px;
	height: 14px;
	background-image: url(//images.surffanatics.com/partners/surf/quicklook/close.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	top: 10px;
	right: 10px; }
div#minibagContainer {
	width: 309px;
	background-color: #ffffff; }
div#minibagBottomCap {
	width: 313px;
	height: 20px;
	background-image: url(//images.surffanatics.com/partners/surf/minibag/minibag_bottom_cap.gif);
	background-repeat: no-repeat;
	background-position: top center; }
div#minibagPadding {
	padding: 0px 25px; }
div#minibagHeaderCartContainer {
	height: 40px;
	width: 290px; }
a#minibagHeaderCartLink1 {
	display: block;
	float: left;
	width: 34px;
	margin: 11px 0px 0px 9px; }
a#minibagHeaderCartLink2 {
	display: block;
	float: left;
	width: 150px;
	margin: 15px 0px 0px 0px;
	font-size: 11px; }
a#minibagHeaderCheckoutLink {
	display: block;
	float: left;
	width: 74px;
	margin: 11px 0px 0px 7px; }
div.minibagItem {
	padding: 18px 8px 22px;
	border-bottom: 1px dashed #666666; }
div.minibagItem img {
	float: left;
	padding: 2px;
	border: 1px solid #dddddd; }
div.minibagItemDetails {
	height: 60px;
	margin-left: 80px;
	font-size: 11px; }
div.minibagItemTitle {
	width: 100%;
	text-align: left;
	height: 46px; }
div.minibagItemTitle a {  }
div.minibagItemBottomRow {
	height: 14px;
	text-align: left;
	width: 100%; }
div.minibagItemSize {
	float: left;
	width: 56px; }
div.minibagItemQty {
	float: left;
	width: 38px; }
div.minibagItemTotal { 
	float: left;
	width: 69px; }
div.minibagItemDetails span.value {
	font-weight: bold; }
div#minibagTotalButtonsContainer { }
div#minibagCartTotalContainer { 
	text-align: center;
	font-size: 12px; 
	width: 100%; 
	line-height: 48px; }
div#minibagCartTotalContainer span#minibagCartTotal {
	font-weight: bold; }
div#minibagBottomButtons { 
	height: 33px;
	width: 275px;}
div#minibagContinueShoppingButton {
	float: left;
	width: 125px;
	height: 31px;
	margin-right: 13px;
	cursor: pointer;
	outline: none;
	background-image: url(//images.surffanatics.com/partners/surf/minibag/SF_minibag_continueshopping.jpg);
	background-repeat: no-repeat;
	background-position: top center; }
div#minibagCheckoutButtonContainer {
	float: left;
	width: 125px; }
div#minibagCheckoutButtonContainer a {
	display: block;
	width: 125px;
	height: 31px;
	outline: none;
	text-indent: -9000px;
	margin-right: 0px;
	background-image: url(//images.surffanatics.com/partners/surf/minibag/SF_minibag_checkout.jpg);
	background-repeat: no-repeat;
	background-position: top center; }