/*  ===== pt_productdetails Notes =====   /
	Styles for the pt_productdetails pages.
	This page has a three column layout,
*/

/***********************************************/
/* Page Structure CSS                          */
/***********************************************/
#pt_productdetails #leftColumn {
	display: none;}

#pt_productdetails #rightColumn {
	background:transparent url(../images/sprite_details.gif) no-repeat -700px 0;
	height:100%;
	width:391px; }
	
#pt_productdetails #content {
	display: inline;
	float: left;
	width: 595px;
	padding: 0; }
	
#content #productdetails {
	margin: 0px;
	padding: 0px; }

/* Product Details Right Column for Accessories, Recommendations, Etc. */
#content #productdetails #productrightColumn {
	display: inline;
	float: right;
	width: 200px;
	border: 0px solid #000000;
	margin: 0px; }
	
#pt_productdetails #extendedProduct {
	background:transparent url(../images/sprite_details.gif) no-repeat -700px -50px; }
#pt_productdetails .bottompanel {
	background:transparent url(../images/sprite_details.gif) no-repeat 0 -230px;
	display: inline;
	float: right;
	height:35px;
	z-index:1;
	width: 200px;
	margin-top: -30px; 
	overflow:inherit;
	padding-bottom:20px;
	width:391px;
	clear: right;
}

#pt_productdetails #main {
	margin-bottom: 30px}
	
/***********************************************/
/* Page Styling CSS                            */
/***********************************************/

/* 3 columns for back button, product image, control panel */
#content #productdetails #leftCol {
	width: 82px;
	height: 420px;
	overflow: hidden;
	float:left;
	padding: 10px 0 0 10px; }
	
#content #productdetails #centerCol {
	width: 393px;
	height: 430px;
	overflow: hidden;
	float: left;
}
#productdetails #centerCol #productLargeImage {
	cursor: pointer;
}

#content #productdetails .formfields {
	width: auto; }

#content #productdetails #rightCol {
	width: 110px;
	height: 430px;
	overflow: visible;
	float:left;	}
	
#content #productdetails #rightCol .productLogo {
	margin-top: 35px;
	height: 120px;
	text-align: right; }
#content #productdetails #rightCol .stylelogo {
	}
	
#content #productdetails #rightCol #imageLoad {
	height: 200px;
	text-align: center; }

#content #productdetails #rightCol #imageControls {
	position:relative;
	bottom:-66px;
	text-align: center; }

#content #productdetails #rightCol #imageControls .slides {
	background:transparent url(../images/bttn_slides.gif) no-repeat center top;
	line-height: 41px;
	padding:23px 27px 4px;
	text-transform:uppercase;	}
#content #productdetails #rightCol #imageControls .slides:hover {
	background-position: 0px -41px; }
	
#content #productdetails #rightCol #imageControls .catwalk {
	background:transparent url(../images/bttn_catwalk.gif) no-repeat center top;
	line-height: 41px;
	padding:23px 18px 4px;
	text-transform:uppercase;	}
#content #productdetails #rightCol #imageControls .catwalk:hover {
	background-position: 0px -41px; }
	
#content #productdetails #rightCol #imageControls .zoom {
	background:transparent url(../images/bttn_zoom.gif) no-repeat center top;
	line-height: 26px;
	padding:6px 6px 6px 32px;
	text-transform:uppercase; }
#content #productdetails #imageControls .zoom:hover {
	background-position: 0px -26px; }
	

#content #productdetails #giftOptions .bigButton {
	display: block;
	float: left;
	height: 17px;
	padding-top: 24px;
	text-transform: uppercase;
	width: 110px;
	margin: 0 3px;
	position: relative;
	bottom: 28px; }
#content #productdetails #giftOptions .bigButton:hover {
	background-position: center bottom; }
#content #productdetails #giftOptions .balance {
	background:transparent url(../images/bttn_balance.gif) no-repeat center top; }
#content #productdetails #giftOptions .store {
	background:transparent url(../images/bttn_store.gif) no-repeat center top; }
#content #productdetails #giftOptions .help {
	background:transparent url(../images/bttn_help.gif) no-repeat center top; }
#content #productdetails #giftOptions .terms {
	background:transparent url(../images/bttn_terms.gif) no-repeat center top; }

#content #productdetails #giftOptions a{
	color: #FFFFFF;
	text-decoration: none; }
	
#content #productdetails #giftOptions {
	text-align: center; 
	width: 365px;
	margin: auto; }
	
#content #productdetails #alternativeView {
	border-top:1px solid #D5D5D5;
	display:block;
	padding:6px 0 0 0;
	text-align:center;
	width:588px;
	margin: auto auto -3px; }

.colorpreview {
	margin-left:-1px; 
	width: 25px; 
	height: 25px; 
	z-index:501;
	position: absolute;}
	
#content #productdetails #colorView .overlay {
	position:absolute;
	z-index:100;
	height:104px;
	margin-top:-4px;}

