#container
{
    margin: 0 auto;
    width: 1024px;
    text-align: justify;
}

#header
{
    height: 171px;
    background: #424244 url(images/header-BG.jpg) repeat-x left bottom;
    position: relative;
}

#hdrLogo
{
    margin-left: 60px;
    margin-top: 8px;
    float: left;
}

#hdrContribute
{
    float: right;
    margin-right: 70px;
}

#hdrNav
{
    position: absolute;
    top: 81px;
    right: 0px;
}

#hdrNav li
{
    float: left;
}


/************************* layout **************************/

#content
{
    float: left;
    width: 1024px;
    background-color: #fff;
}

#thankyouimage
{
    text-align: center;
    margin: 10px 0 0 0;
}

#bottomContent
{
    padding-top: 8px;
    float: left;
    width: 1024px;
    background-color: #fff;
}

.contentHomepage
{
    background: #fff url(images/achal-picture.jpg) top right no-repeat;
}

#leftPane
{
    float: left;
    width: 510px;
    margin-left: 60px;
}

#rightPane
{
    float: left;
    width: 360px;
    margin-left: 30px;
}

/****************** Left pane styles *************************/

.pageHeader
{
    position: relative;
    top: -20px;
    text-indent: -20000px;
}

#leftContent
{
    clear: both;
}

#leftContent p
{
    clear: both;
    margin: 10px 0;
    text-align: justify;
}

#leftContent0
{
    clear: both;
    margin-bottom: 25px;
}

#leftContent0 p
{
    clear: both;
    text-align: justify;
}

inlineImgs
{
    margin: 10px;
    margin-left: 15px;
}

.contentImage
{
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}


.inlineImgs img
{
    margin-right: 5px;
}

#prizesBox
{
    margin-top: 5px;
}

#FLVPlayer
{
    margin-left: 5px;
}

#mainPromoBox
{
    background: black;
    margin: 13px 0 50px 0;
    height: 280px;
    width: 510px;
}

#meetAchalVideoBox
{
    margin: 13px 0 50px 0;
    height: 250px;
    width: 510px;
}

#mainPromoBoxTop
{
    width: 480px;
    height: 272px;
    position: relative;
    margin: 4px 15px 4px 15px;
}

#videoPromoText
{
    height: 140px;
    width: 190px;
    position: absolute;
    right: 20px;
    top: 100px;
    text-align: right;
    overflow: hidden;
}

#videoPromoText p
{
    margin-bottom: 10px;
    color: #4f4e51;
}


#playVideoCtrl
{
    position: absolute;
    right: 20px;
    bottom: 20px;
}



#mainPromoBoxBottom
{
    background: url(images/thumb-bg.png) top left;
    width: 510px;
    height: 104px;
    padding: 0px;
}


#mainPromoBoxBottomInner
{
    padding: 10px;
}


#mainPromoBoxAchal
{
    position: absolute;
    bottom: 2px;
    left: -40px;
    z-index: 3;
}

#videoThumbs
{
    margin: 5px 0 5px 10px;
}

#videoThumbs li
{
    background: url(images/videoThumb.png) no-repeat;
    height: 69px;
    width: 86px;
    float: left;
    margin-right: 10px;
    overflow: hidden;
}


#meetAchalContainer
{
    background: url(images/meetAchalBGbottom.jpg) bottom right no-repeat;
    padding: 10px 150px 50px 0;
    position: relative;
}

#meetAchalContainer p
{
    margin: 0 0 10px 10px;
}

#videoBoxLarge
{
    background: url(images/videoBoxLarge.gif) no-repeat;
    width: 263px;
    height: 305px;
    text-align: center;
    color: #f60;
}

#videoBoxLargeInner
{
    margin: 5px;
    height: 250px;
    width: 250px;
    overflow: hidden;
}

#meetAchal
{
    height: 37px;
    width: 385px;
    text-indent: -200000px;
    background: url(images/meetAchal2.jpg) top left no-repeat;
    margin-bottom: 20px;
}

#meetAchalImg
{
    position: absolute;
    bottom: 25px;
    right: 0;
}

#meetAchalBottom
{
    height: 210px;
    width: 502px;
    float: left;
    padding-left: 8px;
    background: #fff url(images/meetAchalBGbottom2.jpg) bottom left repeat-x;
}

.meetAchalBottomInner
{
    width: 250px;
}

