html {height: 100%; margin-bottom: 1px;}

body{
    background: url(/images/backgrounds/body.gif) repeat;
    font: normal 10pt sans-serif;
    text-align: center;
    line-height: 1.25em;

}

p{
    margin: 0 0 1em 0;
}

.faq dt{
    font-weight: bold;
}

.faq dd{
    margin: 0 0 1em 0;
}

.faq dt:before{
    content: 'Q: ';
}

.faq dd:before{
    content: 'A: ';
}


h2, h3, h4, h5, h6{
    color: #60b0e6;
    margin: 0 0 0.5em 0;
}

h2{
    font-size: 13pt;
}

h3{
    font-size: 12pt;
}

ul, ol{
    margin: 0;
    padding: 0 0 0.5em 0;
    list-style-type: none;
    list-style-image: none;
}

ul ul{
    padding: 0;
}

li{
    background: url(/images/bullets/bullet.gif) no-repeat;
    padding: 0 0 0 15px;
    margin: 0 0 0.5em 0;
    line-height: 1.1em;
}



#wrapper{
    width: 970px;
    margin: 0 auto 0 auto;
    overflow: hidden;
    text-align: left;
    background-color: #fff;
}


.aboutUs #wrapper, 
.contact #wrapper, 
.artwork-library #wrapper,
.press #wrapper,  
.retailers #wrapper,
.support #wrapper,
.community #wrapper,
.products #wrapper{
    background-image: url(/images/backgrounds/frame.gif);
}

.sitemap #wrapper, .productmain #wrapper, .privacy-policy #wrapper{
    background-image: url(/products/images/backgrounds/frame.gif);
}

.home #wrapper{
    background-image: url(/images/backgrounds/home.gif);
}

ul.menu, ol.menu{
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

form, .menu li{
    margin: 0;
    padding: 0;  
}

#navigation li{
    margin: 0.3em 0 0.3em 10px;
    background: none;
}

#navigation a{
    color: rgb(95, 105, 113);
}

#navigation h3{
	color: #60b0e6;
    font-size: 10pt;
    font-weight: normal;
    margin: 0;
}

#navigation ul{
    padding: 0 0 0.5em 0;
}

#logo{
    float: left;
    margin: 1px;
    border: 0;
}

#breadCrumbs{
    background-color: #fff;
    color: #60b0e6;
    font-size: 7pt;
    font-family: arial;
    font-weight: bold;
    text-transform: uppercase;
    height: 1.2em;
    padding: 5px 0 5px 220px;
    margin: 0 1px 0 1px;
}

#breadCrumbs a{
    color: #60b0e6;
}

#flashFrame{
    float: left;
}

#flash{
    padding: 10px 0 0 10px;
}

#calloutsFrame{
    float: left;
    width: 270px;
}

#callouts{
    padding: 10px 0 0 10px;
}

img{
    border: 0;
}

#navigationFrame{
    width: 210px;
    float: left;
}

#newsletterSignup h2{
    margin: 0 0 10px 0;
    overflow: hidden;
    padding: 25px 0 0 0;
    height: 0 !important;
    height /**/:25px;
}

#selectedCallout p, #latestNews p{
    margin: 0 10px 10px 10px;
}

#newsletterSignup h2{
    background: url(/images/home/headings/sign-up.gif) no-repeat;
}

#newsletterSignup .text{
    float: left;
}

#newsletterSignup input{
    width: 150px;
    border: 0;
    background-color: #fff;
}

#newsletterSignup .button{
    margin-left: 5px;
    width: 80px;
    font-size: 8pt;
    color: #60b0e6;
    cursor: pointer;
}

#newsletterSignup .text input{
    width: 150px;
    border: 1px solid #ccc;
    margin: 0;
}

#newsletterSignup fieldset{
    padding: 0 0 10px 10px;
    border: 0;
}

#newsletterSignup legend, 
#newsletterSignup label{
    display: none;
}

#selectedCallout h2, #latestNews h2{
    color: #fff;
    padding: 7px 5px 5px 5px;
    text-transform: uppercase;
    font-size: 12pt;
}

