body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; background:#e5e5e5; margin:0 auto; text-align:center; font-size:12px; line-height:18px; color:#666666;} input {font-family:Arial, Helvetica, sans-serif;} select {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#666666; border:1px solid #999;} textarea {font-family:Arial, Helvetica, sans-serif; padding:2px; font-size: 11px; color:#666666; border:1px solid #999;} br {clear:both;} a {color:#FF0214;} h1 {font-size:22px; font-family:Arial, Helvetica, sans-serif; line-height:1em; margin:0; padding:0;} h2 {font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#EE1C25; line-height:25px; margin:0; padding:0;} h3 {font-size:16px; font-family:Arial, Helvetica, sans-serif; line-height:1.6em; margin:0; padding:0;} form {margin:0; padding:0;} #dot {display:block; width:100%; clear:both; height:20px; background:url(/images/css-bgs/dot.gif) repeat-x;} .dot {display:block; width:100%; clear:both; height:20px; background:url(/images/css-bgs/dot.gif) repeat-x;} .clear {clear:both;} #breadcrumb {display:block; margin:5px 0 13px -2px; padding:2px 0 2px 4px; background:#f5f5f5; border:1px dotted #ccc;} .on {color:#FF0214 !important; text-decoration:none !important; font-weight:bold; padding-left:10px !important;} /* Site Structure */ #holder {display:block; width:900px; margin:0 auto 0; padding:0; text-align:left; background:url(/images/css-bgs/site_bg.jpg) center top repeat-y #e5e5e5;} #header {display:block; width:900px; margin:0 auto 0; height:75px; padding:12px 0 0 0; background:#e5e5e5;} #content {display:block; clear:both; margin:0 auto 0; width:882px; background:url(/images/css-bgs/site_bg.jpg) center top repeat-y #e5e5e5;} #content_panel {display:block; float:left; width:684px; background:url(/images/css-bgs/content_panel.jpg) top left repeat-y #fff;} #content_pane {display:block; width:620px; margin:0 0 0 25px; text-align:left;} #trial {display:block; float:left; width:870px; background:#fff; margin-left:1px;} #checkout_panel {display:block; float:left; width:870px; background:#fff; margin-left:1px;} #content_pane h1 {font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: bold; letter-spacing: -.05em; margin: 0; padding: 0; line-height:30px;} #left_menu {display:block; float:left; width:197px; margin:0; padding:0; border-right:1px solid #B5B5B5; } #footer {display:block; clear:both; width:900px;padding:20px 0 0 0; height:40px; margin:0 auto; font-size:11px; color:#666; padding-top:5px; background:url(/images/css-bgs/footer_bg.jpg) top center no-repeat #e5e5e5;} /* Header Styling */ #header #logo {float:left; margin-right:105px;} #header_info {float:left; width:400px; text-align:center; padding-top:27px;} #header_info p {clear:left; width:335px; height:30px; text-align:center !important; margin:0 auto; padding:0; line-height:25px;} #header_info p b {display:block; float:left; font-size:18px; font-weight:normal; color:#000;} #header_info p img {display:block; float:left; margin:0px; padding:0 10px 0 0;} #header_info span {display:block; clear:left;} #header_info a {color:#333; padding-left:12px; margin:0 3px;} #header_info a:hover {text-decoration:underline; color:#000;} #header_info a.about {background:url(/images/icon/about.gif) 0 2px no-repeat; } #header_info a.contact {background:url(/images/icon/phone.gif) 0 4px no-repeat; margin:0;} #header_info a.corporate {background:url(/images/icon/corporate.gif) 0 2px no-repeat;} #header_info a.home {background:url(/images/icon/home.gif) 0 2px no-repeat;} /* Left Nav Modules */ #left_menu a {margin:2px 0;} #left_module {display:block; width:177px; height:105px; padding:10px 0px 15px 20px; background:url(/images/css-bgs/box_bg.jpg) top no-repeat #F9F9F9; } #left_module a {display:block; font-size:12px; text-decoration:none; color:#333;} #left_module a:hover {text-decoration:underline; color:#FF0214;} #left_moduleP {display:block; width:187px; padding:6px 0px 15px 10px; background:url(/images/css-bgs/box_bg.jpg) top no-repeat #F9F9F9; } #left_moduleP a {display:block; font-size:12px; text-decoration:none; padding:0 0 0 12px; color:#333; background:url(/images/css-bgs/product_item_bg.gif) top left no-repeat;} #left_moduleP a:hover {text-decoration:underline; color:#FF0214;} #left_moduleP hr, #left_moduleRT hr {margin:1px 0 -1px 0; height:1px; width:90%; padding:0; display:block; color:#999;} #left_moduleA {display:block; width:182px; height:105px; padding:10px 0px 15px 15px; background:url(/images/css-bgs/account_menu.jpg) top no-repeat #F9F9F9; } #left_moduleA a {display:block; font-size:12px; text-decoration:none; padding:0 0 0 12px; color:#333; background:url(/images/css-bgs/product_item_bg.gif) top left no-repeat;} #left_moduleA a:hover {text-decoration:underline; color:#FF0214;} #left_moduleA img {margin:3px 0px; padding:0;} #forgot a {font-size:11px; line-height:15px; float:left; margin:6px 0 0 4px; padding:0; background:none; text-decoration:underline; color:#FF0214;} #forgot input {padding-top:5px; border:none; float:left;} #welcome {font-weight:bold; display:block;} #leftModuleAbout {display:block; width:187px; padding:7px 0px 15px 10px; background:url(/images/css-bgs/box_bg.jpg) top no-repeat #F9F9F9; } #leftModuleAbout a {display:block; font-size:12px; text-decoration:none; padding:0 0 0 12px; color:#333; background:url(/images/icon/star.gif) 0 4px no-repeat;} #leftModuleAbout a:hover {text-decoration:underline; color:#FF0214;} /* If items in cart */ #left_moduleCFULL {display:block; width:182px; height:140px; padding:10px 0px 15px 15px; background:url(/images/css-bgs/box_bg.jpg) top left no-repeat; } #left_moduleCFULL a {display:block; font-size:12px; text-decoration:none; padding:0; margin:0; color:#333;} #left_moduleCFULL a:hover {text-decoration:underline; color:#FF0214;} /* else */ #left_moduleC {display:block; width:182px; height:114px; padding:10px 0px 15px 15px; background:url(/images/css-bgs/box_bg.jpg) top left no-repeat #fff; } #left_moduleC a {display:block; font-size:12px; text-decoration:none; padding:0; margin:0; color:#333;} #left_moduleC a:hover {text-decoration:underline; color:#FF0214;} #left_moduleRT {display:block; width:187px; padding:7px 0px 15px 10px; background:url(/images/css-bgs/box_bg.jpg) top no-repeat #F9F9F9; } #left_moduleRT a {display:block; font-size:12px; text-decoration:none; padding:0 0 0 12px; color:#333; background:url(/images/icon/star.gif) 0 4px no-repeat;} #left_moduleRT a:hover {text-decoration:underline; color:#FF0214;} /* Footer */ #footer a {color:#666; margin:0 3px; text-decoration:none;} #footer a:hover {color:#333; text-decoration:underline;} #footer p {padding:20px 0 15px 20px; margin:0; text-align:left; color:#999;} /* Product Tabs */ .sIFR-ignore .tabber h2 {} .tabberlive, .tabbertabhide {display:none;} .tabber {display:block; clear:both;} .classTabHide {display:none;} .tabberlive {display:block; clear:both; overflow:visible; background:url(/images/buttons/ext_menu/menu-bg.jpg) 0 22px repeat-x;} .tabbertab { padding:0 5px 5px 5px; } .tabbertabhide h2, .tabberlive h2, .tabbertab h2 {display:none !important;} .tabbertabhide h4, .tabberlive h4, .tabbertab h4 {display:block !important; visibility:visible !important; clear:both; margin:15px 0 5px 0 !important; padding:0; letter-spacing:.03em !important;font-size:14px !important; color:#DA0001 !important; font-weight:bold;} ul.tabbertab .sIFR-alternate {display:block; visibility:visible !important;} ul.tabbernav {display:block; width:635px; height:22px; padding:0 0 0 5px; margin:0;} ul.tabbernav li {list-style: none; margin: 0; display: inline; font-weight:bold;} ul.tabbernav li a {display:block; float:left; white-space:nowrap; border:1px solid #333; border-width:1px 1px 0 1px; background:#666; color:#fff; font-weight:bold; text-decoration:none; font-size:12px; text-transform:uppercase; margin:0 8px 0 0; padding:0 8px; height:21px; line-height:21px; text-align:center;} ul.tabbernav li a:link { color: #fff; white-space:nowrap;} ul.tabbernav li a:visited { color: #fff; white-space:nowrap;} ul.tabbernav li a:hover {display:block; float:left; background: #DA0001; border-color: #000; font-weight:bold;} ul.tabbernav li.tabberactive a {display:block; float:left; background: #DA0001; color:#fff; font-weight:bold; white-space:nowrap; text-decoration:none !important; border:1px solid #000; border-bottom:none;} ul.tabbernav li.tabberactive a:hover {display:block; float:left; font-weight:bold; color: #fff; background:#DA0001; white-space:nowrap;} .account {display:block; clear:both; overflow:visible; background:url(/images/buttons/ext_menu/menu-bg.jpg) 0 31px repeat-x !important; margin-top:10px;} .account .tabbernav, .account .tabberlive {display:block; width:635px; height:35px !important; padding:0 0 0 5px; margin:0;} .account ul.tabbernav li a {display:block; float:left; white-space:nowrap; height:25px !important; padding:6px 0 0 0 !important; width:195px; border:none; background:url(/images/buttons/tabs/account-up.jpg) top left no-repeat !important; color:#999 !important; font-weight:bold; text-decoration:none; font-size:12px; text-transform:uppercase; margin:0 8px 0 0; padding:0 8px; height:21px; line-height:21px; text-align:center;} .account ul.tabbertab {height:40px;} .account ul.tabbernav li a:link { color: #fff; white-space:nowrap;} .account ul.tabbernav li a:visited { color: #fff; white-space:nowrap;} .account ul.tabbernav li a:hover {display:block; float:left; background: #DA0001; border-color: #000; font-weight:bold;} .account ul.tabbernav li.tabberactive a {display:block; float:left; width:195px; background:url(/images/buttons/tabs/account-up.jpg) top left no-repeat !important; color:#333 !important; font-weight:bold; white-space:nowrap; text-decoration:none !important; border:none;} .account ul.tabbernav li.tabberactive a:hover {display:block; float:left; font-weight:bold; color:#000 !important; background:#DA0001; white-space:nowrap;} /* Form CSS */ #form {display:block; margin:15px 0;} fieldset {display:block; width:350px; margin:0; padding:0; text-align:left; border:1px solid #ccc;} fieldset legend {font:bold 11px/18px arial; border:1px solid #ccc; color:#fff; background:#555; margin:0 0 0 7px; padding:3px 10px 3px 10px !important;} fieldset label {display:block; float:left; width:100px; height:25px; padding:0 3px 0 0; text-align:right !important;} fieldset input {display:block; float:left; margin:0;} fieldset p {padding:0 15px; margin:9px 0 5px 0;} fieldset ul {list-style:none; margin:15px 0 0 0; padding:0;} fieldset li {display:block; clear:both; padding:0; margin:0;} fieldset .pad_submit {margin-left:103px;} fieldset span {display:block; height:19px; text-align:center; color:#FF0000; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#fafafa;} fieldset span b {padding:0 0 0 20px; background:url(/images/icons/error.gif) 1px 1px no-repeat; } input, select, textarea {font-size:11px; color:#000;} .Ftext, .Ftext175, .Fdrop200, .Fdrop, .Fdrop175, .Ftext200, .F-Qty {border:1px solid #b4b4b4; color:#222 !important;} .Ftext, .Ftext175, .Ftext200 {padding:2px 0 0 2px; height:15px;} .Fdrop, .Fdrop175, .Fdrop200 {padding-left:2px; height:17px; background:#f8f8f8;} .Fdrop200 option, .Fdrop175 option {padding:1px 0 0 2px; background:#f8f8f8;} .Ftext, .Fdrop {width:140px;} .Ftext175 {width:175px;} .Fdrop175 {width:180px;} .Ftext200 {width:200px;} .Fdrop200 {width:205px;} .F-Qty {padding:1px 0 0 2px; height:14px; width:17px;} .F_error {text-align:center; border-bottom:1px solid #f3dada; background:#fafafa;} .cart_error {display:block; border:1px solid #F5D3D5; background-color:#FDF4F4; padding:3px 0; margin:5px 0; text-align:center;} .cart_error span {color:#000;} .F_error b, .cart_error b {padding:0 0 0 20px; background:url(/images/icons/error.gif) 2px 0px no-repeat; color:#FF0000;} .F_errorAlone {line-height:26px; text-align:center;} .F_errorAlone b {border:1px solid #f3dada; padding:2px 15px 2px 30px; background:url(/images/icons/error.gif) 12px 2px no-repeat #fafafa; color:#FF0000;} .Fbutton {height:24px; text-transform:uppercase; padding:0 .5em 0 .5em; margin:0; width:auto; overflow:visible;} .Forder_status {display:block; width:305px; float:left; padding:10px 10px 10px 0;} .Forder_status fieldset {width:290px; margin-left:10px;} /* Spacers */ table td.dot { background-color:#999898; padding:0px; margin:0px;} table td.dotLight {background-color:#DFDFDF;} table td.dash {background:url(/images/general/dot.gif);} table td.dashMV {background:url(/images/general/dot_mv.gif) center repeat-y;} table td.dashX {background:url(/images/general/dot.gif) center repeat-x;} .dot, .dotB, .dotT {display:block; width:100%; clear:both;} .dot {height:20px; background:url(/images/general/dot.gif) 0px 8px repeat-x;} .dotB {height:15px; background:url(/images/general/dot_1.gif) bottom repeat-x;} .dotT {height:15px; background:url(/images/general/dot_1.gif) top repeat-x;}