#meetAchalBottomInner_left
{
    float: left;
}

.songlist
{
    margin: 10px 0 0 40px;
}

.songlist li
{
    color: #915346;
    text-decoration: underline;
    padding-left: 20px;
    background: url(images/musicIcon.png) top left no-repeat;
}

#meetAchalBottomInner_right
{
    float: left;
}

#meetAchalBottomInner_right p
{
    margin: 0 15px 10px 50px;
}

/********************* Right Pane Styles **************************/

#rightPane
{
    margin-top: 15px;
}

#hdrWhyContribute
{
    background: url(images/whyCOntribute.png) no-repeat;
    height: 73px;
    width: 358px;
    text-indent: -20000px;
    position: relative;
    top: -55px;
}

#lstWhyContribute
{
    margin-top: -50px;
}


#lstWhyContribute li#lstWhyContribute_1
{
    background: url(images/head-01.jpg) top left no-repeat;
}

#lstWhyContribute li#lstWhyContribute_2
{
    background: url(images/head-02.jpg) top left no-repeat;
}

#lstWhyContribute li#lstWhyContribute_3
{
    background: url(images/head-03.jpg) top left no-repeat;
}

#lstWhyContribute li#lstWhyContribute_4
{
    background: url(images/head-04.jpg) top left no-repeat;
}

#lstWhyContribute li#lstWhyContribute_5
{
    background: url(images/head-05.jpg) top left no-repeat;
}

#joinNowPromoBanner2
{
    margin-bottom: 20px;
}
/*************************** right column boxes **********************/

.rightPaneBox
{
    margin-bottom: 6px;
    padding: 10px;
}

#contributeBox
{
    background: url(images/xtream-bg.png) top left no-repeat;
    width: 339px;
    height: 106px;
    margin-bottom: 7px;
}

#joinNowBanner
{
    margin-bottom: 6px;
}


#progress
{
    background: url(images/progress.jpg) top left no-repeat;
    margin-bottom: 4px;
}

#signUpForm
{
    background: url(images/signUp-bg.jpg) top left no-repeat;
}

.signUpInput
{
    padding: 4px;
    font-size: 10px;
    background-color: #5b595e;
    color: #999999;
    border: 2px solid #737175;
    width: 200px;
    height: 19px;
}

.signUpButton
{
    margin-left: 3px;
}


#stayConnecetedBox
{
    background: url(images/stayConnectedBG.png) no-repeat;
    height: 51px;
    width: 362px;
    padding-top: 40px;
}

#stayConnecetedBox
{
    background: url(images/stayConnectedBG.png) no-repeat;
    height: 180px;
    width: 350px;
    text-align: center;
}

#stayConnecetedBox li
{
    display: inline;
    padding: 0px 20px 0px 20px;
}


#stayConnectedFacebook
{
    background: url(images/StayConnected-icons/facebook.jpg) no-repeat;
}

#stayConnectedYoutube
{
    background: url(images/StayConnected-icons/youTube.jpg) no-repeat;
}

#stayConnectedTwitter
{
    background: url(images/StayConnected-icons/twitter.jpg) no-repeat;
}


/********************************** Footer **************************/

#footer
{
    background: url(images/footer-Bg.jpg) repeat-x;
    text-align: center;
    padding: 20px 0;
    height: 78px;
    float: left;
    width: 1024px;
}

#footerNav
{
    display: inline;
    padding: 10px;
    color: #f60;
}

#footerNav li
{
    display: inline;
    padding: 10px;
}

#footer p
{
    margin-top: 10px;
    color: #6f6f6f;
}


/************************************** header image replacements **********************/

.pageHeader
{
    height: 35px;
    width: 508px;
    position: relative;
}

#hdrServices
{
    background: url(images/servicesHeader.jpg) no-repeat;
    height: 35px;
}

#hdrAboutBollywoodAbs
{
    background: url(images/hdrAboutBollywoodabs.jpg) no-repeat;
}

#hdrAbout
{
    background: url(images/hdrAboutAchal.jpg) no-repeat;
}

#hdrXtreme
{
    background: url(images/x-tremeheader.jpg) no-repeat;
    height: 36px;
}

#hdrSponsor
{
    background: url(images/hdrEndoSponsor.jpg) no-repeat;
}

#hdrClientStories
{
    background: url(images/hdrClientStories.jpg) no-repeat;
}