#selectedCallout h2{
    background: rgb(95, 105, 113);  
}

#latestNews h2{
    background: #ffc539;  
}

#selectedCallout, #latestNews, #newsletterSignup{
    border: 1px dashed #999;
    margin: 0 0 10px 0;
}

#contentFrame{
    float: left;
    width: 510px;
}

#content{
    background: url(/images/backgrounds/section.gif) repeat-x;
}

.content{
    padding-top: 10px;
}

#productsFrame, #sitemapFrame, #privacy-policyFrame{
    float: left;
    width: 750px;
}

div#products, div#content{
    padding: 0 10px 0 10px;
}

#sidebarFrame{
    float: left;
    width: 250px;
}

.contact #sidebar, .press #sidebar, .support #sidebar, .community #sidebar, .aboutUs #sidebar{
    padding: 40px 10px 0 10px;
}


.contact fieldset{
    border: 0;
    padding: 0;
}

.contact legend{
    padding: 0;
    margin: 0 0 10px 0;
    color: #60b0e6;
    font-size: 13pt;
    font-weight: bold;
}

.contact .text label{
    width: 40px;
    display: block;
    float: left;
    margin: 0 5px 0 0;
}

.contact .textarea label{
    display: block;
}

.contact .textarea textarea{
    width: 390px;
    height: 100px;
}

.contact .text label:after{
    content: ':';
}

.contact .text{
    margin: 0 0 5px 0;
}

.sncontact fieldset{
    border: 0;
    padding: 0;
}

.sncontact legend{
    padding: 0;
    margin: 0 0 10px 0;
    color: #60b0e6;
    font-size: 13pt;
    font-weight: bold;
}

.sncontact .text label{
    width: 90px;
    display: block;
    float: left;
    margin: 0 5px 0 0;
}

.sncontact .textarea label{
    width: 90px;
    display: block;
    float: left;
    margin: 0 5px 0 0;
}

.sncontact .textarea textarea{
    width: 290px;
    height: 100px;
}

.sncontact .text {
    margin: 0 0 3px 0;
}

.sncontact .actions {
    margin: 5px 0 10px 95px;
}

#sidebar{
    padding: 30px 10px 0 10px;
}

#sidebarFrame{
    background: url(/images/backgrounds/sidebar.gif) no-repeat;
}

.products #sidebarFrame,
.product #sidebarFrame{
    background: url(/products/images/backgrounds/sidebar.gif) no-repeat;
}


#navigation{
    padding: 0 10px 0 10px;
}

.productName{
    text-align: center;
	width: 350px;
	display: block;
}

.products #content, .product #content{
    background: url(/products/images/backgrounds/section.gif) repeat-x;
}

h1{
    font-size: 10pt;
    margin: 0;
    overflow: hidden;
    padding: 30px 0 0 0;
    height: 0 !important;
    height /**/:30px;
}

.product{
    float: left;
    width: 365px;
}


address{
    font-style: normal;
    margin: 0 0 1em 0;
}

.aboutUs h1{
    background: url(/about-us/images/headings/about-us.gif) no-repeat;
}

.support h1{
    background: url(/support/images/headings/support.gif) no-repeat;
}

.sitemap h1{
    background: url(/support/images/headings/sitemap.gif) no-repeat;
}

.privacy-policy h1{
    background: url(/support/images/headings/privacy-policy.gif) no-repeat;
}

.community h1{
    background: url(/support/images/headings/community.gif) no-repeat;
}

.products h1, .product h1, .productmain h1{
    background: url(/products/images/headings/products.gif) no-repeat;
    margin: 0 0 10px 0;
}

.contact h1{
    margin: 0 0 10px 0;
    background: url(/contact/images/headings/contact.gif) no-repeat;
}

.artwork-library h1{
    margin: 0 0 10px 0;
    background: url(/artwork-library/images/headings/artwork-library.gif) no-repeat;
}

div#products h1{
    width: 740px;
    background-color: #60b0e6;
}

.retailers h1{
    background: url(/retailers/images/headings/page-title.gif) no-repeat;
}

.press h1{
    background: url(/press/images/headings/press.gif) no-repeat;
}

