#############################################
# Write A Review Template
# Copyright ShopSite Inc. Design By Lauren
#############################################
[-- DEFINE PAGE --][-- VAR.Type "page" --][-- VAR.Secure "no" --]
[-- INCLUDE Bootstrap-VARs-Theme.sst PROCESS --]
[-- INCLUDE Bootstrap-VARs-DOCTYPE.sst PROCESS --]
<style type="text/css">
 body {padding: 0px 0px 50px 0px; margin: 0px; text-align: center; background: [-- PAGE.BackgroundColor --];}
 body, td {font-family: [-- IF STORE.Font --][-- STORE.Font --][-- ELSE --]arial[-- END_IF --]; font-size: [-- IF STORE.FontSize --][-- STORE.FontSize --][-- ELSE --]12px[-- END_IF --]; color: [-- PAGE.TextColor --];}
 h1 {margin: 0px; padding: 0px 0px 14px 0px; font-size: 150%;}
 a {color: [-- PAGE.LinkColor --];} a:hover {color: [-- PAGE.VisitedLinkColor--];} a:active {color: [-- PAGE.ActiveLinkColor --];}
 .bold, .Bold {font-weight: bold; font-size: 110%;} .small, .Small {font-size: 96%;} .Bold .small {font-weight: normal;}
 div.logo_area {clear: both; text-align: center}
 div.logo_area, div.reviews_form {background: #FFF; width: 100%; max-width: 600px; margin: 0px auto;}
 div.logo_area img {max-width: 80%; margin: 0px auto; padding: 10px 0px 0px 0px; display: block}
 div.reviews_form {position: relative; display: block; clear: both; text-align: left; padding: 14px}
 div.reviews_form form {text-align: center}
 div.reviews_form form > div {text-align: left}
 h4.review_header {float: left; clear: both}
 em {color: blue;} .field_warn {color: red;} input.field_warn, select.field_warn {border: 1px solid red; padding: 3px; background: #FFEFEF;}
 .reviews_count, .review_product_name {display: none;}
 div.character_count {padding-bottom: 20px; font-size: 92%;}
 h4 {padding-top: 0px !important; padding-bottom: 0px !important; display: inline-block !important; padding-right: 10px !important; min-width: 40%; font-size: 100% !important; text-align: right}
 div.character_count h4 {font-size: 92%; font-weight: normal; padding-right: 6px; display: inline-block;}
 div.character_count a {font-weight: bold; color: green; display: inline-block;}
 textarea.reviews_area {width: 400px; height: 100px; padding: 8px; font-family: verdana; font-size: 96%;}
 input.reviews_submit {line-height: 150%; font-size: 110%;}
 .product-name {display: block; font-weight: bold;}
 .product-price {padding: 10px 0px;}
 div.review_name_field {margin-top: 10px}
 h4 {padding: 22px 0px 4px 0px; margin: 0px; font-weight: bold;}
 div.review {padding: 14px 0px;}
 span.review_author_text, span.review_author, span.review_date {line-height: 150%;}
 button.reviews_close_window {clear: both; margin: 0px 0px 0px 10px; white-space: nowrap;}
 span.review_title {font-weight: bold; padding: 0px 8px;}
 div.reviewimage img {max-width: 94%; max-height: 200px; margin-left: 6%; border: 1px solid #[-- STORE.Color2 --]}
 div.reviews_stars, span.reviews_stars_text, div.reviews_stars_wrapper, div.reviews_count {display: inline-block; line-height: 20px;}
 div.reviews_stars_wrapper {height: 16px; max-height: 16px; overflow: hidden; padding: 0px; display: inline-block; width: 80px; position: relative; top: 3px;}
 div.reviews_stars_wrapper:before {display: none !important}
 div.reviews_form span.reviews_stars_text {display: inline-block !important; min-width: 40%; text-align: right; padding-right: 10px}
 div.reviews_form div.reviews_stars {display: block !important; text-align: left; width: 100% !important}
 div.reviews_form div.reviews_stars_wrapper {margin-left: 8px !important}
 div.reviews_form div.reviews_stars_background, div.reviews_form div.reviews_stars_rating {position: relative !important}
 div.reviews_form div.reviews_stars_rating {top: -20px !important}
 div.reviews_form div.review div.reviews_stars {max-width: 80px !important; display: inline-block !important}
 div.reviews_form div.review div.reviews_stars_wrapper {margin-left: 0px !important; margin-bottom: 4px !important}
 button.reviews_close_window {clear:left; display:block; margin-top: 20px !important; margin-left: 0px !important}
 textarea.reviews_area {margin: 0px 5%; width: 90%;}
 em {display: none !important}
 div.reviews_suggestions {font-size: 80%; margin: 10px 5%;}
@media (max-width: 450px) {div.reviewname {width: 100% !important} div.reviewproduct{display: none}}
</style>
[-- INCLUDE Bootstrap-Two-Head.sst PROCESS --]
</head>
<body>
[-- IF STORE.UseCompanyLogo --][-- IF STORE.CompanyLogo --]<div class="logo_area">[-- STORE.CompanyLink --]</div>[-- END_IF --][-- END_IF --]
[-- IF Page.NumProducts 0 --]
<div class="error">[-- STORE.ReviewsNoProductsFound --]</div>
[-- ELSE --]
[-- LOOP PRODUCTS --][-- PRODUCT rv_BootProductReview.sst --][-- END_LOOP PRODUCTS --]
[-- END_IF --]
<link rel="stylesheet" type="text/css" href="[-- OUTPUT_DIRECTORY_URL --]/publish/bootstrap-two.min.css">
</body>
</html>
[-- END_DEFINE PAGE --]