#hdrPrivacy
{
    background: url(images/hdrPrivacyPolicy.jpg) no-repeat;
}

#hdrPrizes
{
    background: url(images/hdrPrizes.jpg) no-repeat;
}

#hdrTerms
{
    background: url(images/hdrTermsLegal.jpg) no-repeat;
    height: 35px;
}

#hdrContactUs
{
    background: url(images/hdrContactUs.jpg) no-repeat;
}

#hdrContributeOnline
{
    background: url(images/hdrContribute.jpg) no-repeat;
}

#hdrCheckout
{
    background: url(images/hdrCheckout.jpg) no-repeat;
}

#hdrConfirm
{
    background: url(images/hdrOrderConfirm.jpg) no-repeat;
}

#hdrXtremePromoBox
{
    background: url(images/hdrExtremeSteps.png) no-repeat;
    height: 90px;
    width: 488px;
    text-indent: -20000px;
    margin-left: 10px;
    margin-top: 10px;
}

#hdrFindAnswers
{
    background: url(images/hdrFindAnswers.png) no-repeat;
    height: 42px;
    width: 488px;
    text-indent: -20000px;
    margin-left: 10px;
    margin-top: 10px;
}


/******************************* xtremePromoBox ****************************/

#xtremePromoBox
{
    width: 508px;
    background-color: #1a150f;
    padding-top: 5px;
    float: left;
    clear: left;
    margin-bottom: 20px;
}

#xtremePromoBox ul
{
    margin-left: 12px;
}

#xtremePromoBox li
{
    clear: both;
    padding-top: 10px;
}

#xtremePromoBox li p
{
    float: left;
    clear: none;
    margin-left: 60px;
    width: 300px;
    color: #b1b1b1;
}



.xtremePromoBoxThumbnail
{
    float: left;
}

.xtremePromoBoxHeader
{
    float: left;
    margin-left: 10px;
}

/***************************** Find answers box *******************/


#findAnswersBox
{
    width: 508px;
    background-color: #1a150f;
    padding-top: 5px;
    float: left;
    clear: left;
    margin-bottom: 50px;
}

#findAnswersBox dl
{
    margin: 20px 10px;
}

#findAnswersBox dd
{
    margin: 10px 10px 20px 22px;
    color: #828084;
}




#findAnswersBox p
{
    color: #4c4843;
    margin: 20px 10px;
}








/***************************** ************************************/

#clientStoriesLst li
{
    float: left;
    clear: both;
    padding: 10px 0 50px 0;
    background: url(images/clientStoryDivider.jpg) no-repeat left bottom;
    width: 508px;
}

.clientStoryVideoContainer
{
    background: url(images/clientStoryVideoContainer.gif) no-repeat;
    float: left;
    width: 197px;
    height: 146px;
    padding: 10px;
    overflow: hidden;
}


.clientStoryBlurb
{
    float: left;
    margin-left: 10px;
}

.clientStoryBlurb h4
{
    color: #f99802;
    font-weight: bold;
    font-size: 15px;
}

#leftContent .clientStoryBlurb p
{
    margin: 3px 0;
}

#leftContent .clientStoryBlurb p.objective
{
    margin: 10px 0;
    color: #f99802;
}

#leftContent .clientStoryBlurb p.blurb
{
    margin: 3px 0 15px 0;
    color: #000;
}


#leftContent .width400
{
    width: 394px;
    clear: none;
}

#bwaContactForm
{
    width: 350px;
    float: left;
}


#bwaContactForm dt
{
    width: 70px;
    float: left;
    text-align: right;
    margin-right: 10px;
    padding-top: 2px;
    font-weight: bold;
}

#bwaContactForm dd
{
    float: left;
    width: 255px;
    padding: 5px 0;
}


#bwaContactForm input, #bwaContactForm textarea
{
    border: 1px solid #f99802;
    width: 255px;
}

#bwaContactForm textarea
{
    height: 205px;
}

#contactList
{
    width: 140px;
    float: right;
}

#contactList dt
{
    font-weight: bold;
    margin-bottom: 3px;
}

#contactList dd
{
    margin-bottom: 15px;
    text-align: left;
}

/************** contribution styles ******************/

.hdrContributionOption
{
    text-indent: -20000px;
    height: 27px;
    width: 487px;
}

#hdrContributionOption_1
{
    background: url(images/contributeHdr1.jpg) no-repeat top left;
}