#artworkLibrary h2{
    margin: 0;
    background: url(/about-us/images/headings/artwork-library.gif) no-repeat;
    width: 230px;
    overflow: hidden;
    padding: 20px 0 0 0;
    height: 0 !important;
    height /**/:20px;
}

#artworkLibrary fieldset{
    border: 0;
    padding: 40px 0 0 0;
    margin: 0 0 10px 0;
    background: url(/about-us/images/headings/log-in.gif) no-repeat;
}

#artworkLibrary div.text{
    margin-bottom: 5px;
}

#artworkLibrary div.text label{
    color: #60b0e6;
}

#artworkLibrary div.text input{
    width: 220px;
}

#artworkLibrary div.actions{
    text-align: right;
}

#artworkLibrary div.actions input{
    border: 0;
    color: #60b0e6;
    background-color: #fff;
    text-transform: lowercase;
    cursor: pointer;
    font-size: 9pt;
}

#artworkLibrary legend{
    display: none;
}


#relatedProducts, #featuredProduct, #pressInquiries, #contactUs, #productRegistration{
    border: 1px dashed #999;
}

#relatedProducts li{
    padding: 0 10px 0 10px;
    margin: 0 0 1em 0;
	list-style-position: outside;
}

#relatedProducts li:before{
    content: '> ';
}

#productRegistration li{
    padding: 0 10px 0 10px;
    margin: 0 0 1em 0;
	list-style-type: none;
	background-image: none;
}

#productRegistration li:before{
    content: '> ';
}

#featuredProduct h2, #relatedProducts h2, #pressInquiries h2, #contactUs h2, #productRegistration h2{
    margin: 0 0 0.5em 0;
    overflow: hidden;
    padding: 24px 0 0 0;
    height: 0 !important;
    height /**/:24px;
}

#pressInquiries p{
    margin: 0 10px 1em 10px;
}

#productRegistration h3{
	font-family: Arial;
	text-transform: uppercase;
	color: #f1f1f1;
	letter-spacing: .5px;
	font-weight: bold;
    margin-bottom: .5em;
    overflow: hidden;
    padding: .3em 0 .1em .7em;
    height /**/:20px;
}

#productRegistration h3{
    background: #999;
}

#contactUs h2{
    background: #999 url(/support/images/headings/contact-us.gif) no-repeat;
}

#pressInquiries h2{
    background: #999 url(/contact/images/headings/press-inquiries.gif) no-repeat;
}

#featuredProduct h2{
    background: #999 url(/about-us/images/headings/featured-product.gif) no-repeat;
}


#relatedProducts h2{
    background: #999 url(/products/images/related-products.gif) no-repeat;
}


#contactUs p,
#featuredProduct p{
    margin: 10px;
}

a,
#featuredProduct a,
#relatedProducts a,
#relatedProducts li,
#productRegistration a,
#productRegistration li{
    color: rgb(64, 138, 191);
}

#featuredProduct h3{
    font-size: 10pt;
    margin: 10px;
    padding: 0;
    color: rgb(64, 138, 191);
}

#featuredProduct h3:before{
    content: '>';
}

#featuredProduct img{
    float: right;
    margin: 5px;
}

#navSectionHeading{
    margin: 0 0 0.5em 0;
    border-bottom: 1px dashed #999;
}



#navigation ul li ul{
    margin-bottom: 0.5em;
    border-bottom: 1px dashed #999;
}



#productViews h2{
    width: 74px;
    background: url(/products/images/headings/views.gif) no-repeat;
    margin: 0;
    overflow: hidden;
    padding: 23px 0 0 0;
    height: 0 !important;
    height /**/:23px;
}

#productColors h2{
    margin: 0;
    width: 89px;
    background: url(/products/images/headings/colors.gif) no-repeat;
    overflow: hidden;
    padding: 23px 0 0 0;
    height: 0 !important;
    height /**/:23px;
}

#navSectionHeading a{
    width: 165px;
    height: 26px;
    text-transform: lowercase;
    display: block;
    overflow: hidden;
    padding: 26px 0 0 0;
    height: 0 !important;
    height /**/:26px;
}

