.button_old { color:#3753A6; display:inline-block; font-family: Arial, Helvetica, sans-serif; font-size:70%; padding:6px; background-color: #3753A6; border:1px solid #ffcc00; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border-bottom:1px solid #9f9f9f; -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5); box-shadow:inset 0 1px 0 rgba(255,255,255,0.5); cursor:pointer; } .button_old:hover { background-color: #000055; } .button_new { color:#000055; display:inline-block; font-family: Arial, Helvetica, sans-serif; font-size:70%; padding:6px; background-color: #000055; border:1px solid #ffcc00; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border-bottom:1px solid #9f9f9f; -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5); box-shadow:inset 0 1px 0 rgba(255,255,255,0.5); cursor:pointer; } .button_new:hover { background-color: #3753A6; } .char9 { color: #000000; font-weight: normal; font-size: 9px; font-family: Arial, Helvetica, sans-serif } .char10 { color: #000000; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif } .char10b { color: #000000; font-weight: bold; font-size: 10px; font-family: Arial, Helvetica, sans-serif } .char10w { color: #FFFFFF; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif } .char10wb { color: #FFFFFF; font-weight: bold; font-size: 10px; font-family: Arial, Helvetica, sans-serif } .char10 a:link { color: #127C21; text-decoration:none; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif } .char10 a:hover { color: #666666; text-decoration:none; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif } .char10 a:visited { color: #999999; text-decoration:none; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif } .char10g a:link { color: #CCCCCC; text-decoration:none; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif } .char10g a:hover { color: #FFFFCC; text-decoration:none; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif } .char10g a:visited { color: #999999; text-decoration:none; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif } .char11 { color: #000000; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif } .char11blue { color: #000066; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } .char11blue a:link { color: #000066 font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; } .char11blue a:visited { color: #C11908; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; } .char11blue a:hover { color: #757575; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; } .char12 { color: #000000; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif } .char12b { color: #000000; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif } .char12w { color: #FFFFFF; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif } .char12wb { color: #FFFFFF; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif } .char12 a:link { color: #127C21; text-decoration:none; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif } .char12 a:hover { color: #666666; text-decoration:none; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif } .char12 a:visited { color: #999999; text-decoration:none; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif } .char12w a:link { color: #FFFFFF; text-decoration:none; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif } .char12w a:hover { color: #666666; text-decoration:none; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif } .char12w a:visited { color: #999999; text-decoration:none; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif } .char12redbold { color: #FF0000; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif } .char14b { color: #000000; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, sans-serif } .char14bred { color: #FF0000; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, sans-serif } .char14over16 { color: #000000; font-weight: bold; font-size: 14px; line-height: 16px;font-family: Arial, Helvetica, sans-serif } .char14over16wb { color: #FFFFFF; font-weight: bold; font-size: 14px; line-height: 16px;font-family: Arial, Helvetica, sans-serif } .char16b { color: #000000; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, sans-serif } .char16b a:link { color: #000000; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, sans-serif } .char16b a:hover { color: #CCCCCC; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, sans-serif } .char16b a:visited { color: #000000; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, sans-serif } .char12blink a:link { color: #FF0000; text-decoration:blink; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif } .char10_over16 { color: #000000; font-weight: normal; font-size: 10px; line-height: 16px;font-family: Arial, Helvetica, sans-serif } .char20bred { color: #FF0000; font-weight: bold; font-size: 20px; font-family: Arial, Helvetica, sans-serif } td.char10 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 14px; color: #000000; background-color: #FFFFFF; } td.char10grey { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 14px; color: #000000; background-color: #F1F1F1; } td.news { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 14px; color: #2B2B2B; background-color: #F0E68C; } .alert_head { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 24px; color: #000000; text-align: center;} .alert_sub { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: italic; line-height: 22px; color: #000000; text-align: center;} .alert_body { color: #000000; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif } .alert_body a:link { color: #0000EE; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif } .alert_body a:hover { color: #999999; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif } td.t_r { color: #000000; font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; } td.t_l { color: #000000; font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; } td.t_rw { color: #FFFFFF; font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; } td.t_lw { color: #FFFFFF; font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; } .orange { color: #FF9900; font-family: 'Georgia', serif; font-size: 11px; font-weight: normal; line-height: 15px; text-align: left; text-decoration: none; } .orange a:link { color: #FF9900; font-family: 'Georgia', serif; font-size: 11px; font-weight: normal; line-height: 15px; text-align: left; text-decoration: none; } .orange a:visited { color: #990000; font-family: 'Georgia', serif; font-size: 11px; font-weight: normal; line-height: 15px; text-align: left; text-decoration: none; } .orange a:hover { color: #CC6633; font-family: 'Georgia', serif; font-size: 11px; font-weight: normal; line-height: 15px; text-align: left; text-decoration: none; } .red { color: #FF0000; font-family: 'Georgia', serif; font-size: 11px; font-weight: normal; line-height: 15px; text-align: left; text-decoration: none; } .red a:link { color: #FF0000; font-family: 'Georgia', serif; font-size: 11px; font-weight: normal; line-height: 15px; text-align: left; text-decoration: none; } .red a:visited { color: #990000; font-family: 'Georgia', serif; font-size: 11px; font-weight: normal; line-height: 15px; text-align: left; text-decoration: none; } .red a:hover { color: #CC6633; font-family: 'Georgia', serif; font-size: 11px; font-weight: normal; line-height: 15px; text-align: left; text-decoration: none; } .green { color: #009900; font-family: 'Georgia', serif; font-size: 11px; font-weight: normal; line-height: 15px; text-align: left; text-decoration: none; } .green a:link { color: #009900; font-family: 'Georgia', serif; font-size: 11px; font-weight: normal; line-height: 15px; text-align: left; text-decoration: none; } .green a:visited { color: #990000; font-family: 'Georgia', serif; font-size: 11px; font-weight: normal; line-height: 15px; text-align: left; text-decoration: none; } .green a:hover { color: #CC6633; font-family: 'Georgia', serif; font-size: 11px; font-weight: normal; line-height: 15px; text-align: left; text-decoration: none; } .blue { color: #0033FF; font-family: 'Georgia', serif; font-size: 11px; font-weight: normal; line-height: 15px; text-align: left; text-decoration: none; } .blue a:link { color: #0033FF; font-family: 'Georgia', serif; font-size: 11px; font-weight: normal; line-height: 15px; text-align: left; text-decoration: none; } .blue a:visited { color: #990000; font-family: 'Georgia', serif; font-size: 11px; font-weight: normal; line-height: 15px; text-align: left; text-decoration: none; } .blue a:hover { color: #CC6633; font-family: 'Georgia', serif; font-size: 11px; font-weight: normal; line-height: 15px; text-align: left; text-decoration: none; } .btn-style { border-top: 1px solid #ffffff; background: #D4D8A5; background: -webkit-gradient(linear, left top, left bottom, from(#AECCE6), to(#D4D8A5)); background: -webkit-linear-gradient(top, #AECCE6, #D4D8A5); background: -moz-linear-gradient(top, #AECCE6, #D4D8A5); background: -ms-linear-gradient(top, #AECCE6, #D4D8A5); background: -o-linear-gradient(top, #AECCE6, #D4D8A5); padding: 5.5px 11px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: white; font-size: 15px; font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif; text-decoration: none; vertical-align: middle; } .btn-style:hover { border-top-color: #D6D7D2; background: #D6D7D2; color: #F7E092; } .btn-style:active { border-top-color: #463c3c; background: #463c3c; } #pinstripe1 { background: #463C3C; height: 2px; width:100%; } #pinstripe2 { background: #AECCE6; height: 4px; width:100%; } td.cart_top { background-color: #666633; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-align: left; } td.cart_body { background-color: #CCCC99; line-height: 2px; font-size:2px;} td.pad10 { padding: 10px;} td.pad6 { padding: 6px;} td.pad2 { padding: 2px;} td.green {background-color: #336633; border: solid white; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-align: left; } td.cart2_top { background-color: #666633; font-family: Arial, Helvetica, sans-serif; font-size: 4px; font-weight: bold; color: #FFFFFF; text-align: left; } td.cart2_body { background-color: #CCCC99; line-height: 1px; font-size:1px;} .cart_button { border-top: 1px solid #ffffff; background: #D4D8A5; background: -webkit-gradient(linear, left top, left bottom, from(#666633), to(#D4D8A5)); background: -webkit-linear-gradient(top, #666633, #D4D8A5); background: -moz-linear-gradient(top, #666633, #D4D8A5); background: -ms-linear-gradient(top, #666633, #D4D8A5); background: -o-linear-gradient(top, #666633, #D4D8A5); padding: 5.5px 11px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: white; font-size: 14px; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; vertical-align: middle; } .cart_button:hover { border-top-color: #D6D7D2; background: #D6D7D2; color: #F7E092; } .cart_button:visited { border-top-color: #D6D7D2; background: #D4D8A5; color: white; } .cart_button:active { border-top-color: #463c3c; background: #463c3c; } .but_reset { border-top: 1px solid #ffffff; background: #CCFF66; background: -webkit-gradient(linear, left top, left bottom, from(#CCFF66), to(#F7E092)); background: -webkit-linear-gradient(top, #CCFF66, #F7E092); background: -moz-linear-gradient(top, #CCFF66, #F7E092); background: -ms-linear-gradient(top, #CCFF66, #F7E092); background: -o-linear-gradient(top, #CCFF66, #F7E092); padding: 2px 11px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #003300; font-size: 12px; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; vertical-align: middle; } .but_reset:hover { border-top-color: #D6D7D2; background: #D6D7D2; color: #FFFF99; } .but_reset:visited { border-top-color: #D6D7D2; background: #D4D8A5; color: white; } .but_reset:active { border-top-color: #463c3c; background: #463c3c; } .but_go { border-top: 1px solid #ffffff; background: #00CC33; background: -webkit-gradient(linear, left top, left bottom, from(#00CC33), to(#003300)); background: -webkit-linear-gradient(top, #00CC33, #003300); background: -moz-linear-gradient(top, #00CC33, #003300); background: -ms-linear-gradient(top, #00CC33, #003300); background: -o-linear-gradient(top, #00CC33, #003300); padding: 2px 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #FFFFFF; font-size: 12px; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; vertical-align: middle; } .but_go:hover { border-top-color: #D6D7D2; background: #D6D7D2; color: #FFFF99; } .but_go:visited { border-top-color: #D6D7D2; background: #D4D8A5; color: white; } .but_go:active { border-top-color: #463c3c; background: #463c3c; } iframe#ifrm { width:240px; height:400px; margin-top: 14px; margin-bottom: 10px; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; -moz-box-shadow: 3px 3px 10px #000; -webkit-box-shadow: 3px 3px 10px #000; box-shadow: 3px 3px 10px #000; } .fluidMedia { position: relative; padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */ padding-top: 30px; height: 0; overflow: hidden; } .fluidMedia iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .fluidMedia2 { position: relative; padding-bottom: 95%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */ padding-top: 120px; height: 0; overflow: hidden; } .fluidMedia2 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } input.formBg{background:#FBFADB;font-family:Helvetica, sans-serif; font-size:9px; color: #000000;} input.formBg12{background:#FBFADB;font-family:Helvetica, sans-serif; font-size:12px; color: #000000;} select { color:#0d1942; font-size:11px; margin:0; padding:0 } input { color:#0d1942; font-size:11px; margin:0; padding:0 } select { -webkit-appearance: button; -moz-appearance: button; -webkit-user-select: none; -moz-user-select: none; -webkit-padding-end: 20px; -moz-padding-end: 20px; -webkit-padding-start: 2px; -moz-padding-start: 2px; background-color: #F7E092; /* fallback color if gradients are not supported */ background-position: center right; background-repeat: no-repeat; border: 1px solid #AAA; border-radius: 2px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); color: #000000; font-size: inherit; margin: 0; overflow: hidden; padding-top: 2px; padding-bottom: 2px; text-overflow: ellipsis; white-space: nowrap; } .thumbnail { position: relative; width: 140px; height: 140px; overflow: hidden; } .thumbnail img { position: absolute; left: 50%; top: 50%; height: 100%; width: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .thumbnail img.portrait { width: 100%; height: auto; } .product_display { position: relative; width: 400px; height: 400px; overflow: hidden; } .product_display img { position: absolute; left: 50%; top: 50%; height: 100%; width: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .product_display img.portrait { width: 100%; height: auto; } .product_name { color: #FF66CC; font-family: 'Georgia', serif; font-size: 14px; font-weight: bold; line-height: 18px; text-align: center; text-decoration: none; } .product_name a:link { color: #FF66CC; font-family: 'Georgia', serif; font-size: 14px; font-weight: normal; line-height: 18px; text-align: center; text-decoration: none; } .product_name a:visited { color: #990000; font-family: 'Georgia', serif; font-size: 14px; font-weight: normal; line-height: 18px; text-align: center; text-decoration: none; } .product_name a:hover { color: #9B8403; font-family: 'Georgia', serif; font-size: 14px; font-weight: normal; line-height: 18px; text-align: center; text-decoration: none; } .product{ display:block; width: 70%; float:left; padding-right:10px; margin-bottom:10px; margin-right:10px; background:#fff; border:1px solid #FF3399; padding:10px;} .product img { float:left; margin-right:10px; max-height: 120px; border:1px solid #A4A35A;} .product p { margin-top: 5px;} .product a:hover {color: #A4A35A;} .starburst_box { border: 4px solid #A4A35A; background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFCC)); background: -webkit-linear-gradient(top, #FFFFFF, #FFFFCC); background: -moz-linear-gradient(top, #FFFFFF, #FFFFCC); background: -ms-linear-gradient(top, #FFFFFF, #FFFFCC); background: -o-linear-gradient(top, #FFFFFF, #FFFFCC); -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .char16trail { color: #4370A7; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-shadow: 0 1px 1px rgba(0,0,0,0.2);} .char16trail a:link { color: #4370A7; text-decoration:none; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-shadow: 0 1px 1px rgba(0,0,0,0.2);} .char16trail a:hover { color: #555555; text-decoration:none; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-shadow: 0 1px 1px rgba(0,0,0,0.2);} .char16trail a:visited { color: #4370A7; text-decoration:none; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-shadow: 0 1px 1px rgba(0,0,0,0.2);} .cart_button:visited { border-top-color: #FFFFFF; background: #FFFFFF; color: #000000; } .cart_button:active { border-top-color: #FFFFFF; background: #FFFFFF; color: #000000; } div.botright { background-image: url(images/comodo_secure_seal_76x26_transp.png); background-repeat: no-repeat;background-position: right bottom; position:fixed; bottom:0px; right:0px; } .but_send { background: #3883b5; background-image: -webkit-linear-gradient(top, #3883b5, #000055); background-image: -moz-linear-gradient(top, #3883b5, #000055); background-image: -ms-linear-gradient(top, #3883b5, #000055); background-image: -o-linear-gradient(top, #3883b5, #000055); background-image: linear-gradient(to bottom, #3883b5, #000055); -webkit-border-radius: 4; -moz-border-radius: 4; border-radius: 4px; font-family: Arial; color: #ffffff; font-size: 14px; padding: 6px 8px 6px 8px; text-decoration: none; } .but_send:hover { background: #419ad1; background-image: -webkit-linear-gradient(top, #419ad1, #186191); background-image: -moz-linear-gradient(top, #419ad1, #186191); background-image: -ms-linear-gradient(top, #419ad1, #186191); background-image: -o-linear-gradient(top, #419ad1, #186191); background-image: linear-gradient(to bottom, #419ad1, #186191); text-decoration: none; } #captcha_container { padding: 2px 12px; }