﻿/* Item detail page header redesign */
#ViewItemContainer {
	text-align: left;
	font-size: 12px;
	margin: 10px 30px 10px 20px;
}
#ViewItemContainer a {
	color: #757575;
}
.ViewItemLink {
    font-size:12px;
    font-weight:bold;
    color: #000;
}
.ViewItemLink:hover {
	color: #f338b6;
}
/*
.ViewItemLink2 {
    color:#757575;
    font-size:14px;
}
*/
.ViewItemLink2:hover {

}
#ViewItemContainer a:hover {
	color: #f338b6;
}
#ViewItemContainer h1 {
	font-family: Georgia;
	font-size: 2em;
	font-weight: normal;
	margin-top: 0;
}
#ViewItemContainer h4 {
	font-size: 1em;
	margin-top: 10px;
}

#PhotoContainer {
	width: 250px;
	float: left;
	_overflow: hidden;
}
#EnlargeImage {
	border-bottom: 2px dotted #ccc;
	padding-bottom: 5px;
	margin: 10px 0;
}
#DiscoveredBy{
    width:700px;
}
#DiscoveredBy a.clickHere{
    COLOR:#F338B6;
}
.clickHere{
    COLOR:#F338B6;
}
#DiscoveredBy a {
	font-weight: bold;
	color: #000;
}
#DiscoveredBy img {
	float: left;
	margin-right: 10px;
	border: 1px solid #bfbfbf;
	padding: 1px;
}

#DetailsContainer {
	margin-left: 265px;
	_margin-left: 260px;
	width: 424px;
	_overflow: hidden;
}
#DetailsContainer div.itemPrice {
	font-family: Georgia;
}
.DescriptionCtrl{
    margin-bottom:10px;
}
#FieldSetDiv {
	/*background: url(/media/images/controls/view-item/fieldset-bottom.gif) bottom left no-repeat;*/
	margin-top: 20px;
	padding-bottom: 10px;
}
.FieldSetDivChild{
    MARGIN-TOP: 10px; 
}
#FieldSetLegend {
	background: url(/media/images/controls/view-item/fieldset-top.gif) top left no-repeat;
}
#FieldSetLegend span {
	color: #f39;
	background: white;
	font-weight: bold;
	font-size: 1.4em;
	margin-left: 15px;
}
#FieldSetDiv table {
	table-layout: fixed;
	width: 334px;
	margin: 10px 0 10px 45px;
}
#FieldSetDiv table a {
	font-weight: bold;
	color: #000;
}
#FieldSetDiv img {
	vertical-align: middle;
}
#ViewItemMeta {
	margin-top: 10px;
	color: #757575;
}
#ViewItemMeta table {
	width: 450px;
	table-layout: fixed;
}
#ViewItemMeta table td {
	padding: 0 10px 4px 0;
}
#ViewItemMeta label {
	font-weight: bold;
	color: #000;
	float: left;
	margin-right: 3px;
}
/* Redesign end */


#ViewItemPageContainer 
{
   float:left;
    margin:0px;
    padding:0px;
    width:739px;
    height:100%;
    text-align:center;
    padding-left:10px;
}

#ViewItemPageContainer #MainContent 
{
    float: left;
    width: 423px;    
    padding-bottom: 10px;
}


#ItemFeatureBanner 
{
    width: 725px;
    padding-left: 10px;
    float: left; 
    padding-bottom: 10px;
}

#ItemFeatureBanner .ItemFeatureDetails 
{

    float:left;
    text-align: left;
    width: 220px;
    font-size: 0.8em;
}

#ItemFeatureBanner .infoPanel 
{
    float:left ;
    width: 220px;
    padding-left: 13px;
}

#ItemFeatureBanner .ItemFeatureDetails .description
{
    padding-bottom: 10px;
    clear:left;
}

#ItemFeatureBanner .ItemFeatureDetails .data
{

    padding-bottom: 6px;
    width: 220px;
    float: left;
}

#ItemFeatureBanner .ItemFeatureDetails .data a
{

    color: #000000;
}

