/* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.1 */ body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;} body {font:11px/1.5 verdana, arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;} h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:.5em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ol{margin:1em;}ol li{list-style: decimal outside;}ul li{list-style: none;} th{border:1px solid #000;padding:.5em;}th {font-weight:bold;text-align:center;}caption {margin-bottom:.5em;text-align:center;}p,fieldset,table {margin-bottom:1em;} /* sitewide * ------------------------------------------------------------------------- */ body { background:#fff;text-align:center; font:12px/18px 'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande, 'Lucida Sans', Geneva, Arial, sans-serif; color:#333333;} h1 { font-size: 1.6em; color:#000; text-transform:capitalize;} h2 { font-size: 1.3em; color:#0a4d6f; text-transform:capitalize;} h3 { font-size:1.1em; color:#b0070b; text-transform:uppercase;} h1 span,h2 span,h3 span { display:none; } a:link,a:visited { color:#b0070b; text-decoration:underline; outline:none; } a:hover,a:active { color:red; text-decoration:underline; outline:none;} /* ----- classes ----- */ div.clear { clear:both; height:.01em; overflow:hidden; } img.img-left { float:left; margin:5px 8px 8px 0;} img.img-right { float:right; margin:5px 5px 5px 5px;} p.small {font-size:11px; color:#999999; font-style:italic;} /* ----- form elements ----- */ form { width:155px; color:#000;} form label { font-size:11px; color:#931417;} form input, textarea, select { background-color:#fff !important; border: 1px solid #333333; color:#000; width:150px; /* 5 pixles smaller than form width !important */ height:20px; padding-top:5px; padding-left:4px; } select { width:155px; margin-top:4px; margin-bottom:4px; vertical-align: middle; padding-top:1px; } /* same width as form - !important */ #main-form select { width:405px; margin-top:4px; margin-bottom:4px; vertical-align: middle; padding-top:1px; } /* same width as form - !important */ textarea { height:54px; overflow:auto; width:150px; } #main-form textarea{ height:90px; overflow:auto; width:400px;} #main-form form input { width: 400px;} #main-form form { width: 407px;} input.checkbox{ background:#EFEFEF!important; width: auto!important; height:auto!important; border:none!important;} input.radio{ background:#EFEFEF!important; width: auto!important; height:auto!important; border:none!important;} #main-form input.radio{ background:#fff!important; width: auto!important; height:auto!important; border:none!important; } #main-form input.checkbox{ background:#fff!important; width: auto!important; height:auto!important; border:none!important; } /* ----- submit button form elements ----- */ #btn-submit {width:108px; height:25px; padding:0px; border:none; cursor:pointer;} #main-form #btn-submit {width:108px; height:25px; padding:0px; border:none; cursor:pointer;} /* framework * ------------------------------------------------------------------------- */ #frame {background:url(../images/bg-frame.gif) repeat-y; width:865px; margin:0 auto; text-align:left;} #brand-bar {background:url(../images/brand-bar.gif); height:128px; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif;} #brand-bar ul{padding:70px 15px 0 595px; } #brand-bar ul li{padding:0 7px 0 0; display:inline;} #brand-bar a:link, #brand-bar a:visited{ color:#333333; text-decoration:none;} #brand-bar a:hover{ color:#C6090D; text-decoration:none;} /* ----- content-left ----- */ #content-left { width:290px; float:left;} #content-left #top-left{ background:url(../images/content-left-top.gif); height:115px; margin-bottom:-95px;} #content-left #gutter-left { padding: 10px 22px 10px 19px;} #content-left p {font-size:11px;} /*---------- #content-left ul li { border-top:1px dotted #7394a5;line-height:45px;}*/ #content-left ul{ margin:0 0 15px 10px;} #content-left ul li { background:transparent url(../images/img-arrow.gif) 0px 2px no-repeat; padding-left:18px; text-transform:uppercase; margin-top:15px; font-size:13px;} #content-left ul li ul li {background: none; text-transform:capitalize; line-height:20px; border-bottom:1px dotted #7394a5; margin: 0; font-size:12px;} #content-left ul li ul li ul li {background: none; text-transform:capitalize; line-height:16px; border:none; margin: 0; font-size:11px; overflow: hidden;} #content-left a:link,#content-left a:visited { color:#116c9a; text-decoration:none; outline:none; } #content-left a:hover,#content-left a:active { color:#003F5F; text-decoration:none; outline:none;} #content-left ul li a:link,#content-left ul li a:visited { color:#333; text-decoration:none; outline:none; } #content-left ul li a:hover,#content-left ul li a:active { color:#000; text-decoration:none; outline:none;} #content-left ul li ul li a:link,#content-left ul li ul li a:visited { color:#116c9a; text-decoration:none; outline:none; } #content-left ul li ul li a:hover,#content-left ul li ul li a:active { color:#003F5F; text-decoration:none; outline:none;} #content-left ul li ul li ul li a:link,#content-left ul li ul li ul li a:visited { color:#b0070b; text-decoration:none; outline:none; } #content-left ul li ul li ul li a:hover, #content-left ul li ul li ul li a:active { color:red; text-decoration:none; outline:none;} /* ----- content-right ----- */ #content-right {width:575px; float:left;} #content-right #top{ background:url(../images/content-right-top.gif); height:115px; margin-bottom:-75px;} #content-right #gutter { padding: 0px 30px 0px 20px;} #content-right ul li { background:transparent url(../images/img-list.gif) 0px 0px no-repeat; padding-left:18px; /* pushes text to the right to display bg img */ margin-bottom:10px; color:#116c9a; } #content-right ul { margin-bottom:15px; } /* ----- bottom-frame ----- */ #bottom-frame { background:url(../images/bg-frame.gif) no-repeat; height:1px; clear:both; width:100%; /* fix for Safar */} /* form framework * ------------------------------------------------------------------------- */ #form{ background-color:#EFEFEF; width:522px; font-size:11px; } #title-form {height:65px; background:url(../images/formtop.gif) no-repeat ;} #form-bottom {height:10px; background:url(../images/form-bottom.gif) no-repeat ;} #title-form span{display:none;} #contact-form table tr td#left {padding-left:15px; vertical-align:top; width:155px;} #contact-form table tr td#middle {padding-left:15px; vertical-align:top; width:155px;} #contact-form table tr td#right {padding-left:15px; vertical-align:top;} #contact-form form p{margin-right:0; margin-top:0;} #form-inside{ background-color:#EFEFEF; width:170px; font-size:10px; float:right; margin-left:20px;} #form-inside form{margin-left: 8px;} #title-form-inside {height:75px; background:url(../images/inside-formtop.gif) no-repeat ;} #title-form-inside span{display:none;} /* copyright * ------------------------------------------------------------------------- */ #copyright { font-size:9px; line-height:11px; width:865px; margin:0 auto; color:#666; text-align:left; background:url(../images/copyright-bg.gif) no-repeat; height:100px;} #copyright .gutter-copyright{ padding: 10px 15px 0 425px;} #copyright a{ color:#116c9a;} #copyright ul {margin-left:0px;} #copyright li { padding:0 5px 0 0px; display: inline; border-left:0;} #copyright li.first { border: none; padding-left: none;} /* * ------------------------------------------------------------------------- */ #sitemast { background:url(../images/sitemast.jpg) no-repeat; width:865px; height:213px; margin:0; padding:0; } #sitemast span { display: none; } #sitemast li, #sitemast a { height:213px; display:block; } /* change height here also */ #sitemast li { float:left; list-style:none; _display:inline; } #sitemast-01 { width: 283px; margin-left:7px;} #sitemast-02 { width: 284px;} #sitemast-03 { width: 283px;} #sitemast-01 a:hover { background:url(../images/sitemast.jpg) -7px -213px no-repeat; } #sitemast-02 a:hover { background:url(../images/sitemast.jpg) -290px -213px no-repeat; } #sitemast-03 a:hover { background:url(../images/sitemast.jpg) -574px -213px no-repeat; } body#childrens-toys #sitemast-01 a{ background:url(../images/sitemast.jpg) -154px -213px no-repeat; } body#travel-products #sitemast-02 a{ background:url(../images/sitemast.jpg) -215px -213px no-repeat; } body#baby-gear #sitemast-03 a { background:url(../images/sitemast.jpg) -394px -213px no-repeat; }