/*@import url("fensons_reset.css");*/ /* ======== GENERAL TAGS ====================================================== */ body { background-color: #F5F5F3; color: #333; font: 78%/130% Verdana, Arial, Helvetica, sans-serif; margin: 0; position: relative; } /* ======== COLUMN 4 - BANNERS ====================================================== */ #col4 { position: absolute; top: 15px; left: 850px; width: 120px; height: 250px; padding: 0; margin: 0;} .banr { margin: 0 0 5px 0; text-align: left; } .banr span { text-transform: uppercase; font-size: 70%; text-align: right; color: #999;} .banr img { } /* ======== SITE STRUCTURE ====================================================== */ #siteholder { background-color: #fff; border: 7px solid #fff; margin: 0; padding: 0; text-align: left; width: 830px; } #header { position: relative; height: 125px; background: #fff url("/shop/images/custom/gr/header/blue_grass.jpg") no-repeat; border-bottom: 1px solid #333; } #announcement { display: none; text-align: center; font-size: 90%; background-color: #FFFFCC; background: url(/shop/images/custom/gr/bg6.gif) repeat-x; border-top: 1px solid #000; border-bottom: 1px solid #666; padding: 4px 0; } #main { background-color: #fff; margin: 0; padding: 0; position: relative; } #main_top { clear: both; background-color: #00233F; padding: 0; } #main_top_content { margin-left: 155px; background-color: #F5F5E6; padding: 2px 0 2px 10px; font-size: 95%; height: 17px;} #main_top_content .name { color: #000; } #main_top_content a { color: #666; } #centre { margin-left: 160px; width: 500px; padding-top: 5px;} #currency_option { float: right; font-size: 95%; margin: 0 10px 0 0; } #currency_option form { margin: 0; padding: 0;} #currency_option select { font-size: 85%; } #welcome_notice { float: right; margin-left: 120px; font-size: 90%; } #leftside { float: left; width: 155px; } #leftside_content { background: url("/shop/images/custom/gr/bg_leftside.png") repeat-x; margin: 0; padding: 0; font-size: 90%;} #rightside { float: right; text-align: center; width: 150px; } #rightside_content { font-size: 0.9em; margin: 0; padding: 0 0 15px 0; } #footer { border-top: 5px solid #ECECE6; clear: both; margin: 35px 0 0 0; padding: 10px 10px 30px 10px; } #footer_content { font-size: 0.8em; text-align: left; } #footer a { color: #666; } #footer #ssl_icon { float: left; padding-right: 20px;} #footer_links, #footer_links a { color: #FFFAFA; font-size: 85%; } /* ======== HEADER SECTION ====================================================== */ #header {} #logo { position: absolute; top: 20px; left: 7px; z-index: 1000; width: 135px; height: 100px; background: url("/shop/images/custom/gr/header/logo2.png") center no-repeat; } #logo a { display: block; width: 125px; height: 100px; } #FAXlogo { display: none; } #FAXtitle { display: none; } #order_by_phone { position: absolute; top: 40px; right: 9px; width: 225px; height: 36px; background: url("/shop/images/custom/gr/header/order_by_phone2.gif") right no-repeat; text-align: right; } #order_by_phone a { display: block; width: 188px; height: 36px; } #order_by_phone_spanish { display: none; position: absolute; top: 76px; right: 9px; background-color: #1C3850; font-size: 0.9em; padding: 0 5px; border-right: 54px solid #1A354F; filter: alpha(opacity=80); -moz-opacity:0.80; opacity: 0.80;} #order_by_phone_spanish span { filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } #order_by_phone_spanish a { display: inline; width: auto; height: auto; color: #fff; filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } #tell_a_friend { display: none; position: absolute; top: 50px; right: 10px; padding-left: 20px; background: url("/shop/images/custom/gr/tell_a_friend.gif") 0 center no-repeat; } #tell_a_friend a { color: #fff; font-size: 85%; } #tell_a_friend .daisy { background: url("/shop/images/custom/gr/daisy4.jpg") no-repeat; padding: 0 100px 25px 0; } #search { position: absolute; bottom: 3px; right: 10px; padding: 0; color: #fff; } #search input.field { border-width: 1px; border-style: solid; border-color: #000 #ccc #666 #333; width: 150px; } #search input.button { border: 0; vertical-align: bottom; } /* ======== HEADER SECTION: Language choices ====================================================== */ #language { position: absolute; top: 5px; left: 150px; width: 180px; } #language a { display: block; float: left; font-size: 90%; list-style: none; margin: 0; } #language a.en, #language a.fr { padding: 0 5px; color: #fff; } #language a.en:hover, #language a.fr:hover { color: #fff; } #language a.chosen { color: #9CC5ED; text-decoration: none; display: none; } #language a.chosen:hover { color: #9CC5ED; } /* ======== HEADER SECTION: Shopping cart elements ====================================================== */ #cart_elements { position: absolute; top: 5px; right: 10px; width: 500px; font-size: 85%; text-align: right; color: #fff; } #cart_elements a { color: #fff; padding-top: 1px;} #cart_elements .cart { padding-left: 20px; background: url("/shop/images/custom/gr/bag_green.gif") no-repeat; } #cart_elements .cust_care { padding-left: 20px; background: url("/shop/images/custom/gr/cust_care_icon.png") 0 center no-repeat; } #cart_elements .tell_a_friend { padding-left: 20px; background: url("/shop/images/custom/gr/tell_a_friend.gif") 0 center no-repeat; } #tabs { display: none } /* ======== MAIN TOP - Could use for announcements! ====================================================== */ /* ======== MAIN SECTION: Center Column ====================================================== */ #centre a { color: #629BFB; } #centre #cols { background-color: #FBFBF7; display: table-cell; float: none; width: 100%; } #centre #cols .col1 { float: left; width: 40%; padding: 0 20px 20px 20px; } #centre #cols .col2 { float: left; width: 40%; padding: 0 0 20px 30px; border-left: 1px dotted #666; } #centre h1 { font-size: 1.4em; border-bottom: 1px dotted #ccc; margin-top: 15px; } #centre h3 { font-size: 1.2em; padding: 10px 0; margin: 0; font-weight: bold; } #centre #centre_content { font-size: 95%; margin: 0; padding: 0 10px 5px 5px; } #centre #centre_content h4 { font-size: 110%; padding: 0; margin: 15px 0 0 0; font-weight: bold; } /* ======== MAIN SECTION: Center Column (HOME PAGE) ====================================================== */ #homepage_services { border-top: 10px solid #f6f6f6; margin-top: 15px; font-size: 90%; line-height: 120%; padding-top: 10px; color: #999; } #homepage_services td { padding: 0 5px; vertical-align: top; } /* ======== MAIN SECTION: Center Column CURRENCY OPTION ====================================================== */ #currency_option table { width: 100%; font-size: 90%; } #currency_option .col1 { } #currency_option .col2 { width: 88%; } /* ======== MAIN SECTION: leftside (Leftside) ====================================================== */ #leftside_nav { width: 95%; padding: 5px 0; margin: 0 auto; border: 0; font-size: 95%; } #leftside_nav h1 { color: #fff; font-size: 100%; border-bottom: 1px solid #000; margin: 5px 0 0 0; padding-left: 5px; text-transform: uppercase; background: url("/shop/images/custom/gr/bg.png") repeat-x; } #leftside_nav h1 a { text-transform: none; font-weight: normal; text-decoration: underline; float: right; color: #fff; padding-right: 4px; } #leftside_nav h2 { font-size: 100%; margin: 0px 0 0 10px; border-bottom: 1px solid #ccc; } #leftside_nav h2 a { padding-left: 0px; text-decoration: none; } #leftside_nav a { color: #333; display: block; padding-left: 10px; } #leftside_nav a:hover { color: #800000; background-color: #fff; } #leftside_nav .indent { margin-left: 15px; background: url("/shop/images/custom/gr/bullet_grey.png") 0 6px no-repeat; } /* ======== MAIN SECTION: RightHand Side (Mini Cart) ====================================================== */ #rightside a { color: #629BFB; } #rightside #madeincanada { display: block; width: 71px; height: 71px; background: url("/shop/images/custom/gr/made_in_canada4.gif") no-repeat; margin: 10px auto; } #rightside #madeincanada a { display: none; } #rightside .vacation_notice { xdisplay: none; background-color: #F00; color: #fff; text-align: left; padding: 5px; } #rightside .ship_worldwide { border-bottom: 1px solid #ccc; padding: 15px 10px 10px 10px; color: #333; xbackground-color: #F5F5E6; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 110%; } #rightside .email_signup { margin-top: 10px; font-size: 95%; text-align: left; padding: 35px 5px 0 5px; background: url("/shop/images/custom/gr/envelope3.png") 5px 0 no-repeat; } #rightside .email_signup input { font-size: 90%; } #rightside .flat_rate_shipping { background: url("/shop/images/custom/gr/flat_fee_shipping5.png") no-repeat; width: 104px; height: 104px; border: 0; margin: 0 auto; } #rightside .flat_rate_shipping a { display: block; width: 104px; height: 104px; } #minicart { margin: 0; padding: 0 0 10px 0px; text-align: left; background-color: #F5F5F3; } #minicart a { color: #629BFB; } #minicart h1 { font-size: 100%; color: #888; border-bottom: 1px solid #ccc; margin: 0 0 5px 0; padding: 5px 1px 1px 20px; font-weight: bold; background: url("/shop/images/custom/gr/bag_green.gif") 2px center no-repeat; background-color: #fff; } #minicart h2, h3, h4 { margin: 0; padding: 0 0 0 5px; font-size: 100%; font-weight: normal; } #minicart h3 { font-size: 90%; padding: 0 0 0 10px; color: #666; } #minicart h4 { border-top: 1px solid #ccc; margin-top: 5px; padding: 5px 0 10px 5px;} #minicart input { padding: 10px 0 0 5px; } #minicart .line { margin: 2px 0; } /* ======== MAIN SECTION: Content: Product Page ====================================================== */ #prod { width: 100%; padding: 0; margin-top: 0px;} #prod #prod_img_cell { width: 240px; vertical-align: top; } #prod_img_cell #prod_img { width: 225px; height: 250px; background-color: #FFF; border-bottom: 5px solid #f6f6f6; margin: 0 auto; } #prod_img_cell #prod_img_caption { text-align: center; padding-top: 10px; } #prod_img_cell #prod_img_caption img { border: 1px solid #ccc; margin: 0 1px; } #prod_img_cell .get1free { width: 70%; margin: 20px auto; font-size: 90%; border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 10px; background: url("/shop/images/custom/gr/bg_get1free.gif") repeat-x; } #prod_img_cell .get1free span { text-transform: uppercase; font-weight: bold; } #prod_img_cell .discount_promo { width: 88%; margin: 20px auto; font-size: 100%; background-color: #F4FBD0; border-top: 1px dotted #000; border-bottom: 1px dotted #000; padding: 10px 5px; background: url("/shop/images/custom/gr/bg_get1free.gif") repeat-x; font-family: Arial, Helvetica, sans-serif; } #prod_img_cell .discount_promo span { text-transform: uppercase; font-weight: bold; } #prod #prod_details_cell { width: *; vertical-align: top; } #prod_details_cell h1 { font-size: 140%; margin-top: 0; } #prod_details_cell #prod_desc { font-size: 95%; } #prod_details_cell #prod_desc ul { margin-left: 10px; padding-left: 10px; } #prod_details_cell #prod_desc h1 { font-size: 100%; font-weight: bold; color: #629BFB; border: 0; } /* VALUE PACKS DETAILS */ #prod_details_cell #prod_desc h3 { font-size: 100%; font-weight: bold; color: #629BFB /*#000*/; padding: 0; } /* SAVINGS DETAILS */ #prod_details_cell #prod_desc h4 { font-weight: bold; color: #629BFB; padding: 10px 0 0 0; } /* NUMBER OF UNITS PER PACK */ #prod_details_cell #prod_desc h6 { display: none; } /* KEYWORDS */ #prod_details_cell .prod_label { font-weight: bold; } #prod_details_cell #prod_number { padding-top: 5px; border-top: 1px dotted #ccc; margin-top: 10px; font-size: 90%; } #prod_details_cell #prod_colors { font-size: 90%; } #prod_colors .color_box { display: block; float: left; width: 20px; height: 20px; border: 1px solid #000; margin-right: 5px; } #prod_colors .white { background-color: #FFF; } #prod_colors .black { background-color: #000; } #prod_colors .gray { background-color: #C0C0C0; } #prod_colors .red { background-color: #CC0000; } #prod_colors .pink { background-color: #FFCCFF; } #prod_colors .orange { background-color: #FFCC99; } #prod_colors .maize { background-color: #FFFFCC; } #prod_colors .green { background-color: #CCFFCC; } #prod_colors .army_green { background-color: #353F3E; } #prod_colors .blue { background-color: #8CCAF3; } #prod_colors .navy { background-color: #000066; } #prod_colors .denim_blue { background-color: #5357AD; } #prod_colors .heather_gray { background-color: #FFF; background: url("/shop/images/custom/gr/products/athletic_gray_colour.jpg")} #prod_colors .charcoal { background-color: #777; } #prod_colors .print { background-color: #FFF; background: url("/shop/images/custom/gr/products/print_colour.jpg")} #prod_price { clear: left; padding-top: 10px; } #prod_price .price { font-size: 110%; color: #629BFB; font-weight: bold; } #prod_options { padding-top: 10px; clear: left; } #prod_options select { font-family: Arial, Helvetica, sans-serif; font-size: 90%; border-width: 1px; border-style: solid; border-color: #ccc #ccc #666 #ccc; background-color: #fff; } /* ======== BUTTONS ====================================================== */ .cart_buttons { float: right; clear: both; margin: 25px 0 45px 0; } .buttons { margin: 15px 0; } .buttons span { display: none; } /* ADD TO BAG button */ a.button_addtobag { display: block; height: 21px; float: left; width: 105px; background: url("/shop/images/custom/gr/buttons/english/addtobag.gif") top no-repeat; margin: 5px 5px 5px 0;} a.button_addtobag:hover { background-position: bottom; } /* CHECKOUT button */ a.button_checkout { display: block; height: 21px; float: left; width: 106px; background: url("/shop/images/custom/gr/buttons/english/checkout.gif") top no-repeat; margin: 5px 5px 5px 0;} a.button_checkout:hover { background-position: bottom; } /* CONTINUE button */ a.button_continue { display: block; height: 21px; width: 89px; background: url("/shop/images/custom/gr/buttons/english/continue.gif") top no-repeat; margin: 5px 5px 5px 0;} a.button_continue:hover { background-position: bottom; } /* SUBMIT ORDER button */ a.button_submit_order { display: block; height: 21px; float: right; width: 134px; background: url("/shop/images/custom/gr/buttons/english/submitorder.gif") top no-repeat; margin: 15px 5px 5px 0;} a.button_submit_order:hover { background-position: bottom; } /* EXPRESS CHECKOUT button */ a.button_express_checkout { display: block; height: 21px; float: right; width: 160px; background: url("/shop/images/custom/gr/buttons/english/express_checkout.gif") top no-repeat; margin: 15px 5px 5px 0;} a.button_express_checkout:hover { background-position: bottom; } /* CONTINUE SHOPPING button */ a.button_keepshopping { display: block; height: 21px; float: left; width: 115px; background: url("/shop/images/custom/gr/buttons/english/keep_shopping.gif") top no-repeat; margin: 5px 5px 5px 0;} a.button_keepshopping:hover { background-position: bottom; } /* UPDATE button */ a.button_update { display: block; height: 21px; float: left; width: 90px; background: url("/shop/images/custom/gr/buttons/english/update.gif") top no-repeat; margin: 5px 5px 5px 0;} a.button_update:hover { background-position: bottom; } /* USE THIS ADDRESS button */ a.button_use_this_address { display: block; height: 18px; float: left; width: 100px; background: url("/shop/images/custom/gr/use_this_address.png") top no-repeat; margin: 5px 5px 5px 0;} a.button_use_this_address:hover { background-position: bottom; } /* SET AS DEFAULT button */ a.button_set_as_default { display: block; float: left; height: 18px; width: 86px; background: url("/shop/images/custom/gr/set_as_default.png") top no-repeat; margin: 5px 5px 5px 0;} a.button_set_as_default:hover { background-position: bottom; } /* MODIFY button */ a.button_modify { display: block; height: 18px; float: left; width: 53px; background: url("/shop/images/custom/gr/modify.png") top no-repeat; margin: 5px 5px 5px 0;} a.button_modify:hover { background-position: bottom; } /* BACK button */ a.button_back { display: block; height: 18px; width: 45px; background: url("/shop/images/custom/gr/back.png") top no-repeat; margin: 5px 5px 5px 0;} a.button_back:hover { background-position: bottom; } /* DELETE button */ a.button_delete { display: block; height: 18px; float: left; width: 53px; background: url("/shop/images/custom/gr/delete.png") top no-repeat; margin: 5px 5px 5px 0;} a.button_delete:hover { background-position: bottom; } /* SIGN IN button */ a.button_signin { display: block; height: 21px; width: 70px; background: url("/shop/images/custom/gr/signin.png") top no-repeat; margin: 5px 5px 5px 0;} a.button_signin:hover { background-position: bottom; } /* REGISTER button */ a.button_register { display: block; height: 21px; width: 71px; background: url("/shop/images/custom/gr/register.png") top no-repeat; margin: 5px 5px 5px 0;} a.button_register:hover { background-position: bottom; } /* ADD NEW ADDRESS button */ a.button_add_new_address { display: block; float: right; height: 21px; width: 136px; background: url("/shop/images/custom/gr/buttons/english/add_new_address.gif") top no-repeat; margin: 0 5px 0 0;} a.button_add_new_address:hover { background-position: bottom; } /* ======== CONTACT US table ====================================================== */ #contact_us { width: 100%; margin: 20px auto; background-color: #FBFBF7; padding: 10px; font-size: 95%;} #contact_us .col1 { width: 100px; padding-left: 10px; } #contact_us input,select,textarea { font-size: 105%; } textarea { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; } /* ======== SIZE CHARTS ====================================================== */ table.sizechart { width: 95%; padding: 2px; xmargin: 0 auto; } table.sizechart td { border-bottom: 1px solid #ccc; } table.sizechart tr.odd { background-color: #FBFBF7; } table.sizechart tr.even { background-color: #fff; } table.sizechart h3 { margin: 0; padding: 0; text-align: left; color: #4685CA; } table.sizechart .leftcol { width: 200px; text-align: left; font-weight: bold; } table.sizechart .data { width: 100px; text-align: center; } table.sizechart .sizes { width: 75px; } /* ======== BROWSING PRODUCTS pages ====================================================== */ #browse { width: 100%; padding: 0; } #browse td { text-align: center; color: #666; vertical-align: top; } #browse .image { width: 145px; height: 145px; border: 1px solid #ccc; margin: 0 auto; background-color: #fff;} #browse .image img { border: none; } #browse .name { font-size: 90%; width: 145px; margin: 0 auto; padding-top: 3px; line-height: 120%; } #browse .price { font-size: 90%; } #browse .bc1, .bc2, .bc3 { width: 33%; padding-bottom: 15px; } #browse .pgs_container { font-size: 0.8em; color: #666; text-align: right; padding-right: 12px; } #browse .pgs_container a { margin-right: 10px; } #browse .pgs_container .pgs { border: 1px solid #ccc; margin: 0 1px; padding: 2px 5px; text-decoration: none; background-color: #FFF; color: #000;} /* ======== MISC STUFF ====================================================== */ p { margin: 0 0 8px 0; } form { margin: 0; padding: 0; } form input.button { border: 0; } .line { height: 1px; border-bottom: 1px dotted #ccc; margin: 10px 0; } #breadcrumbs { padding: 5px 0 5px 8px; margin: 0 0 15px 0; text-transform: capitalize; border-bottom: 1px solid #ddd; font-size: 90%; } #breadcrumbs li { list-style: none; display: inline; background: url("/shop/images/custom/gr/bullet_grey.png") 0 center no-repeat; padding: 0 3px 0 10px; } #breadcrumbs a { color: #629BFB; } x#breadcrumbs li:before { content: "\00BB \0020"; color: #666; } .alert, .messageStackError, .messageStackWarning { width: 80%; background: #fff6bf url("/shop/images/custom/gr/exclamation.png") 15px center no-repeat; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; } .info { width: 80%; background: #f8fafc url("/shop/images/custom/gr/information.png") 15px 50% no-repeat; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #b5d4fe; border-bottom: 2px solid #b5d4fe; } .success, .messageStackSuccess { width: 80%; background: #F7FCB1 url("/shop/images/custom/gr/accept.png") 15px 50% no-repeat; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #DAEB0A; border-bottom: 2px solid #DAEB0A; } .highlight { color: #FF3300;} .small { font-size: 85%; } .fineprint { font-size: 85%; color: #777; line-height: 125%; } .infobox { padding: 0; border: 1px solid #ff3366;} /* ======== TAX TABLE BREAKDOWN ====================================================== */ table#taxes_breakdown { padding: 0; border: 0; font-size: 90%; } table#taxes_breakdown td { border-bottom: 1px dotted #ccc; padding: 0; } table#taxes_breakdown th { border-bottom: 1px solid #ccc; padding: 0 5px 0 0; font-weight: normal; vertical-align: bottom; } /* ======== TELL A FRIEND PAGES ====================================================== */ #tell-a-friend { width: 400px; background-color: #fff; color: #333; xfont: 78%/130% Verdana, Arial, Helvetica, sans-serif; margin: 10px; padding: 10px;} #tell-a-friend table { background-color: #f6f6f6; width: 100%; padding: 10px; } #tell-a-friend h1 { font-size: 130%; } #tell-a-friend h3 { font-size: 115%; } #tell-a-friend .small { font-size: 80%; } #tell-a-friend .daisy { background: url("/shop/images/custom/gr/daisy4.jpg") no-repeat; padding: 0 0 10px 110px; } #tell-a-friend .line { height: 1px; border-bottom: 1px dotted #ccc; margin: 10px 0; } /* ======== MISC ====================================================== */ .red { color: #FF3300; } .small_90 p { font-size: 90%; line-height: 135%; }