#content #productdetails #alternativeView .overlay {
	height:64px;
	margin-top:-4px;
	position:absolute;
	width:53px;
	z-index:100;}
#color .overlay {
	border:none;
	position:absolute;
	height:25px;
	width:25px; }
#content #productdetails #colorView {
	background: transparent url(../images/bg_color_view_bottom.gif) no-repeat left bottom;
	padding-bottom:11px;
	text-align: center;
	height: 131px;
	width: 588px; }	
#content #productdetails #colorView .headline {
	background: transparent url(../images/bg_color_view.gif) no-repeat center bottom;
	color:#444444;
	font-size:10px;
	height:30px;
	line-height:30px;
	font-weight:bold;
	font-family:Verdana,Arial,sans-serif;
	text-align:center;
	vertical-align:middle;
	text-transform:uppercase; }
#content #productdetails #colorView .imagebox {
	height:99px;
	overflow:hidden;
	border-top:1px solid #D5D5D5; }

#content #productdetails #colorView  a {
	height:100px;
	width:90px;
	letter-spacing:-3px;
	margin-right:6px;
	display:inline-block; }
#content #productdetails #colorView  a.last {
	margin-right: 0px;}
	
#content #productdetails #colorView .colorImage {
	height:100px;
	width:90px;}
* html #content #productdetails #colorView .colorImage {
	margin-top:1px; }
*:first-child+html #content #productdetails #colorView .colorImage {
	margin-top:1px; }

.rbgroup .amount .warningtext {
	width: 245px;
}
* html .rbgroup .amount .warningtext {
	position:absolute;}

/* styling right column */
#rightColumn  #productNav {
	text-align:right;
	margin-right:7px; 
	height: 35px; }
	
#rightColumn  #productNav a {
	display:inline-block;
	line-height:35px;
	vertical-align:middle; 
}

#rightColumn  #productNav a, x:-moz-any-link {
	position: relative;
}	

#rightColumn  #productNav a, x:-moz-any-link, x:default {
	position: static;
}
	
/* styling previous and next button and preview images */
#productNav a.previous {
 border-right:1px solid #D5D5D5; }
 
 #productNav img {
	border:1px solid #D5D5D5;
	margin-top:-1px; }
	
#productNav a.previous .text {
	background:transparent url(../images/bttn_previous.gif) no-repeat left center;
	padding-left:13px;
	padding-right:12px;
	text-transform:uppercase;}
#productNav a.previous:hover .text {
	background:transparent url(../images/bttn_previous_hover.gif) no-repeat left center; 
}
	
#productNav a.previous #previousImage {
	margin:-35px 0 0 -7px;
	background-color:#FFFFFF;
	display:none;
	position:absolute;
	padding:0 4px;
	height:141px;
	width:92px;
	text-align:left;
	overflow:hidden;
	border-left:1px solid #D5D5D5;
	border-bottom:1px solid #D5D5D5;
	border-right:1px solid #D5D5D5;
}
/* FF 2.x */
#productNav a.previous #previousImage, x:-moz-any-link {
	top: 23px;
	left: 0;
	z-index: 20;
}
/* reset for FF 3.x */
#productNav a.previous #previousImage, x:-moz-any-link, x:default {
	top: auto;
	left: auto;
}

#productNav a.previous #previousImage span{
	background:transparent url(../images/bttn_previous_hover.gif) no-repeat scroll left center;
	display:inline-block;
	padding:0 7px 0 13px;
	margin:-3px 0 0 2px;
	text-transform:uppercase;
	line-height:35px;
	vertical-align:middle; }
/* Mozilla Fix */
#productNav a.previous #previousImage span, x:-moz-any-link, x:default {
	margin:-1px 0 0 2px; }

/* IE7 Fix */
*:first-child+html #productNav a.previous #previousImage span {
	background:transparent url(../images/bttn_previous_hover.gif) no-repeat scroll left 12px;
	margin:0 0 0 3px; }

#productNav a.previous:hover #previousImage{
	display:block;
}

/* IE7 Fix */
*:first-child+html #productNav a.previous #previousImage {
	margin:-12px 0 0 -87px; }
	
#productNav a.next .text {
	background:transparent url(../images/bttn_next.gif) no-repeat right center;
	padding-right:13px;
	padding-left:10px;
	text-transform:uppercase;}
#productNav a.next:hover .text {
	background:transparent url(../images/bttn_next_hover.gif) no-repeat right center; }
	
#productNav a.next #nextImage{
	margin:-35px 0 0 -42px;
	background-color:#FFFFFF;
	display:none;
	position:absolute;
	padding:0 4px;
	height:141px;
	width:92px;
	text-align:right;
	overflow:hidden;
	border-left:1px solid #D5D5D5;
	border-bottom:1px solid #D5D5D5;
	border-right:1px solid #D5D5D5;	}
/* Mozilla Fix */
#productNav a.next #nextImage, x:-moz-any-link, x:default {
	margin:-35px 0 0 -45px; }

