/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework          ||
|| # Copyright (C) 2010  Youjoomla LLC. All Rights Reserved.            ||
|| # license - PHP files are licensed under  GNU/GPL V2                 ||
|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||
|| # bound by Proprietary License of Youjoomla LLC                      ||
|| # for more information visit http://www.youjoomla.com/license.html   ||
|| # Redistribution and  modification of this software                  ||
|| # is bounded by its licenses                                         ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com  ||
|| #################################################################### ||
\*======================================================================*/
/*CENTER TOP IS THE TOP PART OF THE SITE. SEE yjsg_main.php FOR REFERENCE*/
#poz_holder { margin:0 auto; position:relative; }
#centertop, #centerbottom { text-align:left; margin:0 auto; clear:both; }
/* CENTERBOTTOM IS THE BOTTOM PART OF THE SITE SEE yjsg_main.php FOR REFERENCE */
#centerbottom, #centerbottomr { display:block; overflow:hidden; }
#header { text-align:left; position:relative; padding:0px 0 0px 0; overflow:hidden; }
#logo { float:left; text-align:left; }
/* LOGO HOMEPAGE LINK */
#logo a { text-indent:-7500px; display:block; text-decoration:none; width:100%; }
/* main body layouts with  side modules
--------------------- */
/* HOLDER DIV CONTAINS LEFT, MAINBODY, RIGHT AND ALL INSETS */
#holder, #holder2, #holder3 { height:100% !Important; height:1%; overflow:hidden; margin:0 auto; text-align:center; padding:5px 0; }
/* layout1.php , layout2.php, layout3.php reset and layout1.php main floats. layout 1 does not contain insettop and insetbottom*/
#leftblock, #midblock, #rightblock, #insetblock, #insetsholder_2t, #insetsholder_2b, #insetsholder_3t, #insetsholder_3b { height:100% !Important; height:1%; overflow:hidden; text-align:left; float:left; }
/* layout2.php*/
#holder2 #midblock { float:left; }
#holder2 #leftblock, #holder2 #rightblock, #holder2 #insetblock { float:right; }
#holder2 #insetsholder_2t { float:left; }
#holder2 #insetsholder_2b { float:right; }
/*layout3.php*/
#holder3 #midblock { float:right; }
#holder3 #leftblock, #holder3 #rightblock, #holder3 #insetblock { float:left; }
#holder3 #insetsholder_3t { float:right; }
#holder3 #insetsholder_3b { float:left; }
.clearm { clear:both; height:1px; overflow:hidden; }
#holder2 #midblock.sideshade2 { background: url(../images/side_sep2.gif) no-repeat right top; }
#holder2 #midblock .insidem2 { background: url(../images/spike_bottom2.gif) no-repeat right bottom; }
#holder3 #midblock.sideshade3 { background: url(../images/side_sep3.gif) no-repeat left top; }
#holder3 #midblock .insidem3 { background: url(../images/spike_bottom3.gif) no-repeat left bottom; }
/*END DEFAULT GRID LAYOUT*/

/*BEGING YJSIMPLEGRID 
#yjsg1 contains top1  - top5
#yjsg2 contains adv1 - adv5
#jsg3 contains user1 - user5
#jsg4 contains user6 - user10
#jsg5 contains user11 - user15
#yjsg6 contains user16 - user20
#yjsg7 contains user21 - user25
#yjsgheadergrid contains logo div ,  header1 - header3
#yjsgbodytop contains bodytop1 - bodytop3
#yjsgbodybottom  contains boddybottom1 - bodybottom3
*/
#yjsgheadergrid { float:right; overflow:hidden; height:auto; margin:0; padding:0; }
#yjsg1, #yjsg2, #yjsg3, #yjsg4, #yjsg5, #yjsg6, #yjsg7, #yjsgbodytop, #yjsgbodybottom { margin:0 auto 0 auto; text-align:center; overflow:hidden; height:auto; width:100%; padding:5px 0; }
.yjsg7_in { padding:0 21px; }
#yjsgbodytop, #yjsgbodybottom { width:100%; padding:0 0 0px 0; margin:5px 0 5px 0; }
/* MAIN MODULE CONTAINER CLASS. FOR SPECIFIC STYLING
   USE #user1 .yjsgxhtml or #user1 .yjsgxhtml .yjsquare  */
.yjsgxhtml { float:left; clear:right; text-align:left; margin:0; padding:0; }
.yjsgxhtml .yjsquare_in { }
/* EXAMPLE OF LAST MODULE IN THE GRID BG IMAGE OVERRIDE 
   WE USED GRID1 MODULE POSITION TOP5. USEFULL FOR INSET LINE SEPARATOR BETWEEN MODULES*/
 #yjsg3 .yjsgxhtml { background: url(../images/yjsg3_mod_inset.gif) no-repeat right center; }
