/*----------------------------------------------------------------------
# FOR YOUJOOMLA LLC COPYRIGHT REMOVAL VISIT THIS PAGE
# http://www.youjoomla.com/faq/
# Youjoomla Default Index -
# Licensed to - Ben ben - YJ License - 431CK409
# ---This file may not be redistributed in whole or significant part---
# Copyright (C) 2007 - 2009 YOUJOOMLA LLC . All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author:YOUJOOMLA LLC
# Website:http://www.youjoomla.com
------------------------------------------------------------------------*/
body#color{background:#f6f7f7 url(../images/topbg.png) repeat-x left top}
#centertop{text-align:left; margin:0 auto}
#shadel{background:url(../images/shadel.png) no-repeat left top; margin:0 auto; text-align:center; height:100% !Important; height:1%; clear:both; overflow:hidden}
#shader{background:url(../images/shader.png) no-repeat right top; margin:0 auto; text-align:center; height:100% !Important; height:1%; clear:both; overflow:hidden}
#centerbottom{text-align:left; margin:0 auto; overflow:hidden; padding:5px 0 0px 0; background:#fff url(../images/centerbottom_bg.gif) repeat-x left top}
#header{text-align:left; height:97px; position:relative; background:#f6f7f7 url(../images/header.gif) repeat-x left top}
#logo{height:91px; width:275px; float:left; text-align:left}
#tags h1 a{text-indent:-7500px; display:block; width:300px; height:97px; text-decoration:none}
#tags{width:300px; height:97px; float:left; overflow:hidden; margin:0; padding:0}
/*banner module width is in styleswitcher.php
--------------------- */
#banner{height:60px; float:right; margin-top:27px; margin-right:10px; overflow:hidden}
/*searchbox
--------------------- */
.search{}
.search .inputbox{}
/*cart module*/
#shcart{width:433px; height:47px; background:url(../images/cart_top.png) no-repeat left top; text-align:left; text-indent:60px; line-height:47px; font-size:11px; font-weight:bold}
/* advert1*/
#adverts{height:100%; padding:13px 15px; overflow:hidden; background:#FFF url(../images/advert1.gif) repeat-x left top}
#topusers{width:100%; clear:both}
#avdert1, #advert2{text-align:left; overflow:hidden; height:244px}
#advert1{float:left}
#advert2{float:right; background:url(../images/ad2.gif) repeat-x left top}
#ad2l{height:244px; background:url(../images/ad2l.gif) no-repeat left top}
#ad2r{height:244px; background:url(../images/ad2r.gif) no-repeat right top; padding:0 15px}
#advert2 .yjsquare,
#advert2 .yjsquare_in,
#advert2 .h3r,
#advert2 .h3l{background:none; border:none}
#advert2 .yjsquare{height:220px}
.advertsin{padding:0; margin:0}
#adverts .yjsquare h3{text-transform:uppercase; overflow:hidden; font-size:14px; padding:5px 0 0 0; margin:0 0 0 -10px; border:0}
#adverts .yjsquare h3 span{text-transform:uppercase; overflow:hidden}
#adverts .yjsquare p{overflow:hidden; padding:3px}
#adverts .yjsquare_in{overflow:hidden; padding:0px}
#adverts .yjsquare{margin:0; padding:0px; clear:both; width:100%; height:100% !Important; height:1%; border:0; background:none}
#advert_main{padding:15px 0; overflow:hidden}
#advert_main .yjsquare{height:250px; border:0; background:none}
/*slide*/
#slideshow{overflow:hidden; padding:0px 30px; margin:0 auto; background:transparent; position:relative}
#SlideBox{height:238px}
.SlideBox{float:left; overflow:hidden; background:transparent}
.SlideBox div{height:238px; overflow:hidden}
.SlideBox div div{height:auto; float:left; overflow:hidden}
.SlideBox div div div{width:100%}
/*slide navigation*/
.sliden{position:absolute; right:0; top:95px; height:55px; width:30px; text-indent:-5000px; background:url(../images/sliden.gif) no-repeat left top}
.sliden:hover{background:url(../images/sliden.gif) no-repeat left bottom}
.slidep{position:absolute; left:0; top:95px; height:55px; width:30px; text-indent:-5000px; background:url(../images/slidep.gif) no-repeat left top}
.slidep:hover{background:url(../images/slidep.gif) no-repeat left bottom}
/*user1 - user3*/
.slideuser .yjsquare_yjnf1{margin:0 0px; height:auto; width:100%; padding:0 5px}
.slideuser .yjsquare{width:100%; text-align:left; height:238px; overflow:hidden; border:0; background:none; padding:10px 20px; color:#fff}
.slideuser .yjsquare h3{border:0; padding:0 10px}
.slideuser{margin:0 auto; padding:5px 10px; text-align:left}
/*end top users */
/* end adverts*/
#pathway{margin-top:9px; padding:3px 5px}
/*top module
--------------------- */
#topmodule{margin:0 auto; text-align:left; overflow:hidden; width:98%; margin-bottom:10px}
/* main body layouts with side modules
--------------------- */
/* side shades*/
#wrap, #wrapblank{width:100%; /*center hack*/margin:0 auto; /*center hack*/text-align:left; height:100% !Important; height:1%; background:url(../images/bottomgray2.gif) repeat-x left bottom}
#insidewrap, #insidewrapblank{height:100% !Important; height:1%; background:url(../images/bottomgray2.gif) repeat-x left bottom}
/* end side shades*/
/* main layout*/
#holder{height:100% !Important; height:1%; overflow:hidden; text-align:center; margin:0 8px; padding-bottom:15px}
#leftblock{float:left; height:100% !Important; height:1%; overflow:hidden; text-align:left}
#midblock{float:left; height:100% !Important; height:1%; overflow:hidden; text-align:left}
#rightblock{float:left; height:100% !Important; height:1%; overflow:hidden; text-align:left}
/*end main layout*/
/* keep mods of edges
--------------------- */
.inside{padding:5px; overflow:hidden}
/*keep content of edges
--------------------- */
.insidem{padding:5px}
/* user 4 5 */
#bot2wrap{margin:5px auto; text-align:left; overflow:hidden; padding:0 0px; height:100%; width:98%}
#user4, #user5{float:left; text-align:left}
/* user 6 7 8 */
#bot3wrap{margin:5px auto; text-align:left; overflow:hidden; padding:0 0px; height:100%; clear:both}
#user6, #user7, #user8{float:left; text-align:left}
/* user 9 10 11 12 */
#bot4wrap{margin:5px auto; text-align:left; overflow:hidden; padding:0 0px; height:100%; height:282px; background:url(../images/bot4.gif) repeat-x left top; clear:both}
#bot4l{height:282px; background:url(../images/bot4l.gif) no-repeat left top}
#bot4r{height:282px; background:url(../images/bot4r.gif) no-repeat right top}
#user9, #user10, #user11, #user12{float:left; text-align:left}
#user9, #user10, #user11{float:left; text-align:left; background:url(../images/bot4wrap_side.gif) no-repeat 97% center; height:282px}
#bot4wrap .yjsquare{height:262px; margin-top:20px; overflow:hidden}
/*bootom module
--------------------- */
#bottommodule{margin:5px auto; text-align:left; overflow:hidden; padding:0 0px; clear:both; height:138px}
#bbl{height:138px; overflow:hidden}
#bbr{height:138px; overflow:hidden}
#bottommodule .yjsquare{height:120px; overflow:hidden}
/*footer and footer module
--------------------- */
#footer{clear:both; text-align:center; overflow:hidden; margin:0 auto; height:240px; background:url(../images/body.jpg) repeat-x left top}
#fl{height:96px; background:url(../images/) no-repeat left top}
#fr{height:96px; background:url(../images) no-repeat right top}
#youjoomla{clear:both; text-align:left; padding:5px 0px; overflow:hidden}
#tools{text-align:right; padding:0; overflow:hidden; width:35%; float:right}
#footmod{clear:both; text-align:left; padding:0px 0; margin:10px 0 0 0px; overflow:hidden}
/* news items frontpage and article
--------------------- */
.news_item{margin:0 5px; position:relative}
.newsitem_tools{display:block; width:100%}
.newsitem_info{width:100%; display:block; height:10px}
.createby{padding:0 3px 0 0px}
.createdate{padding:0 3px 0 0px}
.newsitem_section{padding:0 3px 0 0px}
.newsitem_category{padding:0 3px 0 0px}
.newsitem_section a{padding:0 3px 0 0px}
.newsitem_category a{padding:0 3px 0 0px}
.buttonheading{width:100%; display:block; overflow:hidden; margin:5px 0px 0 0}
.buttonheading img{border:0}
.email, .print, .pdf{float:left; margin:3px 2px 0 0; width:16px; height:16px; display:block}
.newsitems_link{}
.newsitem_text{width:100%; display:block}
.modifydate{width:100%; display:block; margin:0px 0 0; clear:both}
.fptops{position:relative}
.news_item_article{padding:25px 0 0 0}
.topdeal{position:absolute; height:105px; width:105px; right:0; top:-10px; color:#fff; overflow:hidden; text-indent:-500px}
.freedeal{position:absolute; height:105px; width:105px; right:0; top:-10px; color:#fff; overflow:hidden; text-indent:-500px}
/*end main news item layout
---------------------------*/
a.category:link,
a.category:visited,
a.category:focus{font-weight:bold; font-size:100%}
.small{}
/*news items navigation
--------------------- */
ul.pagination{margin:15px auto 10px; padding:10px 0 0}
ul.pagination li,
ul.pagination li:hover{background:none; display:inline; margin:3px; padding:0}
ul.pagination li span{padding:2px 5px}
ul.pagination a{padding:2px 3px; text-decoration:none}
ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus{}
.pagenavbar{font-weight:bold; padding-left:14px}
.pagenavcounter{font-weight:bold; padding:8px 14px 0 14px}
/*modules layouts
--------------------- */
/* default round
--------------------- */
.yjround, .yjround_dark{margin:0px 0 7px 0px; padding:0; float:left; clear:both; width:100%; height:100% !Important; height:1%}
.yjround .inclass,
.yjround_dark .inclass{display:block; width:100%; padding:0 0px 0 0; margin:0 0px 0 0px; clear:both; overflow:hidden}
.yjround div div div,
.yjround_dark div div div{padding:15px; overflow:hidden}
.yjround div div div div,
.yjround_dark div div div div{overflow:hidden; margin:0; padding:0; width:100%; overflow:hidden}
.yjround_in,
.yjround_in_dark{overflow:hidden; width:100%}
.yjround h3,
.yjround_dark h3{margin:0 0 0 0; padding:0 0 8px 0; font-weight:bold; text-transform:uppercase; overflow:hidden; font-size:13px}
.yjround h3 span,
.yjround_dark h3 span{padding:0 0 8px 0}
.yjround div,
.yjround_dark div{height:100% !Important; height:1%}
.yjround div div div div,
.yjround_dark div div div div{background:none}
.yjround .syndicate div,
.moduletable .syndicate div{margin:0px; padding:3px 0}
.yjround p,
.yjround_dark p{overflow:hidden; padding:3px}
/* default square
--------------------- */
.yjsquare h3,
.yjsquare_dark h3{text-transform:uppercase; overflow:hidden; font-size:13px; padding:8px 0 0px 5px; margin:0px 0 0 0px; display:block}
.yjsquare h3 span,
.yjsquare_dark h3 span{text-transform:uppercase}
.h3l,
.h3l_dark{display:block; height:25px; padding:0 0 0 10px}
.h3r,
.h3r_dark{display:block; height:25px; padding:0}
.yjsquare p,
.yjsquare_dark p{overflow:hidden; padding:3px}
.yjsquare_in,
.yjsquare_in_dark{overflow:hidden; padding:10px 10px}
.yjsquare,
.yjsquare_dark{margin:5px 0 10px 0px; padding:0px; clear:both; width:100%; height:100% !Important; height:1%}
/*footer module
--------------------- */
#footmod .yjsquare{margin:3px auto; text-align:left; padding:3px 0; background:url('../images/body.jpg') no-repeat;; font-size:11px; overflow:hidden; width:99%}
#footmod .yjsquare h3{margin:0; padding:0 4px; text-align:left; font-size:10px; border:none; text-transform:uppercase}
#footmod .yjsquare h3 span{}
#footmod li, #footmod li:hover{list-style-type:none; list-style-image:none; background:none}
#footmod ul li{border:none; text-decoration:none; display:inline; margin-left:0; text-decoration:none; list-style-type:none; list-style-image:none}
/*mod_poll
--------------------- */
.pollbuttons{margin:0 auto; width:80%; text-align:center; height:30px}
/*login module
--------------------- */
#modlgn_passwd, #modlgn_username{width:95%; height:19px; padding-left:3px; padding-top:3px}
/* default frontpage news item
--------------------- */
.yjfpround{margin:3px 0 0 0; padding:0; clear:both; width:100%; height:100% !Important; height:1%}
.yjfpround div div div{padding:0 15px 25px 15px; overflow:hidden}
.yjfpround div div div div{overflow:hidden; margin:0; padding:0; width:100%; overflow:hidden}
.yjfpround_in{overflow:hidden; width:100%}
.yjfpround div{height:100% !Important; height:1%}
.yjfpround div div div div{background:none}
.yjfpround{background:url(../images/brfp.gif) 100% 100% no-repeat}
.yjfpround div{background:url(../images/blfp.gif) 0 100% no-repeat}
.yjfpround div div{background:url(../images/trfp.gif) 100% 0 no-repeat}
.yjfpround div div div{background:url(../images/tlfp.gif) 0 0 no-repeat}
.yjfpround .contentpaneopen{margin:0}
/********* YJ VM LATESTS youShopper *******/
.yjvm_products{width:100%; clear:both; overflow:hidden; font-weight:bold; font-size:11px; padding:5px 0; border-bottom:none; background:url(../images/yjvm_products.gif) repeat-x left bottom}
#bot4wrap .yjvm_products{background:url(../images/bot4wrapyjvmlp.gif) repeat-x left bottom; font-weight:normal}
#bot4wrap .yjvm_products h3,
#user1 .yjvm_products h3{margin:0; padding:0; font-size:10px}