/* root font-size */
html { font-size: 10px; }

/* the trade profile general definintions */
#trade-profile { width: 100%; border-top: 0.1rem solid #c1c1c1; margin: 0 0 0 0; padding: 1rem 0 2rem 0; font-size: 1.6rem; background-color: #ffffff; border-bottom: 1px solid #c1c1c1;  }
#trade-profile-inner { width: 970px; margin: auto; }

/* list styles */
#trade-profile ul { font-size: 1.6rem;}
#trade-profile li { font-size: 1.6rem;}
#trade-profile p { font-size: 1.6rem;}

/* titles and links */
#trade-profile a{font-size: 1.6rem; }
#trade-profile h1 { font-size: 2.3rem; font-weight: bold; -moz-border-radius: 0.5rem; margin:0 0 0.5rem 0; padding: 1rem; color: #00447c; }
#trade-profile h3 { font-weight: normal; margin:0 0 1rem 0; padding: 0; font-size: 1.6rem; border-bottom: 0.1rem solid #00447c; color: #00447c; }
#trade-profile h2{ margin:0 0 1rem 0; padding: 1rem; font-weight: bold; font-size: 1.6rem; color: #00447c;  }
#trade-profile h2 span.green { color: green;}
#trade-profile h2 span.red { color: red;}
#trade-profile h4{ margin:0; padding: 0; font-weight: bold; font-size: 2rem; color: #ffca95; }

/* breadcrums */
#trade-profile #breadcrumbs{ font-size: 1.4rem; margin:0; padding:0.4rem 1rem 0.5rem 1rem; }


#trade-profile #breadcrumbs ol{ margin: 0; padding:0; list-style: none; }
#trade-profile #breadcrumbs li{ float: left; text-align: left; margin: 0; padding:0; list-style: none; }
#trade-profile #breadcrumbs li.clearer{ clear: both; float: none; height: 0; background: none; }

#trade-profile #breadcrumbs span{ padding: 0 15px 0 5px; background: url(/images/arrow_right.gif) no-repeat center right; }
#trade-profile #breadcrumbs span.first{ padding: 0 15px 0 0; }
#trade-profile #breadcrumbs span.final{ background: none;  }

#trade-profile #breadcrumbs a {font-size: 1.4rem; }
#trade-profile #breadcrumbs a.no-click { color: #c1c1c1; text-decoration: none; pointer-events: none; cursor: default; }



/* the left part of the profile  */
#trade-profile #profile-left { margin: 1rem 0 0 0; padding: 2rem; float: left; width: 710px; border: 1px solid #c1c1c1; border-radius: 1rem; box-sizing: border-box;  }
#trade-profile #profile-left #profile-summary { margin: 0; padding:1rem; }
#trade-profile #profile-left #profile-summary #member-info {float:left; width: 370px; padding: 0 0 1rem 0; }
#trade-profile #profile-left #profile-summary #member-info div.pos-comments{color:green; font-weight: bold; }
#trade-profile #profile-left #profile-summary #top-trades { margin: 0 0 0 410px; }

#trade-profile #profile-left #profile-summary #member-info #location { line-height: 1.6rem; margin: 0 0 0.6rem 0; padding: 0 0 0 22px; background: #fff url(/images/icons/pin.png) no-repeat top left; }
#trade-profile #profile-left #profile-summary #member-info #feedback { line-height: 1.6rem; margin: 0 0 0.6rem 0; padding: 0 0 0 22px; background: #fff url(/images/icons/comments.png) no-repeat top left; }
#trade-profile #profile-left #profile-summary #member-info #membership { line-height: 1.6rem; margin: 0 0 0.6rem 0; padding: 0 0 0 22px; background: #fff url(/images/icons/date.png) no-repeat top left; }
#trade-profile #profile-left #profile-summary span.el{  }

#trade-profile #profile-left #profile-summary #top-trades ul { margin:0 0 0 3rem; padding:0; }
#trade-profile #profile-left #profile-summary #top-trades li { margin:0; padding:0; }

/* the splash box */
#trade-profile #profile-left #splash-box{ border-radius: 0.5rem; margin: 1rem; padding: 2rem; background-color: #0057ae;}
#trade-profile #profile-left #splash-box #message { border-radius: 0.5rem; padding: 0; margin: 0;  }
#trade-profile #profile-left #splash-box #message #request-quote{ margin: 0; text-align: left; }
#trade-profile #profile-left #splash-box #message #request-quote a { display: inline-block; padding: 1rem 3rem 1rem 3rem; background: #008000; border: 1px solid #009f00; border-radius: 0.5rem; color: #fff; font-size: 1.8rem; }
#trade-profile #profile-left #splash-box #message .detail{ padding: 1rem 0 1rem 0; color: #fff; }

