body { background : #215273; color : #000; font : 12px Verdana, Arial, Helvetica, sans-serif; text-align : center; margin : 0; padding: 0 0 30px 0; height: 1%; } h1 { text-align : center; font: 14px verdana, sans-serif; color: #06C; letter-spacing : 0.1em; font-weight : 900; padding: 8px 0 10px 0; margin-top: 0px; background: #fff url(../img/title-bar.gif) no-repeat right bottom; } h4 { text-align : left; font: 12px verdana, sans-serif; color: #06C; letter-spacing : 0.1em; font-weight : 900; padding: 8px 0 10px 0; margin-left: 65px; } h5 { text-align : left; font: 12px verdana, sans-serif; color: #06C; letter-spacing : 0.1em; font-weight : 900; padding: 8px 0 10px 0; } h5 span { font: 10px verdana, sans-serif; color: #000; } p { font : 12px/140% Verdana, Arial, Helvetica, sans-serif; margin : 0; padding : 0; } a { text-decoration : none; border : 0 none; background: none; } hr { display : none; } .hr { height : 10px; margin: 10px 0 10px 0; background : url(../img/line.gif) no-repeat 50% 50%; } img { text-decoration : none; border : 0 none; background: none; } .clearboth { clear: both; } /* container Header _________________________________________*/ #container { width : 720px; padding : 0; color : #000; background : #fff; margin-top : 0px; margin-right : auto; margin-bottom : auto; margin-left : auto; text-align : left; } #header { width : 720px; height : 142px; background : #FFF url(../img/header.jpg) no-repeat top; color : #036; padding : 0; margin : 0; } /* logo link _________________________________________*/ #logo { position : relative; top: 28px; left: 0px; z-index: 100; } #logo { width : 324px; height : 101px; background : url("../img/logo-head.jpg") no-repeat; text-indent : -9999px; } #logo a { width : 324px; height : 101px; background : url("../img/logo-head.jpg") no-repeat; display : block; } #logo a:hover { background : url("../img/logo-headhv.jpg") no-repeat; } /* Header links --------------------------------------- */ #headLinks { position: relative; float: right; top: -52px; right: 44px; padding: 0; z-index: 200; clear: left; } * html #headLinks { top: 50px; } #headLinks li { list-style: none; margin: 0; border: none; padding-top: 5px; background: none; font: 12px verdana, sans-serif; } #headLinks a:link, a:visited, a:active { color: #4275D1; text-decoration: none; background: none; } #headLinks a:hover { color : #89B0F7; text-decoration: none; background: none; } #headtitle { position: relative; float: right; top: -34px; right: 38px; padding: 0; letter-spacing: .01em; margin-bottom: 5px; line-height: 1.4em; width: 354px; font: 10px verdana, sans-serif; color: #000; z-index: 500; clear: both; } /* hor navigation --------------------------------------- */ #navcontainer ul { width : 720px; height: 20px; background : #DC143C; margin: 0; padding: 0; list-style-type: none; text-align: center; } #navcontainer ul li { display: inline; } #navcontainer ul li a { text-decoration: none; padding: .2em 1em; font: 12px/1.3em Arial, Helvetica, sans-serif; font-weight : bolder; background : #49e; color: #fff; } #navcontainer ul li a:link { text-decoration: none; font: 12px/1.3em Arial, Helvetica, sans-serif; font-weight : bolder; background : #49e; } #navcontainer ul li a:visited { text-decoration: none; font: 12px/1.3em Arial, Helvetica, sans-serif; font-weight : bolder; background : #49e; } #navcontainer ul li a:active { text-decoration: none; font: 12px/1.3em Arial, Helvetica, sans-serif; font-weight : bolder; background : #49e; overflow: hidden; padding: .2em 1em; } #navcontainer ul li a:hover { background : #fff; font: 12px/1.3em Arial, Helvetica, sans-serif; font-weight : bolder; color: #06C; } #navcontainer ul li a:static { background : #fff; font: 12px/1.3em Arial, Helvetica, sans-serif; font-weight : bolder; color: #06C; } /* content _________________________________________*/ #content { position : relative; display : block; width : 100%; min-height: 150px; background : #fff; color : #000; padding-top : 0px; margin-top : 25px; } /* left column _________________________________________*/ #leftCol { float : left; width : 265px; color : #000; } * html #leftCol { width : 270px; } #leftCol p { margin-left : 30px; } #leftCol h2 { margin-left : 30px; font : bold 16px/140% Arial, Helvetica, sans-serif; color : #257; } #leftHead { font : 18px Arial, Helvetica, sans-serif; font-weight : bolder; letter-spacing : 1px; color: #06C; padding-left : 35px; } #slideShow { padding-left : 30px; width: 208px; height: 208px; z-index: 100; } #addbx { margin-top : 30px; margin-left : 30px; padding: 15px 0 0 5px; width : 199px; height: 223px; background-image : url(../img/add-bx.gif); background-position : top left; background-repeat : no-repeat; } #addbx a:link, a:visited, a:active { color: #4275D1; text-decoration: none; font : 12px Arial, Helvetica, sans-serif; background: none; } #addbx a:hover { color : #89B0F7; text-decoration: none; } .product { margin-left : 30px; width : 210px; height: 210px; } /* right column _________________________________________*/ #rightCol { float : left; width : 444px; color : #000; padding-top : 5px; border-left: 1px solid #D3D3D3; } * html #expander { float : left; width : 444px; margin-top: 20px; background: none; color: inherit; } #sidebar { float : right; width : 153px; margin: 20px 10px 0px 5px; background-color: #F5F5F5; border: 1px solid #003162; } #sidebar p { font: 10px Verdana, sans-serif; line-height: 1.5em; padding : 3px 10px 0 10px; margin : 0; text-align: left; } #textBlock { float : right; width : 391px; margin: 20px 0px 10px 10px; background-color: #F5F5F5; border: 1px solid #003162; } #textBlock p { font: 10px Verdana, sans-serif; line-height: 1.5em; padding : 3px 10px 0 10px; margin : 0; text-align: left; } .para { margin-top : 20px; margin-bottom : 20px; padding-bottom : 20px; padding-right : 10px; background-image : url(../img/para-bk.gif); background-position : bottom; background-repeat : no-repeat; } #rightCol ul { margin-top: 3px; margin-bottom: 3px; padding-left: 70px; } * html #content ul { margin-left: 0px !important; } #rightCol li { background: url(../img/bullet.gif) no-repeat 0em 0.5em; padding-left: 15px; padding-right: 5px; padding-bottom: 15px; list-style: none; color: #191970; } #rightCol li span { padding-left: 25px; padding-right: 5px; list-style: none; color: #FFA500; font-weight: normal; font : 11px Arial, Helvetica, sans-serif; letter-spacing : 1px; background: none; } #pre { width: 424px; margin-bottom: 10px; } #pre p { font: 10px Verdana, sans-serif; padding: 8px 10px 5px 15px; margin: 0 0 0 40px; line-height: 1.5em; } #pre p.p2 { font: 10px Verdana, sans-serif; padding: 2px 0 2px 0 ; margin: 0 0 0 10px; line-height: 1.5em; } #pre h3 { padding: 0px 0px 20px 0px; margin: 0 0 5px 60px; letter-spacing: .2em; line-height: 1.4em; width: 324px; font: bold 14px verdana, sans-serif; color: #06C; } #pre h2 { color: #06C; font: bold 12px verdana, sans-serif; width: 324px; padding: 15px 10px 10px 0 ; margin: 5px 5px 0 110px; border-bottom: 1px solid #D3D3D3; } /* footer _________________________________________*/ #footer { width : 720px; background : #429CEF; color : #257; height : 50px; margin : 0; border-top : 3px solid #FFF; border-bottom : 3px solid #FE0303; overflow : hidden; clear : both; } #footer p { padding : 5px 0 2px 40px; font: bold 12px verdana, sans-serif; } #footer a, a:link, a:visited, a:active { color: #0000CD; border : none; font: bold 12px verdana, sans-serif; } #footer a:hover { color : #FFF; font: bold 12px verdana, sans-serif; } #footer p.p2 { padding : 7px 0 2px 170px; font: normal 10px verdana, sans-serif; } #footer p.p2 a, a:link, a:visited, a:active { color: #0000CD; border : none; font: normal 10px verdana, sans-serif; } #footer p.p2 a:hover { color : #FFF; font: normal 10px verdana, sans-serif; } /* floats _________________________________________*/ .floatphoto { float: left; margin: 1px 3px 0 20px; padding: 1px; } .floatleft { float: left; margin: 1px 3px 0 0; padding: 1px; } .floatright { float : right; font-weight : bold; padding-right : 40px; } /* Form --------------------------------------- */ #printBid { width: 400px; height: auto; margin: 0 5px 0 0px; text-align: right; } * html #printBid { margin-right: 10px; } #printBid p { margin: 5px 10px 0 20px; font: 11px/12px Helvetica, sans-serif; letter-spacing: 0.1em; text-align: right; } .thumbnail { float: right; width: 145px; margin: 0 0 10px 8px; padding: 5px 5px 0 5px; background: #EEF6FD; border-top: 1px solid #DCDCDC; border-right: 2px solid #006; border-bottom: 2px solid #006; border-left: 1px solid #DCDCDC; color: inherit; } .thumbnail2 { float: left; width: 115px; color : #525252; font: 10px Helvetica, sans-serif; letter-spacing: 0.1em; padding-bottom: 10px; } .thumbnail3 { float: right; width: 140px; color : #525252; font: 10px Helvetica, sans-serif; letter-spacing: 0.1em; padding-right: 45px; } .thumbnail4 { float: right; width: auto; color : #525252; font: 10px Helvetica, sans-serif; letter-spacing: 0.1em; padding: 10px 37px 10px; } #printBid h3 { padding: 0px 0px 20px 0px; margin: 0 0 5px 60px; letter-spacing: .2em; line-height: 1.4em; width: 324px; font: bold 14px verdana, sans-serif; color: #06C; } #printBid h5 { font: 11px Verdana, sans-serif; font-weight: bold; color: #06C; width: 350px; padding: 5px 0 10px 0 ; margin: 5px 0 0 20px; text-align: left; border-bottom: 1px solid #999999; } .textfield { font: 10px Verdana, sans-serif; color: #000; margin: 3px 0 2px; padding: 0 0 0 3px; } .textfield2 { font: 10px Verdana, sans-serif; color: #000; margin: 3px 40px 2px 5px; padding: 0 0 0 3px; } .checkBox { width: 390px; height: 280px; margin: 20px 0 10px 25px; text-align: right; border: none; } .checkBox p { text-align: left !important; margin: 4px 30px 0 10px; } .reset { color: #0f5ea7; font: 9px Arial, sans-serif; background: #F7F7FA url(../img/reset-bg.gif) no-repeat bottom left; text-align: center; text-transform: uppercase; letter-spacing: 0.1em; border-style: solid; border-width: 2px 1px 1px 1px; border-color: #b7dcfc #0f5ea7 #0f5ea7 #b7dcfc; width: 70px; margin-right: 90px; float: right; } .send { margin-right: 99px; } .jump { width: auto; color : #000; font: 10px helvetica, sans-serif; text-decoration : none; margin-right:2px; padding: 1px 0 0 1px; background-color: #F5F5F5; border-top: solid 2px #EBE9E9; border-right: solid 1px #C0C0C0; border-bottom: solid 1px #C0C0C0; border-left: solid 1px #EBE9E9; } #caltab { text-align: left; margin-left: 45px; font: 10px Verdana, sans-serif; line-height: 1.5em; } td { padding: 10px 10px 10px 15px; width: 250px; height: 50px; }