|
Server : Apache/2.2.22 (Unix) mod_ssl/2.2.22 OpenSSL/1.0.0-fips mod_auth_passthrough/2.1 mod_bwlimited/1.4 System : Linux server.jackjohnson.com 2.6.32-279.5.2.el6.x86_64 #1 SMP Fri Aug 24 01:07:11 UTC 2012 x86_64 User : jackjohn ( 502) PHP Version : 5.3.17 Disable Function : NONE Directory : /home/jackjohn/public_html/cgi-bin/sc/templates/includes/ |
Upload File : |
#Crop Circles Include File - Copyright ShopSite inc. Design by Lauren
[-- IF VAR.PageType "page" --][-- VAR.Pound "" --][-- ELSE --][-- VAR.Pound "#" --][-- END_IF --]
html {height: 100%;}
body {height: 100%; padding: 0px; margin: 0px; text-align: center; background-color: #626660; background-image: url([-- ShopSite_Images --]/backgrounds/cropcircles/bg-gradient.gif); background-position: top center; background-repeat: repeat-y; color: [-- VAR.Pound --][-- VAR.TextColor --];}
body, div, p, span, li, td, a {font-family: [-- IF STORE.Font --][-- STORE.Font --], [-- END_IF --]Helvetica; font-size: [-- IF STORE.FontSize --][-- STORE.FontSize --][-- ELSE --]12px[-- END_IF --]; text-align: left;}
td > img {max-width: 655px;}
.nobr {white-space: nowrap;}
#header {
background-color: [-- VAR.Pound --][-- VAR.ActiveLinkColor --];
[-- IF VAR.BackgroundImage --]
[-- IF VAR.BackgroundImage "none" --]
background-image: url([-- ShopSite_Images --]/backgrounds/cropcircles/[-- VAR.HeaderImage --]);
[-- ELSE --]
[-- IF VAR.PageType "more" --]
background-image: url([-- OUTPUT_DIRECTORY_URL --]/media/[-- VAR.BackgroundImage --]);
[-- ELSE --]
background-image: url([-- VAR.BackgroundImage --]);
[-- END_IF --]
[-- END_IF --]
[-- ELSE --]
background-image: url([-- ShopSite_Images --]/backgrounds/cropcircles/[-- VAR.HeaderImage --]);
[-- END_IF --]
background-repeat: no-repeat; font-weight: normal; text-align: center; margin: 0px auto; font-size: 16px; color: #FFFFFF; height: 250px; width: 900px; padding: 0px;}
#header h1 {font-family: [-- IF STORE.Font --][-- STORE.Font --],[-- END_IF --]arial narrow; font-weight: normal; text-align: center; padding: 80px 0 0 0; margin: 0px auto; font-size: 60px; margin: 0px; color: #FFFFFF;}
#header h1 a {text-decoration: none; color: #FFFFFF;}
#toplinks {background-color: #000000; height: 45px; margin: 0px auto; width: 900px; padding: 0px; border: none;}
#toplinks a {line-height: 45px; color: #FFFFFF; text-decoration: none; margin: 0px; padding: 0px 10px; font-weight: bold; max-width: 180px; display: block;}
#toplinks a:hover {color: #FFFFFF; background-color: [-- VAR.Pound --][-- VAR.LinkColor --];}
#container {width: 900px; margin: 0px auto; padding: 0px; clear: both; min-height: 66%; background-color: [-- VAR.Pound --][-- VAR.BackgroundColor --];}
#columns {min-height: 500px; border-collapse: collapse; background-color: [-- VAR.Pound --][-- VAR.BackgroundColor --];}
span#ss_inv {display: block; font-weight: bold; line-height: 26px;}
span.ss_in_stock {color: green;}
span.ss_out_of_stock, span.ss_low_stock {color: red;}
#tabs {list-style-type: none; margin: 0px; float: left; padding: 0px; white-space: nowrap; width: 900px;}
li.tab {display: inline; float: left;}
#leftside {vertical-align: top; width: 200px; max-width: 200px; min-width: 200px; padding: 0 0 10px 0; background-color: [-- VAR.Pound --][-- VAR.VisitedLinkColor --];}
#search {width: 200px; min-width: 200px; height: 45px; line-height: 45px; text-align: center; background-color: #000000;}
#search input {margin: 10px 0 0 0;}
#leftlinks {margin: 0px; padding: 12px 0px;}
#leftlinks a {display: block; text-align: left; padding: 3px 10px; margin: 0px; text-decoration: none; color: [-- VAR.Pound --][-- VAR.TextColor --];}
div.left_pagelinks {margin-bottom: 20px;}
div.left_pagelinks a.left_pagetitle, div.left_pagelinks span.left_pagetitle {font-weight: bold;}
#lefttext {text-align: left; padding: 4px; margin: 0px;}
#payment_logos {text-align: center;}
table#email_signup {padding: 10px 5px; margin: 10px auto; border: 1px solid [-- VAR.Pound --][-- VAR.LinkColor --]; background-color: #[-- STORE.SC_ShadeColor --]; text-align: center; color: #[-- STORE.TextColor --];}
table#email_signup td {text-align: center; white-space: normal;}
table#newsletter_tbl {border-collapse: collapse; border-spacing: 0px; border: 0px; margin: 0px; padding: 0px;}
td#newsletter_field {padding-left: 5px;}
td#newsletter_field input {width: 100px;}
# span.pa_img, a.pa_img, .row_img a {display: block; max-width: 100%; text-align: inherit;}
# .pa_img img, .page_img img, .product_img img, div.prod_img img, .row_img a img {max-width: 100%;}
#newsletter_submit input {font-weight: bold; font-size: 90%; color: #[-- STORE.TextColor --]; background: transparent; border: 0px; padding: 0px; margin: 0px;}
#rightside {
vertical-align: top;
padding: 0 20px 10px 20px;
margin: 0px;
[-- IF VAR.PageType "page" --]
[-- IF VAR.SearchProductField --]
background-image: url([-- ShopSite_Images --]/backgrounds/cropcircles/searchcorner.gif);
background-repeat: no-repeat;
background-position: top left;
[-- END_IF --]
[-- ELSE_IF VAR.PageType "more" --]
[-- IF VAR.SearchProductField --]
background-image: url([-- ShopSite_Images --]/backgrounds/cropcircles/searchcorner.gif);
background-repeat: no-repeat;
background-position: top left;
[-- END_IF --]
[-- END_IF --]width: 100%;}
#rightside-noleft {min-height: 100%; width: 860px; margin: 0px; padding: 0 20px 10px 20px; clear: both;}
table.gcs_table {width: 100%; margin: 10px auto;}
table.gcs_table td {width: 33%; text-align: center;}
td#gcs_page, td#gcs_mi {padding: 8px; font-size: 1.5em; background-color: #[-- STORE.SC_ShadeColor --];}
#footer {text-align: center; background-color: [-- VAR.Pound --][-- VAR.ActiveLinkColor --]; width: 900px; clear: both; margin: 0px auto; padding: 30px 0px 40px 0px; color: #FFFFFF;}
#footer_pagelinks {clear: both; margin: 0px auto; padding: 0px; min-height: 120px;}
div.footer_pagelinks {width: 216px; height: 100px; float: left; clear: none; margin: 10px 0px; padding: 0px;}
div.footer_pagelinks a, div.footer_pagelinks span {display: block; padding: 2px 10px; text-align: left; text-decoration: none; color: [-- VAR.Pound --][-- VAR.TextColor --];}
div.footer_pagelinks .footer_pagetitle {font-weight: bold;}
a.fb_share, a.twtr_share {padding: 0px 4px 0px 0px;}
span.pin-it-button {display: inline-block; width: 45px; overflow: hidden;}
div.fb_share {display: inline-block; width: 95px; overflow: hidden;}
div.twtr_share {display: inline-block; width: 88px; overflow: hidden;}
div#plusone {display: inline-block; width: 75px; overflow: hidden;}
img.social_follow {float: right; padding: 0px 2px; border: 0px;}
.reviews-brief {font-size: 90%; white-space: nowrap; display: block;}
.reviews-brief div.reviews_stars {height: 20px; max-height: 20px; overflow: hidden; padding: 2px 0px;}
.reviews-brief span.reviews_stars_text, .reviews-brief span.review_product_name, .reviews-brief span.review_microdata_count, span.review_microdata_wrapper span.review_product_name, span.review_microdata_wrapper span.review_microdata_count, div.review span.review_product_name {display: none;}
.reviews-brief a, div#reviews-more a {text-decoration: underline;}
div#reviews-more span.reviews_stars_text {padding: 0px 6px 0px 0px;}
div#reviews-more {border-top: 1px solid #[-- STORE.Color1 --]; border-bottom: 1px solid #[-- STORE.Color1 --]; padding: 14px 0px; margin: 0px auto;}
div#reviews-more div.reviews_stars, div#reviews-more span.reviews_stars_text, div#reviews-more div.reviews_stars_wrapper, div#reviews-more div.reviews_count {display: inline-block; line-height: 20px;}
div#reviews-more div.reviews_stars_wrapper {height: 16px; max-height: 16px; overflow: hidden; padding: 0px; display: inline-block; width: 80px; position: relative; top: 3px;}
div#reviews-more h4 {padding: 22px 0px 4px 0px; margin: 0px; font-weight: bold;}
span.review_response_header {display: block; font-size: 80%; text-indent: 40px; color: #888}
span.review_response {display:block; margin-left: 40px; padding: 10px; background: #[-- STORE.TableShadeColor --]; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px}
span.review_title {font-weight: bold; padding: 0px 8px;}
div#reviews-more div.review {border-top: 1px solid #[-- STORE.Color1 --]; padding: 14px 0px;}
div#reviews-more span.review_author_text, div#reviews-more span.review_author, div#reviews-more span.review_date {line-height: 150%;}
#ss_mb {margin: 0px auto; text-align: center;}
#pagination {width: 150px; text-align: right; padding: 10px; margin: 0px; float: right;}
.clear {clear: both;}
.footer, .header, .buttons, .center {text-align: center;}
.right {text-align: right;}
table.cr_signin td {text-align: center;}
table.cr_signin td.email_pw, table.cr_signin td.email_pw_note {text-align: left;}
a.fb_button {margin: 0px auto;}
h1 {font-size: 200%; padding-top: 10px; margin-top: 0px; text-align: left; color: #000000; font-weight: normal;}
h2 {font-size: [-- IF STORE.FontSize --]160%[-- ELSE --]20px[-- END_IF --];font-weight: normal; color: [-- VAR.Pound --][-- VAR.LinkColor --];}
h3 {font-size: [-- IF STORE.FontSize --]140%[-- ELSE --]18px[-- END_IF --]; font-weight: bold; color: [-- VAR.Pound --][-- VAR.TextColor --];}
h4 {font-size: [-- IF STORE.FontSize --]120%[-- ELSE --]14px[-- END_IF --]; font-weight: bold; color: [-- VAR.Pound --][-- VAR.VisitedLinkColor --];}
h5 {font-size: [-- IF STORE.FontSize --][-- STORE.FontSize --][-- ELSE --]12px[-- END_IF --]; font-weight: bold; color: [-- VAR.Pound --][-- VAR.TextColor --];}
a, a:link, a:active {color: [-- VAR.Pound --][-- VAR.LinkColor --];}
a:hover {color: [-- VAR.Pound --][-- VAR.VisitedLinkColor --];}
.button, .pr_addtocart_button, .add, table.search_table input, .details, .gcs_addtocart_button, img.pcs_addtocart_button {background-color: [-- VAR.Pound --][-- VAR.VisitedLinkColor --]; margin: 0; padding: 0;}
div#proddetailfields div.details {background: #FFFFFF;}
#image1, #image2 {text-align: center;}
#texta, #textb {padding: 10px;}
/*Credits: Dynamic Drive CSS Library - URL: http://www.dynamicdrive.com/style/ */
.suckertreemenu ul{margin: 0; padding: 0; list-style-type: none;}
.suckertreemenu ul li{position: relative; display: inline; float: left;}
.suckertreemenu ul li:hover, .suckertreemenu ul li ul li {background-color: [-- VAR.Pound --][-- VAR.ActiveLinkColor --];}
.suckertreemenu ul li a {display: block; min-width: 90px; padding: 0px 8px; text-decoration: none; text-align: center; color: #FFF; white-space: nowrap;}
.suckertreemenu ul li ul {left: 0; position: absolute; top: 1em; display: block; visibility: hidden;}
.suckertreemenu ul li ul li{display: list-item; float: none;}
.suckertreemenu ul li ul li ul{left: 159px; top: 0;}
#toplinks .suckertreemenu ul li ul li a{display: block; width: 160px; text-decoration: none; padding: 0px 5px; border-bottom: 1px solid #000; height: 20px; line-height: 20px; text-align: left; font-weight: normal;}
* html p#iepara{padding-top: 1em;}
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
#toplinks .suckertreemenu ul li a:hover {background-color: [-- VAR.Pound --][-- VAR.LinkColor --];}
[-- IF STORE.SC_ShadeColor "FBB8BE" --]#toplinks .suckertreemenu ul li ul li a:hover {background-color: #[-- STORE.SC_VisitedLinkColor --];}
[-- END_IF --]
.clear {clear: both;}
#wishlist-container {[-- IF STORE.BackgroundColor "FFFFFF" --]border: 1px solid #EFEFEF; [-- END_IF --]width: 100%; max-width: [-- STORE.PageWidth --]; margin: 0px auto; padding: 20px; text-align: center; background: #FFFFFF; clear: both;}
#create_wishlist {display: inline-block; font-size: 90%; text-align: left; line-height: 150%; margin: 20px auto;}
div#wishlist-page {padding: 10px 20px; margin: 0px auto; text-align: center;}
div.ss_wl_sort {display: inline-block; float: left; clear: none; padding: 30px 10px 30px 0px; margin: 0px; line-height: 150%;} div.ss_wl_sort input {position: relative; top: -5px;}
div.wishlist-product {border-top: 1px solid #EFEFEF; padding: 10px 0px 30px 0px; margin: 0px; clear: both;}
div.wishlist-product:last-child {border-bottom: 1px solid #EFEFEF;}
div.wishlist-product-image {width: 20%; float: left; clear: none; padding: 0px; margin: 0px; text-align: center;}
div.wishlist-product-info {width: 46%; float: left; clear: none; padding: 0px; margin: 0px 1.9%; text-align: left;}
div.wishlist-product-options {width: 30%; float: left; clear: none; padding: 0px; margin: 0px; text-align: left;}
div.wishlist-lists {display: inline-block; clear: both; padding: 10px; margin: 0px auto;}
span.wl-privacy {display: block; position: relative; top: -5px; font-size: 90%; opacity: 0.7; filter:alpha(opacity=70); font-style: italic;}
span.wl-comment {display: block; position: relative; top: -5px;}
span.loop-wishlist {white-space: nowrap; display: block; font-size: 90%; color: gray; text-align: left; padding: 10px 0px; margin: 0px;}
span.loop-wishlist a {display: block; clear: both;}
form.wl_prod_info input[type="submit"] {margin-right: 10px;} div.ss_wl_comment a {font-size: 90%;}
div.wl-form-box {display: inline-block; margin: 0px auto; padding: 10px 0px; text-align: left;}
div.wishlist_search {padding: 30px 0px 0px 0px;}
span.date-added {display: block; opacity:0.8; filter:alpha(opacity=80); font-size: 96%;}
div.ss_wl_edit_info, span.review_product_name, span.reviews_stars_text {display: none;}
div#wishlist-share {display: inline-block; float: right; clear: none;}
div.ss_wl_fbshare, div.ss_wl_twshare, div.ss_wl_gpshare {display: inline-block;}
div.ss_wl_Box {text-align:left; white-space: nowrap; padding: 0px; margin: 5px 0px; width: 200px; max-width: 250px; position: relative; outline: none; cursor: pointer; clear: both; display: none; z-index: 200;}
div.ss_wl_Lists {overflow: hidden; clear: both; cursor: default; position: absolute; display: none;}
span.ss_wl_List {display: block;} span.ss_wl_Label {cursor: pointer;}
span.ss_wl_Label {display: inline-block; clear: none; padding: 6px 0px; text-align: left; color: #[-- STORE.LinkColor --]; background: transparent; overflow: hidden; font-size: 90%;}
span.ss_wl_Button img, span.ss_wl_Button {z-index: 2;}
div.ss_wl_Box div.ss_wl_Lists {top: 28px; left: 0px; width: 100%; overflow: visible;}
div.ss_wl_ChooseLists {border-bottom: 1px solid #CCC;}
span.ss_wl_List {padding: 4px 8px; margin: 0px; font-size: 90%; text-align: left; background: #FEFEFE; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC;}
span.wl_priv {margin-left: 4px; padding-right: 8px; font-size: 70%; opacity:0.8; filter:alpha(opacity=80);}
span.ss_wl_List:hover {background: #EFEFEF;}
div.ss_wl_Lists span.ss_wl_List:last-child {border-bottom: 1px solid #CCC; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -moz-border-bottom-left-radius: 8px; -moz-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px;}
div.ss_wl_Lists span.ss_wl_List:first-child {border-top-right-radius: 8px; -moz-border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px;}
.unused-text-button {display: block; padding-top: 40px; font-size: 90%;}
.basic-text-link a, form.wl_prod_info a {font-size: 80%;}
.ss_wl_view_info a {font-size: 90%;}
.ss_wl_view_info {font-size: 90%;}
div.ss_wl_priority option[value="2"], .wishlist-Medium .ss_wl_view_info, .yellow, .ss_wl_priority2 {color: orange;}
div.ss_wl_priority option[value="3"], .wishlist-High .ss_wl_view_info, .red, .ss_wl_priority3 {color: red;}
div.ss_wl_priority option[value="1"], .wishlist-Low .ss_wl_view_info, .green, .ss_wl_priority1 {color: green;}
.wishlist-Medium .ss_wl_view_info span.ss_wl_info_text, .wishlist-High .ss_wl_view_info span.ss_wl_info_text, .wishlist-Low .ss_wl_view_info span.ss_wl_info_text {color: #[-- STORE.TextColor --];}
form.wl_prod_info a {display: block; padding-top: 8px;}
div.clear {clear: both; padding: 0px; margin: 0px;}
div.details {display: block; padding: 0px 0px 20px 0px; margin: 0px;}
div.details img {max-width: 100%;}
div#pr-video {height: 0px; width: width-value; padding-top: (svg height / svg width) * width-value; position: relative; width: 100%; height: 0; padding-top: 60%; position: relative;}
div#pr-video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
div.vidpad {height: 20px; min-height: 20px; padding: 0px; margin: 0px; clear: both;}
######## Error Messages ##################
table.ups_error, table.inv_err {margin: 0px auto; padding: 0px; border-collapse: collapse; border-spacing: 0px; border: 1px solid #CCC; background: #[-- STORE.FieldWarnShadeColor --];}
table.ups_error td, table.inv_err td {vertical-align: middle; text-align: left; padding: 10px; background: #[-- STORE.FieldWarnShadeColor --]; color: #[-- STORE.FieldWarnHighlightColor --];}
table.ups_error td:first-child, table.inv_err td:first-child {border-right: 1px solid #CCC;}
.notice {display: block; width: 80%; text-align: center; padding: 20px 0px; margin: 0px auto; border: 1px solid #CCC; background: #[-- STORE.FieldWarnShadeColor --]; color: #[-- STORE.FieldWarnHighlightColor --];}
div.reviews_stars_wrapper{overflow:hidden;height:16px;position:relative;max-height:16px;display:inline-block}
div.reviews_stars_background,div.reviews_stars_rating{position:absolute;top:0px;left:0px;}
div.reviews_stars_rating{overflow:hidden}