#trade-profile #profile-left #about { padding: 0 1rem 1rem 1rem; }
#trade-profile #profile-left #about h2 { margin:0.5rem 0 0.5rem 0; padding:0.5rem 0 0.5rem 0; border-bottom: 0.1rem solid #c1c1c1; }
#trade-profile #profile-left #about #profile-picture { float: left; width: 120px; height: 100%; }
#trade-profile #profile-left #about #about-text{ margin-left: 120px; }

#trade-profile #profile-left #history{ padding: 0 1rem 1rem 1rem; }
#trade-profile #profile-left #history h2 { margin:0.5rem 0 0.5rem 0; padding:0.5rem 0 0.5rem 0; border-bottom: 0.1rem solid #c1c1c1; }

#trade-profile #profile-left #qualifications{ padding: 0 1rem 1rem 1rem; }
#trade-profile #profile-left #qualifications h2 { margin:0.5rem 0 0.5rem 0; padding:0.5rem 0 0.5rem 0; border-bottom: 0.1rem solid #c1c1c1; }

#trade-profile #profile-left #example-images { padding: 1rem; }
#trade-profile #profile-left #example-images h2 { margin:0.5rem 0 0.5rem 0; padding:0.5rem 0 0.5rem 0; border-bottom: 0.1rem solid #c1c1c1; }
#trade-profile #profile-left #example-images div.image-holder { float:left; padding: 0 1rem 1rem 0; }

#trade-profile #profile-left #feedback { margin:0 0 1rem 0; padding: 0;  }
#trade-profile #profile-left #feedback .rating{ -moz-border-radius: 0.5rem; border-radius: 0.5rem; background: #dfefff; margin: 1rem 0 1rem 0; padding: 1rem 1rem 1rem 1rem; font-style:italic; }
#trade-profile #profile-left #feedback .thumb-up{ }
#trade-profile #profile-left #feedback .thumb-down{ }
#trade-profile #profile-left #feedback .feedback-date { margin: 1rem 1rem 0 1rem; }
#trade-profile #profile-left #feedback .neg{ color: red; font-weight:bold; }
#trade-profile #profile-left #feedback .pos{ color: green; font-weight:bold;}
#trade-profile #profile-left #feedback .neu{ color: grey; font-weight:bold; }

#trade-profile #profile-left #answers {}
#trade-profile #profile-left #answers .answer{ margin: 0 0 1rem 0; padding: 1.5rem; background: #f1f1f1; border-radius: 1rem; }
#trade-profile #profile-left #answers .question{margin:0; padding:0 0 1rem 0; }
#trade-profile #profile-left #answers .answer-text{}

#trade-profile #profile-left #whyuseus{ margin: 0 0 1rem 0; }
#trade-profile #profile-left #whyuseus ul { list-style:none; margin:0; padding:0; }
#trade-profile #profile-left #whyuseus li { -moz-border-radius: 0.5rem; border-radius: 0.5rem; border: 1px solid #c1c1c1; padding: 1rem 1rem 1rem 28px; margin: 1rem 0 1rem 0; background: #f1f1f1 url(/images/tick.gif) no-repeat 0.5rem 12px;  }

/* the right part of the profile  */
#trade-profile #profile-right { margin: 20px 0 0 770px; }


#trade-profile #profile-right #howitworks{ margin: 0 0 1rem 0; }
#trade-profile #profile-right #howitworks div{ padding: 0; margin: 0 0 1rem 0; position: relative; }
#trade-profile #profile-right #howitworks div.arrow{ padding: 0; position: absolute; bottom: -30px; left: -20px;  }

#general-footer-outer { }

/* styles for small screens */
@media screen and (max-width: 600px) {
    html { font-size: 10px; }
    h1 { text-align: left; }
    #page-container{width: 100%; border:none; }
    #header{ display:none; }
    #slider-menu{ display:none; }
    #trade-profile { border-top: none;  }
    #trade-profile #trade-profile-inner { width: 100%; }
    #trade-profile #profile-right { margin:0;  }
    #trade-profile #profile-left { width: 100%; float:none; border:none; padding:0;  }
    
    #trade-profile #profile-left #about #about-text{ margin-left: 0; }
	
	#trade-profile #profile-left #example-images div.image-holder { padding: 2px; width: 33.3%;  box-sizing: border-box; }
	#trade-profile #profile-left #example-images div.image-holder img{ width: 100%; height:auto; border: 1px solid #c1c1c1; box-sizing: border-box; }
    
    #trade-profile #breadcrumbs{ display:none;}
    #trade-profile #profile-left #profile-summary #member-info  { width:100%; float: none; }
	
    #trade-profile #profile-left #profile-summary #top-trades  { width:100%; margin:0; }
	#trade-profile #profile-left #feedback { padding: 0 1rem 0 1rem;  }
    
    #trade-profile #profile-left #splash-box #message #request-quote a { }
}