#ItemFeatureBanner .ItemFeatureDetails .data a:hover
{
    color: #f1388f;
}

#ItemFeatureBanner .ItemFeatureDetails .toolTipLinks img 
{
    vertical-align: middle;
    padding-right: 5px;
}

#ItemFeatureBanner .ItemFeatureDetails .toolTipLinks a
{
    clear:left;
    color: #434343;
    font-weight: bold;
    float: left;
    padding-top: 3px;
    width: 200px;
}

#ItemFeatureBanner .ItemFeatureDetails .toolTipLinks a:hover
{
    color: #f1388f;
}


#ItemFeatureBanner .reportLink 
{
    clear: left;
    float: left; 
    font-size: 0.6em;
    padding-left: 4px;
}

#ItemFeatureBanner a.reportLink
{
    color: #434343; 
}

#ItemFeatureBanner a.reportLink:hover
{
    color: #f1388f;
}

/*CK removed height:200px;*/
.ItemImagePanel 
{
    width:245px;    
    float:left;
    border:1px solid #fff;
    text-align:center;  
    background-color:#fff;
}

.ItemImagePanel img
{
    border: 0px;
}

.ItemImagePanelHover 
{
    border:1px solid #f1388f;
}

/* 'Add your own review...' area */

.ItemDottedSpacer 
{
    float: left; 
    width: 410px; 
    height: 5px; 
    background: url( /Media/images/system/buttons/dot.gif ) repeat-x;
}

#itemAddReviewForm 
{
    float: left; 
    clear:left;
    width: 410px; 
    text-align: left;
}

/* Add review Closed Blind */
.ItemAddReviewBlindClosed 
{
    float:left;
    width:400px;
    text-align:left;
    padding-left:10px;   
}
.ItemAddReviewBlindClosed a 
{   
    float:left;
    width:200px;
    color:#000;
    font-size: 0.7em;
    font-weight: bold;
    background-image:url('/Media/images/system/buttons/jump_to_bottom.gif');
    background-position:185px 5px;
    background-repeat:no-repeat;   
}
.ItemAddReviewBlindClosed a:hover
{
    color:#ff7601;
    background-image:url('/Media/images/system/buttons/jump_to_bottom_orange.gif');
    background-position:185px 5px;
    background-repeat:no-repeat;
}

/* Add review Open Blind */
.ItemAddReviewBlindOpen 
{
    float:left;
    width:200px;
    text-align:left;
    padding-left:10px;   
}
.ItemAddReviewBlindOpen a 
{   
    float:left;
    width:200px;
    color:#000;
    font-size: 0.7em;
    font-weight: bold;
    background-image:url('/Media/images/system/buttons/jump_to_top.gif');
    background-position:185px 5px;
    background-repeat:no-repeat;   
}
.ItemAddReviewBlindOpen a:hover
{
    color:#ff7601;
    background-image:url('/Media/images/system/buttons/jump_to_top_orange.gif');
    background-position:185px 5px;
    background-repeat:no-repeat;
}

/* View review Closed Blind */
.ItemViewReviewBlindClosed 
{
    float:left;
    width:400px;
    text-align:left;
    padding-left:10px;   
}
.ItemViewReviewBlindClosed a 
{   
    float:left;
    width:155px;
    color:#000;
    font-size: 0.7em;
    font-weight: bold;
    background-image:url('/Media/images/system/buttons/jump_to_bottom.gif');
    background-position:140px 5px;
    background-repeat:no-repeat;   
}
.ItemViewReviewBlindClosed a:hover
{
    color:#ff7601;
    background-image:url('/Media/images/system/buttons/jump_to_bottom_orange.gif');
    background-position:140px 5px;
    background-repeat:no-repeat;
}

