body { background:#252525; } body > .wrap { width:100%; padding:0 15px; } body > .wrap > * { max-width:1100px; margin:0 auto; } body > .wrap, body > .wrap > * { position:relative; } body > .wrap > *:after { content:" "; display:block; height:0; clear:both; zoom:1; visibility:hidden; } #header_wrap { background:url(/themes/mysite/images/header_wrap.jpg) no-repeat center top #000; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } /* SIS REMOVE #header_wrap.stars { background-position:center -15px; } */ #header_wrap:before { content:""; width:100%; height:80px; display:block; position:absolute; bottom:0; left:0; background:#FFF; -webkit-box-shadow: 0 -3px 3px 0 rgba(0,0,0,.50); box-shadow: 0 -3px 3px 0 rgba(0,0,0,.50); } #header_wrap:after { content:""; width:100%; height:6px; display:block; position:absolute; bottom:0; left:0; background: #0e5597; /* Old browsers */ background: -moz-linear-gradient(left, #0e5597 0%, #102e4b 25%, #0e5597 50%, #97c1e7 75%, #0e5597 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0e5597), color-stop(25%,#102e4b), color-stop(50%,#0e5597), color-stop(75%,#97c1e7), color-stop(100%,#0e5597)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #0e5597 0%,#102e4b 25%,#0e5597 50%,#97c1e7 75%,#0e5597 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #0e5597 0%,#102e4b 25%,#0e5597 50%,#97c1e7 75%,#0e5597 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #0e5597 0%,#102e4b 25%,#0e5597 50%,#97c1e7 75%,#0e5597 100%); /* IE10+ */ background: linear-gradient(to right, #0e5597 0%,#102e4b 25%,#0e5597 50%,#97c1e7 75%,#0e5597 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e5597', endColorstr='#0e5597',GradientType=1 ); /* IE6-9 */ } #header_wrap header { max-width:1040px !important; padding:20px 0 80px; font-family: 'Titillium Web', sans-serif; } #logo { margin:0 0 0 -30px; font-family: 'Play', sans-serif; font-weight:bold; color:#0e5597; font-size:30px; line-height:32px; text-transform:uppercase; max-width:465px; padding:15px 15px 15px 90px; float:left; text-shadow: 2px 2px 0 #c6c6c6; background:url(/themes/mysite/images/logo.png) no-repeat 15px center #FFF; position:relative; -webkit-border-radius: 25px 25px 0 0; border-radius: 25px 25px 0 0; -webkit-box-shadow: 0 -3px 3px 0 rgba(0,0,0,.50); box-shadow: 0 -3px 3px 0 rgba(0,0,0,.50); } #logo:hover { text-decoration:none; color:#2e77bc; } #logo:after { content:""; width:16px; height:18px; display:block; background:url(/themes/mysite/images/cr.png) no-repeat center center; position:absolute; bottom:0; right:-16px; } #logo:before { content:""; width:16px; height:18px; display:block; background:url(/themes/mysite/images/cl.png) no-repeat center center; position:absolute; bottom:0; left:-16px; } nav > ul { list-style:none; margin:0; padding:0; position:relative; } nav > ul > li { margin:0; padding:0; } nav a { display:block; } nav.desktop > ul:after { content:" "; display:block; height:0; clear:both; zoom:1; visibility:hidden; } nav.desktop > ul > li { float:left; } nav.desktop .dropdown { overflow:hidden; position:absolute; list-style:none; margin:0; padding:0; z-index:900; border:1px #0E5597 solid; border-bottom-width:3px; -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,.25); box-shadow: 2px 2px 5px 0 rgba(0,0,0,.25); } nav.desktop .dropdown:after { content:"."; display:block; height:0; clear:both; zoom:1; visibility:hidden; } nav.desktop .dropdown .dropdown { display:none !important; } nav.desktop .dropdown li { margin:0; padding:0; display:block; } nav.desktop .br { display:block; } nav.desktop #top_nav { position:absolute; top:20px; right:0; } nav.desktop #top_nav > li { margin-left:20px; position:relative; } nav.desktop #top_nav > li:first-child { margin-left:0; } nav.desktop #top_nav > li > a { color:#FFF; font-size:14px; line-height:14px; text-transform:uppercase; display:block; height:25px; } nav.desktop #top_nav > li .dropdown { min-width:200px; } nav.desktop #top_nav > li > a:hover { text-decoration:none; color:#c2def8; } nav.desktop #top_nav > li:hover .dropdown, nav.desktop #top_nav a:hover + .dropdown { top:25px; } nav.desktop .dropdown { background:#FFF; left:-1px; } nav.desktop ul > li:last-child .dropdown { left:auto; right:0; } /*nav.desktop ul > li:last-child .dropdown a { text-align:right; }*/ nav.desktop .dropdown a { color:#0e5597; font-size:14px; padding:2px; padding-left:15px; } nav.desktop .dropdown a:before { content:'\f0da'; float:left; line-height:22px; display:inline-block; margin-left:-20px; opacity:0; color:#0e5597; font-family:FontAwesome; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; } nav.desktop .dropdown a:hover { text-decoration:none; } nav.desktop .dropdown a:hover:before { margin-left:-10px; opacity:1; } nav.desktop #account_nav { float:right; margin:40px 0 0; min-width:155px; } nav.desktop #account_nav > li { font-size:15px; line-height:16px; margin-left:12px; padding-left:12px; border-left:2px #ff8d30 solid; } nav.desktop #account_nav > li:first-child { margin-left:0; padding-left:0; border-left:none; } nav.desktop #account_nav > li > a { color:#ff8d30; font-weight:bold; font-size:15px; line-height:16px; text-transform:uppercase; text-shadow: 0 0 5px #000000; } #phone { float:right; clear:right; color:#FFF; font-weight:bold; font-size:24px; line-height:24px; text-shadow: 0 0 5px #000000; letter-spacing:.7px; margin:-21px 0 0; } .frmSearch { position:relative; width:225px; margin:41px 15px 0 0} #frmSearch { margin:41px 15px 0 0; float:right; position:relative; width:225px; } #frmSearch input[type=text], .frmSearch input[type=text] { border:none; outline:none; font-family: 'Titillium Web', sans-serif; color:#666; font-size:15px; line-height:41px; width:100%; height:41px; padding:0 40px 0 15px; -webkit-border-radius: 7px; border-radius: 7px; } #frmSearch.open input[type=text] .frmSearch.open input[type=text] { border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; } #frmSearch input[type=submit], .frmSearch input[type=submit] { border:none; outline:none; width:24px; height:24px; text-indent:-99999px; overflow:hidden; display:block; text-transform:capitalize; background:url(/themes/mysite/images/search.png) no-repeat center top; position:absolute; top:9px; right:10px; } #frmSearch input[type=submit]:hover, .frmSearch input[type=submit]:hover { background-position:center -24px; cursor:pointer; } #search_cat_box { display:none; position:absolute; background:#FFF; border:1px #0E5597 solid; border-bottom-width:3px; border-radius:0 0 7px 7px; z-index:100; padding:10px; width:100%; } #search_cat_box > i { position:absolute; color:#000; top:2px; right:5px; } #search_cat_box > i:hover { cursor:pointer; } #search_cat { margin:3px 0 0; float:left; } #search_cat_box > label { display:block; padding-left:18px; } nav.desktop #cart_nav { max-width:100%; position:absolute; bottom:0; left:0; z-index:100; } nav.desktop #cart_nav > li { padding-bottom:0px; } nav.desktop #cart_nav > li > a { text-align:center; display:block; color:#222; font-size:16px; line-height:17px; padding:22px 0 0; height:80px; } nav.desktop #cart_nav > li > a.solo { padding-top:0; line-height:74px; } nav.desktop #cart_nav > li > a:hover { text-decoration:none; color:#0e5597; } nav.desktop #cart_nav > li.has_children:hover > a { background:#FFF; } nav.desktop #cart_nav .dropdown { border-top:none; -webkit-border-radius: 0 0 7px 7px; border-radius: 0 0 7px 7px; right:-1px; } nav.desktop #cart_nav .dropdown > li { display:block; width:33%; float:left; /*padding: 3% 0 3% 1%;*/ padding:6px } nav.desktop #cart_nav .dropdown li ul { display:block; list-style:none; padding:0; margin:0; } nav.desktop #cart_nav .dropdown li li { display:block; margin:0; } nav.desktop #cart_nav .dropdown a { display:inline-block; } #main_wrap { background: rgb(216,216,216); /* Old browsers */ background: -moz-linear-gradient(top, rgba(216,216,216,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(216,216,216,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(216,216,216,1) 0%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } #main { /* SIS */ padding-top: 10px; } #page_type { /*padding:35px;*/ padding:15px 35px; background:#FFF; position:relative; /*SIS DISABLED top:-22px; margin-bottom:-22px; */ z-index:3; /* SIS REMOVED -webkit-border-radius: 25px 25px 0 0; border-radius: 25px 25px 0 0; */ -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.25); box-shadow: 0 0 5px 0 rgba(0,0,0,.25); } #page_type:after { content:" "; display:block; height:0; clear:both; zoom:1; visibility:hidden; } #page_left { float:left; } #page_right { float:right; } #title_bar_wrap { padding:0 0 22px; /*SIS MOVED: background */ } #title_bar { /* SIS CHANGED */ border-radius: 15px 15px 0 0; margin-top: 10px; background: rgb(3,38,86); /* Old browsers */ background: -moz-linear-gradient(top, rgba(3,38,86,1) 0%, rgba(8,69,126,1) 50%, rgba(3,38,86,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(3,38,86,1)), color-stop(50%,rgba(8,69,126,1)), color-stop(100%,rgba(3,38,86,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(3,38,86,1) 0%,rgba(8,69,126,1) 50%,rgba(3,38,86,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(3,38,86,1) 0%,rgba(8,69,126,1) 50%,rgba(3,38,86,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(3,38,86,1) 0%,rgba(8,69,126,1) 50%,rgba(3,38,86,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(3,38,86,1) 0%,rgba(8,69,126,1) 50%,rgba(3,38,86,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#032656', endColorstr='#032656',GradientType=0 ); /* IE6-9 */ } #title_bar h1 { /*SIS CHANGE padding:27px 35px;*/ padding:10px 35px; font-family: 'Titillium Web', sans-serif; font-size:42px; line-height:46px; font-weight:bold; color:#FFF; text-shadow: 3px 3px 0 #07294c; margin:0; } #footer_wrap { border-top:1px #ff7200 solid; background: rgb(62,62,62); /* Old browsers */ background: -moz-linear-gradient(top, rgba(62,62,62,1) 0%, rgba(37,37,37,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(62,62,62,1)), color-stop(100%,rgba(37,37,37,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(62,62,62,1) 0%,rgba(37,37,37,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(62,62,62,1) 0%,rgba(37,37,37,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(62,62,62,1) 0%,rgba(37,37,37,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(62,62,62,1) 0%,rgba(37,37,37,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='#252525',GradientType=0 ); /* IE6-9 */ } #footer_wrap footer { padding:45px 0; font-family: 'Titillium Web', sans-serif; color:#FFF; } #footer_wrap footer a { color:#FFF; } #f_callouts { list-style:none; margin:0 20px 0 75px; padding:0; float:left; } #f_callouts li { margin:18px 0 0; padding:0; width:315px; } #f_callouts li:first-child { margin-top:0; } #f_callouts a { display:block; font-size:32px; line-height:36px; background:#666; padding:15px 20px; width:100%; position:relative; -webkit-border-radius: 10px; border-radius: 10px; } #f_callouts span { font-size:18px; line-height:24px; display:block; } #f_callouts a:hover { text-decoration:none; background:#767676; } #f_callouts a:after { content:""; width:32px; height:25px; display:block; background-repeat:no-repeat; background-position:center top; position:absolute; right:20px; top:34px; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } #fcallout1:after { background-image:url(/themes/mysite/images/icon_envelope.png); } #fcallout2:after { background-image:url(/themes/mysite/images/icon_envelope.png); } #fcallout3:after { background-image:url(/themes/mysite/images/icon_rarr.png); } #f_callouts a:hover:after { right:15px; } footer nav ul { float:left; margin:0 0 0 20px; padding:0 0 0 20px; border-left:1px #696969 solid; } footer nav a { font-size:15px; line-height:30px; } #footer_right { float:left; margin:0 0 0 20px; padding:0 0 0 20px; border-left:1px #696969 solid; } #social { list-style:none; margin:0; padding:0; } #social:after { content:" "; display:block; height:0; clear:both; zoom:1; visibility:hidden; } #social li { margin:0 0 0 15px; padding:0; float:left; } #social li:first-child { margin-left:0; } #social a { width:55px; height:55px; text-indent:-99999px; overflow:hidden; display:block; background-repeat:no-repeat; background-position:center top; } #social a:hover { background-position:center -55px; } #icon_li { background-image:url(/themes/mysite/images/icon_li.png); } #icon_fb { background-image:url(/themes/mysite/images/icon_fb.png); } #isos { list-style:none; margin:25px 0 0; padding:0; } #isos:after { content:" "; display:block; height:0; clear:both; zoom:1; visibility:hidden; } #isos li { float:left; margin:0 0 0 10px; padding:0 0 0 10px; border-left:1px #696969 solid; width:75px; height:85px; text-indent:-99999px; overflow:hidden; display:block; background-repeat:no-repeat; background-position:right top; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } #isos li:first-child { margin-left:0; padding-left:0; border-left:none; } #iso1 { background-image:url(/themes/mysite/images/iso1.png); } #iso2 { background-image:url(/themes/mysite/images/iso2.png); } footer address { font-style:normal; font-size:15px; line-height:30px; margin:30px 0 0; } #copyright { float:left; clear:both; margin:15px 0 0 75px; font-size:12px; line-height:15px; }