/************************* Website Designed and Built By Nicola MacLaren @ Bee Web Design www.beewebdesign.co.uk *************************/ @font-face { font-family: 'BebasNeueRegular'; src: url('BebasNeue-webfont.eot'); src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('BebasNeue-webfont.woff') format('woff'), url('BebasNeue-webfont.ttf') format('truetype'), url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } body { margin:0px; padding:0px; background:#ffffff url("bg-top.jpg") repeat-x; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; } /* Main Containers */ #wrapper { width:993px; margin:0px auto 0px auto; padding:0; } #header { position:relative; height:206px; margin-bottom:8px; background:url('header-bg.png') no-repeat; width:993px; margin-top:10px; z-index:999; } #content { position:relative; width:993px; } #logo { position:absolute; top:55px; left:15px; } #header_contact { position:absolute; top:0px; right:0px; width:330px; font-size:30px; font-family:'BebasNeueRegular', Arial, sans-serif; color:#FFFF99; } #header_contact a { color:#FFFF99; } #contact { font-size:18px; color:#15185b; position:absolute; top:30px; left:367px; } .spanish { position:absolute; top:40px; right:195px; } #header-nav { position:absolute; top:45px; right:5px; color:#ffffff; } #header-nav a { color:#ffffff; padding:0px 5px; font-size:11px; font-weight:normal; } #securitylogos { position:absolute; top:0px; left:380px; width:300px; } #godaddyseal { position:absolute; top:27px; left:0px; } #othersecuritylogos { position:absolute; top:39px; right:20px; } #cart-summary { position:absolute; top:70px; right:10px; padding:6px 4px; width:250px; color:white; } #cart-summary h3 { margin:0; padding:0; font-family:'BebasNeueRegular', Arial, sans-serif; font-size:25px; font-weight:normal; color:white; } #cart-summary a { font-family:'BebasNeueRegular', Arial, sans-serif; font-size:18px !important; font-weight:normal; color:white; } .carticon { float:left; width:55px; height:100px; } a.checkoutlink:link, a.checkoutlink:visited, a.checkoutlink:active { color:#ffcc00 !important; } a.checkoutlink:hover { } #socialmediabuttons { position:absolute; top:5px; left:370px; } #socialmediabuttons img { padding:0px 5px; } #securelogos { position:absolute; top:0px; right:230px; } #quick-search { position:absolute; top:163px; right:10px; z-index:9999999; } .searchinput { background:url('search-bg.png') no-repeat; width:272px; height:30px; line-height:30px; padding:1px 5px; border:none; font-size:18px; font-family:'BebasNeueRegular', Arial, sans-serif; color:#999; } #header_img { position:absolute; top:95px; left:400px; } /* Mega Menu styles */  #mega-menu { height: 61px; margin: 0 0px 10px 0px; width:900px; position:absolute; top:150px; left:0px; }  #mega-menu ul { list-style-type:none; padding:0; margin:0; text-align: center; float: left; position: relative; } #mega-menu ul li { display:block; float:left; list-style:none; margin:0; padding:0; position:relative; }  #mega-menu ul li a, .navigation-bar ul li a:visited { color: #EFEFEF; display: block; float: left; font-size: 20px; line-height: 60px; /*padding: 0px 23px 0px 23px;*/ padding:0 14px 0 14px; text-align: center; background: url('separator.png') right no-repeat;  margin-top:-2px; font-family: 'BebasNeueRegular'; } #mega-menu ul li a:hover { color: #FFCC00; text-decoration: none; } #mega-menu { z-index:999999; } #mega-menu ul { list-style-type:none; } #mega-menu ul li#last { } /* Used to style hover/selected action on top level links */ #mega-menu ul li a.sel:link,  #mega-menu ul li a.sel:visited,  #mega-menu ul li a.sel:active { color: #FFCC00; text-decoration: none; } /* Drop Down Box */ #mega-menu ul li div { position:absolute; top: 48px; text-align:left; display:none; border:1px solid #999; background:#fff url('grey-grad.jpg') repeat-x left bottom; padding:10px; width:768px; z-index:9999999; } #mega-menu ul li div div{ text-align:left; display:block; position:relative; top:0px; width:100%; } .lastMenudiv { right:0px; } #mega-menu ul li div ul { width:180px; float:left; margin:0px 5px 0px 0px; } #mega-menu ul li div ul.last { border-right:none; margin-right:0px; } #mega-menu ul li div ul li { float:none; background:none; padding:3px 0px; border-right:none; } #mega-menu ul li div ul li a { color:#333333; font-size:12px; text-align:left; float:none; padding:0px; height:auto; line-height:normal; background:none; font-family:Arial, Helvetica, sans-serif !important; } #mega-menu ul li div ul li a:hover, .navigation-bar ul li div ul li a:visited { color:#ff8000; background:none; text-decoration:none; }  /* Styles for each row of links */ #mega-menu ul li div .row { clear:both; height: 1%; overflow: hidden;	 background:none; border:none; } /* Used to overwrite id's styles */ a.dropheading { padding:5px 10px !important; margin:0px 0px 0px 0px !important; height:auto !important; line-height:normal !important; display:block; background:#efefef !important; font-weight:bold; text-transform:uppercase; } a.droplink, a.dropfooter { color:#333 !important; background:none !important; margin-left:12px !important; display:block; } a.droplink:hover, a.dropfooter:hover { color:#ff8000 !important; } /* end mega menu */ #left { width:190px; float:left; } #rightColumn { width:332px; float:right; padding-top:15px; } #center { width:775px; float:left; padding:0px 10px; min-height:400px; height:auto !important; height:400px; } #center-home { min-height:480px; height:auto !important; height:480px; width:977px; padding:0px 0px 0px 5px; } .content_top { background:url('content-bg-top.png') no-repeat; width:970px; height:17px; } .content_repeat { background:url('content-middle.png') repeat-y; width:776px; padding:5px 10px 5px 10px; position:relative; z-index:10; min-height:650px; height:auto !important; height:650px; } .content_btm { background:url('content-btm.png') no-repeat; width:786px; height:13px; position:relative; z-index:10; } .left_search { padding:10px; } #footer { text-align:center; width:100%; height:459px; background:url('footer-bg-new.jpg') repeat-x bottom; padding-top:20px; } #footer-inner { width:977px; margin:0px auto; padding:0px 0px; margin-bottom:3px; position:relative; text-align:center; } .footer_col1, .footer_col2 { float:left; text-align:left; } .footer_col3 { float:right; text-align:left; } .footer_col1 {	width:360px; } .footer_col2 { width:240px; margin-left:15px; } .footer_col3 { width:340px; } .footer_col1 h3, .footer_col2 h3, .footer_col3 h3 { color:#15185b; font-size:25px; font-weight:normal; font-family:'BebasNeueRegular', Arial, sans-serif; padding:0; margin:0; } .footer_col1 ul, .footer_col2 ul, .footer_col3 ul { list-style-type:none; margin:0; padding:0 } .footer_col1 li, .footer_col2 li, .footer_col3 li { line-height:250%; } .footer_col2 li { line-height:200%; } .footer_col1 a:link, .footer_col1 a:visited, .footer_col1 a:active, .footer_col2 a:link, .footer_col2 a:visited, .footer_col2 a:active, .footer_col3 a:link, .footer_col3 a:visited, .footer_col3 a:active { color:#15185b; font-size:12px; } .linksleft { float:left; } .linksright { float:right; padding-right:20px !important; margin-right:25px !important; border-right:1px solid #ccc;} .footer_info_box { background:url('credit-card-bg.jpg') no-repeat; width:336px; height:175px; padding:5px 0 2px 10px; margin-top:55px; } .footer_subheading { font-size:25px; font-family:'BebasNeueRegular', Arial, sans-serif; color:#15185b; } .footer_largetext, .footer_largetext a:link, .footer_largetext a:visited, .footer_largetext a:hover, .footer_largetext a:active { font-size:55px; color:#1f2489; font-family:'BebasNeueRegular', Arial, sans-serif; } .footer_subsubheading { font-size:20px; font-family:'BebasNeueRegular', Arial, sans-serif; color:#15185b; } .socialmedia {  bottom:-45px;  right:18px; position:absolute;  z-index:0; } #left-corner { position:absolute; top:0px; left:-66px; width:66px; height:148px; background:url('left-corner.jpg') no-repeat; } #right-corner { position:absolute; top:0px; right:-66px; width:66px; height:148px; background:url('right-corner.jpg') no-repeat; } /* Sections */ .section-box { width:180px; background:url('section-box-bg.jpg') repeat-x left bottom; text-align:center; padding:0px; border:1px solid #ccc; min-height:210px; height:auto !important; height:210px; } .section-box-product { border:1px solid #E0DCD1; padding:5px; min-height:140px; height:auto !important; height:140px; position:relative; } .section-prod-img { float:left; text-align:center; margin-right:10px; min-height:145px; height:auto !important; height:145px; width:160px; } .section-img {  padding:5px;  } a.section_moreinfolink:link, a.section_moreinfolink:visited, a.section_moreinfolink:active { background:url('more-info-bg.jpg') no-repeat; display:block; width:136px; height:31px; color:#ffcc00; font-size:20px; font-family:'BebasNeueRegular', Arial, sans-serif; line-height:31px; text-align:center; margin-bottom:7px; font-weight:normal; margin:0 auto; } a.section_moreinfolink:hover { color:white; } /* New Section Layout - 2 columns */ .section_container { float:left; width:236px; border:1px solid #ddd; padding:5px; margin:0px 7px 10px 0; text-align:center; -moz-box-shadow: 2px 2px 2px #ccc; /* Firefox */ -webkit-box-shadow: 2px 2px 2px #ccc; /* Safari, Chrome */ box-shadow: 2px 2px 2px #ccc; /* CSS3 */ } .section_container:hover { border:1px solid #15185b; } .section_img { margin:10px 0; } .section_content a:link, .section_content a:visited, .section_content a:active { color:#15185b; } .section_content a:hover { color:#1f2489; } .section_content_height { min-height:100px; height:auto !important; height:100px; } .section_content p { text-align:left; } /* Ice Rink Tarps Product Fragment Layout */ .icerink_container { position:relative; } .icerink_content { float:left; width:500px; } .icerink_content h2 { font-size:30px; color:#ff8000; } .icerink_content p { } .icerink_img { float:right; width:410px; position:relative; } .icerink_img_inner { padding:5px; border:1px solid #ddd; background:url('icerink-img-bg.jpg') repeat-x bottom; -moz-box-shadow: 2px 2px 2px #ddd; /* Firefox */ -webkit-box-shadow: 2px 2px 2px #ddd; /* Safari, Chrome */ box-shadow: 2px 2px 2px #ddd; /* CSS3 */ } .icerink_saveimg { position:absolute; top:-45px; right:-45px; } #icerink_features { border:1px solid #ddd; background:url('icerink-img-bg.jpg') repeat-x bottom; -moz-box-shadow: 2px 2px 2px #ddd; /* Firefox */ -webkit-box-shadow: 2px 2px 2px #ddd; /* Safari, Chrome */ box-shadow: 2px 2px 2px #ddd; /* CSS3 */ padding:5px; width:500px; } #icerink_features img { border:1px solid #ddd; margin:5px 5px 0 5px; } /* End */ /* Product Video Fragment */ .product_fragment_video { float:left; width:95px; border:1px solid #ddd; margin:5px 10px 5px 0; -moz-box-shadow: 2px 2px 2px #ccc; /* Firefox */   -webkit-box-shadow: 2px 2px 2px #ccc; /* Safari, Chrome */   box-shadow: 2px 2px 2px #ccc; /* CSS3 */  } .product_fragment_img { text-align:center; } .product_fragment_content { float:right; width:160px; } /* End */ .alsobought-box { border:1px solid #ccc; width:180px; background:url('section-box-bg.jpg') repeat-x left bottom; text-align:center; padding-bottom:5px; margin-bottom:14px; border:1px solid #15185b; float:left; } .frag_box { float:left; background:white; padding:12px 3px; text-align:left; margin:4px; width:180px; } .frag_box h2 { color:#15185b; } .frag_box_img { height:105px; } .featuredh2 { font-size:35px; color:#333333; margin:0; padding:0; } .container_top {  background: url('hp-content-bg-top.png') no-repeat; width:980px; height:17px; } .hp_middle { background:url('hp-middle.png') repeat-y; width:980px; padding-left:15px; position:relative; z-index:10; } .hp_padding { padding:0 25px 0 0; } .hp_btm { background:url('hp-btm.png') no-repeat; width:980px; height:13px; position:relative; z-index:10; } .hp_middle p { padding-bottom:0; margin-bottom:0; } .welcomerfragtop {  background: url('welcome-top.png') no-repeat; width:600px; height:17px; } .welcomerfragtop_middle { background:url('welcome-middle.png') repeat-y; width:600px; padding-left:15px; position:relative; z-index:10; } .welcomerfragtop_btm { background:url('welcome-btm.png') no-repeat; width:600px; height:13px; position:relative; z-index:10; } .welcomefrag_container { float:left; width:600px; } .videofrag_container { float:right; width:371px; } .videofrag_top {  background: url('videofrag-top.png') no-repeat; width:371px; height:17px; } .videofrag_middle { background:url('videofrag-rpt.png') repeat-y; width:371px; padding-left:15px; position:relative; z-index:10; } .videofrag_btm { background:url('videofrag-btm.png') no-repeat; width:371px; height:13px; position:relative; z-index:10; } .videofrag_middle p, .welcomerfragtop_middle p { line-height:150%; margin:0; padding:0; } .read-more a:link, .read-more a:visited, .read-more a:active, .read-less a:link, .read-less a:visited, .read-less a:active { background:url('btn-bg.png') no-repeat; width:100px; height:32px; text-align:center; line-height:32px; font-family:'BebasNeueRegular', Arial, sans-serif; color:white; display:block; float:right; font-size:18px; margin-right:25px; } .read-more a:hover, .read-less a:hover { color:#ffcc00; text-decoration:none; } .prod_container_top { background:url('tarps-hr.png') no-repeat; width:970px; height:45px; } .prod_middle { background:url('purops-bk.png') repeat-y; width:970px; padding-left:15px; position:relative; z-index:10; } .prod_btm { background:url('purops-bot.png') no-repeat; width:970px; height:13px; position:relative; z-index:10; } .prod_box { width:440px; float:left; border:1px solid #ccc; padding:5px; margin:10px; text-align:left; position:relative; } .prod_img1 { float:left; width:100px; padding-right:5px; } .prod_content { float:left; width:230px; } .stamp { position:absolute; top:-20px; left:-15px; } .yousave { position:absolute; top:-10px; right:-9px; z-index:0; } .ouprice { font-size:20px; font-weight:normal; color:#D56A00; font-family:'BebasNeueRegular', Arial, sans-serif; } .prod_qty { font-family:'BebasNeueRegular', Arial, sans-serif; font-size:18px; margin-top:10px; color:#999; } .prod_qty input { border:1px solid #ccc; padding:5px; font-family:'BebasNeueRegular', Arial, sans-serif; font-size:18px; } .prod_buy { margin-top:10px; padding-top:20px; padding-right:5px; float:right; width:100px; position:relative; z-index:1; } .productname  { padding:3px 5px; text-align:left; } .product_img_s { border-left:1px solid #ccc;  padding:3px 5px; } .product_list_content { text-align:center; } .product_list_content_heading { text-align:center; color:white; padding:5px; } .prod_left { float:left; width:365px; } * html .prod_left { margin:0px; padding:0px; width:378px; } .prod_right { float:right; width:365px; text-align:center; border:1px solid #E0DCD1; padding:3px; } * html .prod_right { margin:0px; padding:0px; } .offerflag { position:absolute; top:10px; right:10px; z-index:9; } .rrpprice { font-size:16px; } .prod_price { font-size:18px; padding:0px; margin:8px 0px; } #deliverystyle { margin:15px 0px 0px 0px; } .prod_img { width:340px; margin-right:2px; text-align:center; position:relative; padding:15px 4px 25px 25px; } * html .prod_img { margin:0px; padding:0px; } #zoomicon { position:absolute; left:5px; bottom:2px; } .thumb-img { border: 1px solid #E0DCD1; width:86px; height:90px; text-align:center; float:left; margin:5px 3px 0px 0px; } .product_bookmarking { border:1px solid #E0DCD1; width:340px; height:25px; padding:3px; margin:10px 0px; } * html .product_bookmarking { margin:0px; padding:0px; } .alsobought { float:left; border:1px solid #E0DCD1; margin:2px 5px 3px 0px; width:105px; text-align:center; padding:3px; } ul { list-style-type: disc; padding-left: 0px; margin: 3px; margin-left:20px; } /* Custom Made Tarps Product Layout  Styles */ ul.tabs { border-bottom: 1px solid #F1EDEA; float: left; height: 35px; list-style: none; margin: 0; padding: 0; width: 508px; } ul.tabs li { background: #DCDBD8; float: left; height: 35px; line-height: 35px; margin: 0; margin-bottom: -1px; margin-right: 5px; overflow: hidden; position: relative; text-align: center; width: 120px; } ul.tabs li a { color: #333333; display: block; font-size: 12px; outline: none; text-decoration: none; text-transform: uppercase; letter-spacing:0px; font-weight:600; } ul.tabs li a:hover { background: #DCDBD8; } .active { background: #F1EDEA; } html ul.tabs li.active, html ul.tabs li.active a:hover { background: #F1EDEA; margin-right: 5px; width: 120px; } .tab_container { background: #F1EDEA; border-top: none; clear: both; float: left; overflow: hidden; width: 508px; } .tab_content { font-size: 13px; padding: 10px; } .c_prod_img { float:left; width:425px; background:#F1EDEA; padding:7px; text-align:center; } .c_prod_social { text-align:center; margin:12px auto; } .c_prod_content { float:right; width:508px; } .c_prod_content h1 { margin:10px 0 0 0; padding:0; color:#1f2489; font-size:35px; font-weight:normal; } .c_prod_table { width:170px; float:left; } .c_prod_table td { padding:0 10px 10px 0; } .c_prod_line { background:url('c-line.png') repeat-x; width:489px; height:2px; margin:10px 0; } .c_prod_price { float:right; width:275px; font-size:35px; font-weight:normal; font-family:'BebasNeueRegular', Arial, sans-serif; padding-top:15px; text-align:right; } .c_squarefoot { font-family:Arial, Helvetica, sans-serif; font-weight:bold; } .c_alsobought { background:#F7F4F2; padding:5px; width:100%; margi-top:15px; }	 .c_alsobought_item { background:#DCDBD8; padding:5px; text-align:center; text-transform:uppercase; font-weight:600; font-size:12px; float:left; width:170px; margin:5px 8px; color:#333333; line-height:150%; min-height:190px; height:auto !important; height:190px; } .c_alsobought h2 { font-weight:normal; font-size:35px; } .c_alsobought_name { min-height:30px; height:auto !important; height:30px; margin-bottom:10px; display:block; } .c_prod_swatches a:link, .c_prod_swatches a:visited, .c_prod_swatches a:hover, .c_prod_swatches a:active { display:block; width:30px; height:30px; text-align:center; } .c_prod_swatch_title { font-weight:600; text-transform:uppercase; font-size:12px; } .productwidthtable { width:478px; background:#DCDBD8; padding:5px; border:none; position:relative; } .calculate_btn { border:1px solid white; background:#333333; color:white; font-weight:600; text-transform:uppercase; padding:3px 7px; font-size:12px; } .calculate_input { background:url('calculate-input-bg.png') no-repeat; width:51px; height:34px; text-align:center; border:none; line-height:30px; } .updated_price { font-family:'BebasNeueRegular', Arial, sans-serif; font-weight:normal; font-size:20px; color:#15185b; } .proudlymade { position:absolute; bottom:0px; right:0px; } .calculator_heading { font-weight:600; text-transform:uppercase; font-size:12px; } .cart_btn { text-align:right; } .c_thumb { width:99px; height:80px; text-align:center; float:left; margin:5px 9px 15px 0px; } /*End */ #product_features{  margin-bottom: 10px; margin-top: 10px; background: #ECECEC; border: solid 1px #CCCCCC; color: #333; padding: 5px 5px 5px 5px; width: 610px; list-style:none; clear:both; float:left; } #product_features h2{  color: #4F6475; font-size: 19px; font-weight: normal; } #product_features_body{  margin-bottom: 10px; margin-top: 10px; color: #333; padding: 5px; width: 200px; font-size: 11px; line-height: 13px; float:left; } #product_features_body_img{  margin-bottom: 10px; margin-top: 10px; padding: 0px; float:right; } #product_feature_icon ul{  padding: 0px; margin: 0px; left:0px; list-style:none; list-style-type: none; clear:both; } #product_feature_icon li { float:left; margin: 0px; padding:0px 0px 0px 0px; list-style-type: none;} #product_feature_icon li a { display:block;  } #product_feature_icon li a span { display:block; text-indent:-9999px; } #product_feature_icon li#product_icon1 a { width:45px; background:url("") no-repeat top left; } #product_feature_icon li#product_icon2 a { width:45px; background:url("") no-repeat top left; } #product_feature_icon li#product_icon3 a { width:45px; background:url("") no-repeat top left; } #product_feature_icon li#product_icon4 a { width:45px; background:url("") no-repeat top left; }                                 #product_feature_icon li#product_icon5 a { width:45px; background:url("") no-repeat top left; }                                  #product_feature_icon li#product_icon6 a { width:45px; background:url("") no-repeat top left; } #product_feature_icon li#product_icon7 a { width:45px; background:url("") no-repeat top left; } #product_feature_icon li#product_icon8 a { width:45px; background:url("") no-repeat top left; }                                 /***********/                                  #HeaderlineNewDesign{ width: 970px; } #HeaderlineNewDesignLeft { width: 320px; float:left; padding-right: 10px; } #HeaderlineNewDesignLeft img{ border: solid 7px #D6D6D6; float:left; margin-bottom: 10px; margin-right: 5px; } a.videobtn:link, a.videobtn:visited, a.videobtn:active { background:url('viewvideo-btn-bg.jpg') no-repeat; width:328px; height:50px; font-size:20px; color:white; text-align:center; line-height:50px; display:block; font-family:'BebasNeueRegular', Arial, sans-serif; } a.videobtn:hover { color:#ffcc00; } #HeaderlineNewDesignLeftVideo { padding: 4px; background: #fff; border: solid 1px #CCCCCC; color: #333; width: 305px; font-size: 12px; font-weight: normal; -moz-box-shadow: 2px 2px 2px #ccc; /* Firefox */   -webkit-box-shadow: 2px 2px 2px #ccc; /* Safari, Chrome */   box-shadow: 2px 2px 2px #ccc; /* CSS3 */  position:relative; } .youtubeicon { position:absolute; top:-50px; right:0px; } .youtubeicon img { border:none !important; } .HeaderlineNewDesignLeftVideo_h3 { background: #FFCC00; color: #fff; padding: 5px; width: 305px; font-size:25px; font-weight: normal; margin: 0px; font-family:'BebasNeueRegular', Arial, sans-serif; } #HeaderlineNewDesignLeftVideoText { margin-top: 7px; background: #fff; border: solid 1px #CCCCCC; color: #333; width: 315px; font-size: 12px; font-weight: normal; } #HeaderlineNewDesignLeftVideoText p{ padding: 5px; float:left; width: 200px; } #HeaderlineNewDesignLeftVideoText img{ padding-top:5px; float:right; border: solid 1px #fff; } #HeaderlineNewDesignRight { float:right; width: 625px; } #HeaderlineNewDesignRight h1{ border-bottom: solid 2px #BFC7CD; background: #95A2AC; color: #fff; padding: 5px; width: 612px; font-size: 18px; font-weight: normal; } #HeaderlineNewDesignRightP { margin-top: 7px; background: #ECECEC; border: solid 1px #CCCCCC; color: #333; padding: 5px; width: 610px; font-size: 12px; font-weight: normal; } #HeaderlineNewDesignRightP ul{ list-style-image: url('green_bullet.png'); margin-top: 7px; margin-left: 7px; color: #333; padding-left: 20px; width: 410px; font-size: 12px; font-weight: normal; } /***********/         #RelatedDocuments{ margin: 0px; background: #ECECEC; border: solid 1px #CCCCCC; padding: 5px; width: 305px; } #RelatedDocuments ul{  padding-top: 5px; margin: 0px; list-style:none; list-style-type: none; clear:both; float:left; } #RelatedDocuments li{ margin: 0px; list-style:none; list-style-type: none; color: #333; font-size: 12px; font-weight: normal; } #RelatedDocuments h2{ border-bottom: solid 1px #666; padding-bottom: 5px; color: #4F6475; font-size: 16px; font-weight: normal; } .emphasis { background:#efefef; border:1px solid #ccc; padding:7px; } .you_save_confirmation { position:relative; margin-top:-20px; margin-left:-3px; } #shippingtable td { border-bottom:1px solid #666; padding:5px; } .shippingtable_heading { background:#232896 bottom url('shipping-heading-bg.jpg') repeat-x; color:white; font-weight:normal; text-transform:uppercase; font-family:'BebasNeueRegular', Arial, sans-serif; font-size:20px; } .shippingtable_background { background:#efefef; } .shipping_product_details { border:1px solid #ccc; background:#efefef; padding:10px; width:550px; margin:10px 10px 10px 0px; } .shipping_top { background:url('shipping-top.png') no-repeat; width:761px; height:10px; } .shipping_rpt { background:url('shipping-rpt.png') repeat-y; width:761px; position:relative; min-height:148px; height:auto !important; height:148px; } .shipping_btm { background:url('shipping-btm.png') no-repeat; width:761px; height:126px; } .shipping_img { position:absolute; top:-30px; right:-10px; } .shipping_content { position:absolute; top:10px; left:10px; } .shippingprompt { color:#15185b !important; font-size:20px; font-family:'BebasNeueRegular', Arial, sans-serif; } .shippingprompt_light { color:#666 !important; } .shipping_productinfo { border:1px dotted #999; padding:5px; width:380px; } .shippinginput, .shippingform input { background:url('input-bg.png') no-repeat; width:115px; height:29px; line-height:29px; font-weight: bold; color: #464545; font-size: 12px; border:none; padding-left:7px; } .shippingselect select { border:1px solid #ccc; font-weight: bold; color: #464545; font-size: 12px; background:transparent; padding:5px; line-height:150%; } .plaininput { width:auto !important; height:auto !important; background:none !important; position:relative; z-index:999; } /* Homepage Highlight Fragment */ .highlightfrag_container { background:url('highlightfrag_bg1.jpg') no-repeat; width:340px; height:131px; float:right; margin:7px 25px 0 0; } .highlightfrag_second { background:url('highlightfrag_bg2.jpg') no-repeat; } .highlightfrag_img { float:right; width:145px; margin:9px 7px 7px 0; } .highlightfrag_content { padding:5px 5px; } .highlightfrag_content h2 { color:#333333; font-size:32px; } .highlightfrag_price { font-size:25px; color:#FF6600; font-family:'BebasNeueRegular', Arial, sans-serif; } .highlightfrag_price_sm { font-sizer:15px; color:#FF6600; font-family:'BebasNeueRegular', Arial, sans-serif; } .highlightfrag_link a:link, .highlightfrag_link a:visited, .highlightfrag_link a:active { color:white; font-size:22px; font-family:'BebasNeueRegular', Arial, sans-serif; } .highlightfrag_link a:hover { text-decoration:none; color:#333333; } /* Headings */ .section-head { background:url('section-head.jpg') no-repeat; padding:0px 3px; color:#ffcc00; width:190px; height:32px; line-height:38px; font-family:'BebasNeueRegular', Arial, sans-serif; font-size:20px; text-align:left; padding-left:10px; } .teclan-title1 { font-size:24px; font-weight:normal; margin:0px; padding:0px 0px 8px 0px; font-family:Arial, Helvetica, sans-serif; } .teclan-title2 { font-size:20px; font-weight:normal; margin:0px; padding:0px 0px 6px 0px; line-height:25px; font-family:Arial, Helvetica, sans-serif; } .teclan-title3 { font-size:20px; font-weight:normal; margin:0px; padding:0px 0px 6px 0px; font-family:Arial, Helvetica, sans-serif; } .teclan-title4 { font-size:14px; font-weight:bold; margin:0px; padding:0px 0px 4px 0px; font-family:Arial, Helvetica, sans-serif; } .teclan-title5 { font-size:12px; font-weight:normal; margin:0px; font-family:Arial, Helvetica, sans-serif; padding:4px 0px; } .teclan-title6 { font-size:13px; font-weight:bold; color:#15185b; margin:0px; padding:10px 0px; font-family:Arial, Helvetica, sans-serif; } .breadcrumbs-top { padding-bottom:4px; margin-bottom:8px; } .breadcrumbs-bottom { /* border-top:1px solid #efefef; */ padding-top:4px; margin-top:8px; } #cart-summary h4 { font-weight:normal; font-size:15px; padding-bottom:8px; } /* Links */ .section-list, .column-box { margin-bottom:10px; background:url('sectionlist-bg.jpg') repeat-y !important; width:190px; } .column-box { border-bottom:1px solid #D7D7D7; } .section-list ul {  list-style-type:none; padding:0px; margin:0px; padding-top:10px; } .section-list li { } .section-list a:link,  .section-list a:visited,  .section-list a:active { color: #15185b; text-decoration: none; font-size:12px; width:180px; display:block; border-bottom:1px solid #D7D7D7; padding:5px; } .subsection { padding:1px 0px 1px 10px; margin:0px 0px 0px 0px; line-height:100%;  border-bottom:1px solid #D7D7D7; width:180px; position:relative; line-height:120%; }  .subsection img { display:inline; } .subsection a:link, .subsection a:hover, .subsection a:visited, .subsection a:active { width:170px; } .saleicon { position:absolute; top:2px; left:-18px; } .section-list a:hover { text-decoration:none; color:#ff8000; } /* General rules */ a img { border:none; } .teclan-text { border:1px solid #15185b; background:url('input-bg.jpg') no-repeat; color:#666; padding:1px 3px; width:150px; } /* Floats and clears */ .fleft {float:left;} .fright {float:right;} .cleft {clear:left;} .cright {clear:right;} .clearit {clear:both;} /*************************/ /*****End teclan CSS******/ /*************************/ /* Begin CSS inherited from Actinic */ p, table, td, th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #333333; margin-top: 0px; line-height: 150%; } form { margin: 0px; } a:link { color: #ff8000; text-decoration: none; } a:visited { color: #ff8000; text-decoration: none; } a:hover { color: #15185b; text-decoration: underline; } a:active { color: #ff8000; text-decoration: none; } a.checkout-checkoutbg:link { color: #efefef; text-decoration: none; } a.checkout-checkoutbg:visited { color: #efefef; text-decoration: none; } a.checkout-checkoutbg:hover { color: #efefef; text-decoration: underline; } a.checkout-checkoutbg:active { color: #efefef; text-decoration: underline; } a.checkout-textcolor:link { color: #333333; text-decoration: none; } a.checkout-textcolor:visited { color: #333333; text-decoration: none; } a.checkout-textcolor:hover { color: #333333; text-decoration: underline; } a.checkout-textcolor:active { color: #333333; text-decoration: underline; } /* Generic text formatting used throughout the store ---------------------------- */ .actCHECKOUTEM { background-color: #15185b; } .actCHECKOUTBG { background-color: #efefef; } .actlarger { font-size: 13px; color: #333333; } .actsmaller{ font-size: 11px; color: #333333; } .actxxsmall { font-size: 11px; color: #333333; } .actxsmall { font-size: 12px; color: #333333; } .actsmall { font-size: 12px; color: #333333; } .actregular { font-size: 13px; color: #333333; } .actlarge{ font-size: 16px; color: #333333; } .actxlarge { font-size: 20px; color: #333333; } .actxxlarge { font-size: 20px; color: #333333; } .actwarningcolor { color: #ff8000; } .actrequiredcolor { color: #ff8000; } .actsearchhighlightcolor { color: #ff8000; } .actrequired { color: #ff8000; } .actwarning { font-size: 12px; color: #ff8000; } .actwelcome { font-size: 12px; color: #333333; } .actlogotext { font-size: 12px; color: #D9090E; font-style: normal; font-weight: bold; text-align: center; } .actlogout { font-size: 12px; color: #ff8000; } .clearit { clear:both; } /* Shopping cart and checkout fields ------------------------------------------- */ div.CheckoutCartSection { margin-top: 0px; margin-bottom: 10px; } table.checkout#idTableCheckoutSection { margin-bottom: 0px; } table.checkout-cart { border-collapse: collapse; padding: 0px 0px; margin-bottom: 5px; } table.checkout-cart th{ font-weight: bold; background-color: #efefef; border-top: solid 1px #15185b; border-bottom: solid 1px #15185b; padding: 4px 4px; } table.checkout-cart td{ padding: 4px 4px; } table.checkout { width: 100; border-collapse: collapse; padding: 0px 0px; text-align: left; margin-bottom: 5px; } table.checkout th { background-color: #15185b; font-size: 13px; font-weight: bold; color: white; text-align: left; padding: 5px 2px; border-bottom: solid 3px #ffffff; } table.checkout h2 { color:white; } table.checkout th.instruction { font-size: 12px; font-weight: normal; } table.checkout th.change { font-size: 12px; font-weight: bold; padding: 0px 0px; text-align: right; } .checkout-change-button	{ line-height: 13px; margin: 0px 1px 0px 0px; padding: 0px 5px 0px 0px; font-size : 12px; background-color: #1f2489; border: 1px solid #15185b; color: #ffffff; word-spacing: normal; } .checkout-login-button	{ line-height: 13px; height: 15px; width: 70px; margin: 20px 0px 20px 0px; padding: 3px 20px 2px 0px; word-spacing: normal; } .checkout-login-button a { padding-left: 20px; color: #ffffff; text-decoration: none; } table.checkout td { background-color: #efefef; border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff; padding: 2px 2px; } table.checkout#idBothAddressesTable col { width: auto; } td#idCheckoutHelpLabel, table.checkout#idBothAddressesTable col.prompt { width: 130px; } .cart { background-color: #efefef; border-bottom: solid 1px #15185b; } .checkout-cartheading { font-weight: bold; background-color: #efefef; border-top: solid 1px #15185b; border-bottom: solid 1px #15185b; } .cartheading { background-color: #15185b; font-weight: bold; color: #efefef; } h2.checkout-heading { background-color: #15185b; font-size: 18px; font-weight: normal; color: #efefef; padding: 5px 2px 5px 5px; border-bottom: solid 3px #ffffff; width: 100; font-family:'BebasNeueRegular', Arial, sans-serif; } h3.checkout-heading { width: 100;  padding: 3px 0 3px 5px; background-color: #15185b; font-size: 18px; font-weight: normal; color: #efefef; border-bottom: solid 3px #ffffff; font-family:'BebasNeueRegular', Arial, sans-serif; } .checkout-subheading { font-weight: bold; padding: 0; margin: 0; } img.cartthumbnail { border: 0px; margin-left: 2px; margin-right: 2px; width: 25px; } .button-wrapper { display: inline-block; /*background: url('button_background_right.gif') right no-repeat;*/ padding: 0 10px 0 0; } .button { background: url('checkout-btn-bg.png') left no-repeat; cursor:pointer; color: #ffffff; padding: 0 0 0 0px; margin: 0; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; width:146px; height:47px; text-align:center; font-family:'BebasNeueRegular', Arial, sans-serif; } .button_sm { background: url('checkout-btn-bg-sm.png') left no-repeat; cursor:pointer; color: #ffffff; padding: 0 0 0 0px; margin: 0; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; width:95px; height:47px; text-align:center; font-family:'BebasNeueRegular', Arial, sans-serif; } .cart-button { height: 47px; } input.normal-button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; background: #1f2489; padding: 5px; border: solid 1px #333333; } input.highlight-button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; background: #15185b; padding: 5px; border: solid 1px #333333; } .checkout-field-label { width: 160px; } .checkout-field-input { width: auto; } .checkout-field-input input, .checkout-field-input select { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; background-color: #ffffff; padding: 2px; border:1px solid #ccc; } .InvoiceField input, .InvoiceField select { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; background-color: #ffffff; padding: 2px; border:1px solid #ccc; } .DeliverField input, .DeliverField select { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; background-color: #ffffff; padding: 2px; border:1px solid #ccc; } table.checkout#idBothAddressesTable select { width: 211px; } input.checkbox { background-color: #efefef; border: 0;	 } .checkout-field-area { background: #efefef; border-bottom: solid 2px #ffffff; width: 100px; } .checkout-field-area p { margin: 0; padding: 4px; } div.checkout-buttons { width: 612px;  height: 50px;  margin-top: 20px; } .left {  float : left;  width : 50%;  } .right {  float : right;  width : 40%;  } .spacer {  clear : both;  } .checkout-help-hide {  display: none;  } /* Checkout Progress Indicator  ------------------------------------------------ */ p.checkout-progress-heading { width: 300px; margin: 0px auto; } #checkout-progress-indicator { width: 300px; height: 19px; background-image: url('cpi-background.gif'); margin: 0 auto 0px auto; } .checkout-progress-0 { width: 75px; height: 19px; background-color: #15185b; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-1 { width: 150px; height: 19px; background-color: #15185b; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-2 { width: 225px; height: 19px; background-color: #15185b; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-3 { width: 300px; height: 19px; background-color: #15185b; background-image: url('cpi-main.gif'); float: left; } #checkout-progress-indicator .cpi-end { width: 8px; padding: 0; margin: 0; border: 0; height: 19px; background-image: url('cpi-end.gif'); background-position: right; background-repeat: no-repeat; float: left; } table#idCheckoutProgress { margin-bottom: 10px; } table#idCheckoutProgress td{ background-repeat:repeat-x; background-color:transparent; border: 0px; padding: 0px; height:19px; text-align:center; } table#idCheckoutProgress td.cpi-left{ background-image:url("cpi-main.gif"); color:white; width:160px; } table#idCheckoutProgress td.cpi-complete{ background-image:url("cpi-main-mid.gif"); color:white; width:160px; } table#idCheckoutProgress td.cpi-incomplete{ background-image:url("cpi-background.gif"); color:black; width:160px; } table.CheckoutProgress { width: 100px; border-collapse: collapse; margin-bottom: 10px; } table.CheckoutProgress td { padding: 0px 0px; background-repeat: repeat-x; background-color: transparent; height: 19px; text-align: center; width: 140px; } table.CheckoutProgress td.cpi-start{ background-image: url("cpi-main.gif"); width: 8px; } table.CheckoutProgress td.cpi-inactive{ background-image: url("cpi-main-mid.gif"); color: #ffffff; } table.CheckoutProgress td.cpi-active{ background-image: url('cpi-background.gif'); font-weight: bold; color: #333333; } table.CheckoutProgress td.cpi-end { background-image: url("cpi-end.gif"); width: 8px; } table.CheckoutProgress td.cpi-spacer { background-image: url("cpi-main-mid.gif"); width: auto; } /* Formatting for the site map -------------------------------------------- */ #actinic-sitemap { margin-left: 5px; } #actinic-sitemap ul { margin-bottom: 0; padding-bottom: 0; } /* headings ----------------------------------------------------------------------------- */ h1	{ font-size: 30px; font-weight: normal; margin: 0px;		 padding: 16px 0px 4px 0px; color: #15185b; line-height: 25px; font-family:'BebasNeueRegular', Arial, sans-serif; } h1.subheading	{ font-size: 20px; font-weight: normal; margin: 0px; padding: 0px 0px 14px 0px; color: #1f2489; font-family:'BebasNeueRegular', Arial, sans-serif; } h2	{ font-size: 20px; font-weight: normal; margin: 0px; padding: 2px 0px 5px 0px; color: #1f2489; font-family:'BebasNeueRegular', Arial, sans-serif; } h2.clearall	{ font-size: 20px; font-weight: normal; margin: 0px; padding: 2px 0px 5px 0px; color: #1f2489; clear:both; font-family:'BebasNeueRegular', Arial, sans-serif; } h3.product	{ font-size: 20px; font-weight: 900; margin: 0px; padding: 0px 0px 6px 0px; color: #15185b; font-family:'BebasNeueRegular', Arial, sans-serif; } h3.product_price	{ font-size: 18px; font-weight: 900; margin: 0px; padding: 0px 0px 20px 0px; } .text_heading_left_column	{ margin: 0px; padding: 19px 0px 4px 0px; line-height:normal; color: #15185b; font-weight: 900; font-size: 13px; } /* Default formatting of all text boxes used in store pages ---------------- */ .form_input_general	{ line-height: normal; font-size : 12px; word-spacing: normal; } /* Styles for 'Quick Search Bar With Larger Button' ------------------------ */ .form_main_search_box	{ line-height: 13px; width: 76px; height: 16px; margin: 0px 1px 0px 1px; padding: 0px 0px 0px 2px; font-size : 12px; background-color: #efefef; border: 1px solid #efefef; color: #333333; vertical-align: top; } .form_main_search_box_td	{ background-color: #1f2489 } .form_button_quick_search	{ line-height: 13px; height: 18px; width: 85px; margin: 1px 1px 1px 1px; padding: 0px 0px 0px 12px; font-size : 12px; background-color: #1f2489; border: 1px solid #15185b; color: #ffffff; background-image: url('theme_icon_search.gif'); word-spacing: normal; } /* Styles for product image and fragment image placement in some layouts -------------------------- */ .image_float_right_border	{ border: 3px solid #D6D6D6; float: left; margin: 16px 0px 15px 20px; } .image_float_right	{ float: right; margin: 16px 0px 15px 20px; } .image_product	{ margin: 0px 18px 10px 0px; text-align: center; float: left; } /* lines -------------------------------------------------------------------------------- */ .dotted_line_blue	{ height: 1px; background-color: #1f2489; background-image:url('theme_dotted_line.gif'); clear:both; } .solid_line_light_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #1f2489; clear:both; } .solid_line_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #15185b; clear:both; } .dotted_outline_blue	{ border: 1px dotted #1f2489; padding: 8px; }		 /* Heading for attributes  --------------------------------------------------------*/ .text_options	{ font-weight: 900; } /* My Account pages  --------------------------------------------------------------*/ .myaccount-shadow { display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-image: url('myaccount-popup-bg.png'); background-repeat: repeat; } .myaccount-popup { position: fixed; width: 500px; height: 250px; left: 50%; top: 50%; margin-left: -250px; margin-top: -125px; padding-left: 85px; padding-top: 50px; background-color: #ffffff; } /* Formatting for 'Add To Cart Button With Cart Icon' ----------------------------------------------*/ .form_button_add_to_cart	{ line-height: 13px; height: 20px; width: 86px; margin: 0px 1px 0px 0px; padding: 1px 0px 1px 14px; font-size : 12px; background-color: #1f2489; border: 1px solid #15185b; color: #ffffff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; }	 .product_list { margin:10px 0px; } .brochure-links { width:150px; float:left; margin-right:10px; } .brochure-links h3 { font-size:18px; font-weight:normal; color:#333333; margin:0px; padding:0px 0px 8px 0px; } .brochure-links a:link,  .brochure-links a:visited,  .brochure-links a:active { display:block; color:#333333; text-decoration:underline; } .tec-section { cursor:pointer; background:#ffffff; width:180px; } .ts-hov { background:#f2f2f2; width:180px; } .searchresult { width:160px; margin:0 5px 0 10px; float:left; } .search_img { border:1px solid #e9e9e9; padding:5px; text-align:center; min-height:100px; height:auto !important; height:100px; } .endrow { margin-right:0px; } .searchresult h3 { text-transform:uppercase; font-weight:normal; font-size:18px; color:#333333; font-family:'BebasNeueRegular', Arial, sans-serif; } .searchresult a:link, .searchresult a:visited, .searchresult a:active { color:#333333; font-weight:normal; } .searchresult a:hover { color:#15185b; font-weight:normal; } .cartbox{ float:left; margin-right:5px; } div.mojozoom_marker { position : absolute; cursor : crosshair;  } div.mojozoom_border { position : absolute; left:0px; top:0px; border : 1px solid black; width:100%; height:100%; } div.mojozoom_fill { position : absolute; left:0px; top:0px; width:100%; height:100%; background-color : white; opacity : 0.2; -moz-opacity : 0.2; -khtml-opacity : 0.2; filter:alpha(opacity=20); } img.mojozoom_img { padding : 0px; border: 0px; } div.mojozoom_imgctr { position : absolute; margin-left : 20px; border : 1px solid black; } /** LIGHTBOX **/ #lightbox{	position: absolute;	left: 0; width: 100%; z-index: 999999; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; } #imageData{	padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; }	 #imageData #caption{ font-weight: bold;	} #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			 #imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	 #overlay{ position: absolute; top: 0; left: 0; z-index: 99999; width: 100%; height: 500px; background-color: #000; } /*teclan Product Tabs */ .tab-content { display:none; border:1px solid #15185b; height:200px; padding:15px; overflow:auto; } #tab-title-bar a { display:block; border:1px solid #15185b; border-bottom:none; float:left; padding:5px 10px; text-align:center; } #tab-title-bar a.selected { background:#15185b; color:#ffffff; } /* Skin Name: Nivo Slider v3 Skin URI: http://nivo.dev7studios.com Skin Type: fixed Image Width: 960 Image Height: 408 Description: Nivo Slider Version: 3.0 Author: Gilbert Pellegrom Author URI: http://dev7studios.com */ .slider-bg { background:url('slider-bg.jpg') no-repeat; width:1022px; height:315px; margin-left:-22px; } .slider-wrapper { position:relative; width:619px; margin:0 0 0 28px; padding-top:7px; float:left; } .theme-nivo .nivoSlider { position:relative; background:#fff url('loading.gif') no-repeat 50% 50%; } .theme-nivo .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-nivo .nivoSlider a { border:0; display:block; } .theme-nivo .nivo-controlNav { /*background:url('control-nav.png') no-repeat;*/ width:72px; height:13px; position:absolute; left:90%; bottom:-9px; margin-left:-51px; /* Tweak this to center bullets */ z-index:210; padding:15px 13px 15px 17px; opacity:0.5; } .theme-nivo:hover .nivo-controlNav { opacity:1.0; } .theme-nivo .nivo-controlNav a { display:block; width:11px; height:12px; background:url('bullets.png') no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; } .theme-nivo .nivo-controlNav a.active { background-position:0 -12px; } .theme-nivo .nivo-directionNav a { display:block; width:43px; height:43px; background:url('arrows.png') no-repeat; text-indent:-9999px; border:0; } .theme-nivo a.nivo-nextNav { background-position:-43px 0; right:390px; top:230px; } .theme-nivo a.nivo-nextNav:hover { background-position:-43px -43px; } .theme-nivo a.nivo-prevNav { left:390px; top:230px; } .theme-nivo a.nivo-prevNav:hover { background-position:0 -43px; } .theme-nivo .nivo-caption { font-family: Helvetica, Arial, sans-serif; } .theme-nivo .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; } .theme-nivo .nivo-caption a:hover { color:#fff; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* Recently Viewed Products List Style ------------------------------------ */ .tooltip { display:none; background:transparent url('black_arrow.png'); font-size:18px; height:70px; line-height:22px; width:160px; padding:25px; color:white; font-family:'BebasNeueRegular', Arial, sans-serif; text-align:center; z-index:99999; } h3 {  font-family:'BebasNeueRegular', Arial, sans-serif; font-size:20px; font-weight:normal; color:#15185b; } /* Mobile Only Styles, hiden on desktop */ .mob_catheading { display:none; } .mob_cartlink {  } .collapse1 { display:block !important; } .btn_desktop_display { float:left; width:50%; } .btn_desktop_display_right { float:right; width:40%;} .mob_progress { display:none; } .mobile_confirmation_btns { display:none; } .emailaddress { display:none; } .onlinechat { display:inline; } .phonenumber { display:inline; } .p_desktop_img, .desktop_checkout_progress, .desktop_cart_buttons { display:block; } .p_mob_img, .mob_checkout_progress, .mob_cart_buttons { display:none; } .paddingright { padding-right:10px; } /* ########################################### Media Queries ############################################*/ /**************************************************** Smart Phones Portrait *****************************************************/ @media only screen and (max-width: 479px) { body { overflow-x: hidden; -webkit-overflow-scolling:touch;  } #wrapper { border:none; overflow-x:hidden; width:300px; padding:0 5px 0 10px; margin:0 auto; position:relative; } #header { background:url('header-bg-mobile-portrait.png') no-repeat; width:295px; height:auto; } .spanish { display:none; } #header-nav { display:none; } #logo { top:40px; z-index:9; } #logo img { width:270px; } #cart-summary { top:0px; width:105px; padding:0; z-index:10;} .carticon { padding-top:10px; width:25px; } .carticon img { width:25px; } #quick-search { top:123px; left:10px; right:auto; } .searchinput { width:232px; } .phonenumber { display:block; position:absolute; left:45px; top:5px; font-size:25px; z-index:10; } .phonenumber img { width:15px; height:20px; margin-right:6px; } /* Put mega menu into 1 col, hide sub sections */ #mega-menu { background:none; height:auto; position:relative; top:auto;} #mega-menu ul { float:none; } #mega-menu ul li { background:none; float:none; display:block; } #mega-menu ul li a:link, #mega-menu ul li a:visited { color:#333333; padding-left:9px; width:97%; text-align:left; } #mega-menu ul li a { float:none; } #mega-menu ul li div {display:none; visibility:hidden; } /* Mobile Navigation Styling */ #top-nav { position:relative; padding-top:165px; left:0; margin:0 5px; width:287px; top:auto;} #mega-menu ul li a { display:block; background:#efefef; margin:3px 0; padding:3px; width:100%; } #mega-menu { width:99%; margin:5px 0 5px 0; } #mega-menu ul li a { padding:0; } #mega-menu ul li a:hover { border:none; color:#15185b; } #collapse1 { display:none; } .nav-toggle { background:#1f2489; border:2px solid #ffffff; text-align:center; border-radius:5px; padding:0px 10px; color:#ffffff; font-weight:bold; position:absolute; top:7px; right:5px; font-family:Arial, Helvetica, sans-serif;} /* hide columns / and content */ #cart-summary h3 { display:none; } a.checkoutlink:link, a.checkoutlink:visited, a.checkoutlink:hover, a.checkoutlink:active { display:none; } #cart-summary span { display:none; } .slider-bg { display:none; } .homelink a { display:none !important; } .hp_btm { display:none; } #securitylogos { display:none; } #header_img { display:none; } .socialmedia { display:none; } #left { display:none; } .content_top, .content_btm { display:none; } .savedollars { display:none; } .onlinechat { display:none; } .lightbox_thumbs { } #rightColumn { display:none; } /* make content area full width */ #center-home { width:300px; } .hp_middle { width:100%; background:none; padding:0;} .container_top { width:100%; background:none; } #content { width:100%; overflow-x:hidden; } #center { width:100%; overflow-x: hidden; padding:0;} .content_repeat { width:100%; background:none; padding:0; } /* Footer */ #footer { width:100%; height:659px; } #footer-inner { width:300px; padding:0 5px 0 10px; } .footer_col1, .footer_col2, .footer_col3 { float:none; width:100%; margin:0; } .footer_col1 { display:none; } /* Hiding because list is too long */ .footer_info_box { background:none; margin:0; width:100%; padding-bottom:30px; height:auto;  } .linksleft { float:none; } .linksright { float:none; border:none; margin:0; padding:0; } .footer_info_box { padding:0; } .emailaddress, .emailaddress a:link, .emailaddress a:visited, .emailaddress a:hover, .emailaddress a:active { display:block; font-family:'BebasNeueRegular',Arial,sans-serif; font-size:30px;} /* Homepage Styles */ .frag_box { width:45%; } .frag_box h2 { height:50px; } .frag_box_img { width:100%; height:auto; } .frag_box_img img { width:80%; } .frag_box p { display:none; } .welcomefrag_container { float:none; width:100%; background:none; } .welcomerfragtop_middle { width:100%; background:none; padding:0; } .welcomerfragtop_btm { width:100%; background:none; } .welcomerfragtop { display:none; } .videofrag_container { float:none; width:100%; } .videofrag_top { display:none; } .videofrag_middle { width:100%; background:none; padding:0;  } .videofrag_btm { display:none; } .hp_padding { padding:0; } /* Section Page Styles */ .section_container { width:93%; float:none; margin-bottom:10px; background:#efefef; box-shadow:none; text-align:left; } .section_img { display:none;  } .sectionbuttonlink { display:none; } .section_content_height { min-height:0; } .section_content h2 { color:#333333; font-size:20px; } .section_content p {display:none; } .mobile_separator { clear:both; } /* Makes sections into 2 columns */ /* Product Page Styles */ #HeaderlineNewDesignLeft { width:100%; float:none; padding:0;  } #HeaderlineNewDesignRight { float:none; width:100%; } #HeaderlineNewDesignRight img { width:280px; height:30px; margin-right:0; } #HeaderlineNewDesignLeftVideo { display:none; padding:0; border:none; } .HeaderlineNewDesignLeftVideo_h3 { display:none; } .prod_container_top { display:none; } .prod_middle { width:100%; background:none; padding:0; } .prod_btm { display:none; } .prod_box { width:93%; margin:10px 5px 10px 0; text-align:center; float:none;} .prod_box h2 { display:block; } #HeaderlineNewDesignRightP, #product_features {width:100%; } #HeaderlineNewDesignRightP p { padding-right:20px; } #HeaderlineNewDesignRight h1 { width:100%; } #HeaderlineNewDesign { width:100%; } #tooltip img { width:40px; height:46px;} .prod_buy {float:right; margin:-35px  0 0 0; width:auto; padding:0; } .productimagesize { width:92%;} #HeaderlineNewDesignLeft img { border:none; }  .stamp { display:none; } .prod_img1 { float:none; width:auto; padding:0; display:none; } .prod_content { width:auto; float:none; text-align:left; } .productref { display:block; } .product_fragment_video { display:none; } .savedollars { display:none; } #HeaderlineNewDesignLeftVideoText { width:300px; } #HeaderlineNewDesignRightP ul { width:250px; } .yousave { display:none; } .productref { display:none; } /* Canopies Product Layout */ .prod_left { float:none; width:300px; } .prod_right { float:none; border:none; width:300px; } .canopies_product_table { padding:0; } .product_bookmarking { width:100%; margin:10px 0; padding:3px 0; } .prod_img { width:100%; } .tab-content {padding:5px; height:auto; width:280px; } #zoomicon {  } .prod_img { padding:0; } .prod_img img {  } .allowslargerimages ul { width:250px; } .mojozoom_border, .div.mojozoom_marker { display:none; }  .p_desktop_img { display:none; } .p_mob_img { display:block; } /* Custom Made Tarps Product Layout */ .c_prod_img { float:none; width:300px; margin-bottom:10px; } .c_prod_img img { width:100%; } .c_prod_content { width:300px; } ul.tabs { width:300px; } html ul.tabs li.active, html ul.tabs li.active a:hover { width:90px; } ul.tabs li { width:90px; } .tab_container { width:300px; } .productwidthtable { width:285px; } .proudlymade { display:none; } .attribute_table { table-layout:fixed; width:290px; } .c_prod_swatches a:link, .c_prod_swatches a:visited, .c_prod_swatches a:hover, .c_prod_swatches a:active { width:15px; height:15px; } .c_thumb {  } .c_prod_content h1 { font-size:30px; } /* Ice Rink Tarps Layout */ .icerink_content { float:none; width:100%;} .icerink_img { float:none; width:98%; } .icerinkfragment img { width:90%; } #icerink_features { width:94%; } .icerink_img_inner { padding:0; margin-top:30px; } .icerink_img_inner #main-img1 { width:100%; } .html5lightbox img { width:100%; } .icerink_content p { padding-right:10px; } /* Mobile Only Styles */ .mob_catheading {  display:block;  background:#15185b;  color:white; font-size:20px; font-family:'BebasNeueRegular', Arial, sans-serif; padding:5px 0 5px 5px; margin:0; width:98%; position:relative; } a.mob_cartlink:link, a.mob_cartlink:visited, a.mob_cartlink:active {  display:block;  float:right;  text-decoration:underline;  color:#333333; font-size:11px; padding-top:10px; } a.mob_cartlink:hover { text-decoration:underline; color:#15185b;} .mobile2columns { clear:none !important; } /* Checkout / Shopping Cart Styles */ table.checkout-cart { width:100%;} table.checkout { width:100%; table-layout:fixed;} table.checkout-cart td { padding:3px; } .mob_qty input { width:10px; } .btn_desktop_display { float:none; width:100%; } .btn_desktop_display_right { float:none; width:100%;} .btn_desktop_display td { padding:4px 0; } table.checkout-cart th { padding:3px; } .checkout-login-button { border:none; } .checkout-field-input select, .InvoiceField select, .DeliverField select, .checkout-field-input input, .InvoiceField input, .DeliverField input { width:90%; border:1px solid #ccc; } div.checkout-buttons { width: 100%; } table#idBothAddressesTable.checkout select { width:100%; } a.checkout-checkoutbg { font-size:11px; border-width:1px; padding:3px; } .CheckoutProgress {display:none; } .mob_progress { font-size:13px; color:#15185b; font-weight:bold; display:block; padding:5px 0;} .desktop_btns { display:none; } .mobile_confirmation_btns { display:block !important; width:300px; text-align:center; } .shipping_product_details { width:260px; } .mob_cart_buttons , .mob_checkout_progress{ display:block; } .desktop_cart_buttons, .desktop_checkout_progress { display:none; } .creditcardmessage { width:300px; } /* Other SellerDeck Pages */ #contact-body .input-text { border:1px solid #ccc; width:90%; } #contact-body textarea { border:1px solid #ccc; width:100%; } .recaptcha_image_cell { width:100% !important; } .recaptchatable #recaptcha_response_field { width:100% !important; } .recaptchatable .recaptcha_image_cell center img #idTblLogin, #search-body, #contact-body { padding:0; } .searchresult { width:120px; margin-left:0; } .searchresultsinput { max-width:150px;} .mobile_brochure_images { max-width:290px; } } /**************************************************** This is meant to be for mobile devices landscape *****************************************************/ @media only screen and (min-width: 480px) and (max-width: 767px) { body { overflow-x: hidden; -webkit-overflow-scolling:touch;  } #wrapper { border:none; overflow-x:hidden; width:435px; padding:0 5px 0 10px; margin:0 auto; position:relative; } #header { background:url('header-bg-mobile-landscape.png') no-repeat; width:430px; height:auto; } .spanish { display:none; } #header-nav { display:none; } #logo { top:35px; z-index:9; } #logo img { width:330px; } #cart-summary { top:0px; width:105px; padding:0;} .carticon { padding-top:10px; width:25px; } .carticon img { width:25px; } #quick-search { top:129px; left:10px; right:auto; } .searchinput { width:362px; background:url('search-input-bg-iphone-landscape.png') no-repeat; } #header_contact { position:relative; top:auto; left:auto; width:auto; } .phonenumber { display:block; position:absolute; left:10px; top:5px; font-size:25px; z-index:10; } .phonenumber img { width:15px; height:20px; margin-right:6px; } /* Put mega menu into 1 col, hide sub sections */ #mega-menu { background:none; height:auto; position:relative; top:auto;} #mega-menu ul { float:none; } #mega-menu ul li { background:none; float:none; display:block; } #mega-menu ul li a:link, #mega-menu ul li a:visited { color:#333333; padding-left:9px; width:97%; text-align:left; } #mega-menu ul li a { float:none; } #mega-menu ul li div {display:none; visibility:hidden; } /* Mobile Navigation Styling */ #top-nav { position:relative; padding-top:170px; left:0; margin:0 5px; width:430px; top:auto;} #mega-menu ul li a { display:block; background:#efefef; margin:3px 0; padding:3px; width:100%; } #mega-menu { width:99%; margin:5px 0 5px 0; } #mega-menu ul li a { padding:0; } #mega-menu ul li a:hover { border:none; color:#15185b; } #collapse1 { display:none; } .nav-toggle { background:#1f2489; border:2px solid #ffffff; text-align:center; border-radius:5px; padding:0px 10px; color:#ffffff; font-weight:bold; position:absolute; top:7px; right:5px; font-family:Arial, Helvetica, sans-serif;} /* hide columns / and content */ #cart-summary h3 { display:none; } a.checkoutlink:link, a.checkoutlink:visited, a.checkoutlink:hover, a.checkoutlink:active { display:none; } #cart-summary span { display:none; } .slider-bg { display:none; } .homelink a { display:none !important; } .hp_btm { display:none; } #securitylogos { display:none; } #header_img { display:none; } .socialmedia { display:none; } #left { display:none; } .content_top, .content_btm { display:none; } .savedollars { display:none; } .onlinechat { display:none; } .lightbox_thumbs { } #rightColumn { display:none; } /* make content area full width */ #center-home { width:430px; } .hp_middle { width:100%; background:none; padding:0;} .container_top { width:100%; background:none; } #content { width:100%; overflow-x:hidden; } #center { width:100%; } .content_repeat { width:100%; background:none; padding:0; } .paddingright { padding:0; } /* Footer */ #footer { width:100%; height:659px; } #footer-inner { width:420px; padding:0 5px 0 10px; } .footer_col1, .footer_col2, .footer_col3 { float:none; width:100%; margin:0; } .footer_col1 { display:none; } /* Hiding because list is too long */ .footer_info_box { background:none; margin:0; width:100%;  } .linksleft { float:none; } .linksright { float:none; border:none; margin:0; padding:0; } .footer_info_box { padding:0; height:auto; } .emailaddress, .emailaddress a:link, .emailaddress a:visited, .emailaddress a:hover, .emailaddress a:active { display:block; font-family:'BebasNeueRegular',Arial,sans-serif; font-size:30px;} /* Homepage Styles */ .frag_box { width:45%; } .frag_box h2 { height:50px; } .frag_box_img { width:100%; height:auto; } .frag_box_img img { width:80%; } .frag_box p { display:none; } .welcomefrag_container { float:none; width:100%; background:none; } .welcomerfragtop_middle { width:100%; background:none; padding:0; } .welcomerfragtop_btm { width:100%; background:none; } .welcomerfragtop { display:none; } .videofrag_container { float:none; width:100%; } .videofrag_top { display:none; } .videofrag_middle { width:100%; background:none; padding:0;  } .videofrag_btm { display:none; } .hp_padding { padding:0; } .hp_middle { width:419px; } /* Section Page Styles */ .section_container { width:93%; float:none; margin-bottom:10px; background:#efefef; box-shadow:none; text-align:left; } .section_img { display:none;  } .sectionbuttonlink { display:none; } .section_content_height { min-height:0; } .section_content h2 { color:#333333; font-size:20px; } .section_content p {display:none; } .mobile_separator { clear:both; } /* Makes sections into 2 columns */ /* Product Page Styles */ #HeaderlineNewDesignLeft { width:100%; float:none; padding:0;  } #HeaderlineNewDesignRight { float:none; width:93.2%; } #HeaderlineNewDesignRight img { width:280px; height:30px; margin-right:0; } #HeaderlineNewDesignLeftVideo { display:none; padding:0; border:none; } .HeaderlineNewDesignLeftVideo_h3 { display:none; } .prod_container_top { display:none; } .prod_middle { width:100%; background:none; padding:0; } .prod_btm { display:none; } .prod_box { width:93%; margin:10px 5px 10px 0; text-align:center; float:none;} .prod_box h2 { display:block; } #HeaderlineNewDesignRightP, #product_features {width:100%; } #HeaderlineNewDesignRightP p { padding-right:10px; } #HeaderlineNewDesignRight h1 { width:93.2%; } #HeaderlineNewDesign { width:100%; } #tooltip img { width:40px; height:46px;} .prod_buy {float:right; margin:-35px  0 0 0; width:auto; padding:0; } .productimagesize { width:92%;} #HeaderlineNewDesignLeft img { border:none; }  .stamp { display:none; } .prod_img1 { float:none; width:auto; padding:0; display:none; } .prod_content { width:auto; float:none; text-align:left; } .productref { display:block; } .product_fragment_video { display:none; } .savedollars { display:none; } #HeaderlineNewDesignLeftVideoText { width:300px; } #HeaderlineNewDesignRightP ul { width:250px; } .yousave { display:none; } .productref { display:none; } /* Canopies Product Layout */ .prod_left { float:none; width:100%; } .prod_right { float:none; border:none; width:100%; } .canopies_product_table { padding:0; } .product_bookmarking { width:100%; margin:10px 0; padding:3px 0; } .prod_img { width:100%; padding:0; text-align:left;} .tab-content {padding:5px; height:auto; width:100%; } #tab-title-bar { width:100%; } .p_desktop_img { display:none; } .p_mob_img { display:block; } /* Custom Made Tarps Product Layout */ .c_prod_img { float:none; width:425px; margin-bottom:10px; padding:7px 0; } .c_prod_img img { width:100%; } .c_prod_content { width:430px; float:none; } ul.tabs { width:430px; } html ul.tabs li.active, html ul.tabs li.active a:hover { width:90px; } ul.tabs li { width:90px; } .tab_container { width:430px; } .productwidthtable { width:410px; } .proudlymade { display:none; } .attribute_table { table-layout:fixed; width:400px; } .c_prod_swatches a:link, .c_prod_swatches a:visited, .c_prod_swatches a:hover, .c_prod_swatches a:active { width:20px; height:20px; } .c_thumb { display:none; } .c_prod_content h1 { font-size:30px; } /* Ice Rink Tarps Styles */ .icerink_content { width: 100%; float:none; } #icerink_features { width:97%; margin-bottom:10px;  } .icerink_img { width:100%; float:none;  } /* Mobile Only Styles */ .mob_catheading {  display:block;  background:#15185b;  color:white; font-size:20px; font-family:'BebasNeueRegular', Arial, sans-serif; padding:5px 0 5px 5px; margin:0; width:98%; position:relative; } a.mob_cartlink:link, a.mob_cartlink:visited, a.mob_cartlink:active {  display:block;  float:right;  text-decoration:underline;  color:#333333; font-size:11px; padding-top:10px; } a.mob_cartlink:hover { text-decoration:underline; color:#15185b;} .mobile2columns { clear:none !important; } /* Checkout / Shopping Cart Styles */ table.checkout-cart { width:100%;} table.checkout { width:100%; table-layout:fixed} table.checkout-cart td { padding:3px; } .mob_qty input { width:10px; } .btn_desktop_display { float:none; width:100%; } .btn_desktop_display_right { float:none; width:100%;} .btn_desktop_display td { padding:4px 0; } table.checkout-cart th { padding:3px; } .checkout-login-button { border:none; } .checkout-field-input select, .InvoiceField select, .DeliverField select, .checkout-field-input input, .InvoiceField input, .DeliverField input { width:90%; border:1px solid #ccc; } div.checkout-buttons { width: 100%; } table#idBothAddressesTable.checkout select { width:100%; } a.checkout-checkoutbg { font-size:11px; border-width:1px; padding:3px; } .CheckoutProgress {display:none; } .mob_progress { font-size:13px; color:#15185b; font-weight:bold; display:block; padding:5px 0;} .desktop_btns { display:none; } .mobile_confirmation_btns { display:block !important; width:430px; text-align:center; } .shipping_product_details { width:400px; } .mob_cart_buttons , .mob_checkout_progress{ display:block; } .desktop_cart_buttons, .desktop_checkout_progress { display:none; } .checkout { width:100% !important; } /* Other SellerDeck Pages */ #contact-body .input-text { border:1px solid #ccc; width:90%; } #contact-body textarea { border:1px solid #ccc; width:100%; } .recaptcha_image_cell { width:100% !important; } .recaptchatable #recaptcha_response_field { width:100% !important; } .recaptchatable .recaptcha_image_cell center img #idTblLogin, #search-body, #contact-body { padding:0; } .searchresult { width:120px; margin-left:0; } .searchresultsinput { max-width:150px;} .mobile_brochure_images { max-width:400px; } } /**************************************************** iPad Portrait *****************************************************/ @media screen and (min-width: 768px) and (max-width: 959px) {  body { overflow-x: hidden; -webkit-overflow-scolling:touch;  } #wrapper { width:750px; overflow-x:hidden;  } #header { width:750px; background:url('header-bg-tablet-portrait.png') no-repeat;} #header_img { display:none; } #cart-summary { width:190px; } #securitylogos {top:40px;} #logo img { width:300px; } #godaddyseal, #othersecuritylogos { position:relative; top:auto; left:auto; } .spanish { display:none; } .searchinput { width:140px; } #mega-menu { width:100%; } #mega-menu ul li a, .navigation-bar ul li a:visited { padding:0 6px; } .content_repeat { border:1px solid #ccc; background:white; width:525px; } .content_top, .content_btm { display:none; } .mobile_separator { clear:both; } #content { width:750px; } #center { width:525px; position:relative; margin-bottom:40px;  } #center-home { margin-bottom:40px; width:750px; } #rightColumn { display:none; } .socialmedia { display:none; } /* Footer */ #footer-inner { width:750px; overflow-x:hidden; } .linksleft, .linksright { width:110px; } .footer_col1 a:link, .footer_col1 a:visited, .footer_col1 a:active, .footer_col2 a:link, .footer_col2 a:visited, .footer_col2 a:active, .footer_col3 a:link, .footer_col3 a:visited, .footer_col3 a:active { font-size:10px; } .footer_col1 { width:280px; } .footer_col2 { width:180px; } .footer_col3, .footer_info_box { width:260px; } .footer_info_box { background:white; border:1px solid #ccc; margin-top:35px; } .footer_info_box img { width:250px; height:30px; } .footer_subheading {font-size:20px; } /* Homepage */ .nivoSlider img { width:500px !important; } .slider-bg { width:760px; background:none; height:auto;  } .slider-wrapper { width:500px !important; } .highlightfrag_container { margin-right:5px; width:200px; background:url('highlightfrag_bg1-small.jpg') no-repeat; height:108px;} .highlightfrag_second { background:url('highlightfrag_bg2-small.jpg') no-repeat; } .highlightfrag_img { width:50px; } .highlightfrag_img img { width:50px; } .highlightfrag_content h2 { font-size:20px; } .frag_box { width:131px; } .frag_box_img { height:80px; } .frag_box_img img { width:100px; } .welcomefrag_container { width:355px;} .videofrag_container { width:341px; } .welcomerfragtop, .welcomerfragtop_btm, .videofrag_top, .videofrag_btm { display:none; } .welcomerfragtop_middle { background:white; border:1px solid #ccc; width:355px; margin-top:10px; } .videofrag_middle { background:white; border:1px solid #ccc; width:315px; margin-top:10px; } /* Section Layout */ .section_container { width:46.3%; margin-bottom:10px; } .mobile2columns { clear:none !important; } /* Product Layout */ #HeaderlineNewDesign { width:750px; } #HeaderlineNewDesignRight { width:420px; } HeaderlineNewDesignRightP img { width:90%; } #HeaderlineNewDesignRightP, #HeaderlineNewDesignRight h1, #product_features { width:400px; } .savedollars { width:420px; height:128px; } .prod_container_top, .prod_btm { display:none; } .prod_middle { width:740px; border:1px solid #ccc; background:white; padding-left:0; } .prod_box { width:340px; margin-right:5px; } .prod_content { width:230px; } .prod_buy { margin:0; padding-top:0; float:none; width:100%; text-align:right; } /* Product Canopies Layout */ .container_top, .hp_btm { display:none; } .hp_middle { background:white; border:1px solid #ccc; width:735px !important; padding-left:5px; } .prod_right { width:335px; } /* Custom Product layout */ .c_prod_img { width:235px; } .c_prod_img img { width:100%; } .c_prod_content, ul.tabs, .tab_container { width:480px;  } .c_alsobought_item { width:21%; } /* Ice Rink Tarps Product Layout */ .icerink_content {width:300px; } #icerink_features {} .icerinkfragment img {  } /* Checkout */  .shipping_product_details { width:505px; } .checkout { width:100% !important; } .mob_cart_buttons { display:block; } .desktop_cart_buttons { display:none; } } /**************************************************** Tablet Landscape - Devices and Browsers  *****************************************************/ @media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px) { body { overflow-x: hidden; -webkit-overflow-scolling:touch;  } .hp_middle { background:url('hp-middle.png') repeat-y; width:980px; padding-left:15px; position:relative; z-index:10; } } /**************************************************** iPad / Tablet Landscape,  only shows on tablet not on website  *****************************************************/ @media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px)  and (orientation : landscape) { body { overflow-x: hidden; -webkit-overflow-scolling:touch;  } #wrapper{ width:100%; overflow-x: hidden; } .header-area { padding:10px 0; } .footer-area { width:94%; } .footercol { width:31%; margin-right:10px; } #left-area { width:80%; } .content-minus-two { max-width:580px; width:100%; margin:0; } #right-sidebar { margin-right:0px; } .hp_middle { background:url('hp-middle.png') repeat-y; width:980px; padding-left:15px; position:relative; z-index:10; } /* Checkout Styles */ table.checkout { width:100%; table-layout:fixed; } table.checkout-cart { width:100%; } table.CheckoutProgress { width:100%; } .checkout-field-input select, .InvoiceField select, .DeliverField select, .checkout-field-input input, .InvoiceField input, .DeliverField input { width:90%; } table#idBothAddressesTable.checkout select { width:90%; } div.checkout-buttons { width:100%; } /* Homepage Only Styles */  .featbox { width:183px; } .featbox_img { width:100%; } h2.featuredheading { width:100%; max-width:590px; } .upsellcontainer { width:137px; } .upsell_img { width:100%; } .lastbox { width:184px; } } /* This is meant to be for mobile devices landscape */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* Smart Phone Portrait */ @media only screen and (max-width: 479px) { } /* Tablet Portrait */ @media only screen and (min-width: 768px) and (max-width: 959px) { }