.products #navSectionHeading a,
.productmain #navSectionHeading a,
.product #navSectionHeading a{
    background: url(/products/images/headings/products-nav.gif) no-repeat;
}

.support #navSectionHeading a{
    background: url(/support/images/headings/manuals-and-faqs.gif) no-repeat;
}

.retailers #navSectionHeading a{
    background: url(/retailers/images/headings/nav-section.gif) no-repeat;
}

.press #navSectionHeading a{
    background: url(/press/images/headings/press-articles.gif) no-repeat;
}

.contact #navSectionHeading a{
    background: url(/contact/images/headings/contact-nav.gif) no-repeat;
}

.artwork-library #navSectionHeading a{
    background: url(/contact/images/headings/artwork-library.gif) no-repeat;
}

.aboutUs #navSectionHeading a{
    background: url(/images/navigation/about-us.gif) no-repeat;
}

.community #navSectionHeading a{
    background: url(/images/navigation/community.gif) no-repeat;
}

.photo_share #navSectionHeading a{
    background: url(/images/navigation/gallery.gif) no-repeat;
}

#footer{
    width: 970px;
    margin: 0 auto 0 auto;
    height: 22px;
    padding-top: 30px;
    background: url(/images/backgrounds/footer.gif) no-repeat;
}

#header{
    width: 970px;
    margin: 0 auto 0 auto;
    background: #fff url(/images/backgrounds/header.gif);
    clear: both;
    height: 100px;
}


#header h2, #altMenu h2, #breadCrumbs h2, #skipLinks a{
        /* This works better than display:none because screen readers
           actually read the text: 
           http://www.webaim.org/techniques/articles/hiddentext */
        position:absolute;
 	left:0px;
 	top:-500px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}

#altMenu{
    width: 970px;
    height: 31px;
    margin: 0 auto 0 auto;
}

#mainMenu, #altMenu ul, #footer ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#altMenu ul{
    float: right;
}

a#aboutUs{
    width: 102px;
    height: 31px;
    background: url(/images/top-menu/about.gif) no-repeat;
}


a#aboutUs.active{
    background: url(/images/top-menu/about-active.gif) no-repeat;
}

a#artwork-library{
    width: 98px;
    height: 31px;
    background: url(/images/navigation/artwork-library.gif) no-repeat;
}

a#contact{
    /* width: 61px; size with dot */
	width: 60px;
    height: 31px;
    background: url(/images/top-menu/contact.gif) no-repeat;
}

a#register-product{
	width: 128px;
    height: 31px;
    background: url(/images/top-menu/register-product.gif) no-repeat;
}

a#viewEmptyCart{
    width: 88px;
    height: 31px;
    background: url(/images/top-menu/cart-empty.gif) no-repeat;
}
a#viewFullCart{
    width: 88px;
    height: 31px;
    background: url(/images/top-menu/cart-full.gif) no-repeat;
}

#logo_vista{
	width: 219px;
	padding: 47px 0 0 0;
	margin-left: 65px;
	overflow: hidden;
	background: url(/products/images/main/vista_logo.jpg) no-repeat;
	height: 0px !important;
	height /**/:47px;
}	

#logo_glite{
	width: 219px;
	padding: 47px 0 0 0;
	margin-left: 65px;
	overflow: hidden;
	background: url(/products/images/main/glite_logo.jpg) no-repeat;
	height: 0px !important;
	height /**/:47px;
}	

#logo_gluxe{
        width: 219px;
	margin-left: 65px;
        padding: 47px 0px 0px 0px;
        overflow: hidden;
        background: url(/products/images/main/gluxe_logo.jpg) no-repeat;
        height: 0px !important;
        height /**/:47px;
}



#mainMenu{
    float: right;
    margin: 35px 1px; 0 0;
}

#featuresAndBenefitsLinks h2{
    clear: both;
    margin: 0;
}

#features h2, #benefits h2{
    clear: both;
    width: 210px;
    margin: 0 0 0.5em 0;
    border-bottom: 1px dashed #999;
    overflow: hidden;
    padding: 40px 0 0 0;
    height: 0 !important;
    height /**/:40px;
}

