/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Family Fridge (Quickload) Stylesheet
Author : Steve Goodwin / steve@redbullet.co.uk / redbullet Ltd

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

#kampyle { margin:0 0 0 0; padding:0 10px 10px 0; width:87px; height:53px; bottom:0; display:block; right:0; position:fixed; }
#kampyle a { margin:0 0 0 0; padding:0 0 0 0; width:87px; height:53px; display:block; background:url(../images/feedbackBtn.png) no-repeat 0 0px; text-indent:-9999px; }
#kampyle a:hover { background:url(../images/feedbackBtn.png) no-repeat 0 -53px; }

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff url(../images/headerBg.gif) top left repeat-x; color:#000000; text-align:center; }
td, textarea, input, select { font:110% arial, verdana, helvetica, sans-serif; }
img { border:0 none; display:block; }
form { margin:0 0 0 0; padding:0 0 0 0; }
fieldset { border:0 none; display:inline; margin:0; padding:0; }

/* ----- HOMEPAGE ----- */
#brochureBody { background:transparent url(../images/brochureBg.png) repeat-x scroll 0 0; }
#brochureHeader { height:115px; margin:0 auto; position:relative; width:960px; }
#brochureHeader #logo { left:33px; position:absolute; top:35px; }
#brochureHeader #signIn { height:60px; left:625px; position:absolute; top:27px; width:300px; }
#brochureHeader #signIn #signInTitle { height:18px; left:5px; position:absolute; top:0; width:63px; }

#brochureHeader #signIn #usernameInput { background:transparent url(../images/quick/sprite.gif) no-repeat scroll 0 0; height:25px; left:0; position:absolute; top:25px; width:119px; }

#brochureHeader #signIn #usernameInput input { background:transparent none repeat scroll 0 0; border:medium none; color:#666666; font-size:14px; line-height:14px; padding:3px 0 4px; width:105px; }
#brochureHeader #signIn #plus { background:transparent url(../images/quick/sprite.gif) no-repeat scroll 0 -25px; display:block; height:7px; left:122px;position:absolute; top:34px; width:7px; }
#brochureHeader #signIn #passwordInput { background:transparent url(../images/quick/sprite.gif) no-repeat scroll 0 0; height:25px; left:132px; position:absolute; top:25px; width:119px; }
#brochureHeader #signIn #passwordInput input { background:transparent none repeat scroll 0 0; border:medium none; color:#666666; font-size:14px; line-height:16px; padding:3px 0 4px; width:100px; }
#brochureHeader #signIn #btnGo { background:transparent url(../images/quick/sprite.gif) no-repeat scroll 0 -32px; height:25px; left:257px; position:absolute; top:25px; width:35px; }
a#password_reset { color:#F7931E; font-weight:normal; text-decoration:underline; }
#brochure { background:transparent url(../images/brochureBg1.jpg) no-repeat scroll left top; margin:0 auto; min-height:576px; position:relative; text-align:left; width:960px; }
#brochure #brochureShadow { left:919px; position:absolute; top:306px; }
#csBadge { background:transparent url(../images/quick/sprite.gif) no-repeat scroll 0 -148px; display:block; float:right; height:98px; position:relative; right:140px; text-indent:-99999px; top:250px; width:98px; }
#brochure #scroller { background:transparent url(../images/quick/sprite.gif) no-repeat scroll -127px -240px; height:290px; margin:0 0 25px; width:650px; z-index:999; }
#brochure #joinNow { height:170px; position:relative; width:600px; }
#brochure #joinNow #joinNowTitle { height:27px; left:30px; position:absolute; top:0; width:307px; }
#brochure #joinNow #yourName { left:23px; position:absolute; top:49px; }
#brochure #joinNow .inputHolder { background:transparent url(../images/brochureJoinNowInputBg.gif) no-repeat scroll 0 20px; height:51px; position:absolute;
width:192px; }
#brochure #joinNow .inputHolder .inputHolderTitle { left:7px; position:absolute; top:0; }
#brochure #joinNow .inputHolder input { background:transparent none repeat scroll 0 0; border:medium none; color:#666666; font-size:14px; left:5px; line-height:14px; padding:4px; position:absolute; top:23px; width:170px; }
#brochure #joinNow #yourFamilyName { left:231px; position:absolute; top:49px; }
#brochure #joinNow #yourEmailAddress { left:439px; position:absolute; top:49px; }
#brochure #joinNow #smallPrint { color:#B2B2B2; font-size:11px; left:224px; line-height:14px; padding-left:13px; position:absolute; top:118px; width:275px; }
#brochure #joinNow #smallPrint { color:#B2B2B2; font-size:11px; left:224px; line-height:14px; padding-left:13px; position:absolute; top:118px; width:275px; }
#brochure #joinNow #smallPrint a { color:#F7931E; font-weight:normal; text-decoration:underline; }
#brochure #joinNow #btnJoinNow { background:transparent url(../images/quick/sprite.gif) no-repeat scroll 0 -57px; display:block; height:31px; left:517px; position:absolute; top:117px; width:112px; }
#brochureFooter { color:#B2B2B2; font-size:12px; }
#brochureFooter .padding { padding:20px 250px 10px 30px; }
#brochureFooterLinks { float:right; }
#brochureFooterLinks ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; }
#brochureFooterLinks .first { background:transparent none repeat scroll 0 0; }
#brochureFooterLinks li { background:transparent url(../images/footerDivider.gif) no-repeat scroll 0 7px; display:block; float:left; padding:0 4px 0 8px; }
#brochureFooter a { color:#B2B2B2; font-weight:normal; text-decoration:none; }
#brochureFooter a:hover { color:#B2B2B2; font-weight:normal; text-decoration:underline; }

/* ----- JCAROUSEL CLASSES ----- */
.jcarousel-item-1 { background:transparent url(../images/quick/sprite.gif) no-repeat scroll -207px 0; height:290px; width:570px; }
#brochure #scroller #launchDemoBtn { background:transparent url(../images/quick/sprite.gif) no-repeat scroll 0 -88px; color:#FFFFFF; display:block; height:30px;
margin:188px 0 0 344px; width:207px; }
#brochure #scroller #launchDemoBtn:hover { background:transparent url(../images/quick/sprite.gif) no-repeat scroll 0 -118px; }

/* ----- GENERAL CLASSES ----- */
.hide { display:none; }