/* FF 2.x */
#productNav a.next #nextImage, x:-moz-any-link {
	top: 23px;
	right: -2px;
	z-index: 20;
}
/* reset for FF 3.x */
#productNav a.next #nextImage, x:-moz-any-link, x:default {
	right: auto;
	top: auto;
}

#productNav a.next #nextImage span{
	background:transparent url(../images/bttn_next_hover.gif) no-repeat scroll right center;
	display:inline-block;
	padding:0 13px 0 7px;
	margin:-3px 0px 0 0;
	text-transform:uppercase;
	line-height:35px;
	vertical-align:middle; }
/* Mozilla Fix */
#productNav a.next #nextImage span, x:-moz-any-link, x:default {
	margin:-1px 3px 0 0; }

/* IE7 Fix */
*:first-child+html #productNav a.next #nextImage span {
	background:transparent url(../images/bttn_next_hover.gif) no-repeat scroll right 12px;
	margin:0 3px 0 0; }

#productNav a.next:hover #nextImage{
	display:block;
}
/* IE7 Fix */
*:first-child+html #productNav a.next #nextImage{
	margin:-12px 0 0 -97px; }
	
#productNav #nextImage .next{
	margin-right:3px;}
 
 
/* Styling giftcard name and amount */
#rightColumn .productName {
	margin: 8px 0 0 30px; }
#rightColumn .productName h1 {
	font-size:28px;
	font-weight:bold;
	color:#444444;}
	
#rightColumn .giftamount {
	margin:0 0 0 14px; }

#rightColumn .giftamount .inputfield.giftcard{
	padding-bottom: 15px; }

#rightColumn .formfields {
	width: auto; 
	padding-bottom: 1px; }
	
.giftamount  {
	background: transparent url(../images/bg_add_to_cart_top.gif) no-repeat center top;
	padding-top: 35px; }

.enteramount {
	color:#444444;
	line-height:25px;
	margin-bottom:5px; }
.amountbottom {
	background: transparent url(../images/sprite_details.gif) no-repeat 20px 0; 
	height:20px; 
	width: 270px; }

#rightColumn .giftamount .enteramount .inputfield.giftcard  {
	padding-bottom: 0; 
}

#rightColumn .currency {
	float: left;
	display: inline; 
	margin: 8px 0 0 7px;}
	
/* Styling giftcard greeting*/
.giftgreetinghead {
	font-size: 12px;
	margin-top: 5px;
	color: #444444;
}
.giftgreetingmsg {
	margin-bottom: 20px;
	width: 200px;
	font-weight: bold
}
	
/*styling add to cart */
#addtocart  {
	margin-left:20px;}
.addtocart  {
	position: relative;
	padding-bottom: 10px; }


#addtocart .scaledprices {
	margin-left: 10px;
	margin-top: 10px;
	color:#D30B08;
	font-size:18px;}



.addtocart fieldset {
	position: relative;
}

#configuration ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0;
	display:block;
	float:left;
	margin:0 5px 5px 0;
	font-size:11px;}

#size {
	float:left;
	width:235px;
	padding-left:5px;
	border-left:1px solid #D5D5D5;}

#size ul li a{
	background:transparent url(../images/bttn_size.gif) repeat-x left top;
	display:inline-block;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	height:20px;
	width:auto;
	color:#5E5F5E;
	padding: 0 7px 0 8px;
	line-height:20px;
	border:1px solid #D5D5D5;
	float:left;}

#size ul li a:hover {
	padding:0 3px 0 4px;
	height:12px;
	width:auto;
	line-height:11px;
	border:5px solid #B2B5B2;}
* html #size ul li a:hover {
	height:11px;
	padding-top:1px;}
*:first-child+html #size ul li a:hover {
	height:11px;
	padding-top:1px;} 

#size .inactive {
	background:none;
	border:1px solid #D5D5D5;
	font-weight:bold;
	text-decoration:line-through;
	color:#B7B7B7;
	padding: 0 7px 0 8px;
	height:20px;
	line-height:20px; }
#size .selected {
	border:5px solid #000000;
	font-weight:bold;
	color:#5E5F5E;
	height:12px;
	line-height:11px;
	padding:0 3px 0 4px;}
* html #size .selected {
	height:11px;
	padding-top:1px;}
*:first-child+html #size .selected {
	height:11px;
	padding-top:1px;}

#configuration {
	margin-bottom:10px;}
#size .sizeChart a{
	background:transparent url(../images/icon_arrow_right.gif) no-repeat left center;
	display:inline-block;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	height:20px;
	width:auto;
	color:#5E5F5E;
	padding:0 0 0 8px;
	line-height:20px;
	border:1px solid #FFFFFF;
	float:left;}
#size .sizeChart a:hover{
	color:#7C2222;
	padding:0 0 0 8px;
	height:20px;
	width:auto;
	line-height:20px;
	border:1px solid #FFFFFF;}
