body {width: 100%; height: 100%; padding:0; margin:0; font-family:Tahoma, Helvetica, sans-serif; background:url(i/bg/001.gif) repeat-y; color:#1c3c47} html, body {min-height: 100%;height:100%; } html>body #all {height:auto;} #all {height:100%; min-height:100%; margin-bottom:-102px; min-width:985px; width:100%; max-width:1280px; background:url(i/bg/009a.jpg) 100% 77px no-repeat} img {border:0} img.inlineimage { margin:0 12px 12px 16px} form {margin:0; padding:0} input, select, button, textarea {font-family:Tahoma, Helvetica, sans-serif; color:#1c3c47} input.inpst01 { border:1px solid #5ac3e9; font-size:13px; } a:link, a:visited { color:#005d99} a:hover {color:#f36462} p { margin:0; padding:0 10px 17px 13px; font-size:13px; line-height:15px} ol {margin:0 0 0 18px; padding:11px 0 22px 13px } ol li {font-size:13px; line-height:15px} h1 { font-size:24px; font-weight:normal; margin:0; padding:7px 0 7px 12px; line-height:27px; } h1 span { font-size:18px; padding:0 0 0 0; line-height:21px; display:block } .block01 h1 {color:#fff} h1.hst01 { width:580px} h2 { margin:0; font-size:24px; font-weight:normal; padding:15px 0 9px 13px; line-height:26px; color:#f36462 } .block01 h2 {font-size:18px; font-weight:normal; padding:7px 0 9px 12px; line-height:21px; color:#fff} h3 { margin:0; font-size:18px; font-weight:normal; padding:5px 0 9px 13px; line-height:21px } h4 { font-size:17px; color:#f36462; font-weight:normal; margin:0; line-height:19px} .leftcol h4, .leftcol1 h4 { padding:2px 10px 14px 21px; background:url(i/bg/014.gif) 2px 100% no-repeat} .leftcol .hdr3, .leftcol1 .hdr3 {padding:0; margin:0; background:url(i/bg/013.gif) 2px 0 repeat-y} h5 { font-size:17px; font-weight:normal; margin:0; line-height:19px; padding:24px 0 0 0 } h6 { margin:0; padding:11px 11px 11px 0; font-size:13px; font-weight:normal;} ul { margin:0; padding:0 0 20px 13px; list-style:none} li {margin:0; padding:0 0 0 22px; background:url(i/bul/001.gif) 5px 6px no-repeat; font-size:12px; line-height:19px; list-style:none} #tabMain01 { display:block; font-size:13px; padding:0 0 0 12px} #tabMain01 img { margin:0 12px 12px 0} #tabMain03 {padding:0 0 0 12px} #tabMain02, #tabMain03, #tabMain04, #tabMain05 { display:none; font-size:13px} #tabMain11 { display:block; font-size:13px} #tabMain11 img { margin:0 12px 12px 0} #tabMain12, #tabMain13, #tabMain14, #tabMain15 { display:none; font-size:13px} #tabMain21 { display:block; font-size:13px} #tabMain21 img { margin:0 12px 12px 0} #tabMain22, #tabMain23 { display:none; font-size:13px} #f_sp { height:102px; clear:both;} #col001 {float: right; width: 100%} #col001[id] {margin-left: -1px;} #col002 {float: left; margin:0 0 0 -178px; z-index: 10} #col002[id] {margin-right: 1px;} #columns { padding: 0 0 0 178px} .colw { width: 100%;} .colw[class] { padding-bottom: 0.1px;} .fw01 { float: left; width: 100%; position: relative; z-index: 0;} .fw01[class] { margin-right: -1px;} #all, #footer, #header {min-width:985px;} #footer { height:102px; background:url(i/bg/036.gif) 0 100% repeat-x; overflow:hidden; min-width:985px; max-width:1280px;} #ftr01 {height:102px; overflow:hidden; background:url(i/bg/038.gif) 100% 39px no-repeat} #ftr02 { height:57px; background:url(i/bg/037.gif) 0 0 no-repeat; overflow:hidden; position:relative} #ftr03 {height:24px; top:9px; left:196px; position:absolute; z-index:10} #ftr03 a {float:left; margin:0 2px 0 0} #ftr03 div {float:left; margin:0 2px 0 0} #ftr04 { height:63px; overflow:hidden;} #ftr05 {color:#586a76; width:160px; float:left; font-size:9px; padding:14px 0 4px 17px; } #ftr05 a:link, #ftr05 a:visited {color:#586a76; text-decoration:none;} #ftr05 a:link span, #ftr05 a:visited span {text-decoration:none; color:#005d99} #ftr05 a:hover {text-decoration:none;} #ftr05 a:hover span {text-decoration:underline;} #ftr05 img {vertical-align:top; margin:1px 3px 0px 0px;} #ftr06 { width:551px; float:left; overflow:hidden; padding:18px 0 0 0; color:#f36462; font-size:11px; line-height:13px; text-align:center} #ftr06 a:link , #ftr06 a:visited { text-decoration:none; margin:0 6px} #ftr06 a:hover {text-decoration:underline} #ftr07 { float:right; width:226px; font-size:10px; color:#fff; padding:7px 0 0 0} #ftr07 a.lnk01:visited, #ftr07 a.lnk01:link { margin-left:11px; color:#fff; text-decoration:underline} #ftr07 a.lnk01:hover { text-decoration:none} #ftr08 { position:absolute; left:14px; top:17px; z-index:11} ul.list01 {margin:0; padding:0 0 20px 0} ul.list01 a:link, ul.list01 a:visited { text-decoration:none} ul.list01 a:hover { text-decoration:underline} ul.list02 { padding:0 } ul.list02 li {margin:0; padding:0 0 13px 52px; background:url(i/ico/013.gif) 11px 1px no-repeat; font-size:15px; line-height:17px; font-weight:bold} ul.list02 a:link, ul.list02 a:visited { text-decoration:underline; color:#f36462} ul.list02 a:hover { text-decoration:none} ul.leftmenu { margin:0; padding:0 0 17px 0; list-style:none; width:154px} ul.leftmenu li {margin:0; padding:0 0 0 0; background:url(i/bul/002.gif) 4px 4px no-repeat; font-size:12px; line-height:14px} ul.leftmenu li a:link, ul.leftmenu li a:visited {padding:2px 0 3px 20px; display:block; text-decoration:none} ul.leftmenu li a:hover {text-decoration:underline} ul.leftmenu li.act {margin:0; padding:0; background:url(i/bul/003.gif) 0 100% no-repeat #5ac3e9; font-weight:bold; color:#fff} ul.leftmenu li.act a:link, ul.leftmenu li.act a:visited { color:#fff; text-decoration:none; background:url(i/bul/004.gif) 0 0 no-repeat; display:block; padding:2px 0 3px 20px} ul.leftmenu li.act a:hover { text-decoration:underline} ul.leftmenu li.act ul { padding:0} ul.leftmenu li.act ul li { font-weight:normal; background:none; padding:0 0 0 20px; background:url(i/bul/005.gif) 21px 6px no-repeat; font-size:11px; line-height:13px;} ul.leftmenu li.act ul li a:link, ul.leftmenu li.act ul li a:visited { background:none; padding:2px 0 3px 12px;} ul.leftmenu li.act ul li.act { font-weight:bold} ul.leftmenu li.act ul li ul li { font-weight:normal; background:none; padding:0 0 0 12px; background:url(i/bul/005.gif) 12px 6px no-repeat; font-size:11px; line-height:13px;} ul.leftmenu li.act ul li ul li a:link, ul.leftmenu li.act ul li ul li a:visited { background:none; padding:2px 0 3px 12px;} #breadcrumbs {color:#f36462; font-size:11px; line-height:13px; padding:9px 0} #breadcrumbs strong { color:#1c3c47} #breadcrumbs a:link, #breadcrumbs a:visited { color:#f36462; text-decoration:underline; margin:0 3px 0 4px} #breadcrumbs a:hover {text-decoration:none} #breadcrumbs span {color:#f36462; padding:0 0 0 4px} .mess01 { font-size:12px; line-height:14px; padding:3px 10px 24px 39px; background:url(i/bg/039.gif) 12px 0 no-repeat} .mess01 a:link, .mess01 a:visited { text-decoration:none} .mess01 a:hover { text-decoration:underline} .tabl01 {padding:0 11px 11px 11px} .tabl01 table tr th { text-align:left; padding:3px 3px 8px 7px; color:#64899e; font-size:17px; line-height:19px; background:url(i/bg/040.gif) 0 100% repeat-x; font-weight:normal} .tabl01 table tr td { text-align:left; padding:9px 3px 8px 7px; color:#64899e; font-size:12px; line-height:14px; background:url(i/bg/040.gif) 0 100% repeat-x; vertical-align:top; font-weight:bold} .tabl01 table tr td.tst01, .tabl01 table tr th.tst01 { text-align:center; padding-right:35px} .tabl01 table tr td a:link, .tabl01 table tr td a:visited { color:#0090ec; text-decoration:none} .tabl01 table tr td a:hover { text-decoration:underline} .tabl01 table tr td.lnk1 a:link, .tabl01 table tr td.lnk1 a:visited {text-decoration:underline} .tabl01 table tr td.lnk1 a:hover {color:#f36462;} .tabl01 table tr td.tst02 input { border:1px solid #5ac3e9; font-size:14px; line-height:15px; width:46px; text-align:center; padding:2px 0} .tabl01 table tr td.tst03 { font-size:17px; font-weight:normal; color:#1c3c47} .tabl01 table tr td.tst03 span { font-size:21px; font-weight:normal} .tabl01 table tr td.tst04 { line-height:23px; text-align:right; padding-right:19px; font-size:17px; font-weight:normal;} .tabl02 {} .tabl02 tr td {font-size:13px; padding:4px} .tabl03 { margin-left:11px} .tabl03 tr td {font-size:13px; padding:4px} .block01 { background:url(i/bg/018.gif) no-repeat #f36462; margin:0 5px 19px 2px} .block01 .blst01 { background:url(i/bg/019.gif) 100% 0 no-repeat;} .block01 .blst02 { background:url(i/bg/020.gif) 0 100% no-repeat; min-height:22px} .block01 .blst03 { background:url(i/bg/021.gif) 100% 0 no-repeat #fff; height:11px;} .block011 {margin:0 5px 0 2px} .block012 {margin:8px 5px 0 2px} .sendtofriend { font-size:11px; line-height:13px; padding:9px 13px 8px 0; overflow:hidden; height:13px} .sendtofriend a { float:right; padding:0 0 0 13px; background:url(i/ico/012.gif) 0 2px no-repeat} .sendtofriend a:link, .sendtofriend a:visited { color:#0090ec; text-decoration:none} .sendtofriend a:hover { text-decoration:underline} .block01 .sendtofriend { font-size:11px; line-height:13px; padding:10px 13px 0 0; height:13px; overflow:hidden} .block01 .sendtofriend a { float:right; padding:0 0 0 13px; background:url(i/ico/003.gif) 0 3px no-repeat} .block01 .sendtofriend a:link, .block01 .sendtofriend a:visited { color:#fff; text-decoration:none} .block01 .sendtofriend a:hover { text-decoration:underline} .subcat { font-size:13px; padding:0 0 12px 12px} .pager01 { float:right; overflow:hidden; height:26px; padding:0 0 0 0} .pager01 div.psp01 { background:url(i/bg/048.gif) 0 15px no-repeat; width:9px; height:18px; padding:0} .pager01 div {float:left; background:none; font-size:21px; line-height:23px; color:#f36462; margin:0 4px 0 0} .pager01 a {float:left; background:url(i/bg/047.gif) no-repeat #f36462; margin:3px 0 0 0} .pager01 div a span { background:url(i/bg/047.gif) 100% 0 no-repeat; font-size:11px; line-height:13px; color:#fff; padding:2px 6px 3px 6px; display:block} .pager01 div a:link, .pager01 div a:visited { text-decoration:none} .pager01 div a:hover {text-decoration:underline} .block01 .pager01 div { background:url(i/bg/045.gif) no-repeat #fff; margin:6px 4px 0 0;} .block01 .pager01 div.psp01 { background:url(i/bg/046.gif) 0 15px no-repeat;} .block01 .pager01 div.act { background:none; color:#fff; margin:3px 4px 0 0;} .block01 .pager01 div a { background:url(i/bg/045.gif) 100% 0 no-repeat; color:#f36462;} .block02 { padding:0 0 30px 0} .block02 .blst01 { width:220px; float:left} .block02 .blst01 { text-align:center} .block02 .blst02 { width:400px; float:left} .price { font-size:22px; line-height:27px; padding:9px 0 15px 0} .price2 { font-size:12px; padding:9px 0 15px 0} .price2 span { font-size:24px; line-height:27px; } .price3 { font-size:12px; padding:9px 0 15px 0} .product_strikethru { font-size:12px; color:#64899e; text-decoration: line-through;} .ranc { font-size:11px; color:#64899e; height:42px; display:none} .ranc img { float:left} .ranc a { float:left; padding:7px 0 0 0; margin-left:7px} .ranc span {color:#64899e; float:left; padding:7px 0 0 0; margin-left:7px} .ranc a:link, .ranc a:visited {color:#64899e; text-decoration:none} .ranc a:hover {text-decoration:underline} .block02 .blst04 { float:left; font-size:13px; font-weight:bold; width:72px; padding:3px 0 6px 2px} .block02 .blst05 { float:left; width:300px; padding:0 0 5px 0; font-size:12px} .block02 .blst05 select { border:1px solid #5ac3e9; width:190px; color:#1c3c47; font-size:13px; padding:0 0 1px 6px; line-height:15px; height:22px} .block02 .blst05 input { border:1px solid #5ac3e9; width:81px; color:#1c3c47; font-size:13px; padding:1px 0 2px 6px; line-height:15px} .block02 .blst05 input.opt { border:1px solid #5ac3e9; width:185px; color:#1c3c47; font-size:13px; padding:1px 0 2px 6px; line-height:15px} .block02 .blst05 input.opt2 { border:none!important; width:15px; color:#1c3c47; font-size:13px; padding:1px 0 2px 6px; line-height:15px} .block02 .blst05 input.opt3 {border:1px solid #5ac3e9; width:121px; color:#1c3c47; font-size:13px; padding:1px 0 2px 6px; line-height:15px} .block02 .blst05 textares { border:1px solid #5ac3e9; width:190px; color:#1c3c47; font-size:13px; padding:1px 0 2px 6px; line-height:15px} .block02 .blst15 {padding:0 0 5px 0; font-size:12px} .block02 .blst15 select { border:1px solid #5ac3e9; min-width:190px; color:#1c3c47; font-size:13px; padding:0 0 1px 6px; line-height:15px; height:22px} .block02 .blst15 input { border:1px solid #5ac3e9; width:81px; color:#1c3c47; font-size:13px; padding:1px 0 2px 6px; line-height:15px} .block02 .blst15 input.opt { border:1px solid #5ac3e9; width:185px; color:#1c3c47; font-size:13px; padding:1px 0 2px 6px; line-height:15px} .block02 .blst15 input.opt2 { border:none!important; width:15px; color:#1c3c47; font-size:13px; padding:1px 0 2px 6px; line-height:15px} .block02 .blst15 input.opt3 {border:1px solid #5ac3e9; width:121px; color:#1c3c47; font-size:13px; padding:1px 0 2px 6px; line-height:15px} .block02 .blst15 textares { border:1px solid #5ac3e9; width:190px; color:#1c3c47; font-size:13px; padding:1px 0 2px 6px; line-height:15px} .block02 .blst14 { font-size:13px; font-weight:bold; padding:5px 0 2px 2px; height:15px} .block03 { font-size:13px; color:#1c3c47; background:url(i/bg/034.gif) 0 100% repeat-x; margin:0 11px 15px 11px; padding:0 7px 12px 5px} .block03 .blst01 { font-size:11px; line-height:13px; color:#64899e; font-weight:bold;} .block03 .blst01 a:link,.block03 .blst01 a:visited { color:#0090ec; font-weight:bold; text-decoration:none} .block03 .blst01 a:hover { text-decoration:underline} .block03 .blst01 strong { color:#0090ec; } .block03 .blst02 { font-size:11px; line-height:13px; color:#64899e; padding:0 0 11px 0} .block03 img { vertical-align:middle; margin:0 0 5px 5px; padding:0; } .block04 .blst01 { float:left; width:103px; font-size:13px; font-weight:bold; padding:3px 7px 0 23px} .block04 .blst02 { float:left; width:400px; height:28px} .block04 .blst02 input { border:1px solid #5ac3e9; font-size:12px; padding:3px 2px 3px 2px; line-height:14px; width:371px} .block04 .blst03 { float:left; width:400px; height:135px} .block04 .blst03 textarea { border:1px solid #5ac3e9; font-size:12px; padding:3px 2px 3px 2px; line-height:14px; height:123px; width:371px} .block04 .blst04 { float:left; width:400px; height:22px} .block04 .blst04 select { border:1px solid #5ac3e9; font-size:12px; padding:2px 0 2px 0; line-height:14px; width:118px; margin:0 0 0 -2px; display:block} .block04 .blst05 { float:left; width:130px; height:27px; padding:1px 0 0 0} .block04 .blst05 input { border:1px solid #5ac3e9; font-size:12px; padding:3px 2px 3px 2px; line-height:14px; width:112px} .block04 .blst06 { float:left; width:73px; height:27px} .block04 .blst07 { float:left; width:180px; height:27px} .block04 .blst07 a { display:block; font-size:11px; line-height:13px; background:url(i/bg/035.gif) 0 5px no-repeat; padding:4px 0 1px 14px; float:left} .block04 .blst07 a:link, .block04 .blst07 a:visited { color:#0090ec} .block04 .blst07 { float:left; width:180px; height:27px} .block04 .blst07 input { display:block; font-size:11px; line-height:13px; background:url(i/bg/035.gif) 0 5px no-repeat; padding:4px 0 1px 14px; float:left} .block04 .blst07 input { color:#0090ec} .block04 .blst08 {float:left; width:400px; height:29px} .block04 .blst08 .but02 { padding:0} .block04 .blst09 { padding:0 0 0 118px; font-size:11px; color:#64899e} .block05 { height:32px; overflow:hidden; font-size:17px; line-height:19px; color:#64899e} .block05 .blst01 { float:left; padding:0 10px 0 0 } .block05 .blst01 input { border:1px solid #5ac3e9; font-size:13px; line-height:15px; width:80px; padding:2px 8px; margin:0 0 0 6px} .block05 .blst01 select { border:1px solid #5ac3e9; font-size:13px; line-height:15px; padding:2px 0 2px 2px; margin:0 0 0 6px} .block05 .blst02 { height:23px; float:left; margin:0 20px 0 0} .block05 .blst03 { height:23px; float:right; margin:0 100px 0 0} .block06 {margin:0 0 0 14px; padding:0 0 12px 0; zoom:1} .block06 .blst01 { float:left; width:23%} .block06 .blst02 { margin-right:1.9%} .block06 .blst03 { height:110px; overflow:hidden; padding:5px 0 12px 0; text-align:center;} .block06 .blst04 {font-size:17px; font-weight:normal; color:#1c3c47;} .block06 .blst05 { float:right; width:44%; color:#64899e; text-align:right} .block06 .blst05 strong {font-size:17px; font-weight:normal; color:#1c3c47; text-decoration:none; } .block06 .blst05 strong span {font-size:21px; font-weight:normal; text-decoration:none; } .block06 .blst06 { float:left; width:55%; overflow:hidden; font-size:13px; font-weight:bold; padding:0 0 4px 0} .block06 .blst06 a:link, .block06 .blst06 a:visited { color:#0090ec; text-decoration:none} .block06 .blst06 a:hover { text-decoration:underline} .block06 .blst07 { font-size:12px; font-weight:bold; float:right; padding:7px 0 12px 0;} .block06 .blst07 a:link, .block06 .blst07 a:visited { color:#0090ec; background:url(i/ico/010.gif) 0 2px no-repeat; padding:0 0 0 14px; text-decoration:none} .block06 .blst07 a:hover { color:#f36462; text-decoration:underline} .block06 .blst10 { clear:both; height:1px; overflow:hidden; background:url(i/bg/040.gif) 0 0 repeat-x; margin:0 0 0 0; zoom:1} .blst10 { clear:both; height:1px; overflow:hidden; background:url(i/bg/040.gif) 0 0 repeat-x; margin:0 0 0 0; zoom:1} .block07 { background:url(i/bg/040.gif) 0 100% repeat-x; margin:0 0 0 11px; height:38px; padding:0 0 0 4px} .block07 select { border:1px solid #5ac3e9; padding:1px 0 1px 2px; font-size:13px; width:145px } .block07 .block08 {float:right; margin-right:0; max-width:400px;} .block08 { height:31px; overflow:hidden;} .block09 {} .block09 .blst01 { width:35%; float:left} .block09 .blst02 { width:55%; float:left} .block09 ul { padding:0 0 20px 0} .block09 ul li { padding:0 0 0 34px; background:url(i/bul/001.gif) 14px 5px no-repeat; } .block09 ul li a:link, .block09 ul li a:visited { text-decoration:none} .block09 ul li a:hover { text-decoration:underline} .block09 .blst10 { clear:both; height:1px; overflow:hidden; background:url(i/bg/040.gif) 0 100% repeat-x; margin:0 12px} .block12 { padding:0 0 24px 0; font-size:13px} .input_box { padding-right: 2px; padding-left: 2px; font-size: 11px; } .block121 { margin:0 11px} .block12 .blst21 { height:28px; } .block12 td label { font-size:12px} .block12 td input.input_box {border:1px solid #5ac3e9; font-size:11px; line-height:13px; padding:3px 3px; width:180px} .block12 td input.input_box2 {border:1px solid #5ac3e9; font-size:11px; line-height:13px; padding:3px 3px; width:180px; margin-left:11px} .block12 td input.input_box3 {border:1px solid #5ac3e9; font-size:11px; line-height:13px; padding:3px 3px; width:50px} .block12 td select.input_box {border:1px solid #5ac3e9; font-size:11px; line-height:13px; padding:2px 0 2px 2px; width:188px} .block12 td select.input_box2 {border:1px solid #5ac3e9; font-size:11px; line-height:13px; padding:2px 0 2px 2px; } .block12 textarea.input_box {border:1px solid #5ac3e9; font-size:11px; line-height:13px; padding:3px 3px; width:400px; } .block12 textarea.input_box2 {border:1px solid #5ac3e9; font-size:11px; line-height:13px; padding:3px 3px; width:96%; margin-left:11px} .block13 { padding:0 0 24px 0} .block13 .blst01 { float:left; width:300px; padding:0px 10px; font-size:12px} .block13 .blst01 input { border:1px solid #5ac3e9; font-size:11px; line-height:13px; padding:4px 7px; width:150px; margin:0 0 0 10px} .block13 .blst01 label { font-size:12px; display:block; padding:0 0 3px 0} .block14 { font-size:13px} .block14 input { vertical-align:bottom} .block15 { font-size:12px; padding:0 11px 11px 11px} .block16 { font-size:13px; padding:0 11px 11px 11px} .block17 { padding-left:5px; height:134px} .block18 { padding:0 0 30px 0} .block18 .blst11 { width:180px; float:left} .block18 .blst11 { text-align:center} .block18 .blst12 { width:400px; float:left} .block18 .blst12 h6 { padding:0} .block18 .price { font-size:22px; line-height:27px; padding:3px 0 0 0} .block18 .product_strikethru { font-size:12px; color:#64899e; text-decoration: line-through; line-height:14px} .block18 .blst14 { float:left; font-size:13px; font-weight:bold; width:72px; padding:3px 0 6px 2px;} .block18 .blst15 { float:left; width:300px; padding:3px 0 5px 3px; font-size:13px;} .block18 .blst16 { height:30px} .block18 .blst17 { width:300px; float:left; font-size:12px; padding:0 0 7px 0} .block19 {font-size:12px; padding:0 11px 11px 11px} .block19 .blst01 { float:left} .block19 .blst01 img { padding:0 10px 10px 0} .block20 { float:right; padding:11px 0; width:265px; margin:0 0 11px 11px} .block20 p { font-size:11px; line-height:13px; padding:0 11px 11px 11px} .block20 h4, .block20 h4 { padding:2px 12px 14px 11px; background:url(i/bg/054.gif) 2px 100% no-repeat} .block20 .hdr3, .block20 .hdr3 {padding:0; margin:0; background:url(i/bg/053.gif) 2px 0 repeat-y} .box01 { float:left; width:19%; background:url(i/bg/050.jpg) 100% 100% repeat-x; height:116px; overflow:hidden; margin-right:1%} .box01r { margin-right:0} .box01 a { display:block; height:108px; text-align:right; font-size:18px; line-height:20px; padding:8px 5px 0 3px; } .box01 a:link, .box01 a:visited {color:#1c3c47; text-decoration:none} .box01 a:hover { text-decoration:underline} #box01_1 { background:url(i/bg/110.jpg) no-repeat} #box01_2 { background:url(i/bg/111.jpg) no-repeat} #box01_3 { background:url(i/bg/112.jpg) no-repeat} #box01_4 { background:url(i/bg/113.jpg) no-repeat} #box01_5 { background:url(i/bg/114.jpg) no-repeat} .box02 { width:50%; float:left} .box02 h3 {font-weight:normal; padding:10px 0 20px 18px; line-height:21px; color:#f36462} .box02_1 {width:49%} .box02 .blst01 { float:left; padding:0 10px 10px 18px} .box02 img { margin-bottom:7px} .box03 { font-size:12px; padding:5px; float:right; width:247px;} .clear {height:1px; clear:both; overflow:hidden} .spc01 { clear:both; height:1px; overflow:hidden; background:url(i/bg/040.gif) 0 100% repeat-x; margin:0; padding:5px 0 0 0} #header {height:77px; overflow:hidden; background:url(i/bg/002.gif) repeat-x; position:relative} #hdr01 {height:77px; overflow:hidden; background:url(i/bg/003.gif) 423px 0 no-repeat; position:relative} #hdr02 { height:77px; overflow:hidden; float:right; width:550px; border-right:7px solid #fff} #hdr03 { float:right; width:57%} #logo {background:#fff; float:left; width:423px; height:77px; background:#fff} #phone { position:absolute; top:7px; right:18px; font-size:17px; line-height:20px; font-weight:bold} #search01 { margin:20px 0 0 0; float:right; width:226px; background:url(i/bg/004.gif) 100% 0 no-repeat } #search01 input { margin:11px 0 0 0} #search01 input.inp01 {margin:11px 5px 0 0; border:1px solid #59c6e1; background:#fff; padding:3px 8px 3px 8px; color:#0a0a46; font-size:11px; float:left; line-height:13px; width:173px} #search01 span { font-size:10px; line-height:12px; font-weight:normal; text-align:right; display:block; padding-right:8px} #search01 span a:link, #search01 span a:visited { text-decoration:none} #search01 span a:hover { text-decoration:underline} .main { padding:0 0 20px 0;} #mheader01 { height:118px; overflow:hidden} #mheader02 {position:absolute; top:113px; left:178px; min-width: 660px;} #mheader0211 { margin-left:0} #anniversaryThanks{position: absolute; left: 370px;} .leftcol {width:178px; background:url(i/bg/012.gif) 0 22px no-repeat; overflow:hidden; min-height:120px; padding:29px 0 29px 0; position:relative} .leftcol1 {width:178px; background:url(i/bg/051.jpg) 0 118px no-repeat; overflow:hidden; min-height:120px; padding:126px 0 29px 0; position:relative} #leftcol01 { width:162px; margin-left:11px; overflow:hidden} .topmenu { float:right; background:url(i/bg/005.gif) 100% 100% no-repeat #64dffd; padding:27px 0 0 0} .topmenu a { display:block; padding:8px 14px 9px 14px; font-size:12px; line-height:14px; background:url(i/bg/006.gif) 0 100% no-repeat;} .topmenu a:link, .topmenu a:visited { text-decoration:none; color:#005d99} .topmenu a:hover {color:#005d99; text-decoration:underline} .topmenu1 a { background:url(i/bg/007.gif) 0 100% no-repeat;} #topmenu_cart a { font-weight:bold; padding:8px 12px 9px 0} #topmenu_cart a span {background:url(i/ico/014.gif) 6px 3px no-repeat; padding-left:22px} #mainmenu {height:36px; overflow:hidden; background:url(i/bg/011.gif) repeat-x} #mmleft {float:left; height:36px} #mmright {float:left; height:36px} #mainmenu a {float:left} .but00 { padding:0 0 11px 14px} .but01 { background: #014464; background:-moz-linear-gradient( top,#5EDDFD, #52D8FD 50%, #47D2FD 51%,#23BEFD); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#5EDDFD),color-stop(0.5,#52D8FD),color-stop(0.5,#47D2FD),color-stop(1,#23BEFD)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5EDDFD', EndColorStr='#23BEFD'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#5EDDFD', EndColorStr='#23BEFD')"; /* IE8 */ float:right; font-size:12px; line-height:12px; margin:5px 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:1px solid #368DBE; border-top: 1px solid #c3d6df;} .but01:hover{ background: #014464; background:-moz-linear-gradient( top,#2FC4FF, #2FC4FF 50%, #0FBBFF 51%,#0FBBFF); background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#2FC4FF),color-stop(0.5,#2FC4FF),color-stop(0.5,#0FBBFF),color-stop(1,#0FBBFF));filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2FC4FF', EndColorStr='#0FBBFF'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2FC4FF', EndColorStr='#0FBBFF')"; /* IE8 */ } .but01 a {font-weight:bold; display:block; padding: 9px;} .but01 a:link, .but01 a:visited {color:#fff; text-decoration:none; } .but01 a:hover {color:#fff;} .but02 { height:22px; padding:23px 0 0 0} .but02 .bst01 { height:21px; float:left; font-size:14px; line-height:12px; margin:5px 7px 0 0} .but02 a {font-weight:bold; display:block; padding:4px 10px 5px 9px;} .but02 a:link, .but02 a:visited {color:#fff; text-decoration:none; } .but02 a:hover {color:#fff; text-decoration:underline} .but02 .but05 { font-size:12px; line-height:13px; float:left} .but02 .but05 a {font-weight:normal; display:block; padding:9px 10px 5px 20px; margin:0 0 0 15px; background:url(i/ico/011.gif) 0 6px no-repeat; } .but02 .but05 a:link, .but02 .but05 a:visited {color:#008dee; text-decoration:none; } .but02 .but05 a:hover {color:#f46561; text-decoration:underline} .but02 .bst01 a{ background: #014464; background:-moz-linear-gradient( top,#5EDDFD, #52D8FD 50%, #47D2FD 51%,#23BEFD); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#5EDDFD),color-stop(0.5,#52D8FD),color-stop(0.5,#47D2FD),color-stop(1,#23BEFD)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5EDDFD', EndColorStr='#23BEFD'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#5EDDFD', EndColorStr='#23BEFD')"; /* IE8 */ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 10px; border:1px solid #368DBE; border-top: 1px solid #c3d6df; text-shadow: 1px 1px 1px #2180B8; } .but02 .bst01 a:hover{ text-decoration:none; background: #014464; background:-moz-linear-gradient( top,#2FC4FF, #2FC4FF 50%, #0FBBFF 51%,#0FBBFF); background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#2FC4FF),color-stop(0.5,#2FC4FF),color-stop(0.5,#0FBBFF),color-stop(1,#0FBBFF)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2FC4FF', EndColorStr='#0FBBFF'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2FC4FF', EndColorStr='#0FBBFF')"; /* IE8 */ } .but03 { height:21px; background:url(i/bg/016.gif) 100% 0 repeat-x; float:right; font-size:12px; line-height:12px; margin:0 20px 0 0} .but03 a {font-weight:bold; display:block; padding:4px 10px 5px 9px; background:url(i/bg/017.gif) no-repeat; } .but03 a:link, .but03 a:visited {color:#fff; text-decoration:none; } .but03 a:hover {color:#fff; text-decoration:underline} .but04 { height:21px; background:url(i/bg/016.gif) 100% 0 repeat-x; float:left; font-size:12px; line-height:12px; margin:0 0 0 0} .but04 a {font-weight:bold; display:block; padding:4px 14px 5px 14px; background:url(i/bg/017.gif) no-repeat; } .but04 a:link, .but04 a:visited {color:#fff; text-decoration:none; } .but04 a:hover {color:#fff; text-decoration:underline} .but06 a{ background:-moz-linear-gradient( top,#5EDDFD, #52D8FD 50%, #47D2FD 51%,#23BEFD); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#5EDDFD),color-stop(0.5,#52D8FD),color-stop(0.5,#47D2FD),color-stop(1,#23BEFD)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5EDDFD', EndColorStr='#23BEFD'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#5EDDFD', EndColorStr='#23BEFD')"; /* IE8 */ float:right; font-size:15px; line-height:12px; margin: 0 2px; padding: 12px 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:1px solid #368DBE; border-top: 1px solid #c3d6df; font-weight:bold; display:block; text-shadow: 1px 1px 1px #2180B8; } [if IE] .but06 ainput{ width: 74px; height: 37px; } .but06 a:hover{ background: #014464; background:-moz-linear-gradient( top,#2FC4FF, #2FC4FF 50%, #0FBBFF 51%,#0FBBFF); background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#2FC4FF),color-stop(0.5,#2FC4FF),color-stop(0.5,#0FBBFF),color-stop(1,#0FBBFF)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2FC4FF', EndColorStr='#0FBBFF'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2FC4FF', EndColorStr='#0FBBFF')"; /* IE8 */ color:#fff; text-decoration:none } .but06 a:link, .but06 a:visited {color:#fff; text-decoration:none; } .but07 { height:21px; float:left;} .but07 input { font-weight:bold; display: block; text-align: center; color: white; font-size: 16px; padding: 6px; text-decoration: none; font-family: Tahoma, Helvetica, sans-serif; font-weight: bold; background: #014464; background:-moz-linear-gradient( top,#5EDDFD, #52D8FD 50%, #47D2FD 51%,#23BEFD); background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#5EDDFD),color-stop(0.5,#52D8FD),color-stop(0.5,#47D2FD),color-stop(1,#23BEFD)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5EDDFD', EndColorStr='#23BEFD'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#5EDDFD', EndColorStr='#23BEFD')"; /* IE8 */ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:1px solid #368DBE; border-top: 1px solid #c3d6df; text-shadow: 1px 1px 1px #2180B8; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); box-shadow: 0 1px 3px rgba(0,0,0,0.25); cursor:pointer; } .blst21 .but07 {margin:0 7px 0 0} .but07 input:hover{ background: #014464; background:-moz-linear-gradient( top,#2FC4FF, #2FC4FF 50%, #0FBBFF 51%,#0FBBFF); background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#2FC4FF),color-stop(0.5,#2FC4FF),color-stop(0.5,#0FBBFF),color-stop(1,#0FBBFF)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2FC4FF', EndColorStr='#0FBBFF'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2FC4FF', EndColorStr='#0FBBFF')"; /* IE8 */ } .but08 {float:left; font-size:10px; line-height:12px; margin:0 7px 0 0} .but08 input { font-weight:bold; display: block; text-align: center; color: white; font-size: 16px; padding: 6px; text-decoration: none; font-family: Tahoma, Helvetica, sans-serif; font-weight: bold; background: #014464; background: -moz-linear-gradient(top,#5EDDFD, #52D8FD 50%, #47D2FD 51%,#23BEFD); background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#5EDDFD),color-stop(0.5,#52D8FD),color-stop(0.5,#47D2FD),color-stop(1,#23BEFD)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5EDDFD', EndColorStr='#23BEFD'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#5EDDFD', EndColorStr='#23BEFD')"; /* IE8 */ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:1px solid #368DBE; border-top: 1px solid #c3d6df; text-shadow: 1px 1px 1px #2180B8; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); box-shadow: 0 1px 3px rgba(0,0,0,0.25); cursor:pointer; } .but08 input[type=submit]:hover{ background: #014464; background:-moz-linear-gradient( top,#2FC4FF, #2FC4FF 50%, #0FBBFF 51%,#0FBBFF); background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#5EDDFD),color-stop(0.5,#52D8FD),color-stop(0.5,#47D2FD),color-stop(1,#23BEFD)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2FC4FF', EndColorStr='#0FBBFF'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2FC4FF', EndColorStr='#0FBBFF')"; /* IE8 */ } .but09 { height:22px; padding:0 0 11px 0; width:200px; float:right} .but09 .bst01 { height:21px; background:url(i/bg/016.gif) 100% 0 repeat-x; float:left; font-size:12px; line-height:12px; margin:5px 7px 0 0} .but09 a {font-weight:bold; display:block; padding:4px 10px 5px 9px; background:url(i/bg/017.gif) no-repeat; } .but09 a:link, .but09 a:visited {color:#fff; text-decoration:none; } .but09 a:hover {color:#fff; text-decoration:underline} .support { background:url(i/bg/015.jpg) 2px 0 no-repeat; height:109px} .support .offline { background:url(i/ico/001.gif) 84px 28px no-repeat; font-size:13px; color:#919da1; text-transform:uppercase; font-weight:bold; padding:28px 0 0 102px; line-height:15px} .support .online { background:url(i/ico/002.gif) 84px 28px no-repeat; font-size:13px; color:#919da1; text-transform:uppercase; font-weight:bold; padding:28px 0 0 102px; line-height:15px} .support .message { padding:25px 0 0 72px; font-size:10px; } .support .message a:link, .support .message a:visited { text-decoration:none; color:#0090ec} .support .message a:hover { text-decoration:underline} .support01 { height:109px; padding:0 0 0 2px} .manufact {padding:7px 0 19px 6px; } .manufact select { font-size:11px; width:144px; border:1px solid #7f9db9; padding:2px 0 2px 4px} .newsletter {padding:7px 0 0 2px; height:38px} .newsletter .st01 { width:107px; float:left; height:35px; } .newsletter input { border:1px solid #5ac3e9; font-size:10px; line-height:12px; padding:4px 7px; width:86px} .login01 {padding:0 9px 18px 2px;} .login01 label { font-size:12px; display:block; padding:0 0 3px 0} .login01 .st01 {height:28px; } .login01 .st02 { font-size:11px ; padding:1px 0px 0 0; text-align:right; clear: both;} .login01 .st03 { height:24px; } .login01 .st04 { color:#FF0000; font-size:12px; font-weight:bold; margin:0 0 7px 0} .login01 .st01 input { border:1px solid #5ac3e9; font-size:10px; line-height:12px; padding:4px 7px; width:135px} .login01 .but04 { margin:0 6px 0 0} .logout01 { font-size:11px; line-height:13px; padding:10px 13px 0 0; height:13px; overflow:hidden} .logout01 a { float:right; padding:0 0 0 13px;} .logout01 a:link, .logout01 a:visited { color:#fff; text-decoration:none} .logout01 a:hover { text-decoration:underline} .logout02 {height:42px; padding:0 0 0 8px; background:url(i/bg/052.gif) no-repeat} .logout02 a { font-size:11px; line-height:13px; background:url(i/bul/008.gif) 0 7px no-repeat; padding:5px 17px 0 16px; float:left} .logout02 a.lnk01 {padding:5px 0 0 16px;} .logout02 a:link, .logout02 a:visited {color:#fff; text-decoration:underline; } .logout02 a:hover { color:#fff; text-decoration:none} .cart { font-size:10px; padding:0 0 24px 0} .cart table { margin:4px 0 0 3px} .cart table tr td { font-size:10px; vertical-align:top; line-height:12px; padding:4px} .cart table tr td.tst01 { padding:4px 2px 4px 4px; font-weight:bold} .cart table tr td.tst02 {padding:4px 0; font-weight:bold} .cart table tr.tst03 td { background:#dcf6ff} .cart table tr td a:link, .cart table tr td a:visited { color:#1c3c47; text-decoration:none} .cart table tr td a:hover { text-decoration:underline} .cart .st01 { padding:9px 7px 5px 3px;} .tabsmenu { display:block; height:47px; overflow:hidden} .tabsmenu { background:url(i/bg/022.gif) repeat-x; height:62px; font-size:14px; color:#0a0a46; line-height:16px; overflow:hidden} .tabsmenu .tab01 { float:left; background:url(i/bg/102.gif) 100% 100% no-repeat} .tabsmenu .tab01 div {padding:11px 22px 10px 22px; background:url(i/bg/101.gif) 0 100% no-repeat; cursor:pointer} .tabsmenu .tab01_act { float:left; background:url(i/bg/104.gif) 100% 0 no-repeat; margin:0 0 0 -3px; overflow:hidden} .tabsmenu .tab01_act div {padding:9px 18px 8px 18px; background:url(i/bg/103.gif) 0 0 no-repeat; font-size:18px; color:#f36462; line-height:21px; cursor:pointer; overflow:hidden} .tabsmenu .tab01l_act { float:left; background:url(i/bg/104.gif) 100% 0 no-repeat; margin:0 0 0 0; overflow:hidden} .tabsmenu .tab01l_act div {padding:9px 18px 8px 18px; background:url(i/bg/031.gif) 0 0 no-repeat; font-size:18px; color:#f36462; line-height:21px; cursor:pointer; overflow:hidden} .tabsmenu .tab01l { float:left; background:url(i/bg/102.gif) 100% 100% no-repeat} .tabsmenu .tab01l div {padding:11px 13px 10px 22px; background:url(i/bg/105.gif) 0 100% no-repeat; cursor:pointer} .tabsmenu .tab01r { float:left; background:url(i/bg/106.gif) 0 100% no-repeat; width:20px; height:37px; overflow:hidden; font-size:9px} .tabsmenu .tab04 {float:right; width:20px; background:url(i/bg/033.gif) no-repeat; height:47px} .menu01 { background:url(i/bg/022.gif) repeat-x; height:48px; font-size:11px; color:#0a0a46; line-height:13px; overflow:hidden; padding:0 0 12px 0} .menu01 .mst01 { background:url(i/bg/041.gif) 100% 0 no-repeat; height:48px; overflow:hidden} .menu01 .mst02 { float:left; width:24%} .menu01 .mst02 div { text-align:center} .menu01 .mst03 { background:url(i/bg/042.gif) 100% 19px no-repeat; height:37px} .menu01 .mst04 { background:url(i/bg/043.gif) 0 20px no-repeat; height:27px; padding:10px 0 0 0} .menu01 .mst05 { background:url(i/bg/044.gif) 0 0 no-repeat; height:27px; padding:10px 0 0 0} .menu01 .mst06 { background:none; height:37px} .menu01 a { line-height:19px; padding:3px 0 1px 35px; font-size:17px;} .menu01 a.mst10 { background:url(i/ico/m001.gif) 9px 6px no-repeat} .menu01 a.mst11 { background:url(i/ico/m002.gif) 0 4px no-repeat} .menu01 a.mst12 { background:url(i/ico/m003.gif) 5px 0 no-repeat} .menu01 a.mst13 { background:url(i/ico/m004.gif) 1px 0 no-repeat} .menu01 a:link, .menu01 a:visited { color:#0090ec; text-decoration:none} .menu01 a:hover {text-decoration:underline} .form_label {text-align: right; vertical-align: top; font-size:13px; padding:4px 4px 0 0} .form_label2 {text-align: left; vertical-align: top; font-size:13px; padding:0 4px 4px 0} .form_item {font-size:13px} .required {color: #b70407; padding-left: 2px; font-size:12px} #order_steps { height:45px; background:url(i/bg/040.gif) 0 27px repeat-x; margin:0 11px } #order_steps a:link, #order_steps a:visited { font-size:14px; line-height:16px; color:#0a0a46; text-decoration:none; padding:0 17px 0 25px; background:url(i/bul/006.gif) 7px 4px no-repeat} #order_steps a:hover { text-decoration:underline} #order_steps a.done:link, #order_steps a.done:visited { font-size:14px; line-height:16px; color:#64899e; text-decoration:none; padding:0 17px 0 25px; background:url(i/bul/007.gif) 7px 4px no-repeat} #order_steps a.done:hover { text-decoration:underline} #order_steps a.act:link, #order_steps a.act:visited { font-size:18px; line-height:20px; color:#f36462; text-decoration:none; padding:0 7px 0 7px; background:none} #order_steps a.act:hover { text-decoration:underline} .error_message {border: solid #ff0000 1px; padding: 10px; font-size:13px; margin:0 11px 10px 11px} .alert_message {border: solid #33cc00 1px; padding: 10px; margin:0 11px 10px 11px; font-size:13px;} .error_alert { margin-left: 35px; font-size:13px;} .order_view {background: #fff; text-align: left; margin:0 0 0 11px} .order_view td { font-size:13px; padding:3px} .order_view th {font-weight: bold; background: #08b0eb; color: #ffffff; font-size:13px; padding:3px} .review_top_border {border-top: solid #08b0eb 1px;} .row {clear: both;} .center {text-align: center;} .right_align {text-align: right;} .gray {background-color: #e0f4fb;} .order_id {font-weight: bold; font-size: 13px; padding-bottom: 10px; color: #f36462;} #cc_table { margin-left:11px} /* ----------------------- */ /* Index / Global Properties */ /* ----------------------- */ #top_nav { /* Top Navigation Bar BG & Color */ background: url(images/top_nav_bg.gif) repeat-x #ac0304; border-bottom: solid #d6d6d6 1px; height: 30px; text-align: right; padding-top: 13px; padding-right: 20px; } #top_nav a { /* Top Navigation Bar Link Colors */ color: #ffffff; text-decoration: none; margin-right: 15px; font-weight: bold; } .currency { float: left; padding-left: 10px; } .content { /* Side & Main Tables Content Area Definitions */ border: solid #b6b6b6 1px; background: #ffffff; margin-bottom: 15px; padding: 5px; } .side_link { /* Side Table Link Definitions */ background: url(images/side_link_dot.gif) no-repeat center left; display: block; margin-bottom: 3px; margin-left: 5px; padding-left: 10px; text-decoration: none; color: #696969; } .cat_hover:hover { /* Category Hover */ background-color: #EEEEEE; } .black_bold_text_spaced { color: #000000; font-weight: bold; margin-top: 5px; line-height: 17px; text-decoration: none; } .table_bottom { text-align: center; padding-top: 5px; } /* ------------ */ /* Product List */ /* ------------ */ .product_title_link, product_title_link:visited, product_title_link:active { /* Product Title Link Definitions */ color: #c7080b; font-size: 12px; font-weight: bold; text-decoration: underline; } .product_title_link:hover { /* Product Title Link Hover Definitions */ color: #fd6601; font-size: 12px; font-weight: bold; text-decoration: none; } .paging { float: right; text-align: right; margin-right: 10px; } .list_top { /* Product List Top Definitions */ border-top: solid #cacaca 1px; border-bottom: solid #cacaca 1px; background: #f0f0f0; padding: 3px; } .list_bottom { /* Product List Bottom Definitions */ border-top: solid #cacaca 1px; border-bottom: solid #cacaca 1px; background: #f0f0f0; padding: 3px; } /* ----------------- */ /* Product List List */ /* ----------------- */ .reg_txt { font-weight: normal; } .small_txt { font-size: 10px; } /* ----------------- */ /* Product List Tile */ /* ----------------- */ .tile_item { text-align: center; } .tile_image { margin-bottom: 5px; } .tile_price { /* Product Tile Price Definitions */ font-weight: bold; font-size: 11pt; color: #c20710; } .tile_table { background: #FFFFFF; width: 100%; } .list_table { background: #FFFFFF; width: 100%; } /* -------------- */ /* Product Detail */ /* -------------- */ .product_title { /* Product Title Font & Color */ font-size: 12px; font-weight: bold; color: #307fcf; } .product_sku { /* Product SKU Font & Color */ font-size: 10px; margin-bottom: 10px; } .product_price { /* Product Price Font & Color */ color: #990000; font-size: 11px; font-weight: bold; } .product_option { /* Product Attributes Font & Color */ font-weight: bold; padding-right: 10px; width: 1%; } .review_link { color: #307fcf; text-decoration: none; text-align: right; float: right; font-weight: 400; } .larger_view { background: url(images/enlarge.gif) no-repeat center left; padding-left: 13px; text-decoration: none; font-size: 10px; } .add_wishlist { /* Add To Wishlist, Add Review, Add To Registry Link Definitions */ background: url(images/little_arrow.gif) no-repeat center left; padding-left: 15px; text-decoration: none; font-size: 11px; padding-right: 15px; } .review_item { padding-bottom: 10px; } .review_spacer { padding-bottom: 7px; } /* ------------------ */ /* Button Definitions */ /* ------------------ */ .orange_button { /* Orange Button Definitions */ background: url(images/orange_button_left.gif) no-repeat top left; padding-left: 3px; height: 18px; float: left; margin-right: 10px; } .orange_button input, .orange_button button { /* Orange Button Definitions */ background: url(images/orange_button_bg.gif) top right no-repeat; height: 18px; color: #ffffff; font-weight: bold; padding-bottom: 5px; padding-right: 5px; margin: 0px; border-width: 0px; cursor: pointer; font-size: 11px; } .yellow_button { /* Yellow Button Definitions */ background: url(images/yellow_button_left.gif) no-repeat top left; padding-left: 3px; height: 18px; float: left; margin-right: 10px; } .yellow_button input, .yellow_button button { /* Yellow Button Definitions */ background: url(images/yellow_button_bg.gif) top right no-repeat; height: 18px; color: #ffffff; font-weight: bold; padding-bottom: 5px; padding-right: 5px; margin: 0px; border-width: 0px; cursor: pointer; font-size: 11px; } .del_button { display: block; width: 40px; float: right; background: url(images/delete.gif) no-repeat center left; padding-left: 11px; color: #3068c5; text-decoration: none; font-weight: 400; } /* ----------------------------- */ /* Product Detail & Account Tabs */ /* ----------------------------- */ /* Non Selected & Selected Tabs Link Text Colors */ ul.tabbernav li a:link { color: #ffffff; } ul.tabbernav li a:visited { color: #ffffff; } ul.tabberactive li a:link { color: #000000; } ul.tabberactive li a:visited { color: #000000; } ul.tabbernav { /* Tab Content Top Border */ border-bottom: 1px solid #c7080b; font: bold 11px Verdana, sans-serif; padding: 3px 0; margin: 0; } .tabberlive .tabbertab { /* Tab Content Sides & Bottom Border */ border: 1px solid #c7080b; padding: 15px; border-top: 0; } ul.tabbernav li a { /* Tab Borders */ border: 1px solid #c7080b; /* Non Selected Tabs Background */ background: #c7080b; padding: 3px 0.5em; margin-left: 3px; border-bottom: none; text-decoration: none; } ul.tabbernav li a:hover { /* Hovered Tabs Background Color */ background: #fde6e7; /* Hovered Tabs Border Color */ border-color: #c7080b; /* Hovered Tabs Text Color */ color: #000000; } ul.tabbernav li.tabberactive a { border-bottom: 1px solid #ffffff; /* Selected Tabs Background Color */ background-color: #ffffff; /* Selected Tabs Font Color */ color: #000000; } ul.tabbernav li.tabberactive a:hover { border-bottom: 1px solid white; /* Selected Tabs Hover Background Color */ background-color: #ffffff; /* Selected Tabs Hover Font Color */ color: #000000; } ul.tabbernav li { list-style: none; display: inline; margin: 0; } .tabberlive .tabbertabhide { display: none; } .tabberlive .tabbertab h3 { display: none; } .tabberlive { margin-top: 1em; } .tabber { display: none; } /* ---------------- */ /* Form Definitions */ /* ---------------- */ .bold { font-weight: bold; } .short_form_row { clear: both; } .short_form_row div, .short_form_row input, .short_form_row select, .short_form_row textarea { float: left; margin-right: 5px; margin-bottom: 5px; } .short_form_row div { width: 60px; padding-top: 3px; } .short_form_row input { width: 75px; } /* ------------ */ /* Account Area */ /* ------------ */ .account_list_head { /* Table List Headings Font */ font-weight: bold; color: #b70407; } .account_head { /* Update Profile Heading Font Definitions */ padding-bottom: 5px; font-weight: bold; color: #b70407; } /* ------------- */ /* Shopping Cart */ /* ------------- */ .cart_contents_quan { padding-right: 5px; } .cart_contents_item { margin-bottom: 5px; text-decoration: none; } .cart_contents_item a { text-decoration: none; } .cart_contents_item a:hover { text-decoration: underline; } /* ----------- */ /* Order Pages */ /* ----------- */ #order_signup { float: left; padding-left: 25px; } #order_login { float: right; padding-right: 25px; } .order_info_off { background: url(images/order_info_off.gif) no-repeat center left; padding-left: 20px; color: #bcbcbc; text-decoration: none; } .order_info_on { background: url(images/order_info_on.gif) no-repeat center left; padding-left: 20px; color: #000000; } .order_ship_off { background: url(images/order_ship_off.gif) no-repeat center left; padding-left: 20px; color: #bcbcbc; text-decoration: none; } .order_ship_on { background: url(images/order_ship_on.gif) no-repeat center left; padding-left: 20px; color: #000000; } .order_payment_off { background: url(images/order_payment_off.gif) no-repeat center left; padding-left: 20px; color: #bcbcbc; text-decoration: none; } .order_payment_on { background: url(images/order_payment_on.gif) no-repeat center left; padding-left: 20px; color: #000000; } .order_review_off { background: url(images/order_review_off.gif) no-repeat center left; padding-left: 20px; color: #bcbcbc; text-decoration: none; } .order_review_on { background: url(images/order_review_on.gif) no-repeat center left; padding-left: 20px; color: #000000; } .order_print_off { background: url(images/order_print_off.gif) no-repeat center left; padding-left: 20px; color: #bcbcbc; text-decoration: none; } .order_print_on { background: url(images/order_print_on.gif) no-repeat center left; padding-left: 20px; color: #000000; } .sep { padding-left: 10px; padding-right: 10px; } /* ------------ */ /* Order Review */ /* ------------ */ /* ------------------ */ /* Paging Definitions */ /* ------------------ */ .page a:hover { /* Hover Text Color */ color: #fd6601; text-decoration: none } .page a:link { /* Link Text Color */ color: #000000; text-decoration: none } .page a:visited { color: #000000; text-decoration: none } .pages_border { /* Box Border & Background */ border: 1px solid #c7080b; background-color: #FFFFFF; color: #000000; } .navpage { /* Navigation Link Boxes Background & Definitions */ background-color: #FFFFFF; font: 11px Tahoma, Verdana; padding: 2px 4px 2px 4px; color: #000000; white-space: nowrap; text-decoration: none; } .navpageselected { /* Navigation Selected Link Boxe Background & Definitions */ background-color: #fde6e7; font: 11px Tahoma, Verdana; padding: 2px 4px 2px 4px; color: #000000; white-space: nowrap; text-decoration: none; } .highlightpage { /* Current Page Info Box Background & Definitions */ background-color: #c7080b; font: bold 11px Tahoma, Verdana; padding: 2px 4px 2px 4px; color: #FFFFFF; white-space: nowrap; } .highlightpage a:link { color: #FFFFFF; text-decoration: none; } .highlightpage a:visited { color: #FFFFFF; text-decoration: none; } .highlightpage a:hover, .highlightpage a:active { color: #FFFFFF; text-decoration: underline; } /* ------------ */ /* Cookie Crumb */ /* ------------ */ .home_link { /* Home Link Definitions */ background: url(images/home_icon.gif) no-repeat center left; text-decoration: underline; padding-left: 20px; font-weight: bold; color: #c7080b; } .crumb_link { /* Regular Link Definitions */ padding-left: 5px; font-weight: bold; text-decoration: underline; color: #c7080b; } .crumb_sep { padding-left: 5px; font-weight: bold; } /* ----------------- */ /* Float Definitions */ /* ----------------- */ .left_float_3_px { float: left; margin-right: 3px; } .left_float_5_px { float: left; margin-right: 5px; } .right_float_5_px { float: right; margin-left: 5px; } .IE_left_float_5_px { margin-left: 5px; } .float_assist { clear: both; height: 1px; overflow: hidden; } .search_results { margin-left: 10px; float: left; text-align: center; font-size: 12px; color: black; } .search_bb { font-size: 12px; font-weight: bold; color: black; } /* ---------------------- */ /* Quick Checkout Styling */ /* ---------------------- */ .block01.checkout_header_box { margin-bottom: 0; } .block01.view_cart{margin-top: 8px;} .content.customer_login{ font-size: 0.8em; width: 29%; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 3px solid #F36462; padding-bottom: 20px; position: relative; margin-top: -180px; margin-bottom: 30px; left: 552px; background: #FFF; } .ie7 .content.customer_login{width: 28%;} .ie7 .content.customer_login input[type=button]{left:0;} .ie6 .content.customer_login{margin-top: -140px; left: 0; float: right;} .content.customer_login table{width:200px; margin: 0 auto;} .content.customer_login td{text-align: right;} .content.customer_login td h3{font-size: 1.0em;} .content.customer_login tr:first-child td{text-align: center;} .content.customer_login input[type=button]{ font-size: 0.9em; position: relative; left: 135px; margin-bottom: 5px; } .checkout_header{ margin-top: 8px; margin-bottom: 0; } #order_steps.quick_steps{ height: 150px; background: #FFF; margin: 0; } .view_cart.returns_badge{display: inline; float: right; bottom: 0; margin-left: 3px;} .ie6 .view_cart.returns_badge{position: relative; top: 4px;} .view_cart #order_steps.quick_steps{height: 120px; float: left;} .view_cart .credit_logos{float: right; margin:20px 5px 0;} .view_cart .credit_logos div{margin: 0 0 0 6px;} .view_cart_table{clear: both;} .pay_w_paypal{float: right; position: relative; bottom: 100px; margin-right: 20px;} .coupon_code_input{position: relative; top: 5px;} .blue_button.coupon_go{font-size: 14px; padding: 4px; position: relative; right: 2px;} #order_steps.quick_steps a{ background: url(/themes/modern_cnx1/images/progress_sprite.jpg) no-repeat; height: 72px; display: block; float: left; width: 106px; margin: 0 5px; padding: 0; text-decoration: none; } .ie6 #order_steps.quick_steps{margin-top: 10px;} .ie6 #order_steps.quick_steps a, .ie6 #order_steps.quick_steps a:link, .ie6 #order_steps.quick_steps a:visited{ width: 96px; height: 36px; line-height:36px; margin: 0px 2px; color: white; background: none; } .ie6 #order_steps.quick_steps a.active, .ie6 #order_steps.quick_steps a:link.active, .ie6 #order_steps.quick_steps a:visited.active{border: 2px solid #01a6E5;} #order_steps.quick_steps a:hover{text-decoration: none;} #order_steps.quick_steps span{ width: 25px; height: 23px; display: block; float: left; margin: 0; position: relative; top: 15px; } .ie6 #order_steps.quick_steps span{top: 8px;} #order_steps.quick_steps .seperator1{background: url(/themes/modern_cnx1/images/arrow1.jpg) center center no-repeat;} #order_steps.quick_steps .seperator2{background: url(/themes/modern_cnx1/images/arrow2.jpg) center center no-repeat;} #order_steps.quick_steps a.view_cart{background-position: 10px -73px;} #order_steps.quick_steps a.view_cart.active{background-position: 10px 2px;} #order_steps.quick_steps a.view_cart:hover{background-position: 10px -146px;} #order_steps.quick_steps a.order_details{background-position: -103px -73px;} #order_steps.quick_steps a.order_details.active{background-position: -103px 2px;} #order_steps.quick_steps a.order_details:hover{background-position: -103px -146px;} #order_steps.quick_steps a.order_review{background-position: -208px -73px;} #order_steps.quick_steps a.order_review.active{background-position: -208px 2px;} #order_steps.quick_steps a.order_review:hover{background-position: -208px -146px;} #order_steps.quick_steps a.order_complete{background-position: -310px -73px;} #order_steps.quick_steps a.order_complete.active{background-position: -310px 2px;} #order_steps.quick_steps a.order_complete:hover{background-position: -310px -146px;} .order_icons{position: absolute; top: 270px;} .credit_logos{float: left; margin-left: 60px;} .credit_logos div{float: left;} .mcafee_secure{float: left;margin-left: 40px;} .returns_badge{float: left; position: relative; bottom: 30px; margin-left: 40px;} .billing_information{clear: left;} .billing_information td input.input_box, .shipping_information td input.input_box{ border:1px solid #5AC3E9; font-size:11px; line-height:13px; padding:3px; width:180px; } .shipping_information td select, .billing_information td select, .content.customer_login input[type=text], .content.customer_login input[type=password]{ border:1px solid #5AC3E9; font-size:11px; line-height:13px; padding:3px; } .shipping_method, .gift_cert{width: 300px;} .shipping_method, .gift_cert, .bordered_box{ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 20px; border: 2px solid #F36462; float: left; min-height: 160px; } .shipping_method{margin-left: 90px;} .payment_method{clear: left; float: left; margin-left: 15px} .gift_cert input, .payment_method input, .payment_method select, .order_comments textarea{border:1px solid #5AC3E9;} .shipping_method .content, .gift_cert .content, .payment_method .content, .order_comments .content, .shipping_information .content, .payment_information .content, .billing_information .content{ border: none; margin-top: 0; padding-top: 0; } .shipping_method input[type=button]{ font-size: 0.9em; margin-left: 10px; } .shipping_method #message{margin-top: 10px;} .gift_cert label{ font-weight: bold; margin-left: 15px; font-size: 0.9em; } .payment_method .content{ margin-top: -20px; width: 390px; margin-right: 30px; } .credit_card_form{padding-left: 30px;} .order_comments{float: left;} .continue_order, .process_order{clear: both;} .billing_information.review_box{margin-left: 12px;} .continue_order input[type=button], .process_order input[type=button]{ font-size: 1.4em; margin: 0 auto; padding: 0.5em; } .ie7 .continue_order input[type=button], .ie7 .process_order input[type=button]{ font-size: 18px; padding: 5px; } .order_review.content{ border: 0; background: none; } .content.products_ordered{ background: none; padding: 10px; } .review_box{ width: 250px; margin: 70px 5px 0; min-height: 270px; } .process_order{ position: relative; bottom: 350px; left: 325px; } .ie7 .process_order{left:310px;} .process_order.blue_button{ font-size: 18px; padding: 6px; } input[type=radio], .ie6 input[type=radio]{border: none;} .content.review_content{border: none;} /* ---------------------- */ /* Jessica's Buttons */ /* ---------------------- */ a.blue_button:link, a.blue_button:visited, a.blue_button:hover, a.blue_button:active{ color: white; text-decoration: none; } .blue_button{ font-weight:bold; display: block; text-align: center; color: white; font-size: 16px; padding: 6px; text-decoration: none; font-family: Tahoma, Helvetica, sans-serif; font-weight: bold; background: #43d0fe; background: -moz-linear-gradient(top,#5EDDFD, #52D8FD 50%, #47D2FD 51%,#23BEFD); background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#5EDDFD),color-stop(0.5,#52D8FD),color-stop(0.5,#47D2FD),color-stop(1,#23BEFD)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5EDDFD', EndColorStr='#23BEFD'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#5EDDFD', EndColorStr='#23BEFD')"; /* IE8 */ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:1px solid #368DBE; border-top: 1px solid #c3d6df; text-shadow: 1px 1px 1px #2180B8; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); box-shadow: 0 1px 3px rgba(0,0,0,0.25); cursor:pointer; } .blue_button:hover{ text-decoration:none; background: #31c6fd; background:-moz-linear-gradient( top,#2FC4FF, #2FC4FF 50%, #0FBBFF 51%,#0FBBFF); background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#2FC4FF),color-stop(0.5,#2FC4FF),color-stop(0.5,#0FBBFF),color-stop(1,#0FBBFF)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2FC4FF', EndColorStr='#0FBBFF'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2FC4FF', EndColorStr='#0FBBFF')"; /* IE8 */ } /* Sidebar Buttons */ .blue_button.product_add{width: 100px; margin-bottom: 15px;} .login_sidebar{margin-right: 5px;} @media screen and (-webkit-min-device-pixel-ratio:0) {.register_sidebar {margin-top: 2px;}} .login_sidebar, .register_sidebar{font-size: 15px; padding: 6px; width: 64px; float: left;} .cart_contents_links{font-size: 13px; margin: 3px 0;} .ie7 .blue_button.product_add, .ie6 .blue_button.product_add{display: inline;} .ie7 .login_sidebar, .ie7 .register_sidebar, .ie6 .login_sidebar, .ie6 .register_sidebar{width:70px; padding:0; display:inline;} .ie7 .register_sidebar, .ie6 .register_sidebar{padding: 3px 2px; margin-top:0;} .ie7 .forgotpw_sidebar, .ie6 .register_sidebar{margin-top: 3px;} .ie7 .tabsmenu, .ie6 .tabsmenu{margin-top: 20px;}