/*************************************************** specify custom font. Reference font-family as normal ***************************************************/ @font-face { font-family: headerFont; src: url(media/fonts/ariblk.TTF); } @font-face { font-family: RockSalt; src: url(media/fonts/rockSalt.woff); } @font-face { font-family: walterTurncoat; src: url(media/fonts/walterTurncoat.woff); } @font-face { font-family: spinnaker; src: url(media/fonts/spinnaker.woff); } @font-face { font-family: montroc; src: url(media/fonts/montroc.ttf); } @font-face { font-family: montrocLaser; src: url(media/fonts/montroclaser.ttf); } @font-face { font-family: montrocOut; src: url(media/fonts/montrocout.ttf); } @font-face { font-family: eridanus; src: url(media/fonts/eridanus.ttf); } @font-face { font-family: varelaRound; src: url(media/fonts/varelaRound.woff); } @font-face { font-family: blackOpsOne; src: url(media/fonts/blackOpsOne.woff); } @font-face { font-family: comforta; src: url(media/fonts/comforta.woff); } @font-face { font-family: glory; src: url(media/fonts/glory.woff); } @font-face { font-family: iceland; src: url(media/fonts/iceland.woff); } @font-face { font-family: poller; src: url(media/fonts/poller.woff); } /*************************/ /* basic html attributes */ /*************************/ html, body { box-sizing: border-box; background-color: #ffffff; /*org color = CB9B2B real color =eeeeee*/ margin-top: 0px; font-family: arial,verdana,tahoma,verdana,arial,sans-serif,monotype corsiva; /* formal436 bt,arial,*/ font-size: 14px; /* 10.5pt */ color: #555555; /* specifies FONT color - 5B91CD 6a6b6d BCBEC0 */ scrollbar-arrow-color: #FAA61A; scrollbar-track-color: #6D6E70; scrollbar-face-color: #D9D9DA; /*919193*/ scrollbar-highlight-color: #d9d9da; /*BCBEC0*/ scrollbar-3dlight-color: #9a9a9a; scrollbar-darkshadow-color: #555555; scrollbar-shadow-color: #d9d9da; /* -moz-transform: scale(1.0); -moz-transform-origin: 0 0; */ /* transform: scale(1.1); transform-origin: left top; overflow-x: hidden; */ /* zoom: 0.5; */ } div { box-sizing: inherit; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ font-family: inherit; font-size: inherit /*10.5pt 14px*/ /*color: #343434;*/ /* 6a6b6d 7B3C15 5B91CD */ } Table { font-family: inherit; font-size: inherit; /*10.5pt 14px*/ /*color: #343434;*/ /* 6a6b6d 7B3C15 5B91CD */ } td { font-family: inherit; border-style: inherit; } h1 { /*font-family: inherit;*/ text-align: left; vertical-align: text-middle; font-family: sans-serif,times new roman,microsoft sans serif,bookman old style,book antiqua,arial,tahoma,Kalinga,arial,engle light,verdana,tahoma,sans-serif,arial,monotype corsiva; font-size: 14pt; font-style: normal; font-weight: normal; /*lighter*/ /* font-variant: small-caps; */ letter-spacing: 2px; line-height: 18pt; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; color: #343434; } h2 { text-transform: capitalize; font-family: inherit; text-align: left; vertical-align: text-middle; /*font-family: tahoma,Kalinga,arial,engle light,verdana,tahoma,sans-serif,arial,monotype corsiva;*/ font-size: 12pt; line-height: 12pt; margin: 0px 0px 10px 0px; padding: 4px 2px 2px 2px; color: #343434; /*background-color: #ddddff; */ /* DADAB6 E1E1C8 003466 */ } h3 { text-transform: uppercase; font-family: inherit; font-size: 10pt; text-align: left; line-height: 10pt; margin-bottom: 0px; margin-top: 0px; padding-top: 2px; padding-bottom: 2px; padding-left: 0px; padding-right: 2px; color: #343434; } h4 { text-transform: uppercase; font-family: inherit; font-size: 10pt; text-align: left; line-height: 10pt; margin-bottom: 0px; margin-top: 0px; padding: 2px 0px 2px 0px; color: #343434; } p { font-family: inherit; margin-top: 2pt; margin-bottom: 2pt; } hr { border: 0; height: 1px; background: #333; background-image: -webkit-linear-gradient(left,#bbb,#333,#333,#bbb); background-image: -moz-linear-gradient(left,#bbb,#333,#333,#bbb); background-image: -ms-linear-gradient(left,#bbb,#333,#333,#bbb); background-image: -o-linear-gradient(left,#bbb,#333,#333,#bbb); } form { font-family: inherit; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } input { font-family: inherit; font-size: 13px; color: #000000; background-color: #fbfbfb; border: 1px solid #888888; margin: 0px 0px 0px 0px; } select { font-family: inherit; font-size: 13px; color: #000000; background-color: #fbfbfb; border: 1px solid #888888; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; padding: 0px 0px 0px 0px; } option { font-family: inherit; font-size: 13px; color: #000000; background-color: #fbfbfb; border: 0px solid #888888; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } textarea { font-family: inherit; font-size: 13px; color: #000000; background-color: #fbfbfb; border: 1px solid #888888; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; } ul { font-family: inherit; margin-left: 45px; /*25*/ margin-top: 0px; margin-bottom: 0px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; } li { /*color: #046A83;*/ font-family: inherit; margin-top: 0px; margin-bottom: 0px; /* padding-left: 0px; */ padding-top: 0px; padding-bottom: 0px; vertical-align: middle; /* color: #FAA61A; */ } /*************************************************************/ /* block styles - more attribs inline in site_functions page */ /*************************************************************/ .topBlock { position: fixed; top: 0px; left: 0px; z-index: 40; width:100%; height: 95px; background-color: #000000; background-image: url('media/bg-top-2.jpg'), url('media/bg-scene-3.jpg'); background-repeat: repeat-x, repeat-x; background-position: bottom, 0px 0px; border: solid 0px black; padding: 10px 20px 10px 20px; color: #dadada; /*box-shadow: 0px 10px 10px -2px #333; */ } .leftBlock { position: fixed; top: 95px; left: 0px; width: 135px; height: calc(100% - 95px); z-index: 45; background-color: #000000; background-image: url('media/bg-left-2.jpg'); background-repeat: repeat-y; background-position: right; padding: 10px 10px 10px 10px; border: solid 0px green; color: #aaaaaa; //box-shadow: 10px 4px 10px -2px #333; } .contentBlockContainer { position: relative; top: 95px; left: 135px; width: calc(100% - 135px); min-height: calc(100% - 95px); padding: 0px 0px 0px 0px; background-color: white; border: solid 0px blue; font-size: 12pt; } .contentBlock { margin: auto; padding: 10px 10px 10px 10px; width: 908px; /*min-height: 300px;*/ border: dotted 0px #ececec; color: #555555; } .bottomBlock { position: fixed; bottom: 0px; left: 135px; width: calc(100% - 135px); height: 95px; z-index: 42; background-color: #0F4973; border: dotted 2px purple; color: #ffffff; /* -moz-border-radius: 0px 0px 15px 15px; -webkit-border-radius: 0px 0px 15px 15px; border-radius: 0px 0px 15px 15px; box-shadow: 0px -4px 5px #000; -moz-box-shadow: 0px -4px 5px #000; -webkit-box-shadow: 0px -4px 5px #000; */ } .cornerPiece { position: fixed; left: -40px; top: calc(95px - 8px); z-index: 46; } /********************/ /* basic hover */ /********************/ a:link { text-decoration: underline; color: #333333; } a:visited { text-decoration: underline; color: #333333; } a:hover { /*text-decoration: underline;*/ text-decoration: none; color: #8E6803; /*DDD506 5997D1 0053a0*/ } a:active { text-decoration: none; color: #8E6803; } /******************/ /*top menu hover:*/ /******************/ a.topmenu:link { text-decoration: none; color: #ffffff; text-shadow: 1px 1px 2px #444444; } a.topmenu:visited { text-decoration: none; color: #ffffff; text-shadow: 1px 1px 2px #444444; } a.topmenu:hover { text-decoration: none; color: #02ECFB; text-shadow: 0px 0px 2px #444444; } a.topmenu:active { text-decoration: none; color: #02ECFB; text-shadow: 0px 0px 2px #444444; } /******************/ /*left menu hover:*/ /******************/ a.leftMenu:link { text-decoration: none; color: #aaaaaa; text-shadow: 1px 1px 2px #444444; } a.leftMenu:visited { text-decoration: none; color: #aaaaaa; text-shadow: 1px 1px 2px #444444; } a.leftMenu:hover { text-decoration: none; color: yellow; text-shadow: 0px 0px 2px #444444; } a.leftMenu:active { text-decoration: none; color: yellow; text-shadow: 0px 0px 2px #444444; } /******************/ /*bottom menu hover:*/ /******************/ a.bottommenu:link { text-decoration: none; color: #454545; text-shadow: 1px 1px 2px #444444; } a.bottommenu:visited { text-decoration: none; color: #454545; text-shadow: 1px 1px 2px #444444; } a.bottommenu:hover { text-decoration: none; color: #1872B3; text-shadow: 0px 0px 2px #444444; } a.bottommenu:active { text-decoration: none; color: #1872B3; text-shadow: 0px 0px 2px #444444; } /* misc border radius */ .generalRadius { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; } /*****************/ /*Sub page hover:*/ /*****************/ a.subpageLink:link { opacity:1.0; filter: alpha(opacity=100); text-decoration: none; color: #343434; /*text-shadow: 1px 1px 2px #444444;*/ } a.subpageLink:visited { opacity:1.0; filter: alpha(opacity=100); text-decoration: none; color: #343434; /*text-shadow: 1px 1px 2px #444444;*/ } a.subpageLink:hover { opacity:0.9; filter: alpha(opacity=90); text-decoration: none; color: #8E6803; /*text-shadow: 0px 0px 1px #444444;*/ } a.subpageLink:active { opacity:0.9; filter: alpha(opacity=90); text-decoration: none; color: #8E6803; /*text-shadow: 0px 0px 1px #444444;*/ } /**********************/ /* Sub page style */ /**********************/ .subpageContainer { opacity: inherit; font-family: inherit; float: left; text-align: left; /*vertical-align: bottom;*/ padding: 0 0 0 0; border: #898989 dotted 0px; } .subpageThumb { opacity: inherit; font-family: inherit; /*display: block;*/ background-repeat: no-repeat; background-position: top center; background-color: #ffffff; text-align: left; /*vertical-align: bottom;*/ padding: 0 0 0 0; border: #ccc solid 1px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; /* background-size: 25%; -webkit-background-size: 25%; -moz-background-size: 25%; -o-background-size: 25%; */ /* box-shadow: 4px 4px 5px #999; -moz-box-shadow: 4px 4px 5px #999; -webkit-box-shadow: 4px 4px 5px #999; */ } .subpageText { opacity: 1; display: block; padding: 5px 1px 1px 1px; font-size: 11px; font-family: verdana,arial,Kalinga; vertical-align: text-top; } .subpageHeading { opacity: 1; font-size: 10pt; font-family: verdana,tahoma; font-weight: bold; } /**************************/ /* category subpage style */ /**************************/ .catLink /*link block*/ { display: block; float: left; background-color: #bfbfbf; /*ababab*/ border: #ddd solid 1px; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; overflow: hidden; text-decoration: none; } .catDiv /*for thumbnail*/ { background-position: center center; /*center center*/ background-repeat: no-repeat; /* no-repeat */ /* border: #faa solid 0px; border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; */ overflow: hidden; text-decoration: none; } /**************************/ /* package/product detail */ /**************************/ /* .detailsImg { border: #ddd solid 1px; border-radius: 10px; -moz-border-radius: 10px; box-shadow: 4px 4px 5px #999; -moz-box-shadow: 4px 4px 5px #999; } */ .detailsH1 { color: #1872B3; font-size: 14pt; font-weight: normal; float:left; } .detailsH2 { color: #343434; /*ffffff*/ font-size: 12pt; font-weight: normal; float:left; } .catH2 { float: left; font-family: inherit; text-align: left; vertical-align: text-middle; font-size: 12pt; line-height: 12pt; margin: 4px 0px 2px 0px; padding: 0px 0px 0px 0px; color: #1872B3; } .pageHeading { /* position: relative; top: -10px; */ text-align: center; font-family: headerFont,iceland,blackOpsOne,RockSalt,times new roman,microsoft sans serif,bookman old style,book antiqua,arial,tahoma,Kalinga,arial,engle light,verdana,tahoma,sans-serif,arial,monotype corsiva; text-transform: capitalize; font-style: normal; font-weight: 400; /*lighter*/ font-variant: small-caps; letter-spacing: 2px; /*line-height: 20px;*/ height: 20px; margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; font-size: 17pt; /*17*/ color: white; text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 4px 4px 7px #333; /* text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000, 0px 1px 0 #000, 0px -1px 0 #000, -1px 0px 0 #000, 1px 0px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000, 0px 1px 0 #000, 0px -1px 0 #000, -1px 0px 0 #000, 1px 0px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000, 4px 4px 7px #333; */ } input.cart { font-family: inherit; font-size: 13px; color: #000000; background-color: #fbfbfb; border: 1px solid #888888; margin: 0px 0px 0px 0px; padding: 1px 1px 1px 1px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } select.cart { font-family: inherit; font-size: 13px; color: #000000; background-color: #fbfbfb; border: 1px solid #888888; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; padding: 0px 0px 0px 0px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } option.cart { font-family: inherit; font-size: 13px; color: #000000; background-color: #fbfbfb; border: 0px solid #888888; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } textarea.cart { font-family: inherit; font-size: 13px; color: #000000; background-color: #fbfbfb; border: 1px solid #888888; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .headerHR { /* margin-top: 10px; clear: left; height: 1px; border-style: dotted; border-width: 1px 0px 0px 0px; border-color: #ededed; */ border: 0; height: 1px; background: #333; background-image: -webkit-linear-gradient(left,#bbb,#333,#333,#bbb); background-image: -moz-linear-gradient(left,#bbb,#333,#333,#bbb); background-image: -ms-linear-gradient(left,#bbb,#333,#333,#bbb); background-image: -o-linear-gradient(left,#bbb,#333,#333,#bbb); /* -moz-transform: rotate(2deg); -webkit-transform: rotate(2deg); -o-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); */ } .subpageHR { /* clear: both; margin-bottom: 4px; margin-top: 15px; padding-top: 0px; padding-bottom: 0px; height: 2px; border-style: dotted; border-width: 1px 0px 0px 0px; border-color: #454545; background-color: #ffffff; color: #ffffff; */ border: 0; height: 1px; background: #333; background-image: -webkit-linear-gradient(left,#bbb,#333,#333,#bbb); background-image: -moz-linear-gradient(left,#bbb,#333,#333,#bbb); background-image: -ms-linear-gradient(left,#bbb,#333,#333,#bbb); background-image: -o-linear-gradient(left,#bbb,#333,#333,#bbb); } .ajaxHR { /* margin-top: 0px; padding-top: 0px; line-height: 5px; clear: left; height: 1px; border-style: dotted; border-width: 1px 0px 0px 0px; border-color: #ededed; */ margin-top: 0px; padding-top: 0px; border: 0; height: 1px; background: #333; background-image: -webkit-linear-gradient(left, #333,#eee,#333); background-image: -moz-linear-gradient(left, #333, #eee, #333); background-image: -ms-linear-gradient(left, #333, #eee, #333); background-image: -o-linear-gradient(left, #333, #eee, #333); } .searchbox { font-size: 10px; /* color= #dedede; */ background-color: #E1E1C8; border: 1px solid #000000; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; } .searchboxselect { font-size: 10px; font-color: #dedede; background-color: #465aa5; border: 1px solid #dedede; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; } .searchboxradio { font-size: 10px; font-color: #dedede; background-color: transparent; border: 0px solid #dedede; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; } /* for antispam */ /* hides input box on contact form */ .ns { display: none; }