*:first-child+html #size .sizeChart a:hover {
	padding: 0 0 0 8px;
	line-height:20px;
	height:20px;}

#color {
	float:left;
	width:120px;}
#color ul li a{
	display:block;
	height:25px;
	width:25px;
	float:left;}

#color .smallSwatch{
	height: 23px;
	width: 23px;
	border:1px solid #D5D5D5; }

/* hover color previev */
#color a.colorSwatch .colorpicker {
	background:transparent url(../images/bg_colorpicker.gif) no-repeat scroll center top;
	color:#444444;
	display:none;
	height:129px;
	margin:-156px 0 0 -44px;
	position:absolute;
	text-align:center;
	text-transform:uppercase;
	width:110px;
	z-index:10; }
#emailme #color a.colorSwatch .colorpicker {
	margin:-157px 0 0 -44px; }
/* IE6 fix */
* html #color a.colorSwatch .colorpicker {
	margin:-128px 0 0 -71px; }
* html #emailme #color a.colorSwatch .colorpicker {
	margin:-128px 0 0 -71px; }
/* IE7 fix */
*:first-child+html #color a.colorSwatch .colorpicker {
	margin:-128px 0 0 -71px; }
*:first-child+html #emailme #color a.colorSwatch .colorpicker {
	margin:-128px 0 0 -71px; }
/* Safari fix */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #color a.colorSwatch .colorpicker { margin:-155px 0 0 -43px; }
}

#color a.colorSwatch .colorpicker .largeSwatch {
	border:1px solid #D5D5D5;
	margin-top:4px; }

#color a.colorSwatch .overlaypreview {
	display:none;
	border:none;
	height:25px;
	width:25px;
	position:absolute;
	z-index:100; }

#color a.colorSwatch:hover .colorpicker {
	display:block; }

#color a.colorSwatch:hover .overlaypreview {
	display:block; }


#confStatus {
	background: transparent url(../images/bg_add_to_cart_config_bottom.gif) no-repeat center bottom;
	text-transform:uppercase;
	color:#444444;
	line-height:25px;
	padding:0 0 15px 10px;
	margin-bottom:5px; 
}
#confStatus .key {
	font-weight:normal;
	vertical-align:middle;}
#confStatus .value {
	font-weight:bold;
	vertical-align:middle;}

#confStatus .articleno {
	background: transparent url(../images/bg_add_to_cart_config_top.gif) no-repeat center top;
	padding-top:5px;}
#confStatus .articleno .key {
	vertical-align:top;
	line-height:25px;
	display:inline-block; }
#confStatus .articleno .value {
	line-height:25px;
	vertical-align:top;
	display:inline-block; }
#confStatus .color .key {
	vertical-align:top;
	line-height:25px;
	display:inline-block; }
#confStatus .color .value {
	width:220px;
	line-height:25px;
	vertical-align:top;
	display:inline-block; }	
#confStatus .quantity .key {
	float:left; }
.quantity {
	float:left;
	line-height:19px;
	margin-top:2px;}
.quantity .label {
	vertical-align:middle;}
.quantity .inputbox {
	display:none;
	vertical-align:middle;
	border:1px solid #CCCCCC;
	color:#444444;
	height:19px;
	width:34px;
	margin-left:4px;
	font-weight:normal;
	padding:1px;}
.Qselect{
    position:absolute;
    background-color:#fff;    
    display:none;
    margin-top:20px;
    margin-left:-5px;
    border:1px solid #9b9c9c;
}
.Qbox{
    float:left;
    background:transparent url(../images/quantitybox.gif) no-repeat center top;
    border:0;
    font-size:11px;
    padding:0px;
    margin-left:8px;
    padding-left:5px;
    width:29px
}
.Qoption{
    padding-right:14px;
    padding-left:12px;
    float:left;
    clear:both;
    display:block;
    border-bottom:1px solid #d6d6d6;
}
.Qoption:hover {
	background:transparent url(../images/quantity_bg.gif) repeat-x left top;
	}
.available {
	vertical-align:middle;
	background:transparent url(../images/icon_available.gif) no-repeat left center;
	color:#888888;
	text-transform:none;
	float:left;
	margin-top:2px;
	margin-left:10px;
	padding-left:26px;
	line-height:19px;}
.unavailable {
	vertical-align:middle;
	background:transparent url(../images/icon_not_available.gif) no-repeat left center;
	color:#888888;
	text-transform:none;
	float:left;
	margin-top:2px;
	margin-left:10px;
	padding-left:26px;
	line-height:19px;}

/************* Tab Container rightColumn**************/
#rightColumn .printContainer {
	display:none; }
#rightColumn .tabContainer {
	background:none;
	width: 361px;
	height: auto;
	margin: 0 0 10px 20px;
	text-align: left;}

#rightColumn .tabNav {
	height:21px;
	width:361px;
	text-align:left;
	margin-left:10px;
	padding-top:1px; }