#features h2{
    background: url(/products/images/features.gif) no-repeat;
}


#benefits h2{
    background: url(/products/images/benefits.gif) no-repeat;
}


#mainMenu li, #altMenu li, #footer li, #featuresAndBenefitsLinks li{
    display: inline;
    background: none;
    margin: 0;
    padding: 0;
}

#mainMenu li a, #footer li a, #altMenu li a, #footer li a, #featuresAndBenefitsLinks li a{
    float: left; 
    display: block; 
    text-indent: -10000%;
    overflow: hidden;
}

a#featuresLink{
    width: 115px;
    height: 18px;
    background: url(/products/images/navigation/features.gif) no-repeat;
}

a#benefitsLink{
    width: 115px;
    height: 18px;
    background: url(/products/images/navigation/benefits.gif) no-repeat;
}

a#about_us{
    width: 81px;
    height: 28px;
    background: url(/images/main-menu/about_us.gif) no-repeat;
}

a#products{
    width: 80px;
    height: 28px;
    background: url(/images/main-menu/products.gif) no-repeat;
}

a#retailers{
    width: 73px;
    height: 28px;
    background: url(/images/main-menu/retailers.gif) no-repeat;
}

a#press{
    width: 55px;
    height: 28px;
    background: url(/images/main-menu/press.gif) no-repeat;
}

a#support{
    width: 69px;
    height: 28px;
    background: url(/images/main-menu/support.gif) no-repeat;
}

a#community{
    width: 100px;
    height: 28px;
    background: url(/images/main-menu/community.gif) no-repeat;
}

a#privacyPolicy{
    width: 105px;
    height: 20px;
    background: url(/images/footer-menu/privacy-policy.gif) no-repeat;
}

a#sitemap{
    width: 54px;
    height: 28px;
    background: url(/images/footer-menu/sitemap.gif) no-repeat;
}

ul.multiLine li, ol.multiLine ol{
    margin-bottom: 0.5em;
}

#productColors, #productInfo{
    float: left;
    width: 235px;
	overflow: hidden;
}

#productColors {
	border-left: 1px dashed #999;
	padding-left: 5px;
}

#addtocart {
	float: right;
}

#addtocart #cartimage {
	margin-bottom: -3px;
}

#productViews{  
	float: left;
	height: 100%;
	width: 244px;
	margin-bottom: 0px;
}

#infolinks {
	float: left;
}

div.productViewRow{ 
	clear: both;
}

.productThumb{
	margin:0 5px 10px 0;
}

#productColors li{
    float: left;
    padding: 0 0 0.5em 15px;
    margin: 0 10px 0 0;
}

#productOptions{
    float: left;    
    width: 490px;
    border-top: 1px dashed #999;
    border-bottom: 1px dashed #999;
    padding: 10px 0 10px 0;
    margin: 0 0 1em 0;
}

#productInfo{
    border-top: 1px dashed #999;
    padding: 10px 0 0 5px;
	width: 235px;
    margin: 0;
	border-left: 1px dashed #999;

}

#icon_info{
    float: left;
	height: 40px;
}

#productInfo_temp{	
    padding: 10px 0 0 0;
    margin: 1em 0 0 0;
}


div#price{
	clear: both;
	padding: 10px 0 0 0;
}

#price h3{
	color: #545454;
    margin: 0;
	float: left;
}

input#qty{
	float: left;
	margin: 0 10px 0 10px;
}


#add2cart{
	text-align: right;
	float: right;
	overflow: hidden;
	padding: 19px 10px 0 0;
	width: 63px;
	height: 0 !important;
    height /**/:19px;	
}

a#add2cartbutton{
    padding: 19px 0 0 0;
	height: 19px;
	width: 63px;
	background: url(/products/images/navigation/add2cart.gif) no-repeat;
}

a#buynowbutton{
    padding: 19px 0 0 0;
	height: 19px;
	width: 63px;
	background: url(/products/images/navigation/buynow.gif) no-repeat;
}





#productImage{
    margin-bottom: 10px;
}

#mainImage{
    margin-bottom: 1em;
}