#yjsg3 #user5 { background:none; }
/* GUTTERS */
/* SQUARE MODULES GUTTER */
.yjsgxhtml .yjsquare { margin:0 0; padding:0 0; }
/* yjblank */
.yjplain p { padding:5px 10px; }
/* KEEP LEFT, RIGHT, INSET, INSETTOP, INSET BOTTOM OF THE EDGES */
#insetsholder_2t, #insetsholder_2b { padding:0; margin:0px 0 0 0; }
.inside { margin:0; padding:0px 3px; overflow:hidden; }
/*KEEP MAINBODY GRID, BODYTOPS AND BODYBOTTOMS OF THE EDGE
--------------------- */
.insidem, .insidem2, .insidem3 { padding:0px 3px; margin:0 0; }
.insidem3 { padding:0 3px 0 10px; }
/*END GUTTERS*/
/*FOOTER AND FOOTER LINKS
--------------------- */
#footer { clear:both; text-align:center; overflow:hidden; margin:0 auto; padding:0px 0; position:relative; }
#footer_top { height:1px; clear:both; display:block; overflow:hidden; margin:5px 15px 30px 15px; }
#youjoomla { clear:both; text-align:left; padding:5px 15px 30px 15px; overflow:hidden; }
#footmod { clear:both; text-align:left; padding:0; margin:0px; overflow:hidden; }
#cp { text-align:left; padding:2px 0px; overflow:hidden; }
.yjsgcp span { text-transform:capitalize; }
.validators { float:left; text-align:left; }
.yjsglogo { position:absolute; right:10px; top:32%; height:48px; width:229px; line-height:999px; background: url(../images/yjsglogo.png) no-repeat center center; }
#joomlacredit { padding:3px 0px 3px 0px; text-align:left; margin:0 auto; }
/* DEFAULT SQUARE MODULES. FOR ROUND MODULES OPEN rounded.css
ALSO APPLIED ADDITIONAL MODULE CLASS FOR DIFFERENT MODULE STYLES. 
TO ACTIVATE THEM ADD _yj1 or _yj2 IN MODULE MANAGER Module Class Suffix TEXT INPUT.
STYLE FOR THESE MODULES IS IN COLOR.css file where COLOR IS YOUR CURRENT DEFAULT SITE STYLE
--------------------- */
/* MAIN MODULE HOLDER*/
.yjsquare, .yjsquare_yj1, .yjsquare_yj2 { margin: 5px 0 5px 0px; padding:0 0px; clear: both; display:block; height:100% !Important; height:1%; overflow:hidden; }
/* MODULE TITLE */
.yjsquare h4, .yjsquare_yj1 h4, .yjsquare_yj2 h4 { text-transform: capitalize; overflow:hidden; padding:0 0 5px 5px; margin:5px; font-size:120%; }
/* MODULE TITLE SPAN*/
.yjsquare h4 span, .yjsquare_yj1 h4 span, .yjsquare_yj2 h4 span { text-transform: capitalize; overflow:hidden; }
/* MODULE CONTENT*/
.yjsquare_in, .yjsquare_yj1 .yjsquare_in, .yjsquare_yj2 .yjsquare_in { overflow:hidden; padding: 10px; }
/* MODULE p ELEMENT*/
.yjsquare p, .yjsquare_yj1 p, .yjsquare_yj2 p { overflow:hidden; padding:3px; }
/*FOOTER MODULE STYLE
--------------------- */
#footmod .yjsquare { padding:0; margin:0; }
#footmod .yjsquare h4 { }
#footmod .yjsquare h4 span { }
#footmod li, #footmod li:hover { list-style-type:none; list-style-image:none; background:none; }
#footmod ul { padding:0; margin:0; }
#footmod ul li { display: inline; margin:0; padding:0 10px 0 0; }
#footmod ul li a { }
/*PATHWAY*/
#pathway { padding:3px 5px; }
#pathway .yjsg_breadcrumbs a.pathway { margin:0 5px 0 0; padding:0 15px 0 0; }
/*SITE TOOLS DIV CONTAINING RTL/LTR SWITCH AND FONT RESIZER*/
#tools { position:absolute; z-index:10000; right:20px; bottom:10px; padding:0px 0px 0 0px; margin:0; text-align:left; width:auto; font-weight:bold; height:25px; line-height:19px; }
#tools .tdir { font-size:80%; margin:0 0 4px 0; }
#tools .fs { font-size:110%; margin:0 7px 0 0; }
#tools img { }
/* ADDITIONAL MODULE STYLES */
/*mod_poll
--------------------- */
.pollbuttons { margin:0 auto; text-align:center; }
/*login module
--------------------- */
#modlgn_passwd, #modlgn_username { width: 95%; height:16px; padding-left: 3px; padding-top:3px; }
/*searchbox
--------------------- */
.search { }
.search .inputbox { }
/*BANNER MODULE AND IMAGE .banner CLASS.
USED FOR POSITIONING WHEN RESIZING LOGO AND HEADER BLOCK*/
#yjsgheadergrid .bannergroup, #yjsgheadergrid .banner { padding:0px 0 0 0; text-align:right; }
/* MODULE NEWS FLASH */
div.yjsg-newsflash { overflow: hidden; }
div.yjsg-newsflash div.item { padding-bottom: 15px; overflow: hidden; }
div.yjsg-newsflash div.last { padding-bottom: 0px; }
/* Corners*/
.yjtl, .yjtr, .yjbl, .yjbr { height:7px; width:100%; overflow:hidden; clear:both; display:block; }
.yjtl { background: url(../images/yjtl.gif) no-repeat left top; margin:10px 0 0px 0; }
.yjtr { background: url(../images/yjtr.gif) no-repeat right top; }
.yjbr { background: url(../images/yjbr.gif) no-repeat right bottom; }
.yjbl { background: url(../images/yjbl.gif) no-repeat left bottom; }
/* GRIDS 2 3 4 holder*/
.roundins1 { margin:0 11px; padding:0 0px;/* SET TO DISPLAY YJNS8 IN FULL WIDTH*/ background:#fff; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; }
.roundins { margin:0 11px; padding:0px 10px 0 10px;/* 0 10px */ background:#fff; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; }
.bottom_shade { background: url(../images/bottom_shadow.gif) no-repeat center top; height:27px; display:block; margin:-1px 0 0 0; clear:both; overflow:hidden; }
/*TOP TOOLS*/

#toptools { position:absolute; z-index:9998; top:0px; right:0; padding:0px 0px 0 0px; width:auto; display:block; height:51px; }
.toptools_space { display:block; height:55px; }
#toptools_l { float:left; background: url(../images/toptools_l.png) no-repeat left top; height:51px; padding:0 0 0 14px; }
#toptools_r { background:url(../images/toptools_r.png) no-repeat left top; width:14px; float:left; display:block; height:51px; margin:0 0 0 0px; }
.yjtopsearch, .yjvmcarmod { float:left; clear:right; }
.yjtopsearch { width:174px; height:51px; margin:0 0px 0 0;}
.yjtopsearch .inputbox, .yjtopsearch .inputbox:hover, .yjtopsearch .inputbox:focus { padding:8px 0 8px 3px; margin:1px 0 0 3px; width:143px; border:0; color:#a1a1a1; font-size:11px; background:none; }
/* VM CART*/
.yjvmcart { display:block; height:51px; line-height:45px; width:130px; float:left; }
#openCart { display:block; height:51px; padding:0 0 0 40px; }
.yj_vm_product { overflow:hidden; border-bottom:1px solid #eee; padding:0 0 5px 0; height:1%; display:block; }
.vmCartModule { position:relative; display:block; }
#cart_pop { position:absolute; width:270px; top:47px; right:-15px; text-align:left; padding:0; z-index:9998; }
#cart_pop_in { width:250px; padding:10px; margin:0; background:transparent url(../images/cart_pop_bg.png) no-repeat left bottom; z-index:9998 }
span.button { display:block; padding:0; text-align:center; }
span.button a { text-align:center; }
/*YouMania Slider*/
.YJYoumania_slide .YJYoumania_description a.YJYoumania_more { left:155px; }
.YJYoumania_slide .YJYoumania_description a.vmpurchase { height:28px; width:111px; position:absolute; text-indent:-9999px; top:170px; left:247px; }
.YJYoumania_slide .YJYoumania_description span.yjvm_price { display:block; width:90px; height:91px; text-align:center; font: bold 24px/91px Tahoma, Geneva, sans-serif; position:absolute; z-index:100; left:460px; top:75px; }
/* YJ VM LATEST*/
.yjvm_products { position:relative; border:none; background: url(../images/yjvm_products_bg.gif) no-repeat center bottom; }
.yjvm_products .addtocart_button { text-indent:0; background-image:none; font: 80%/25px Tahoma, Geneva, sans-serif; text-decoration:underline; position:absolute; font-weight:bold; bottom:20px; text-transform:uppercase; }
.yjvm_products img { margin:0px 5px -20px 0; }
.yjvm_productprice { height:52px; width:52px; position:absolute; top:35px; line-height:52px; text-align:center; font-size:13px; font-weight:bold; }
.yjvm_products h3 a { font: bold 90% Tahoma, Geneva, sans-serif; text-decoration:none; }
/* GRID 3 specific */
#yjsg3 .yjvm_products { padding:0px 0; margin:0 0 -10px 0; background:none; }
#yjsg3 .yjvm_products img { margin:0px 5px 0px 0; }
#yjsg3 .yjvm_products .addtocart_button { width:78px; height:28px; position:absolute; text-decoration:none; text-indent:-9999px; line-height:500px; bottom:0px; background:url(../images/yjvmlac_button.gif) no-repeat left top; }
/*VM Product category page */
#vmMainPage { padding:5px; }
.ymbrowseProductContainer { display:block; margin:0 0; padding:0 5px; }
.ymbrowseProductImageContainer { width:100%; clear:both; text-align:center; border:1px solid #EEEEEE; padding:25px 0; display:block; margin:10px 0px 0 0px; }
.ymbrowseProductTitle { text-align:center; }
.ymbrowseRatingContainer { width:100%; display:block; height:13px; line-height:13px; font-size:10px; font-weight:bold; margin:0 0 10px 0; color:#b3b2b2; }
.ymbrowsePriceContainer { text-align:center; width:100%; display:block; margin:0 0 10px 0; color:#373737; }
.ymbrowseAddToCartContainer { width:100%; display:block; text-align:center; }
.ymbrowseAddToCartContainer .addtocart_button { width:78px; height:28px; text-indent:-9999px; margin:10px 0; background:url(../images/yjvmlac_button.gif) no-repeat left top; }
.ymbrowseProducDetails { width:78px; height:28px; display:block; text-indent:-9999px; background:url(../images/moreinfo.gif) no-repeat left top; }
.buttons_heading img { float:right; margin:0 2px; }
.vmCartContainer { /* Cart Container */ background: #fff; border:none; padding: 3px; }
.addtocart_button { width:78px; height:28px; text-indent:-9999px; background:url(../images/yjvmlac_button.gif) no-repeat left top; }
.inputboxquantity { border:1px solid #ddd; }
#vmMainPage a.buttons { height:24px; line-height:24px; display:block; clear:both; float:left; padding:0 0 0 10px; margin:10px 0 0 0; font-size:100%; font-weight:bold; border:0; text-align:center; }
#vmMainPage a.buttons span { display: block; height:24px; line-height:24px; padding:0 10px 0 0px; }
.shop_info { line-height:42px; }
.cbContainer .button { font-size:10px; }
/*k2*/
/*MENU*/
.k2CategoriesListBlock ul, .k2CategoriesListBlock ul.level0, .k2CategoriesListBlock ul.level1 { list-style:none; margin:0; padding:0 }
.k2CategoriesListBlock ul li, .k2CategoriesListBlock ul li:hover { list-style-type:none; background-image:none; padding:0; text-align:left; margin-left:0px; margin-right:-8px }
.k2CategoriesListBlock ul li a { height:26px; line-height:20px; text-decoration:none; display:block; font-size:11px; text-decoration:none; text-indent:22px; padding-top:5px }
.k2CategoriesListBlock ul.level1 a { padding:5px 0 0 10px }
.k2CategoriesListBlock ul li a { background:url(../images/blue/mainlevel.gif) no-repeat left top }
.k2CategoriesListBlock ul li a:hover { color:#171717 }
div.k2CategoriesListBlock ul li.activeCategory a { font-weight:normal; color:#171717 }
div.k2CategoriesListBlock ul li.activeCategory a:hover { color:#3580d4 }
/* K2 Containers*/
#k2Container.itemView { padding:0 10px 0 0; }
div.itemCommentsForm p.itemCommentsFormNotes { border-top:1px solid #ddd; padding-top:10px; }
.userItemTitle, .itemTitle, .itemExtraFields h3, .itemAuthorName, .itemCommentsForm h3 { text-shadow:1px 1px #fff }
.itemExtraFields h3 { border-bottom:1px solid #ddd }
#k2Container .itemToolbar ul li, #k2Container .itemSocialLinksBlock ul li, #k2Container .catItemTagsBlock ul li { list-style-type:none; background-image:none }
.itemImageBlock, .itemImageBlock .itemImage, .itemImageBlock .itemImage img { float:left }
.itemFullText { margin:5px 0 0 0 }
.itemListCategoriesBlock { }
div.itemListCategory { background:#eee; margin:10px 10px; border:none; }
div.subCategory { background:#eee; border:1px solid #ddd }
div.subCategoryContainer { float:left; clear:right }
.even, .odd { border-bottom:1px solid #ddd; border-top:1px solid #fff; background:#EEEEEE; padding:5px 10px; }
div.itemAuthorBlock { background:#EEEEEE; border:1px solid #ddd }
span.userItemImage img, span.itemImage img, span.catItemImage img, span.genericItemImage img { border:1px solid #ddd; background:#fff; padding:5px }
div.catItemImageBlock { margin:0; padding:0 }
span.catItemImage { margin:0; padding:0; float:left }
div.itemCommentsForm form input#submitCommentButton { background:#fff; border:1px solid #ddd; font-size:11px; width:120px; }
div.userBlock { background:#EEEEEE; border:1px solid #ddd; text-shadow:1px 1px #fff }
div.itemToolbar { background:#fff; border:1px solid #ddd }
div.itemHeader { position:relative }
div.itemHeader span.itemDateCreated { position:absolute; top:45px; left:180px; color:#171717 }
div.itemHeader h2.itemTitle { padding:0 0 5px 0 }
div.itemExtraFields { border:0 }
div.catItemCategory { }
div.catItemIntroText { padding:4px 0 0px 0 }
div.catItemLinks { margin:0 0 2px 0px }
div.itemExtraFields ul li span.itemExtraFieldsValue { display:block; margin-left:31% }
div.itemComments { background:#EEEEEE; border:1px solid #ddd }
div.itemComments ul.itemCommentsList li img { border:1px solid #fff }
div.itemComments ul.itemCommentsList li span.commentDate, div.itemComments ul.itemCommentsList li span.commentAuthorName { font-size:12px; font-weight:normal }
div.k2LatestCommentsBlock ul { margin:0; padding:0 }
div.k2LatestCommentsBlock ul li img.lcAvatar { border:1px solid #EEEEEE }
.k2LatestCommentsBlock ul li.even, .k2LatestCommentsBlock ul li.odd { margin:0 -8px 2px -8px; padding:8px 4px; background:#fff; border:1px solid #ddd }
.k2LatestCommentsBlock ul li { list-style-type:none; background-image:none; background:none }
.k2ItemsBlock .clr, .k2ItemsBlock .clearList { display:none }
.k2ItemsBlock ul li { margin:0 -10px 5px -10px; padding:8px 4px; background:#fff; border:1px solid #ddd }
.k2ItemsBlock .moduleItemTitle { font-size:14px; clear:right; display:block }
div.k2ItemsBlock { position:relative; }
div.k2ItemsBlock ul li a.moduleItemAuthorAvatar img { display:block; position:absolute; right:0; float:right; background:#fff; border:1px solid #EEEEEE; padding:2px; margin:0; }
div.userBlock p.userAdditionalInfo { border:none; }
/* YJSG7 list*/
#yjsg7 ul li { padding:0 0 6px 0; background:none; }
/* YJ NF 3.3*/
.yjnewsflash { border:none; margin:0px 0px 25px 0px !important; }
.yjnewsflash img { padding:0; margin:0px 15px 0px 0px; border:none; background:none; }
.yjnewsflash_title { font: bold 150%/17px Tahoma, Geneva, sans-serif; margin:5px 0; }
.yjnsreadon { width:78px; height:28px; display:block; text-indent:-9999px; background:url(../images/moreinfo.gif) no-repeat left top; position:absolute; left:294px; bottom:40px; }
/* a class read more */
.yjns_rm { display:block; border:none; height:20px; padding:0 5px; }
.yjnewsflash a.vmpurchase { height:28px; width:111px; position:absolute; text-indent:-9999px; bottom:44px; display:block; left:385px; }
.yjnf_descr { font-size:90%; line-height:17px; padding:0 35px; }
.yjnewsflash span.yjvm_price { display:block; width:90px; height:91px; text-align:center; font: bold 24px/91px Tahoma, Geneva, sans-serif; position:absolute; z-index:100; left:140px; top:110px; }
/* custom css for menu module Youmania*/
li.has_modpoz { padding-top:0; }
li.has_modpoz .yjsquare { margin-top:-10px; }
li.has_modpoz .yjsquare_in { margin-top:0; padding-top:0; }
li.has_modpoz a { line-height:17px!important; background:none!important; border:none!important; }
li.has_modpoz .yjvm_products img { margin:0 3px 0 0; }