#hdrContributionOption_2
{
    background: url(images/contributeHdr2.jpg) no-repeat top left;
}

#hdrContributionOption_3
{
    background: url(images/contributeHdr3.jpg) no-repeat top left;
}

#hdrContributionOption_4
{
    background: url(images/contributeHdr4.jpg) no-repeat top left;
}

/*************************** contribution form ******************/

#contributionForm
{
    margin-bottom: 20px;
}

/* #contributionForm fieldset {
	clear: both;
	padding: 0;
	margin-bottom: 15px;
	margin-top: 15px;
	margin-right: 5px;
} */

#contributionForm legend
{
    font-weight: bold; /*background-color: #fff;*/ /*padding: 5px 5px 0 0; 	margin: -5px 0 0 -5px;*/
    font-family: verdana;
}

#contributionForm dl
{
    margin-top: 2px;
    padding-top: 15px;
    border-top: 1px solid #000;
    float: left;
}


#contributionForm dt
{
    font-weight: bold;
    margin-bottom: 3px;
}

#contributionForm dt
{
    width: 190px;
    float: left; /*text-align: right;*/
    margin-right: 10px;
    padding-top: 8px;
    font-weight: bold;
    clear: both;
}

#contributionForm dd
{
    float: left;
    width: 270px;
    padding: 0;
}

.address label,.citystatezip
{
    float: left;
    padding: 0;
}
.citystatezip
{
    clear:left;
    width: 255px;
}

#contributionForm dd li
{
    float: left;
    width: 55px;
    padding: 5px 0;
    margin: 0 3px 0 0;
}

#contributionForm dd li input
{
    margin-right: 2px;
}

#contributionForm #formCCExpiration_M, #contributionForm #formCCExpiration_Y
{
    width: 59px;
    padding: 2px;
}
#contributionForm #expMonth, #contributionForm #expYear
{
    width: 70px;
}

.formField
{
    border: 1px solid #f99802;
}
select.formField
{
    border-style: solid !important;
}

.fullTextField
{
    width: 255px;
    padding: 3px;
    margin: 0 0 5px 0;
}


#contributionForm #liCcv
{
    width: 100px;
    margin: 0 0px 0 18px;
    padding: 5px 0;
    float: left;
    text-align: right;
}

#contributionForm #liCcv label
{
    display: inline;
    float: left;
    position: relative;
    top: 5px;
    font-weight: bold;
}

#contributionForm #inputContributionAmount
{
    width: 120px;
}

#contributionForm #cvv
{
    float: right;
    width: 60px;
    margin: 0px 2px 0 0;
    padding: 3px;
}

.cvvwhatis
{
    text-align:right;
}

#formAmount
{
    width: 65px;
    padding: 3px;
}
#formCity
{
    width: 119px;
    padding: 3px;
}

#formState
{
    width: 49px;
    padding: 3px;
}

#formZIP
{
    width: 65px;
    padding: 3px;
}

#formCountry
{
    margin: 5px 0 10px 0;
}


#formShippingCity
{
    width: 119px;
    padding: 3px;
}

#formShippingState
{
    width: 49px;
    padding: 3px;
}

#formShippingZIP
{
    width: 65px;
    padding: 3px;
}

#formShippingCountry
{
    margin: 5px 0 10px 0;
}

.indentedBlock
{
    margin: 20px 10px 20px 110px;
}

#hdrServicesOnline
{
    background: url(images/serviceshdr_online.jpg) no-repeat top left;
    text-indent: -20000px;
    height: 27px;
    width: 487px;
    margin-bottom: 10px;
    margin-top: 10px;
}

#hdrServicesOnsite
{
    background: url(images/serviceshdr_onsite.jpg) no-repeat top left;
    text-indent: -20000px;
    height: 27px;
    width: 487px;
    margin-bottom: 10px;
    margin-top: 10px;
}

#services h3
{
    background: url(images/bullet.jpg) no-repeat 0;
    padding-left: 25px;
    margin-top: 5px;
}

#services p
{
    margin: 2px 0 20px 25px;
    text-align: justify;
}

label.error
{
    float: none;
    color: red;
    vertical-align: top;
    display:block;
    clear:both;
    padding-left:35px;
}

#errorMsg
{
    padding-left: 10px; 
    font-weight:bold;
}

input.error, select.error
{
    border: 2px solid red;
}

