/*
Site designed for Chicco by www.cimbrian.com
February 11, 2010
*/


/* CORTINA TOGETHER MICROSITE
................................... */

body { margin:0; padding:0; background:#FFF url(/Images/together/ui/site-bkgd.jpg) repeat-x; }

sup { position: relative; font-size:70%; top:2px!important; }

body, td, select, div { font:normal 9.2pt/14pt verdana; color:#323232; }

a, a:link, a:active, a:visited { color:#1c246f; text-decoration:none; }

a:hover { color:#c00; text-decoration:underline; }

a img { border:none; }

*{ outline:none; }

/* product details button */
#productDetailsBtn { position:absolute; width:181px; height:34px; top:50px; right:28px; background:url(/Images/together/ui/btn-together-details.png) no-repeat; _background:url(/Images/together/ui/btn-together-details.gif) no-repeat; }

#productDetailsBtn a { display:block; width:181px; height:34px; }

/* video page */
#videoPageWrapper { width:960px; height:622px; margin:0 auto; padding:0; position:relative; background:url(/Images/together/ui/video-bkgd.jpg) no-repeat center top; }

#videoPlayer { position:absolute; top:119px; left:16px; width:640px; height:360px; }

/* features page */
#featuresPageWrapper { width:960px; height:622px; margin:0 auto; padding:0; position:relative; background:url(/Images/together/ui/features-bkgd.jpg) no-repeat center top; }

#intro { position:absolute; top:275px; left:17px; width:280px; z-index:10; }

#intro p { font:normal 14px/18px "Trebuchet MS"; color:#1C1C1C; padding:0; margin:0; }

#intro h3 { font:normal 26px/28px "Trebuchet MS"; padding:0; margin:0 0 6px 0; color:#5A5A5A; background:url(/Images/together/ui/logo-fold-n-click.gif) no-repeat 0px 14px; }

/* retailers page */
#retailersListings { position:absolute; top:134px; left:36px; width:600px; height:330px; }

#retailersListings ul#leftColumn { list-style:none; position:absolute; left:0; width:270px; }

#retailersListings ul#rightColumn { list-style:none; position:absolute; right:0; width:270px; }

#retailersListings li { padding:0; margin:0 0 12px 0; font:normal 16px/20px "Trebuchet MS"; color:#555; }

#retailersListings li span { font-size:13px; }

#retailersListings h4 { padding:0; margin:0 0 20px 0; font:normal 42px/40px "Trebuchet MS"; color:#acacae; }

#retailersListings #divider { position:absolute; bottom:0px; left:300px; }

/* Car Seat Attachment Slideshow */
.slideshow { position:absolute; top:113px; left:282px; height:445px; width:406px; z-index:2; }

.slideshow img { background-color:#fff; }

/* top links */
#topLinks { position:absolute; top:30px; right:30px; text-align:right; padding:0; }

#topLinks a { font:normal 11px Verdana; color:#FFF; margin:0; }

#topLinks a:hover { color:#c00; }

/* features nav */
#featuresNav { position:absolute; top:128px; right:4px; width:214px; padding:0; margin:0; }

#featuresNav input { float:left; border:solid 6px #727272; padding:0; margin:0 15px 15px 0; }

#featuresNav a:hover input { border:solid 6px #c00; }

#featuresNav p { font:normal 13px "Trebuchet MS"; padding:0 15px 0 0; margin:0 0 5px 0; text-align:center; }

#feature1, #feature2, #feature3, #feature4, #feature5, #feature6 { display:none; }

.arrow1 { position:absolute; display:block; top:140px; left:316px; width:117px; height:113px; background:url(/Images/together/feature1-arrow.gif) no-repeat; }

.arrow2 { position:absolute; display:block; top:45px; left:690px; width:87px; height:87px; background:url(/Images/together/feature2-arrow.gif) no-repeat; }

.arrow3 { position:absolute; display:block; top:290px; left:688px; width:31px; height:45px; background:url(/Images/together/feature3-arrow.gif) no-repeat; }

.arrow4 { position:absolute; display:block; top:200px; left:658px; width:36px; height:54px; background:url(/Images/together/feature4-arrow.gif) no-repeat; }

.arrow5 { position:absolute; display:block; top:100px; left:418px; width:66px; height:26px; background:url(/Images/together/feature5-arrow.gif) no-repeat; }

/* common nav */
#nav { width:100%; height:100px; position:absolute; bottom:0; margin:0; font-family:"Trebuchet MS"; }

#nav a { text-decoration:none; cursor:pointer; }

#nav a:hover { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }

#nav h1 { position:absolute; right:70px; width:110px; height:100px; text-indent:-2000px; }

#nav h2 { font:normal 16px/18px "Trebuchet MS"; color:#CB0A1B; padding:0 70px 0 0; margin:6px 0 3px 10px; }

#nav p { font:normal 12px/13px "Trebuchet MS"; color:#555; padding:0 70px 0 0; margin:0 0 0 10px; }

#nav #features { position:absolute; width:182px; height:78px; left:36px; top:6px; background:url(/Images/together/ui/nav-features.jpg) no-repeat 105px 4px; }

#nav #signup { position:absolute; width:182px; height:78px; left:246px; top:6px; background:url(/Images/together/ui/nav-signup.jpg) no-repeat 84px 5px; }

#nav #video { position:absolute; width:182px; height:78px; left:456px; top:6px; background:url(/Images/together/ui/nav-video.jpg) no-repeat 112px 6px; }


/* FOOTER
................................... */

#footerWrapper { width:100%; display:block; font:normal 8.5pt/16pt verdana; color:#3d3d3d; }

#footer { text-align:center; width:960px; margin:0 auto; padding:50px 0 30px 0; }

#footer p#copyright { display:block; text-align:left; font:.8em Verdana; color:#999; margin:0 0 0 40px; padding:0; }