#buy{
    float: left;
}

#buy fieldset{
    border: 0;
    padding: 0;
    margin: 0 0 0 10px;
}


#buy h2{
    margin: 0 0 0 10px;
}

#buy legend{
    display: none;
}

#buy .text input{
    width: 30px;
}

#description{
    clear: both;
}

#benefits li{
    padding: 0;
    background: none;
}

#benefits h3{
    color: #60b0e6;
    font-size: 10pt;
    margin: 0 0 0.1em 0;
}


ul#colors li{
	background: none;
}

li#myles{
    background: url(/products/images/colors/myles.gif) no-repeat;
}

li#brooke{
    background: url(/products/images/colors/brooke.gif) no-repeat;
}

li#jake{
    background: url(/products/images/colors/jake.gif) no-repeat;
}

li#carlin{
    background: url(/products/images/colors/carlin.gif) no-repeat;
}

li#denny{
    background: url(/products/images/colors/denny.gif) no-repeat;
}

li#caleigh{
    background: url(/products/images/colors/caleigh.gif) no-repeat;
}

li#alex{
    background: url(/products/images/colors/alex.gif) no-repeat;
}

li#makena{
    background: url(/products/images/colors/makena.gif) no-repeat;
}

.article{
    width: 490px;
    float: left;
    clear: both;
    margin-bottom: 1em;
}

.article h2{
    font-size: 9pt;
    font-weight: normal;
}

.article h2 a{
    font-size: 14pt;
    font-weight: bold;
}

.article img{
    border: 1px solid #999;
    float: left;
    margin: 0 10px 10px 0;
}

#enlarge{
	text-align: right;
	float: right;
	margin-bottom: 10px;
	overflow: hidden;
	padding: 19px 0 0 0;
	width: 80px;
	height: 0 !important;
    height /**/:19px;	
}

a#enlargebutton{
    padding: 19px 18px 0 0;
	height: 19px;
	width: 60px;
	background: url(/products/images/navigation/enlarge.gif) no-repeat;
}

.footnote{
	clear:both;
	font-size:9px;
}


/* mootools css */

#navigation ul li ul li a {
	display: block;
	color: rgb(95, 105, 113);
	background: #FFF;
}

.toggler {
	color: #60b0e6;
	margin: 0 0 5px 0;
	padding: 4px 10px;
	background: #fff;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-top: 1px dashed #999;
	border-left: 1px dashed #999;
}

.element {

}

/* end mootools css */


/* mootabs */
.menu_panel {
	display: none;
	position: relative;
	width: 230px;
	clear: both;
}

.menu_panel.active {
	display: block;
}

.menu li.active {
	
}
.menu li.over {
	
}



/* product thumbnails */
#default, #bassinet, #sunshade, #front, #side, #raincover, #closeup01, #closeup02, #extra01, #extra02, #bug, #frame, #package, #sun-rain, #rain, #strap, #attached-with-seat, #attached-without-seat{
	float: left;
	filter: alpha(opacity=40);
	-moz-opacity: .40;
	opacity: .40;
}




ul.sublist{
	margin:10px 0 10px 20px;
	list-style-type: none;
}
ul.sublist a{
	color: rgb(95, 105, 113);
}



/* product form */
.productmain fieldset{
    border: 0;
    padding: 0;
}

.productmain legend{
    padding: 0;
    margin: 0 0 10px 0;
    color: #60b0e6;
    font-size: 13pt;
    font-weight: bold;
}

.productmain .text label{
    width: 140px;
    display: block;
    float: left;
    margin: 0 5px 0 0;
}

.productmain .select label{
    width: 320px;
    display: block;
    float: left;
    margin: 0 5px 0 0;
}

.productmain .textarea label{
    display: block;
}

.productmain .textarea textarea{
    width: 390px;
    height: 100px;
}

.productmain .text label:after{
    content: ':';
}

.productmain .text{
    margin: 0 0 3px 0;
}

.productmain .select {
	margin: 0 0 3px 0;
}

.productmain select {
	width: 146px;
}

.required {font-weight: bold;}

.error {color: red;}

.success {color: green; font-weight: bold;}