/*

Theme Name: WordPress Theme for Jollibee Foods Corporation 

Theme URL: 

Description: 

Version: 1.0

Author: Rey C. Etable

Author URL: http://www.reyetable.com

Tags: green, fixed width, columns

*/







/* Begin Typography & Colors */

@font-face {

    font-family: 'VAGRoundedStdBold';

    src: url('vagroundedstd-bold-webfont.eot');

    src: url('vagroundedstd-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('vagroundedstd-bold-webfont.woff') format('woff'),

         url('vagroundedstd-bold-webfont.ttf') format('truetype'),

         url('vagroundedstd-bold-webfont.svg#VAGRoundedStdBold') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'GatorRegular';

    src: url('gator_copy-webfont.eot');

    src: url('gator_copy-webfont.eot?#iefix') format('embedded-opentype'),

         url('gator_copy-webfont.woff') format('woff'),

         url('gator_copy-webfont.ttf') format('truetype'),

         url('gator_copy-webfont.svg#GatorRegular') format('svg');

    font-weight: normal;

    font-style: normal;

}

/* End Typography & Colors */



/* Begin Structure */

#bodycontainer {margin:0 auto; width:1024px;}

.newscontainer {margin:1.5em auto; width:940px;}

.newscont {margin:0 auto; background:url(images/news-bg.jpg) no-repeat; width:850px; height:43px; float:left;}

.newscont h2 {margin:.8em 0 0 2em; background:url(images/newstxt-pic.jpg) no-repeat; width:650px; height:24px; padding-left:11em; color:#980e2a; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:2;}

.newscont h2 a {color:#980e2a;}

.newscont h2 a:hover {color:#fe0000;}

.snlogo {margin:0 auto; width:80px; float:left; padding:.3em 0 0 .8em;}

#boxes {margin:0 auto; width:940px;}

.box1 {margin:0 auto; width:219px; height:169px; background:url(images/jollibee-kiddie-party-home.jpg) no-repeat bottom; float:left; margin-right:1.3em; display:block;}

.box1:hover {background-position: 0 0;}

.box1 h3 {font-size:14px; color:#fff; margin:0 3em 0 3em; padding-top:10.2em; text-shadow:#393939 1px 2px 1px; font-family:VAGRoundedStdBold;}

.box2 {margin:0 auto; width:219px; height:169px; background:url(images/jollitown-image.jpg) no-repeat bottom; float:left; margin-right:1.3em; display:block;}

.box2:hover {background-position: 0 0;}

.box2 h3 {font-size:14px; color:#fff; margin:0 5.6em 0 5.6em; padding-top:10.2em; text-shadow:#393939 1px 2px 1px; font-family:VAGRoundedStdBold;}

.box3 {margin:0 auto; width:219px; height:170px; background:url(https://cloud-cube.s3.amazonaws.com/mj2g97kruthr/public/uploads/2013/09/47784-JFC-Project-Schumacher-Promo-Web-Materials-Promo-Icon.jpg) no-repeat bottom; float:left;  margin-right:1.3em; display:block;}

.box3:hover {background-position: 0 0;}

.box3 h3 {font-size:14px; color:#fff; margin:0 6em 0 6em; padding-top:10.2em; text-shadow:#393939 1px 2px 1px; font-family:VAGRoundedStdBold;}

.box4 {margin:0 auto; width:219px; height:170px; background:url(images/jollibee-delivery-image.jpg) no-repeat bottom; float:left; margin-right:1.4em; display:block;}

.box4:hover {background-position: 0 0;}

.box4 h3 {font-size:14px; color:#fff; margin:0 4.5em 0 4.5em; padding-top:10.2em; text-shadow:#393939 1px 2px 1px; font-family:VAGRoundedStdBold;}

.box5 {margin:0 auto; width:219px; height:170px; background:url(images/contactus-image.jpg) no-repeat bottom; float:left; margin-right:1.4em; display:block;}

.box5:hover {background-position: 0 0;}

.box5 h3 {font-size:14px; color:#fff; margin:0 4.5em 0 4.5em; padding-top:10.2em; text-shadow:#393939 1px 2px 1px; font-family:VAGRoundedStdBold;}

#pagecontainer {margin:0 auto; width:975px;}

#pagecontainer h2 {margin-top:1em; font-size:24px; color:#fff; background:#e5173f url(images/titlepage-bg.jpg) no-repeat top right; width:220px; line-height:1.6; padding-left:1em;}

#pagecontainer h3 {margin:0 auto; line-height:1.2; font-size:24px; color:#8a8a8a; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding-bottom:.8em;}

.servicesbox1 {margin:0 auto; background:url(images/jollibee-delivery-bg.jpg) no-repeat; width:462px; height:305px; float:left; margin-right:1.5em; }

.servicesbox1 img {margin:1.5em 0 1.5em 2em;}

.servicesbox1 p {color:#fff; margin:0 5em 1.5em 2em;}

.servicesbox1 a {color:#fff; text-decoration:underline;}

.servicesbox1 a:hover {color:#000;}

.servicesbox2 {margin:0 auto; background:url(images/jollibee-kids-party-bg.jpg) no-repeat; width:462px; height:305px; float:left;}

.servicesbox2 img {margin:1.5em 0 1.5em 2em;}

.servicesbox2 p {color:#fff; margin:0 6em 1.5em 2em;}

.servicesbox2 a {color:#fff; text-decoration:underline;}

.servicesbox2 a:hover {color:#000;}

.servicesbox3 {margin:2em auto; background:url(images/jollibee-drive-thru-bg.jpg) no-repeat; width:462px; height:305px; float:left; margin-right:1.5em;}

.servicesbox3 img {margin:1.5em 0 1.5em 2em;}

.servicesbox3 p {color:#fff; margin:0 4em 1.5em 2em;}

.servicesbox3 a {color:#fff; text-decoration:underline;}

.servicesbox3 a:hover {color:#000;}

.servicesbox4 {margin:2em auto; background:url(images/jollibee-24hrs-bg.jpg) no-repeat; width:462px; height:305px; float:left;}

.servicesbox4 img {margin:1.5em 0 1.5em 2em;}

.servicesbox4 p {color:#fff; margin:0 6em 1.5em 2em;}

.servicesbox4 a {color:#fff; text-decoration:underline;}

.servicesbox4 a:hover {color:#000;}

.servicesbox3 {margin:2em auto; background:url(images/jollibee-drive-thru-bg.jpg) no-repeat; width:462px; height:305px; float:left; margin-right:1.5em;}

.servicesbox3 img {margin:1.5em 0 1.5em 2em;}

.servicesbox3 p {color:#fff; margin:0 4em 1.5em 2em;}

.servicesbox3 a {color:#fff; text-decoration:underline;}

.servicesbox3 a:hover {color:#000;}

.leftcont {float:left; width:390px;}

.rightcont {margin:22em auto; float:left; width:50px; }

.rightcont a {color:#e5173f; text-decoration:underline; }

.rightcont a:hover {color:#000;}

.videobg {margin:0 auto; background:url(images/video-bg.jpg) no-repeat; width:942px; height:420px;}

.breadcrumbs {margin:0 auto; padding:1em 3.2em .5em 0;}

.breadcrumbs p {margin:0 auto; float:right; color:#cd1338;}

/* End Structure */	



/* Begin Headers */

.headercont {margin:0 auto; width:1024px;}

.menucont {margin:0 auto; padding:7.5em 0 0 4em; text-align:left;}

.picbanner {margin:0 auto; padding-top:2em; width:940px; height:469px;}

div.logo {margin:0 auto; float:left; width:150px;}

div.logo h1 {margin:0 auto; background:url(images/jollibee-logo.png) top no-repeat; width:151px; height:133px; position:relative;}

div.logo h1 a {display:block; width:100px; height:111px; outline:none; margin-left:1.3em;}

div.logo h1 span {position:absolute; text-indent:-9999999px; }

/* End Headers */



/* Begin Footers */

.footercontainer {margin:2em auto; width:950px; text-align:center; border-top:1px solid #d9cacd;}

.footercontainer p {margin:0 auto; padding-top:2em; _padding-top:.5em; color:#ae0404;}

.footermenucontainer {margin:0 auto; width:950px; text-align:center;}

/* End Footers */



/* Begin News */

.buzzroomnewscont {margin:0 auto; padding:4em 0 0 6em;}

.newspicthumb {margin:0 auto; float:left; width:161px;}

.newspictxt {margin:0 auto; float:left; width:320px; padding-left:2em;}

.newspictxt p {color:#8a8a8a; }

.newspictxt p a {color:#9c0f2b; }

.newspictxt p a:hover {color:#000; }

.newsleftcontainer {margin:0 auto; float:left; width:600px;}

.newscontent {padding:1em 0 1em 0;}

.newslinksidebat {margin:0 auto; width:250px; float:left; background:url(images/newsline-bg.jpg) no-repeat; height:359px; padding-left:3em;}

.recentpost {margin:0 auto; list-style-type:none;}

.recentpost li {color:#8a8a8a;}

.recentpost li a:hover {color:#CD1338;}

.recentpost li a {text-decoration: none; color:#8a8a8a; line-height:2;}

.archive {margin:1em auto; list-style-type:none;}

.archive li {color:#8a8a8a;}

.archive li a:hover {color:#CD1338;}

.archive li a {text-decoration: none; color:#8a8a8a; line-height:2;}

.buzzleft {margin:2em auto; width:645px; padding-left:2em; float:left;}

.buzzleft h4 {line-height:1.5; font-size:16px; color:#8a8a8a; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.buzzleft img {margin:0 .5em .5em 0;}

.sidecontlinks {padding:2em 0 0 3em;}

.bloginfo {padding-top:-2em;}

.twitsharer {margin:3em auto; background:url(images/twitter-logo.jpg) no-repeat; width:25px; height:26px; padding-left:2em; float:left;}

.twitsharer p {text-decoration:underline; color:#55b2cc;}

.twitsharer a:hover {text-decoration:underline; color:#000;}

.fbsharer {margin:3em auto; background:url(images/fb-logo.jpg) no-repeat; width:25px; height:25px; padding-left:2em; margin-left:5em; float:left;}

.fbsharer p {text-decoration:underline; color:#1b64b1;}

.fbsharer a:hover {text-decoration:underline; color:#000;}

.tvcleft {float:left; background:url(images/tvcbgleft.png) no-repeat top right; width:495px; margin:2em 0 0 2em;}

.tvcright {margin:0 auto; width:410px; float:left;}

.tvcrightdesc {margin:3em 0 4em 3em;}

.tvcrightdesc h3 {margin:0 auto; color:#8a8a8a; font-size:24px; font-weight:bold;}

.tvcrightdesc h4 {margin:0 auto; color:#8a8a8a; font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

.tvcrightdesc h5 {margin:2em auto; color:#8a8a8a; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

.tvcrightthumb {background:url(images/tvcthumbbgtop.png) no-repeat top; width:380px; height:120px; position:absolute; z-index:1; margin:21.5em 0 0 45em;}

.tvcrightthumb img {margin:3em .2em 0 .2em;}

/* End News */



/* Begin International */

#internationalbg {margin:0 auto; background:url(images/worldmap-image.jpg) no-repeat; width:940px; height:513px;}

.qatar {margin:0 auto; width:53px; height:78px; position:absolute; z-index:999; margin:12.5em 0 0 46.7em;}

.ksa {margin:0 auto; width:53px; height:78px; position:absolute; z-index:999; margin:13.5em 0 0 44em;}

.usa {margin:0 auto; width:53px; height:78px; position:absolute; z-index:999; margin:9em 0 0 10em;}

.hongkong {margin:0 auto; width:53px; height:78px; position:absolute; z-index:999; margin:14em 0 0 60.9em;}

.brunei {margin:0 auto; width:53px; height:78px; position:absolute; z-index:999; margin:18em 0 0 63.8em;}

.vietnam {width:53px; height:78px; position:absolute; z-index:999; margin:21.6em 0 0 59.2em;}

.kuwait {margin:0 auto; width:53px; height:78px; position:absolute; z-index:9; margin:10em 0 0 44em;}

.singapore {margin:0 auto; width:53px; height:78px; position:absolute; z-index:9; margin:18em 0 0 56em;}

.uae {margin:0 auto; width:53px; height:78px; position:absolute; z-index:999; margin:15em 0 0 47em;}

.bahrain {margin:0 auto; width:53px; height:78px; position:absolute; z-index:999; margin:18em 0 0 47em;}



.ioslider {overflow:hidden; }

.ioslider .viewport { float:left; width:940px; height:470px; overflow:hidden; position:relative; }

.ioslider .buttons { background:url(images/buttons.jpg) no-repeat scroll 0 0 transparent; display:block; background-position:0 -29px; text-indent: -999em; float:left; width:29px; height:29px; overflow:hidden; position:absolute; z-index:2; margin-top:17em;}

.ioslider .next { background-position:0 0; _margin-left:0!important;  margin-left:79.3em;}

.ioslider .prev { margin-left:-3.5em;}

.ioslider .disable {visibility:hidden;}

.ioslider .overview {list-style:none; position:absolute; padding:0; margin:0; width:940px; left:0; top:0;}

.ioslider .overview li {float:left; padding:1px; height:462px; width:940px;}	

/* End International */



/* Begin Investors */

.sidemenucontainer h5 {font-size:14px; margin:0 0 0.5em .9em; color:#8a8a8a; font-family:Arial, Helvetica, sans-serif; padding-top:1em;}

.faqscont {margin:0 auto; background:url(images/investors-faqs.jpg) no-repeat; width:903px; height:475px;}

.investorsleft {margin:0 auto; width:375px; float:left; padding-bottom:4em;}

.investorsright {margin:0 auto; width:250px; float:left; padding-left:1.5em;}

.pdfdownload {margin:-1em auto; background:url(images/pdf-logo.jpg) no-repeat; width:300px; height:25px; padding-left:2.6em; float:left;}

p.pdfdownload a {color:#bf0f33;}





.pdfdownload a:hover {color:#ff0034;}

.pdfdownloads {margin:.6em auto; background:url(images/pdf-logo.jpg) no-repeat; width:600px; height:25px; padding-left:2.6em; float:left; }

p.pdfdownloads a {color:#bf0f33;}

.pdfdownloads a:hover {color:#ff0034;}

.faqscontent {margin:0 auto; color:#fff; padding:23em 0 0 3em;}

.faqscontent h3 {margin:0 auto; color:#fff!important; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold;}

.faqsleft {margin:0 auto; width:395px; float:left; padding-left:3em;}

.faqsright {margin:0 auto; width:365px; float:left; padding-left:2em;}

ul.faqsright {list-style-type:square;}

ul.faqsleft li {list-style-type:square;}

.yearinv {padding-top:1.5em; font-weight:bold; clear:both;}



.inquirybut {margin:0 auto; background:url(images/inquiry-bg.jpg) no-repeat; width:64px; height:23px; float:left; margin-left:2em;}

.inquirybut p {margin:0 auto; font-weight:bold; font-size:14px; color:#fff; padding:2px 0 0 8px;}

.inquirybut a {color:#fff;}

.inquirybut a:hover {color:#fee300;}

/* End Investors */



/* Begin Stores */

.storesbg {margin:0 auto;background:url(images/storesbg.jpg) no-repeat; width:942px; height:460px;}

.storescont {margin:0 auto; padding:4em 1em 3em 2em;}

.storescont h3 {font-size:18px!important; font-weight:bold!important; color:#000!important; padding-bottom:0!important; line-height:0!important; float:left;}

ul.tabs {list-style:none; padding:0; float:left;  padding-left:1.4em; width:165px}
ul.tabs li {text-indent:0; padding:0; margin:0 !important; list-style-type:disc !important;}
ul.tabs a {font-size:14px; line-height:1.5; text-decoration:none; color:#cd1338; padding:0px; margin:0px; position:relative; top:1px;}
ul.tabs a:hover {color:#ff3016;}
ul.tabs a:active {outline:none;}

.current {color:#ff0000!important; font-weight:600;}

.pane{display:none; position:absolute; margin:0 0 0 10.2em;}

.panes .pane {display:none;float:left; padding-left:2em;}

.firststore {visibility:hidden;padding-top:1em;}

.firststore1 {display:none;}

li.firststore {display:none;}

.fillertxt { width:180px; padding-left:1.7em;}

.fillertxtstores {width:180px; padding-left:8.5em;}

.fillertxtstores1 {width:180px; padding-left:8.5em;}

.aligntab {padding:1.3em 0 0 4.2em;}

.firstaligntabstores {margin-left: 15.5em;}

.aligntabstores {padding:0 0 0 5.3em;}

.detailscont {width:440px;}

.panedetails1 {padding:0 0 0 8.5em; width:150px; float:left;}

.panedetails {padding:0 0 0 8.5em; width:150px; float:left;}

/*.panedetails2 {padding:0 0 0 8.5em; width:150px; float:left;}*/

.panedetailsmap {width:200px; height:299px; float:left; padding-left:2em; display:none;}

.googlemapbg {margin:0 auto;background:url(images/googlemap-bg.jpg) no-repeat; width:200px; height:299px;}

.googlemapcont {padding:.6em .5em .5em .5em; width:187px; height:274px;}

.screen1 {height:356px; overflow-x:hidden; overflow-y:hidden; z-index:999; position:absolute; }

.screen2 {height:356px; overflow-x:hidden; overflow-y:hidden; z-index:1; position:relative;}

.wrap {padding-top:2em;}

ul.linktabs {list-style:none; margin:1.7em 0 0 1em; float:left; width:165px; z-index:99; position:absolute; }

ul.linktabs li {text-indent:0; padding:0; margin:0 !important; list-style-type:disc !important;}

ul.linktabs a {font-size:14px; line-height:1.5; text-decoration:none; color:#cd1338; padding:0px; margin:0px; position:relative; top:1px;}

ul.linktabs a:hover {color:#ff3016;}

ul.linktabs a:active {outline:none;}

ul.linktabstop {list-style:none; margin:0 !important; padding:0 0 0 1em; float:left; width:165px; z-index:99; position:absolute; }

ul.linktabstop li {text-indent:0; padding:0; margin:0 !important; list-style-type:disc !important;}

ul.linktabstop a {font-size:14px; line-height:1.5; text-decoration:none; color:#cd1338; padding:0px; margin:0px; position:relative; top:1px;}

ul.linktabstop a:hover {color:#ff3016;}

ul.linktabstop a:active {outline:none;}

/* End Stores */



/* Begin Careers */

.careersleft {margin:0 auto; width:590px; float:left;}

.careersright {margin:0 auto; width:350px; float:left;}

.careersbuts {margin:0 auto; padding:0 0 2em 5em;}

.careersbut1 {margin:0 auto; background:url(images/careers-but1.jpg) no-repeat; width:192px; height:39px; float:left;}

.careersbut1 a {margin:0 auto; color:#fff; line-height:2.7; font-size:14px; padding-left:1.9em;}

.careersbut1 a:hover {color:#000;}

.careersbut2 {margin:0 auto; background:url(images/careers-but2.jpg) no-repeat; width:224px; height:39px; float:left; margin-left:3em;}

.careersbut2 a {margin:0 auto; color:#fff; line-height:2.7; font-size:14px; padding-left:1.7em;}

.careersbut2 a:hover {color:#000;}

/* End Careers */



/* Begin Promo */

.pagebgtop {margin:0 auto; background:url(images/pagebg-top.jpg) no-repeat; width:942px; height:32px;}

.pagebgmiddle {margin:0 auto; background:url(images/pagebg-middle.jpg) repeat-y; width:942px;}

.pagebgbottom {margin:0 auto; background:url(images/pagebg-bottom.jpg) no-repeat; width:942px; height:25px;}

.pagebgcontent {margin:0 auto; padding:0 1em 0 1em;}

.promoitem {margin:0 auto; float:left; width:255px; padding:0 2em 0 2em; height:248px !important;}

.promovaluesawards {margin:0 auto; background:url(images/family-values-awards-bg.jpg) no-repeat; width:937px; height:1319px;}

.promobut {padding:61em 0 0 50em;}

.promobut p {margin:0 auto!important;}



.promobuts {margin:0 auto; width:212px; height:59px; background:url(images/button-familyawards.png) no-repeat bottom; display:block; cursor:pointer;}

.promobuts:hover {background-position: 0 0;}

.promobuts p {margin:0 auto; font-size:14px; font-weight:bold; padding:.8em 1em 0 1em; text-align:left;}



.promobut1 {margin:0 auto; width:233px; height:72px; background:url(images/button-guidelines-qualifications.png) no-repeat bottom; display:block; cursor:pointer;}

.promobut1:hover {background-position: 0 0;}

.promobut1 p {margin:0 auto; font-size:18px; font-weight:bold; padding:.8em 0 0 1em;}

.promobut2 {margin:0 auto; width:233px; height:72px; background:url(images/button-nominationform.png) no-repeat bottom; display:block; cursor:pointer;}

.promobut2:hover {background-position: 0 0;}

.promobut2 p {margin:0 auto; font-size:18px; font-weight:bold; padding:1.4em 0 0 1em;}

.promotxthome {margin:0 auto; font-size:14px; color:#fff; padding:6.5em 2em 0 2em; line-height:1.5;}

.promomechanicstop {margin:0 auto; background:url(images/promo-mechanics-top.jpg) no-repeat; width:937px; height:384px;}

.promomechanicsbottom {margin:0 auto; background:url(images/promo-mechanics-bottom.jpg) no-repeat; width:937px; height:206px;}

.promomechanicsbottom p {float:right; color:#fff; padding:10em 2em 0 0;}

.promomechanicsmiddle {margin:0 auto; background:#a22529; width:937px;}

.promocontainer {margin:0 auto; padding:2em 2em 2em 2em; color:#fff;}

.promocontainer h3 {margin:0 auto; font-size:16px!important; color:#fff!important;}

.mechanicstable {padding-left:2em;}

.mechanicstable td {padding:0 10px 0 5px!important;}

/* End Promo */



/* Begin Images */

/* End Images */



/* Begin Lists */	

ul.menu {margin:0 auto; list-style-type:none; font-size:15px; font-family:VAGRoundedStdBold; text-shadow:#393939 1px 1px 1px;}	

ul.menu li {float:left; color:#fff;}

ul.menu li a:hover {color:#fbba00;}

ul.menu li a {text-decoration: none; color:#fff; display:block; padding: 0 .5em 0 .5em;}

ul.menu li.current_page_item a {color:#fbba00;}

#current_home_item a {color:#046c15;}



ul.footermenu {margin:0 auto; list-style-type:none; font-size:12px; padding-top:1.5em; width:845px; _width:850px;}

ul.footermenu li {float:left; color:#000; border-left:1px solid #383838;}

ul.footermenu li a:hover {color:#980e2a;}

ul.footermenu li a { text-decoration: none; color:#383838; display:block; padding: 0 .4em 0 .4em;}

.footerfirst {border-left:none!important; }



.nostyle {list-style-type:none;}

/* End Lists */



/* Begin Form Elements */

.contactbg {margin:0 auto; background:url(images/contactbg.jpg) no-repeat; width:942px; height:451px;}

.contactleft {margin:0 auto; width:425px; float:left; padding:4em 0 0 3em;}

.contactright {margin:0 auto; background:url(images/contactright-bg.png) no-repeat; width:415px; float:left; height:359px; margin-left:2em;}

.contactrightcont {margin:0 auto; padding:5em 0 0 4em; margin-right:3.6em;	}

.contactright p {text-align:right;margin-bottom:.5em;}

.wpcf7-form div.wpcf7-response-output {padding:.8em;margin:0 0 1em;border:2px solid #ddd; margin-left:-2em;}









.wpcf7-form div.wpcf7-mail-sent-ok { background:#E6EFC2;color:#264409;border-color:#C6D880; }

.wpcf7-form div.wpcf7-validation-errors, .wpcf7-form span.wpcf7-not-valid-tip { background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;text-align:left;}

.wpcf7-form span.wpcf7-not-valid-tip { padding:.25em 0; }

.req { color:#ed1c24; }

.ajax-loader {padding-left:5.5em;z-index:999;position:absolute;}

.submitbut {margin-right:10.5em;}

/* End Form Elements */



/* Begin Comments */

/* End Comments */



/* Begin Sidebar */

/* End Sidebar */



/* Begin Various Tags & Classes */

/* End Various Tags & Classes */



/* Begin Menu */

.menulisttop {padding:.5em 0 1em 0;}

ul.menulist {margin:0 auto; font-family:VAGRoundedStdBold; list-style-type:none; font-size:15px; text-shadow:#393939 1px 1px 1px; text-align:center;}

ul.menulist li {float:left; line-height:2; text-decoration:none; outline:none; color:#fff; display:block; _line-height:0;  _padding-top:.9em;}

ul.menulist li.page-2905 {background-color: #4a8cca; width: 100px; border-radius: 15px;}

ul.menulist li.page-2905 a{color:#fff; }

ul.menulist li.page-2905 a:hover{color:#fbf200; }



ul.menulist li.page-10066 {background-color: #4a8cca; width: 145px; border-radius: 15px;}

ul.menulist li.page-10066 a{color:#fff; }

ul.menulist li.page-10066 a:hover{color:#fbf200; }


ul.menulist li.page-218 {background-color: #eb8517; width: 100px; border-radius: 15px;}

ul.menulist li.page-218 a{color:#fff; }

ul.menulist li.page-218 a:hover{color:#fbf200; }

ul.menulist li.page-220 {background-color: #dd012d; width: 100px; border-radius: 15px;}

ul.menulist li.page-220 a{color:#fff; }

ul.menulist li.page-220 a:hover{color:#fbf200; }

ul.menulist li.page-222 {background-color: #f5ba00; width: 100px; border-radius: 15px;}

ul.menulist li.page-222 a{color:#fff; }

ul.menulist li.page-222 a:hover{color:#fbf200; }

ul.menulist li.page-224 {background-color: #831748; width: 100px; border-radius: 15px;}

ul.menulist li.page-224 a{color:#fff; }

ul.menulist li.page-224 a:hover{color:#fbf200; }

ul.menulist li.page-226 {background-color: #903c0d; width: 145px; border-radius: 15px;}

ul.menulist li.page-226 a{color:#fff; }

ul.menulist li.page-226 a:hover{color:#fbf200; }

ul.menulist li.page-228 {background-color: #47cfff; width:165px; border-radius: 15px;}

ul.menulist li.page-228 a{color:#fff; }

ul.menulist li.page-228 a:hover{color:#fbf200; }

ul.menulist li.page-230 {background-color: #ffdf09; width:100px; border-radius: 15px;}

ul.menulist li.page-230 a{color:#fff; }

ul.menulist li.page-230 a:hover{color:#fbf200; }

.menutxt {margin:20em 0 0 3em; z-index:9999; position:absolute; font-size:14px; color:#fff; font-family:GatorRegular; width:418px; }

.newmenutxt {margin:0 auto; color:#fff;}

.newmenutxt p {padding:20em 0 0 3em; font-family:GatorRegular; width:418px; font-size:14px;}

/* End Menu */





/* Begin Slider */

#slider ul, #slider li{margin:0; padding:0; list-style:none;}

#slider li {width:940px;height:469px; overflow:hidden;}

ol#controls {margin:-40px auto; padding:0; height:20px; border:0 px dashed #000000; float:right;}

ol#controls li {margin:0 auto; padding:0; float:left; list-style:none ; line-height:20px; font-size:14px; }

ol#controls li a {float:left; height:23px; width:23px; line-height:20px; border:0px solid #ccc; background:url(images/pagination-bg.png) no-repeat; color:#fff; padding:0 1px; text-decoration:none;font-weight:bold; padding:1px 0 0 7px;}

ol#controls li.current a{ background:url(images/pagination-bg-active.jpg) no-repeat; color:#fff;}

ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}	

/* End Slider */



/* start slider menu */

#sidebarmenu {margin:0 auto; width:954px; }

.sidemenucontainer {margin:0 auto; width:235px; float:left; background:url(images/slidemenu-bg.jpg) no-repeat left center; height:auto; margin-left:2em;}

.sidemenucontainer h4 {font-size:24px ; color:#8a8a8a; font-weight:bold; margin:0 0 .8em .5em; font-family:Arial, Helvetica, sans-serif;}

.sidemenucontainer h4 a {color:#8a8a8a!important;}

.sidemenucontainer h4 a:hover {color:#8a8a8a;}

ul.collapse {margin:3em 0 1em 2em; list-style-type:none; }

.selected {font-size:18px !important; color:#FCEC5C !important; font-weight:bold !important; background-color:#F02607 !important; text-align: center !important;}

#flowtabs li {font-size:12px; color:#8a8a8a; }

#flowtabs li a {line-height:2.5; padding-left:1em; text-decoration:none; outline:none; color:#8a8a8a; display:block; _line-height:0;}

#flowtabs li a:hover {color:#cd1338; padding-left:1em; display:block;}

#flowtabs li a.current {color:#cd1338; padding-left:1em; display:block;}

#products-view, #products-lists  { margin:0 4em 0 1em;}

#flowpanes {margin:2em auto; width:645px; padding-left:2em; float:left;}



#productmenu {margin:0 auto; width:954px;}

.prodcontainer {margin:0 auto;}

.prodcollapse {margin:0 auto; list-style-type:none; }

#prodtabs li {font-size:12px; color:#8a8a8a; }

#prodtabs li a {line-height:2.5; padding-left:1em; text-decoration:none; outline:none; color:#8a8a8a; display:block; _line-height:0;}

#prodtabs li a:hover {color:#cd1338; padding-left:1em; display:block;}

#prodtabs li a.current {color:#cd1338; padding-left:1em; display:block;}

#prodpanes {margin:2em auto; width:940px; }





/* end slider menu */



/* begin menu scroll */

.slider2 {overflow:hidden; }


.slider2 .viewport { float:left; width:950px; height:220px; overflow:hidden; position:relative; }

.slider2 .buttons { background:url(images/buttons.jpg) no-repeat scroll 0 0 transparent; display:block; background-position:0 -29px; text-indent: -999em; float:left; width:29px; height:29px; overflow:hidden; position:absolute; z-index:2}

.slider2 .next { background-position:0 0; _margin-left:0!important;  margin-left:76.5em;}

.slider2 .disable {visibility:hidden;}

.slider2 .overview {list-style:none; position:absolute; padding:0; margin:0; width:240px; left:0; top:0;}

.slider2 .overview li {float:left; padding:1px; height:220px; width:236px;}	

/* end menu scroll */



/* begin tooltip */

#store_count1,#store_count2,#store_count3,#store_count4,#store_count5,#store_count6,#store_count7,#store_count8,#store_count11,#store_count12 {cursor:pointer;}

.tooltip {display:none;background:url(images/tooltip-image.png);margin-top:-5em;height:100px;width:211px;font-size:11px;position:relative;z-index:99999;}

.tooltip h3 {font-size:18px!important; color:#000!important; padding:.5em 0 .7em .5em!important; font-family:Arial, Helvetica, sans-serif;}

.tooltip h4 {font-size:12px!important; color:#000; padding:0 0 .2em 1.5em!important; font-family:Arial, Helvetica, sans-serif; line-height:0!important}

.tooltip h4 a {color:#000;}

.tooltip h4 a:hover {color:#CD1338;}

/* end tooltip */



/* Begin New Product Slider */

#slidernew ul, #slidernew li{margin:0; padding:0; list-style:none;}

#slidernew li {width:940px;height:358px; overflow:hidden;}

.ioslider .overview li  {width:470px; padding:0!important;}

ol#controls {margin:-40px; height:20px; border:0 px dashed #000000; float:right; padding-right:7em;}

ol#controls li {margin:0 auto; padding:0; float:left; list-style:none ; line-height:20px; font-size:14px; }

ol#controls li a {float:left; height:23px; width:23px; line-height:20px; border:0px solid #ccc; background:url(images/pagination-bg.png) no-repeat; color:#fff; padding:0 1px; text-decoration:none;font-weight:bold; padding:1px 0 0 7px;}

ol#controls li.current a{ background:url(images/pagination-bg-active.jpg) no-repeat; color:#fff;}

ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}	

/* End New Product Slider */


/* Begin New Boxes Homepage */
/* #newboxes {margin:0 auto; width:940px;} */
#newboxes {margin:0 auto; width:750px;}
.newbox1 {margin:0 auto; width:180px; height:169px; background:url(images/kidsparty.jpg) no-repeat bottom; float:left; margin-right:.8em; display:block;}
.newbox1:hover {background-position: 0 0;}
.newbox1 h3 {font-size:14px; color:#fff; margin:0 2.3em 0 2.3em; padding-top:10.2em; text-shadow:#393939 1px 2px 1px; font-family:VAGRoundedStdBold;}
.newbox2 {margin:0 auto; width:180px; height:169px; background:url(https://cloud-cube.s3.amazonaws.com/mj2g97kruthr/public/uploads/2013/02/promo-box.jpg) no-repeat bottom; float:left; margin-right:.8em; display:block;}
.newbox2:hover {background-position: 0 0;}
.newbox2 h3 {font-size:14px; color:#fff; margin:0 4.3em 0 4.3em; padding-top:10.2em; text-shadow:#393939 1px 2px 1px; font-family:VAGRoundedStdBold;}
.newbox3 {margin:0 auto; width:180px; height:169px; background:url(images/promo-box1.jpg) no-repeat bottom; float:left;  margin-right:.8em; display:block;}
.newbox3:hover {background-position: 0 0;}
.newbox3 h3 {font-size:14px; color:#fff; margin:0 4.5em 0 4.5em; padding-top:10.2em; text-shadow:#393939 1px 2px 1px; font-family:VAGRoundedStdBold;}
.newbox4 {margin:0 auto; width:180px; height:169px; background:url(images/8700.jpg) no-repeat bottom; float:left; margin-right:.8em; display:block;}
.newbox4:hover {background-position: 0 0;}
.newbox4 h3 {font-size:14px; color:#fff; margin:0 3em 0 3em; padding-top:10.2em; text-shadow:#393939 1px 2px 1px; font-family:VAGRoundedStdBold;}
.newbox5 {margin:0 auto; width:180px; height:169px; background:url(images/padala.jpg) no-repeat bottom; float:left; display:block;}
.newbox5:hover {background-position: 0 0;}
.newbox5 h3 {font-size:14px; color:#fff; margin:0 2.7em 0 2.7em; padding-top:10.2em; text-shadow:#393939 1px 2px 1px; font-family:VAGRoundedStdBold;}

.promobox {margin:0 auto; width:180px; height:169px; background:url(https://cloud-cube.s3.amazonaws.com/mj2g97kruthr/public/uploads/2013/02/promo-box.jpg) no-repeat bottom; float:left;  margin-right:.8em; display:block;}
.promobox:hover {background-position: 0 0;}
.promobox h3 {font-size:14px; color:#fff; margin:0 4.5em 0 4.5em; padding-top:10.2em; text-shadow:#393939 1px 2px 1px; font-family:VAGRoundedStdBold;}
/* End New Boxes Homepage */

img.aligncenter {margin-right:auto; margin-left:auto; text-align:center; display:block;}
.aligncenter {margin:0 auto; text-align:center; display:block;}



/* Begin Homepage Template Slider */
#nav {min-width: 30px; height:30px; padding:0 5px 0 10px; position:relative; top:8.6em; right:0; z-index: 99; font-size:50px; color:#606060 !important; text-align:right; left:40px;}
#nav a {color:#606060;}
#nav a:hover {color:#fff !important;}
#nav .activeSlide {color:#fff !important;}
#slideshow {width:940px !important; margin-top:-8.7em; height:469px !important;}
/* End Homepage Template Slider */

/* Submenu */
ul.menu>li {
	position: relative;
}
ul.menu li ul.sub-menu{
	display:none;
	float:none;							
	margin: 0;
	padding: 10px 5px 5px 5px;
	position: absolute;	
	width: 140px;	
	z-index: 20;	
}
ul.menu li ul.sub-menu li{
	float: none;
	list-style: none outside none;
	text-align: left;
	padding: 5px 0;
	background: none repeat scroll 0 0 #BD1232;							
}							
ul.menu>li:hover ul.sub-menu {
	display:block;
}	
.menucont{
	*padding-left: 2em;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.menucont{
		padding-left: 3em;
	}
}
/* Submenu */