@charset "utf-8";
/* CSS Document */

#title { border-bottom:4px solid #94BA2E; margin-top:5px;}
#title h1 { margin:0px; padding:0px; font-size:22px; color:#94BA2E; float:left; width:490px; line-height:1em; padding-bottom:5px; }


#title .socialstuff { float:right; width:175px; padding-top:0px; }
#title .socialstuff  .around_likes { float:right; width:75px; }
#title .socialstuff  .around_tweets { float:right; width:100px; }

#mainsplash { margin-top:15px; min-height:190px;}

#imgintro { width:220px; float:left; margin-right:15px;  }
#textintro { width:435px; float:left; }

#imgintromainpicture img { border:4px solid #A5CE37; }

/* info in verdict spot */
.verdict { font-size:14px; }
.imgandintro2_A1 { padding:10px 0px 0px 0px; font-size:14px; }
.imgandintro2_A2 { padding:2px 0px 0px 0px; font-size:14px; }
.imgandintro2_AV1 {padding:10px 0px 0px 0px; font-size:14px; }
.tags { padding:10px 0px 15px 0px; }

.judgement1 {border-bottom:1px solid #A8CF3F; font-size:12px; color:#94BA2E; font-weight:bold; }
.judgement2 { padding:5px 0px 15px 0px; }

.classgreen {  border-bottom:1px solid #8AAE2B; color:#82A428; }
.classred {  border-bottom:1px solid #CD4125; color:#CD4125; }
.classknow {  border-bottom:1px solid #3E73A8; color:#3E73A8; }

.imgandintro2_AV1 a,
.imgandintro2_A2 a {  color:#81A228; text-decoration:none; }
.imgandintro2_AV1 a:hover,
.imgandintro2_A2 a:hover { color:#94BA2E; text-decoration:underline;}

/* related box */

#related { margin-top:3px; }
#aroundrelatedul { border:1px solid #8CB529; padding:0px 0px; }
#related .insiderow { border-bottom:1px dotted #DAEDD3; 
padding:7px 0px; background:#FDFDFD; font-size:11px; font-family:arial;
line-height:1.3em;}


#related .title { font-size:12px; font-weight:bold;  
font-family:arial; background:url(../assets/bgleftrelated.jpg); 
color:#fff; background-repeat:no-repeat; 
padding:7px 10px; }

#aroundrelatedul ul { list-style-type:none; margin:0px; padding:0px; margin:2px 0px; }
#aroundrelatedul li { list-style-type:none; margin:0px; padding:0px; padding:5px 0px; border-bottom:1px dotted #A7D342; margin:0px 9px; }
#aroundrelatedul li.last { border-bottom:0px dotted #A7D342; }

#aroundrelatedul a { color:#83A72B; text-decoration:none; }
#aroundrelatedul a:hover { color:#83A72B; text-decoration:underline; }

#showimg { text-align:center; }
.quote { color:#999; font-size:12px; font-family:arial; }

#aroundthemaincols {  position:relative;  }

#middle a { color:#83A72B; text-decoration:none; font-size:12px; font-weight:bold; }
#middle a:hover { color:#8AB429; text-decoration:underline; font-size:12px; }

/* specs */
#specs { padding:15px 0px; }
#specs .title { font-weight:bold; font-size:18px; font-family:arial; color:#444;  border-bottom:1px solid #8DB433; padding-bottom:4px; margin-bottom:8px; line-height:20px;}

.surroundspec { border-bottom:1px dotted #A7D342; padding:8px 0px;}
.surroundspec .leftspec { font-weight:bold; float:left; width:150px;}
.surroundspec .rightspec {font-weight:normal; float:left; width:300px; }
.aroundshop {  padding:15px 0px;}

#userreviews h2 { font-weight:bold; font-size:18px; font-family:arial; color:#444;  border-bottom:1px solid #8DB433; padding-bottom:4px; margin-bottom:8px; line-height:20px;}
#reviewit h2 { font-weight:bold; font-size:18px; font-family:arial; color:#444;  border-bottom:1px solid #8DB433; padding-bottom:4px; margin-bottom:12px;  line-height:20px;}

#userreviews {  margin:40px 0px 40px 0px;}

/* ratings */
.surroundR { border-bottom:4px solid #fff; }
.surroundR .leftR { float:left; width:80px; font-weight:bold;}
.surroundR .rightR {float:left; width:380px;  }
.surroundR .nameemail { padding-top:4px; }
.ratings { border-bottom:8px solid #fff;  *border-bottom:1px solid #fff; *height:25px;}
.sellC0 { font-size:12px; font-family:arial; width:300px; }
.tellne { font-size:12px; font-family:arial; width:302px; }

#showthumbnailstoenlarge { margin:10px 0px 0px 0px; }
#showthumbnailstoenlarge img { width:90px; height:80px; }
#showthumbnailstoenlarge  a { }
#showthumbnailstoenlarge  a:hover  { }
#showthumbnailstoenlarge .image1 { float:left; width:90px;  margin:0px 15px 0px 3px;}
#showthumbnailstoenlarge .image2 { float:left; width:90px; }

.note { color:#999; font-size:11px; margin:0px; padding-top:10px;  }

.competitions h2 {font-size:14px; font-weight:bold; color:#444444;  }
.grey  { border:4px double #ddd; }