* html #rightColumn .tabNav {
	height:20px;
	padding:1px 0; }
*:first-child+html #rightColumn .tabNav {
	height:20px;
	padding:1px 0; }
#rightColumn .tabNav a {
	border-left:1px solid #D5D5D5;
	border-top:1px solid #D5D5D5;
	border-bottom:1px solid #D5D5D5;
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	height:20px;
	font-weight:bold;
	line-height:20px;
	padding:4px 10px;
	text-decoration:none;
	margin-right:-3px;
	background: transparent url(../images/bg_box_tab_nav.gif) repeat-x left center;}
#rightColumn .tabNav a.active {
	border-left:1px solid #D5D5D5;
	border-top:1px solid #D5D5D5;
	border-bottom:1px solid #EFF1F0;
	margin-right:-3px;
	background: none;
	background-color:#EFF1F0;
	font-weight:bold;}
#rightColumn .tabNav  .last {
	border-right:1px solid #D5D5D5;}
#rightColumn .tabCont {
	background-color: #EFF1F0;
	font-size:12px;
	line-height: 16px;
	color: #444444;
	width:321px;
	height:auto;
	margin-top:0px;
	padding:20px;
	text-align: left;
	display:inline-block;
	overflow:hidden;}
#rightColumn .tabCont  .tabContent .last {
	margin-right:0px;}
#rightColumn .tabCont ul {
	list-style-position:outside;
	list-style-type:disc;
	margin: 5px 0px 5px 10px;
	padding: 0px 0px 0px 10px;}
#rightColumn .tabCont .colImage {
	float:left;}
#rightColumn .tabCont img {
	float:left;
	width:auto;
	height:auto;}
#rightColumn .tabCont p{
	padding: 5px 0;}
#rightColumn .tabCont p img{
	margin: 0 5px 0 0;
	width:auto;
	height:auto;}
#rightColumn .tabContainer .text {
	width:280px;
	line-height: 16px;
	display:inline-block; }
#rightColumn .tabCont .icon {
	float: left;
	display: inline;
}
#rightColumn .tabCont #details .icons {
	width: 321px; 
	border-top: 1px solid #d5d5d5;
	margin-top: 10px;
	padding: 10px 0px 0px 0px;
}
#rightColumn .tabCont #details .divider {
	display: inline; 
	float: left;
	background: transparent url(../images/divider_icons.gif) no-repeat left bottom;
	width: 1px;
	height: 19px;
	padding: 8px 0px;
	margin: 0px 5px;
}
#rightColumn .tabCont #details a {
	margin: 0px;
}
#rightColumn .tabCont #care .box {
	border-bottom: 1px solid #d5d5d5;
	padding: 5px 0;
}
#rightColumn .tabCont #care img {
	margin-right: 10px;
}
#rightColumn .tabCont #care .last {
	border: none;
	padding: 5px 0;
}
#rightColumn .tabCont #care a {
	margin: 0px;
}
#rightColumn .tabCont #care .text {
	width: 268px;
	padding-top: 11px;
}
#rightColumn .tabCont #material .intro {
	padding-bottom: 5px;}
#rightColumn .tabCont #material p {
	border-bottom: 1px solid #d5d5d5;
	width: 320px;}
#rightColumn .tabCont #material p.matdesc {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	color: #adafae;
	border: none;}
#rightColumn .tabCont #material p.last {
	border: none;}
#rightColumn .tabCont #material p img{
	margin: 0 5px 0 5px;
	float:none;
	width:auto;
	height:auto;}
#rightColumn .tabCont #material a {
	margin: 0px;}
#rightColumn .tabCont #material .text {
	width:auto;
	line-height: 52px;
	display:inline-block;
	vertical-align:top;}
#rightColumn .tabCont #material .divider {
	font-size: 18px;
	font-weight: bold;}
#rightColumn .tabCont #material .icon {
	float: none;}

/************* Sizing Chart - iBox**************/
/* OVERALL */
#sizingChart .clear {
	clear: both;
}