/* View review Open Blind */
.ItemViewReviewBlindOpen 
{
    float:left;
    width:400px;
    text-align:left;
    padding-left:10px;   
}
.ItemViewReviewBlindOpen a 
{   
    float:left;
    width:155px;
    color:#000;
    font-size: 0.7em;
    font-weight: bold;
    background-image:url('/Media/images/system/buttons/jump_to_top.gif');
    background-position:140px 5px;
    background-repeat:no-repeat;   
}
.ItemViewReviewBlindOpen a:hover
{
    color:#ff7601;
    background-image:url('/Media/images/system/buttons/jump_to_top_orange.gif');
    background-position:140px 5px;
    background-repeat:no-repeat;
}

.ItemAddReviewBlindInner 
{
    float:left;
    width:400px;
    display:none;
    text-align:left;
    padding-left:10px;       
}

.ItemAddReviewBlindInner textarea {

    background-color: #F9F9F9;
    width: 340px;
    height: 65px;
    border: 1px #CCCCCC solid;
    font-family: arial;
    font-size: 0.9em;
    float: left;
}

/* 'List of reviews' area specific classes (we use a lot from  'Add your own review...' area ) */

#itemReviewsContainer 
{
    float: left; 
    width: 410px; 
    text-align: left;
}

.reviewContainer 
{       
    float: left; 
    width: 410px; 
    text-align: left;
}
.reviewerArea 
{
    width: 60px;
    text-align: left;
    float: left;
}
.reviewerArea .userImageReviewer
{
    border:1px solid #FFFFFF;
    width: 40px;
    height: 40px;
    float: left;
}
.reviewerArea .userImageReviewerHover
{
    border:1px solid #f1388f;
}
.reviewUsername 
{
    color: #434343;
    font-family: Arial;
    font-weight: bold;
    font-size: 0.6em;
    width: 40px;
    float: left;
    padding-top: 5px;
}

.reviewArea 
{
    float: left;
    width: 340px;
    text-align: left;
    font-family: Arial;
}

.reviewArea .reviewText 
{
    width: 340px;
    text-align: left;
    color: #000000;
    font-size: 0.75em;
    float: left;
}

.reviewArea .underText 
{
    width: 340px;   
    float: left;
    padding-top: 5px;
}

.reviewArea .underText .itemRatingTime 
{
    float: left;   
    color: #434343;
    font-size: 0.7em;
    width: 120px;
}

.reviewArea .underText .itemRating 
{
    float: right; 
    width: 180px; 
    font-size: 0.9em; 
    font-weight: bold; 
    text-align: right;
}



#ItemLoginLink 
{
    float:left;
    width:400px;
    text-align:left;
    margin-left:10px;   
    font-weight: bold;
    font-size: 0.7em;
    font-weight: bold;     
}
#ItemLoginLink a
{
    color: #000000;
}
#ItemLoginLink a:hover
{
    color: #ec008c;
}

.buttonsUnder
{
    padding-top: 2px;
    width: 400px;
    float: left;
}

.buttonsUnder .ratingContainer 
{
    padding-left: 52px; 
    float: left; 
    width: 170px; 
    font-size: 0.9em; 
    font-weight: bold; 
    padding-top: 8px; 
}

.buttonsUnder .formButtons 
{
    float: right; 
    width: 125px; 
    text-align: right; 
    padding-right: 3px; 
    padding-top: 5px;   
}

.reviewArea .reportThisArea 
{
    width: 340px;
    float: left;
    text-align: right;
    font-size: 0.6em;
    padding-top: 5px;
}

.reviewArea .reportThisArea a 
{
    color: #434343;
}

.reviewArea .reportThisArea a:hover
{
    color: #f1388f;
}



#MainContent .item
{
	position:relative;
	float:left;
	margin:6px;	
	width:115px;
	text-align:center;
	height:160px;
	overflow:hidden;
}

#MainContent span.itemtext 
{
	font-weight:bold;
	font-size:0.7em;
	clear:both;
	color:#000;

}

#MainContent span.itempreviousprice
{
	color:#ccc;
	text-decoration:line-through;	
	font-size:0.7em;

}

#MainContent span.itemprice
{
	color:#000;
	font-weight:normal;
	font-size:0.7em;

}