#errorMsgContainer
{
}

/***************************** New Promo styles *******************************/

.promoBoxTop
{
    margin-top: 1px;
    width: 1024px;
    height: 400px;
    position: relative;
    font-family: "Lucida Grande" ,Arial,Helvetica,sans-serif;
    line-height: 18px;
}

#bootcampPromo
{
    height: 414px;
}

#floatingLogo
{
    position: absolute;
    right: 65px;
    top: -30px;
}

#beforeAndAfterPicContainer
{
    height: 204px;
    left: 48px;
    overflow: hidden;
    position: absolute;
    top: 15px;
    width: 199px;
}

div#beforeAndAfterPicContainer img,
div#topPromoMsg p {
background-color: transparent!important;
}

#topPromoMsg
{
    width: 300px;
    height: 125px;
    overflow: hidden;
    position: absolute;
    left: 260px;
    top: 95px;
    color: #c1c1c1;
    font-size: 14px;
}

#bootcampPromo #topPromoMsg
{
    width: 465px;
    height: 35px;
    overflow: hidden;
    position: absolute;
    left: 95px;
    top: 250px;
    color: #f49404;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}

#promoBoxBottom
{
    width: 1024px;
    min-height: 313px;
    background: #444444 url(images/promoBoxBottomBg.png) top left repeat-x;
    position: relative;
    font-family: "Lucida Grande" ,Arial,Helvetica,sans-serif;
    text-align: left;
    color: #000;
}

#promoBoxAchalPic
{
    position: absolute;
    left: 200px;
    bottom: 0;
}

.promoBoxBottomThird
{
    width: 292px;
    min-height: 313px;
    float: left;
    margin: 5px 4px 10px 0;
}

.promoBoxBottomThird h2
{
    text-indent: -10000px;
    height: 51px;
    width: 292px;
}

.promoBoxBottomThird h2 a
{
    height: 51px;
    width: 292px;
    display: block;
}


#bottomThirdLeft, #bottomThirdLeftBootcamp
{
    margin-left: 70px;
}

#bottomThirdLeftInner
{
    width: 155px;
    margin: 20px 0 0 12px;
}

#bottomThirdLeftInner p
{
    margin: 0 0 5px 0;
    color:#fff;
}


#bottomThirdLeft
{
    background: url(images/hdrMeetAchal.png) top left no-repeat;
}

#bottomThirdCenter
{
    background: url(images/hdrWatchVideos.png) top left no-repeat;
    text-align: center;
}

#bottomThirdCenterInner
{
    margin: 20px auto auto auto;
}

#bottomThirdRight
{
    background: url(images/hdrGetRecipes.png) top left no-repeat;
}

#bottomThirdRightInner
{
    margin: 20px 0 0 10px;
}

.contentPicWithBorder
{
    border: 1px solid #c1c1c1;
}

.floatRight
{
    float: right;
}

.recipeHeader
{
    color: #9db948;
    font-size: 18px;
    width: 145px;
    float: left;
    clear: left;
    margin-bottom: 11px;
}

.recipePic
{
    float: right;
    padding: 0 0 5px 5px:;
    height: 116px;
    width: 127px;
    
}

#recipeBox
{
    width: 150px;
    float: left;
}

#recipeBox p
{
    color:#fff;
}

.moreLink, #greenList
{
    color: #9db948;
    font-weight: bold;
}

#greenList
{
    margin-top: 20px;
}


#greenList a
{
    color: #9db948;
    font-weight: normal;
}

#greenList li
{
    padding-left: 20px;
}

#greenList li#musicalNote
{
    background: url(images/bulletMusicalNote.png) top left no-repeat;
}

#greenList li#checkMark
{
    background: url(images/bulletCheckMark.png) top left no-repeat;
}

.recipeStats
{
    margin: 10px 0;
}

.recipeUtilityLinks
{
    color: #c1c1c1;
    font-size: 11px;
}

.recipeUtilityLinks a
{
    font-size: 11px;
}

.recipeStats li span
{
    width: 72px;
    float: left;
    font-weight: bold;
    color: #000;
}

a.greenText, .greenText, .greenText a
{
    color: #9db948;
}

.greenPrintIcon
{
    background: url(images/bulletPrintIcon.png) top left no-repeat;
    padding-left: 15px;
}

.imgReplacement
{
    text-indent: -100000px;
}

#containerSuccessStories
{
    margin-left: 70px;
    width: 600px;
    margin-top: 31px;
    clear: both;
    float: left;
    background: url(images/testimonialBg.png) 255px 125px no-repeat;
}

#hdrSuccessStories
{
    background: url(images/hdrSuccessStories.jpg) top left no-repeat;
    height: 34px;
    width: 590px;
}

.successStoriesInnerDiv
{
    margin-top: 26px;
    width: 290px;
    float: left;
    text-align: left;
}

.successStoriesInnerDivImg
{
    float: left;
    width: 94px;
    height: 117px;
    padding: 4px;
    border: 1px solid #cdcdcd;
    overflow: hidden;
}

.successStoriesInnerDivImgLeft
{
    margin-left: 34px;
    margin-right: 4px;
}

.successStoriesInnerDivText
{
    float: left;
    width: 270px;
    margin-left: 15px;
    clear: left;
    margin-top: 20px;
}

.successStoriesInnerDivText li
{
    margin-bottom: 18px;
}

.watchTestimonialLink
{
    background: url(images/iconWatchVideo.gif) top left no-repeat;
    padding-left: 20px;
    font-weight: bold;
}

.testimonialText
{
    height: 60px;
}

#rightPanel290
{
    width: 290px;
    margin-left: 10px;
    float: left;
    font-family: "Lucida Grande" ,Arial,Helvetica,sans-serif;
}

#signUpBox
{
    background: url(images/signUpBg.png) top left no-repeat;
    width: 290px;
    height: 155px;
    padding-top: 45px;
    color: #ce6828;
}

.signUpTextBox
{
    background-color: #f8eae1;
    border: 1px solid #d88754;
    color: #d88754;
    font-size: 10px;
    width: 211px;
    padding: 3px;
    margin: 10px 0 4px 0;
}

#rightPanel290 #stayConnecetedBox
{
    background: transparent url(images/stayConnectedBg2.png) no-repeat scroll 0 0;
    width: 290px;
    height: auto;
}

.bannerContainer
{
    text-align: center;
}

.bannerContainer img
{
    margin: auto;
}

/******************************** Bootcamp styles *********************/

#bottomThirdLeftBootcamp
{
    background: transparent url(images/hdrIsBootcampForMe.png) no-repeat scroll left top;
    margin-left: 72px;
}

#bottomThirdCenterBootcamp
{
    background: transparent url(images/hdrWhatsIncluded.png) no-repeat scroll left top;
}

#bottomThirdRightBootcamp
{
    background: transparent url(images/hdrWhosDoingIt.png) no-repeat scroll left top;
}

#hdrBollywoodBootcamp
{
    background: transparent url(images/hdrLearnMore.png) no-repeat scroll left top;
    height: 34px;
}

.bottomThirdContent
{
    color: #bfd873;
    margin: 20px 15px;
}

.bottomThirdContent p
{
    margin-bottom: 10px;
}

.bottomThirdContent ol
{
    list-style-position: outside;
    padding-left: 30px;
}

#bootcampSuccessStoriesInnerDiv
{
    clear: both;
    margin: 0px 10px 10px 35px;
    padding-top: 10px;
    color: #fff;
}

#bootcampSuccessStoriesInnerDiv p
{
    margin-bottom: 10px;
}

.watchTestimonialLinkGray
{
    background: url(images/iconWatchVideoGray.gif) top left no-repeat;
    padding-left: 20px;
    font-weight: bold;
}

div.tooltip
{
    background: transparent url(images/black_arrow.png) no-repeat scroll 0 0;
    display: none;
    z-index: 5000;
}


/* the overlayed element */
div.overlay
{
    /* growing background image */
    background-image: url(../img/overlay/white.png); /* dimensions after the growing animation finishes  */
    width: 600px;
    height: 470px; /* initially overlay is hidden */
    display: none; /* some padding to layout nested elements nicely  */
    padding: 55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close
{
    background-image: url(../img/overlay/close.png);
    cursor: pointer;
}


/* black */
div.overlay.black
{
    background: url(../img/overlay/transparent.png) no-repeat !important;
    color: #fff;
}

/* petrol */
div.overlay.petrol
{
    background: url(../img/overlay/petrol.png) no-repeat !important;
    color: #fff;
}

div.black h2, div.petrol h2
{
    color: #ddd;
}

.cartimage
{
    margin-top: 15px;
}