#sizingChart span {
	color: #444; 
	font-weight: bold;
}
/* BACKGROUND /w SHADOW  */
#sizingChart .background{
	background-color: white;
	width: 100%;
	margin-top: 30px;
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
}
#sizingChart .background_shadowend{
	width: 14px;
	height: 40px;
	background-position: left;
	background-repeat: repeat-y;
	float: left;
}
#sizingChart .background_content{	
	background-position: left;
	background-repeat: repeat-y;
	/* width: 639px;
	float: left; */
	vertical-align: top;
	text-align: left;
	margin-left: 101px;
}
/* SIZINGCHART - TABLE */
#sizingChart .sizingchart_table{
	border-collapse: collapse;
	margin: 28px 0px -15px 37px;
	width: 586px;
	font-size: 12px;
	color: #5e5f5e;
}
#sizingChart .sizingchart_table tr{
	vertical-align: middle;	
	height: 36px;
}
#sizingChart .sizingchart_table .head{
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	border-top: 0px solid #d5d5d5;
}
#sizingChart .sizingchart_table th{
	border-top: 1px solid #d5d5d5;
	font-weight: bold;	
	width: 40px;
	text-align: center;
	text-transform: uppercase;
}
#sizingChart .sizingchart_table td{
	border-top: 1px solid #d5d5d5;
	font-weight: normal;
	text-align: center;
	_width: 60px;
}
#sizingChart .sizingchart_table .break{	
	border-style: solid;	
	border-color: #d5d5d5;	
	border-width: 2px 0px 1px 0px;
}
/*  IMAGE /w LISTING  */
#sizingChart .content_img {
	margin: 0px 0px -40px 14px;
	width: 609px;
	float: left;
	background-repeat: no-repeat;
}
#sizingChart .content_img ol {
	list-style-position: outside;
	width: 167px;
	_width: 192px;
	padding: 45px 0px 65px 25px;  /*Angleichen des Einzugs zwischen IE7 und FF */
	color: #888;
	font-size: 10px;
	line-height: 16px;
	float: right;
}
#sizingChart .content_img li{
	margin-bottom: 8px;
}
/*  MATERIAL APPAREL  */
#sizingChart .app_material_features{
	float: left;	
	margin: 40px 0px -15px;
	width: 620px;
	vertical-align: top;
	padding: 0 0 0 34px;
}

#sizingChart .app_material_features p {
	margin: 0px;
	color: #888;
	font-size: 10px;
	line-height: 18px;
	float: left;
	padding-left: 20px;
}
#sizingChart .app_material_details {
	width: 163px;
	background-position: center 30px;
	background-repeat: no-repeat;
	padding-top: 90px;
	margin: 0px 21px;
	float: left;
}
#sizingChart .app_material_details p{ 
	color: #888;
	font-size: 10px;
	line-height: 18px;
	vertical-align: top; 
	margin: 0px 0px 18px 0px; 
}
#sizingChart .app_material_details ul{
	color: #888;
	font-size: 10px;
	line-height: 18px;
	list-style-position: outside;
	padding: 0px 15px;  /*Angleichen des Einzugs zwischen IE7 und FF */
	margin-left: 0px;
}
/*  CARE APPAREL  */
#sizingChart .app_care{
	width: 241px;
	background-position: 10px 10px;
	background-repeat: no-repeat;
	border-top: 1px solid #d5d5d5;	
	float: left;
}
#sizingChart .app_care p{
	margin: 17px 0px 25px 55px;
	padding-right: 15px;
	text-align: left;
	vertical-align: top;
	color: #888;
	line-height: 18px;
	font-size: 10px;
}
/*  MATERIAL FOOTWEAR  */
#sizingChart .fw_material{
	margin: -20px 0px -40px 14px;
	width: 620px;
	float: left;
	background-position: top left;
	background-repeat: no-repeat;
}
#sizingChart .fw_material .detail{
	width: 304px;
	min-height: 125px;
	_height: 125px;
	background-position: 0px 10px;
	background-repeat: no-repeat;
	float: left;
}
#sizingChart .fw_material .detail p {
	color: #888;
	font-size: 10px;
	line-height: 18px;
	margin: -1px 0px 18px 94px;	
	text-align: left; 
	vertical-align: top;
}
#sizingChart .content {
	padding:0 30px;
}
#sizingChart .switch .switchcontent {
	float:right;
	margin-right: 14px;
	}
#sizingChart .switch .switchtext {
	color:#5E5F5E;
	display:block;
	float:left;
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	font-weight:bold;
	height:28px;
	line-height:28px;
	padding-right:10px;
	text-transform:uppercase; }
#sizingChart .switch .switchlink {
	display:block;
	float:left; }
#sizingChart .switch a .sizechartlogo {
	color:#5E5F5E;
	display:block;
	float:left;
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	height:28px;
	line-height:28px;
	width:35px; }
#sizingChart .switch a .footwear {
	background:transparent url(../images/sizechart_footwear.gif) no-repeat scroll left top; }
#sizingChart .switch a .apparel {
	background:transparent url(../images/sizechart_apparel.gif) no-repeat scroll left top; }
#sizingChart .switch a .sizecharttext {
	background:transparent url(../images/sizechart_bg_right.gif) no-repeat scroll right top;
	color:#FFFFFF;
	display:block;
	float:left;
	font-family:Verdana,Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:28px;
	padding:0 10px 0 5px;
	text-transform:uppercase; }
#sizingChart .switch a:hover .footwear {
	background-position:left bottom; }
#sizingChart .switch a:hover .apparel {
	background-position:left bottom; }
#sizingChart .switch a:hover .sizecharttext {
	background-position:right bottom; }

#sizingChart .tabContainer {
	background:none;
	width: 100%;
	height: auto;
	margin:0 0 20px 0;
	text-align: left;}
#sizingChart .tabNav {
	background: transparent url(../images/bg_grey_line.gif) repeat-x left bottom;
	height:21px;
	width: 100%;
	text-align:center;
	padding-top:1px; }
* html #sizingChart .tabNav {
	height:20px;
	padding:1px 0; }
*:first-child+html #sizingChart .tabNav {
	height:20px;
	padding:1px 0; }
#sizingChart .tabNav .leftShadow {
	background:transparent url(../images/sizechart_bg_tab_left.gif) no-repeat scroll right center;
	font-size:10px;
	margin-right:-3px;
	padding:5px 20px 5px 0; }
* html #sizingChart .tabNav .leftShadow {
	background:transparent url(../images/sizechart_bg_tab_left.gif) no-repeat scroll right top; }
*:first-child+html #sizingChart .tabNav .leftShadow {
	background:transparent url(../images/sizechart_bg_tab_left.gif) no-repeat scroll right top; }
#sizingChart .tabNav .rightShadow {
	background:transparent url(../images/sizechart_bg_tab_right.gif) no-repeat scroll left center;
	font-size:10px;
	margin-right:-3px;
	padding:5px 0 5px 20px; }
* html #sizingChart .tabNav .rightShadow {
	background:transparent url(../images/sizechart_bg_tab_right.gif) no-repeat scroll left top;}
*:first-child+html #sizingChart .tabNav .rightShadow {
	background:transparent url(../images/sizechart_bg_tab_right.gif) no-repeat scroll left top;}
#sizingChart .tabNav a {
	border-left:1px solid #D5D5D5;
	border-top:1px solid #D5D5D5;
	border-bottom:1px solid #D5D5D5;
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	height:20px;
	font-weight:bold;
	line-height:20px;
	padding:4px 10px;
	text-decoration:none;
	background: transparent url(../images/bg_box_tab_nav.gif) repeat-x left center;}
#sizingChart .tabNav a:hover {
	color:#5E5F5E;
	background:#E2E5E4; }
#sizingChart .tabNav a.active {
	border-left:1px solid #D5D5D5;
	border-top:1px solid #D5D5D5;
	border-bottom:1px solid #FFFFFF;
	background: none;
	background-color:#FFFFFF;
	font-weight:bold;}
#sizingChart .tabNav .last {
	border-right:1px solid #D5D5D5;
	margin-right:-3px; }
#sizingChart .tabCont {
	font-size:12px;
	width: 100%;
	height:auto;
	min-height:100px;
	margin-top:0px;
	padding:0;
	text-align: left;
	display:inline-block;}
#sizingChart .tabCont  .tabContent .last {
	margin-right:0px;}
#sizingChart .tabCont ul {
	list-style-position:inside;
	list-style-type:disc;}
#sizingChart .tabCont .colImage {
	float:left;}
#sizingChart .tabCont img {
	float:left;
	width:auto;
	height:auto;}
#sizingChart .tabCont p {
	padding: 5px 0;
}
#sizingChart .tabCont p.clear {
	clear: both;
}
#sizingChart .tabCont p img{
	margin: 0 5px 0 0;
	width:auto;
	height:auto;}
#sizingChart .tabContainer .text {
	width:280px;
	line-height: 20px;
	display:inline-block; }
#sizingChart .tabCont #material p img{
	margin: 0 5px 0 5px;
	float:none;
	width:auto;
	height:auto;}
#sizingChart .tabContainer #material .text {
	width:auto;
	line-height: 30px;
	display:inline-block;
	vertical-align:top; }
#sizingChart .logoNav .header {
	color:#5E5F5E;
	font-size:12px;
	font-weight:bold;
	line-height:42px;
	padding-left:10px;
	vertical-align:top;
	display:inline-block; }
#sizingChart .headline {
	width:100%;
	padding-bottom: 28px;
	text-align:center;
	clear: both;
}
#sizingChart .headline h1{
	color:#5E5F5E;
	font-size:24px;
	font-weight:bold;
}

/* CSS button panel */
.buttonbar {
	margin:0 0 20px 20px;
	font-family:Verdana,Arial,sans-serif;
	font-weight:bold;}

#content #colorpicker{
    position:absolute;
    border:1px solid #d5d5d5;
    padding:3px;
    background-color:#fff;
    height:120px;
    width:100px;
    display:none;
	z-index:500;}
#content #collabel{
    text-align:center;
    text-transform: uppercase;}
.absolutePos{
    position:absolute;}
    
#zoom .content {
	padding: 0; }

#zoom .zoomLeft {
	float: left;
	width: 90px;
	padding: 20px 20px 0 20px; }
	
#zoom .zoomLeft	.prodName {
	height: 50px;
	margin-bottom: 17px;
	font-size: 12px;
	font-weight: bold;
	color: #5E5F5E;
	border-bottom: 1px solid #ADAFAE; }
	
#zoom .zoomLeft	.prodImage {
	padding: 6px 0 0 19px; }

#zoom .zoomLeft	.prodImage a {
	width: 53px;
	height: 60px;
	display: block; }

#zoom .zoomLeft	.prodImage img {
	border: 1px solid #B2B5B2; }

#zoom .zoomLeft	.prodImage a:hover {
	width: 43px;
	height: 50px;
	border: 5px solid #B2B5B2;
	}
	
#zoom .zoomLeft	.prodImage a:hover img {
	border: 1px solid #FFF;
	width: 41px;
	height: 48px; }	
	
#zoom .zoomLeft	.prodImage .selected {
	width: 43px;
	height: 50px;
	border: 5px solid #131513;
	}	
	
#zoom .zoomLeft	.prodImage .selected img {
	border: 1px solid #FFF;
	width: 41px;
	height: 48px; }		

#zoom .zoomMiddle {
	float: left;
	width: 594px;
	height: 546px;
	line-height: 546px;
	text-align: center;
	border-left: 1px solid #BCB0B2;
	border-right: 1px solid #BCB0B2; }	
	
#zoom .zoomMiddle .shadowTop {
	width: 594px;
	height: 20px;
	margin-top: 53px;
	background: transparent url(../images/zoom_shadow_top.gif) no-repeat scroll left top; }
	
#zoom .zoomMiddle .shadowBottom {
	width: 594px;
	height: 20px;
	background: transparent url(../images/zoom_shadow_bottom.gif) no-repeat scroll left top; }	
	
#zoom .zoomRight {
	float: left;
	padding: 239px 0 0 14px; }
	
#zoom .zoomRight .zoomUp {
	width: 26px;
	height: 26px;
	display: block;
	margin-bottom: 15px;
	background: transparent url(../images/zoom_up.gif) no-repeat scroll left top; }	
	
#zoom .zoomRight .zoomUp:hover {
	background-position: 0 -26px; }	
	
#zoom .zoomRight .zoomDown {
	width: 26px;
	height: 26px;
	display: block;
	background: transparent url(../images/zoom_down.gif) no-repeat scroll left top; }
	
#zoom .zoomRight .zoomDown:hover {
	background-position: 0 -26px; }	

#zoom .panoramaCanvas {      
    background-color: #FFFFFF;

    /* Don't edit any of the following 
       unless you know what you're doing .. */
    margin: 0;
    padding: 0;
    border: 0px solid #000000;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    visibility: hidden; 
    overflow: hidden;
    /* position */
}

#zoom .panoramaImage {
    margin: 0;
    padding: 0;
    border-width: 0;
}
.priceHint {
	color:#888888;
	margin-left:10px;	
}

#ibox_content .contentasset {
	margin: 20px;
}

#ibox_content .contentasset h2 {
	font-size:18px;
	font-weight:bold;
	padding: 0px;
	margin: 0px;
}

#ibox_content .contentasset h3 {
	font-size:14px;
	font-weight:bold;
	margin:20px 0 0;
	padding: 0px;	
}

#ibox_content .contentasset a {
	text-decoration: underline;
}

.bookmark {
	padding-left: 0;
	background:none repeat scroll 0 0 transparent; }
.bookmark:hover span {
	background-position: -460px -22px; }
.bookmark .booksymbol {
	background:transparent url(../images/sprite_details.gif) no-repeat -460px 0;
	padding: 5px 14px 5px; }
*:first-child+html .bookmark .booksymbol {
	padding-top: 9px; 
	padding-bottom: 14px; }
* html .bookmark .booksymbol {
	padding-top: 9px; 
	padding-bottom: 24px; }
* html .bookmark .booktext {
	position: relative;
	top: 5px;
}
.friend {
	padding-left: 0;
	background:none repeat scroll 0 0 transparent;
	height: 22px; }
.friend:hover span {
	background-position: -370px -22px; }
.friend .friendsymbol {
	background:transparent url(../images/sprite_details.gif) no-repeat -370px 0;
	padding: 5px 14px 5px; }
*:first-child+html .friend .friendsymbol {
	padding-top: 9px; 
	padding-bottom: 14px; }
* html .friend .friendsymbol {
	padding-top: 9px; 
	padding-bottom: 24px; }
* html .friend .friendtext {
	position: relative;
	top: 5px;
}
#productdetails .pageBack {
	padding-left: 0;
	background:none repeat scroll 0 0 transparent;
	height: 12px; }
.pageBack:hover span {
	background-position: -520px -14px; }
.pageBack .pageBackSymbol {
	background:transparent url(../images/sprite_details.gif) no-repeat -520px 1px;
	padding: 0px 8px; }
*:first-child+html .pageBack .pageBackSymbol {
	padding-top: 10px; 
	padding-bottom: 5px; }
* html .pageBack .pageBackSymbol {
	padding-top: 10px; 
	padding-bottom: 5px; }
#add-to-cart-button {
	background: transparent url(../images/sprite_details.gif) no-repeat -100px -68px;
}
#addToCartButton .cartButtonHover {
	background-position: -100px -97px;
}


