/* -------------- 
	Theme Name: Janbros
	Description: janbros.com website redesign - 2007.
	Version: 1.0
	Author: Abdulhk
	Author URI: 
	Comment: 
*/

/* Page settings */

body
	{
	color: #666;
	font-family:Arial, Helvetica, sans-serif;	
	}
	
/* Normalizing elements */

body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, a{
	margin: 0;
	padding: 0;
}
	
body#corporate
	{
	background:#fff url(../images/corporate-bg.jpg) no-repeat top center;
	}	

body#abaan 
	{
	background:url(../images/abaan-bg.jpg) no-repeat top center;
	}
	
body#henna 
	{
	background:url(../images/henna-bg.jpg) no-repeat top center;
	}

body#award
{
background:url(../images/award-bg.jpg) no-repeat top center;
}	

body#concord 
	{
	background:url(../images/concord-bg.jpg) no-repeat top center;
	}
	
body#soft 
	{
	background:url(../images/soft-bg.jpg) no-repeat top center;
	}	
	
body#babe 
{
background:url(../images/babe-bg.jpg) no-repeat top center;
}

body#aegis
{
background:url(../images/aegis-bg.jpg) no-repeat top center;
}

body#senorita
{
background:url(../images/senorita-bg.jpg) no-repeat top center;
}

body#kwkr
{
background:url(../images/kwkr-bg.jpg) no-repeat top center;
}

html, body {
	height: 100%;
	}

/* Normalizing elements */

body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, ul, li, a  {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

ul {
	list-style: none;
}
a {
	text-decoration: none;
	outline: none 0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}



h1
	{
	border-bottom:1px solid #999;
	padding-bottom:15px;
	margin-bottom:15px;
	font-size:24px;
	color:#cc3300;
	font-weight:normal;
	font-family: Georgia, serif;
	}
	
h2
	{
	padding-top:160px;
	margin-left:30px;
	font-size:24px;
	color:#cc3300;
	font-weight:normal;
	font-family: Georgia, serif;
	}
	
.clear {
	clear: both;
}
.left {
	float: left;
}

.right {
	float: right;
}

.noBg
{
background-image:none!important;
}
/* Conainer */

#container {
	width:980px;
	margin:0 auto;
	background-color:#fff;
	padding:0 10px 0 10px;
	background:#fff url(../images/common-header-bg.jpg) no-repeat 305px 0px ;
}

#header
{
	width:965px;
	height:83px;
	padding-top:19px;
	background:url(../images/logo.gif) no-repeat 13px;
}

#tabHighlight
{
width:110px;
height:5px;
margin-left:299px;
display:block;
}

.tabHighlightcorporate
{
background:url(../images/tabHighlightbrands.gif) no-repeat;
}

.tabHighlightabaan
{
background:url(../images/abaan-highlight-brand.gif) no-repeat;
}

.tabHighlighthenna
{
background:url(../images/henna-highlight-brand.gif) no-repeat;
}

.brand
{
background:url(../images/brand.jpg);
}

.tabHighlightaward
{
background:url(../images/award-highlight-brand.gif) no-repeat;
}

.tabHighlightbabe
{
background:url(../images/babe-highlight-brand.gif) no-repeat;
}

.tabHighlightsoft
{
background:url(../images/soft-highlight-brand.gif) no-repeat;
}

.tabHighlightaegis
{
background:url(../images/aegis-highlight-brand.gif) no-repeat;
}

.tabHighlightconcord
{
background:url(../images/concord-highlight-brand.gif) no-repeat;
}

.tabHighlightsenorita
{
background:url(../images/senorita-highlight-brand.gif) no-repeat;
}

.tabHighlightkwkr
{
background:url(../images/kwkr-highlight-brand.gif) no-repeat;
}

#tabBar
{
width:980px;
height:35px;
}

.tabBgcorporate
{
background:url(../images/corporate-tab-bg.gif) no-repeat left bottom;
}

.tabBgcorporate a
{
background:url(../images/corporate-tab-div.gif) no-repeat right top;
}

.tabBgabaan
{
background:url(../images/abaan-tab-bg.gif) no-repeat left bottom;
}

.tabBgabaan a
{
background:url(../images/abaan-tab-div.gif) no-repeat right top;
}

.tabBghenna
{
background:url(../images/henna-tab-bg.gif) no-repeat left bottom;
}

.tabBghenna a
{
background:url(../images/henna-tab-div.gif) no-repeat right top;
}

.tabBgaward
{
background:url(../images/award-tab-bg.gif) no-repeat left bottom;
}

.tabBgaward a
{
background:url(../images/award-tab-div.gif) no-repeat right top;
}

.tabBgbabe
{
background:url(../images/babe-tab-bg.gif) no-repeat left bottom;
}

.tabBgbabe a
{
background:url(../images/babe-tab-div.gif) no-repeat right top;
}

.tabBgsoft
{
background:url(../images/soft-tab-bg.gif) no-repeat left bottom;
}

.tabBgsoft a
{
background:url(../images/soft-tab-div.gif) no-repeat right top;
}

.tabBgaegis
{
background:url(../images/aegis-tab-bg.gif) no-repeat left bottom;
}

.tabBgaegis a
{
background:url(../images/aegis-tab-div.gif) no-repeat right top;
}

.tabBgconcord
{
background:url(../images/concord-tab-bg.gif) no-repeat left bottom;
}

.tabBgconcord a
{
background:url(../images/concord-tab-div.gif) no-repeat right top;
}

.tabBgsenorita
{
background:url(../images/senorita-tab-bg.gif) no-repeat left bottom;
}

.tabBgsenorita a
{
background:url(../images/senorita-tab-div.gif) no-repeat right top;
}

.tabBgkwkr
{
background:url(../images/kwkr-tab-bg.gif) no-repeat left bottom;
}

.tabBgkwkr a
{
background:url(../images/kwkr-tab-div.gif) no-repeat right top;
}

#tabBar li 
{
float:left;
}

#tabBar li a
{
/*background:url(../images/corporate-tab-border.gif) no-repeat right;*/
display:block;
padding:0 21px 0 21px;
float:left;
color:#fff;
font-weight:bold;
line-height:35px;
}

#tabBar li a.corporate
{
background-image:none;
color:#097bc3;
background-color:#fff;
border-left:1px solid #63b3dc;
border-right:1px solid #63b3dc;
}


/*On abaan page*/
#tabBar li a.abaan
{
background-image:none;
color:#d68395;
background-color:#fff;
border-left:1px solid #d68395;
border-right:1px solid #d68395;
}

#tabBar li a.henna
{
background-image:none;
color:#5a2f2b;
background-color:#fff;
border-left:1px solid #937c68;
border-right:1px solid #937c68;
}

#tabBar li a.award
{
background-image:none;
color:#a9322d;
background-color:#fff;
border-left:1px solid #cc1117;
border-right:1px solid #cc1117;
}

#tabBar li a.babe
{
background-image:none;
color:#63b3dc;
background-color:#fff;
border-left:1px solid #63b3dc;
border-right:1px solid #63b3dc;
}

#tabBar li a.soft
{
background-image:none;
color:#b5b733;
background-color:#fff;
border-left:1px solid #b5b733;
border-right:1px solid #b5b733;
}

#tabBar li a.aegis
{
background-image:none;
color:#f07b2a;
background-color:#fff;
border-left:1px solid #f07b2a;
border-right:1px solid #f07b2a;
}

#tabBar li a.concord
{
background-image:none;
color:#cfa206;
background-color:#fff;
border-left:1px solid #cfa206;
border-right:1px solid #cfa206;
}

#tabBar li a.senorita
{
background-image:none;
color:#715e9b;
background-color:#fff;
border-left:1px solid #715e9b;
border-right:1px solid #715e9b;
}


#tabBar li a:hover
{
color:#000;
}

#tabBar form
{
float:right;
margin:7px 15px 0 0;
}

#homeMenu
{
width:980px;
height:33px;
clear:both;
background-color:#eae9ea;
margin-top:1px;
}

a.login:link
{
color:#000;
text-decoration:underline;
display:block;
padding:8px 15px 0 0;
float:right;
}
a.login:hover
{
color:#666;
}
#mainMenucontainer
{
width:980px;
height:35px;
clear:both;
background-color:#eae9ea;
background:url(../images/mainmenu-bg.gif) repeat-x;
}

ul#mainMenu
{
padding:6px 0 0 3px;
height:25px;
margin-left:7px;
}

.bgmenuCorporate
{
background:url(../images/brand-bg.gif) no-repeat;
}


.bgmenuAbaan
{
background:url(../images/abaan-mainmenu-bg.gif) no-repeat;
}

.bgmenuHenna
{
background:url(../images/henna-mainmenu-bg.gif) no-repeat;
}

.bgmenuAward
{
background:url(../images/award-mainmenu-bg.gif) no-repeat;
}

.bgmenuBabe
{
background:url(../images/babe-mainmenu-bg.gif) no-repeat;
}

.bgmenuSoft
{
background:url(../images/soft-mainmenu-bg.gif) no-repeat;
}

.bgmenuAegis
{
background:url(../images/aegis-mainmenu-bg.gif) no-repeat;
}

.bgmenuConcord
{
background:url(../images/concord-mainmenu-bg.gif) no-repeat;
}

.bgmenuSenorita
{
background:url(../images/senorita-mainmenu-bg.gif) no-repeat;
}

.bgmenuKwkr
{
background:url(../images/kwkr-mainmenu-bg.gif) no-repeat;
}

ul#mainMenu li
{
float:left;
}

ul#mainMenu a
{
float:left;
color:#333;
padding:0 6px 0 7px;
text-decoration:underline;
line-height:19px;
font-size:11px;
}

#contentBinder
{
width:980px;
margin-top:15px;
background:url(../images/common-right-column.gif) right top no-repeat;
}

#contentColumn
{
float:left;
width:741px;
}

#spotlight
{
width:741px;
height:218px;
}

.spotlightAbaan
{
background:url(../images/spotlight.jpg);
}

#productScroll
{
margin-top:6px;
height:92px;
background-image:url(../images/bg-scroll.jpg);
}

#productTitle
{
float:left;
font-size:24px;
color:#999;
text-align:center;
width:201px;
padding-top:25px;
height:55px;
background:#fff;
margin-top:6px;
color:#000;
}

#productTitlesl
{
float:left;
font-size:32px;
color:#999;
text-align:center;
width:216px;
padding-top:21px;
height:59px;
background:#fff;
margin-top:6px;
color:#000;
}

#productFlash
{
float:right;
width:540px;
margin-top:6px;
background-color:#fff;
}

#productFlashsl
{
float:right;
width:525px;
margin-top:6px;
background-color:#fff;
}


#brandContent
{
width:668px;
margin:20px 0 0 33px;
margin-top:35px;
text-align:justify;
}

#brandContent p
{
margin-bottom:15px;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
line-height:16px;
text-align:justify;
}

#productImage
{
width:350px;
float:left;
border:2px solid #eeebeb;
margin-top:35px;
text-align:center;
padding:30px 0 30px 0;
}

#ProductText
{
width:363px;
float:right;
margin-top:35px;
padding-right:5px;
}

#ProductText p
{
margin-bottom:15px;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
line-height:16px;
text-align:justify;
}

#navColumn
{
float:right;
width:215px;
min-height:600px;
}

.h1brands
{
margin-top:30px;
padding-bottom:0px!important;
background:url(../images/h1brands.gif) no-repeat;
text-indent:-10000px;
margin-bottom:5px;
}

.h1abaan
{
margin-top:30px;
padding-bottom:0px!important;
background:url(../images/h1abaan.gif) no-repeat;
text-indent:-10000px;
margin-bottom:5px;
}

.h1award
{
margin-top:30px;
padding-bottom:0px!important;
background:url(../images/h1award.gif) no-repeat;
text-indent:-10000px;
margin-bottom:5px;
}

.h1babe
{
margin-top:30px;
padding-bottom:0px!important;
background:url(../images/h1babe.gif) no-repeat;
text-indent:-10000px;
margin-bottom:5px;
}

.h1snl
{
margin-top:30px;
padding-bottom:0px!important;
background:url(../images/h1snl.gif) no-repeat;
text-indent:-10000px;
margin-bottom:5px;
}

.h1aegis
{
margin-top:30px;
padding-bottom:0px!important;
background:url(../images/h1aegis.gif) no-repeat;
text-indent:-10000px;
margin-bottom:5px;
}

.h1concord
{
margin-top:30px;
padding-bottom:0px!important;
background:url(../images/h1concord.gif) no-repeat;
text-indent:-10000px;
margin-bottom:5px;
}

.h1senorita
{
margin-top:30px;
padding-bottom:0px!important;
background:url(../images/h1senorita.gif) no-repeat;
text-indent:-10000px;
margin-bottom:5px;
}

.h1oralfresh
{
margin-top:30px;
padding-bottom:0px!important;
background:url(../images/h1oralfresh.gif) no-repeat;
text-indent:-10000px;
margin-bottom:5px;
}



.treeview
{
margin-bottom:100px;
}

#navColumn li
{
border-bottom:1px solid #ccc;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

#navColumn li a
{
display:block;
padding:7px 0 7px 10px;
background:url(../images/bullet-left-nav.gif) no-repeat 0 center;
color:#3366cc;
}

#navColumn li a:hover
{
color:#666;
}
#navColumn li ul
	{
	display: none;
	}

#navColumn li li 
	{
	border:none;
	display:inline;
	}

#navColumn li li a
	{
	margin-left:10px;
	color:#333;
	padding:2px 0 2px 10px;
	background:url(../images/bullet-left-nav-sub.gif) no-repeat 0 center;
	}
	
#navColumn li li a:hover
	{
	color:#999;
	}

#navColumn li ul
	{
	margin-bottom:10px;
	}
	
#footer
{
margin-top:30px;
height:60px;
border-top:1px #bdbdbd solid;

}

#footer p
{
float:left;
margin-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#footer ul
{
float:right;
width:164px;
margin-top:20px;
}
#footer ul li
{
float:left;
padding-left:9px;
color:#666;
font-size:9px;
}
#footer ul li a
{
display:block;
float:left;
color:#666;
}

/* Award Banners */

.abaan-henna
{
background:url(../images/abaan-henna.jpg);
}

.abaan-henna-speedy
{
background:url(../images/abaan-henna-speedy.jpg);
}


.abaan-mouth-freshener
{
background:url(../images/abaan-mouth-freshener.jpg);
}

.abaan-perfumed-talc
{
background:url(../images/abaan-perfumed-talc.jpg);
}

.abaan-beauty-soap
{
background:url(../images/abaan-beauty-soap.jpg);
}

.abaan-dishwash-liquid
{
background:url(../images/abaan-dishwash-liquid.jpg);
}

.abaan-handwash
{
background:url(../images/abaan-handwash.jpg);
}

.abaan-deo-spray
{
background:url(../images/concord-deo-spray.jpg);
}
.abaan-whitening-oral-care
{
background:url(../images/abaan-whitening-oral-care.jpg);
}
.abaan-toothpaste
{
background:url(../images/toothpaste.jpg);
}

.abaan-shampoo
{
background:url(../images/abaan-shampoo.jpg);
}

.award-dry-batteries
{
background:url(../images/award-dry-batteries.jpg);
}

.award-quick-relief-balm
{
background:url(../images/award-quick-relief-balm.jpg);
}

.award-hot-water-bag
{
background:url(../images/award-hot-water-bag.jpg);
}


.award-bandq
{
background:url(../images/award-bandq.jpg);
}


.award-medicated-plaster
{
background:url(../images/award-medicated-plaster.jpg);
}

.award-shoe-care
{
background:url(../images/award-shoe-care.jpg);
}

.softlovely-hair-remover
{
background:url(../images/softlovely-hair-remover.jpg);
}

.aegis-shave
{
background:url(../images/shave.jpg);
}

.babe-baby-flask
{
background:url(../images/babe-baby-flask.jpg);
}

.babe-spoon
{
background:url(../images/babe-spoon.jpg);
}

.babe-pacifier
{
background:url(../images/babe-pacifier.jpg);
}

.babe-sipper
{
background:url(../images/babe-sipper.jpg);
}

.babe-feeding-bottles
{
background:url(../images/babe-feeding-bottles.jpg);
}

.babe-training-toothbrush
{
background:url(../images/babe-training-toothbrush.jpg);
}

.babe-soother
{
background:url(../images/babe-soother.jpg);
}

.babe-teether
{
background:url(../images/babe-teether.jpg);
}

.babe-twin-handle-cup
{
background:url(../images/babe-twin-handle-cup.jpg);
}

.babe-cot-sheet-spread
{
background:url(../images/babe-cot-sheet-spread.jpg);
}

.babe-baby-wipes
{
background:url(../images/babe-baby-wipes.jpg);
}

.babe-cotton-buds
{
background:url(../images/babe-cotton-buds.jpg);
}

.babe-nail-clippers
{
background:url(../images/babe-nail-clippers.jpg);
}

.babe-toothpaste
{
background:url(../images/babe-toothpaste.jpg);
}

.babe-baby-brush
{
background:url(../images/babe-baby-brush.jpg);
}

.babe-baby-soap
{
background:url(../images/babe-baby-soap.jpg);
}

.concord-air-fresheners
{
background:url(../images/concord-air-fresheners.jpg);
}

.concord-automatic-dispenser
{
background:url(../images/concord-automatic-dispenser.jpg);
}

.concord-car-air-fresheners
{
background:url(../images/car.jpg);
}

.concord-soap-dispenser
{
background:url(../images/concord-soap-dispenser.jpg);
}

.concord-hair-brush
{
background:url(../images/hair.jpg);
}

.concord-counter
{
background:url(../images/tally.jpg);
}

.concord-kerchief
{
background:url(../images/kerchief.jpg);
}

.concord-spray
{
background:url(../images/spray.jpg);
}

.concord-refill-dispensers
{
background:url(../images/concord-refill-dispensers.jpg);
}

.concord-kabaa-compass
{
background:url(../images/concord-kabaa-compass.jpg);
}

.concord-cobra
{
background:url(../images/concord-cobra-bg.jpg);
}

.concord-deo-spray
{
background:url(../images/concord-deo-spray.jpg);
}

.concord-magnetic-bracelet
{
background:url(../images/concord-magnetic-bracelet.jpg);
}

.concord-blades
{
background:url(../images/concord-blades.jpg);
}

.concord-media-storage
{
background:url(../images/concord-media-storage.jpg);
}

.concord-gas-refill
{
background:url(../images/concord-gas-refill.jpg);
}

.concord-refill
{
background:url(../images/refill.jpg);
}

.concord-combs
{
background:url(../images/concord-combs.jpg);
}

.concord-kitchen-knives
{
background:url(../images/concord-kitchen-knives.jpg);
}

.concord-kitchen-lighter
{
background:url(../images/concord-kitchen-lighter.jpg);
}

.concord-can-openers
{
background:url(../images/concord-can-openers.jpg);
}

.concord-super-glue
{
background:url(../images/concord-super-glue.jpg);
}

.concord-nail-clippers
{
background:url(../images/concord-nail-clippers.jpg);
}

.concord-scissor
{
background:url(../images/concord-scissor.jpg);
}

.concord-shaving-brush
{
background:url(../images/concord-shaving-brush.jpg);
}

.concord-toothbrush
{
background:url(../images/concord-toothbrush.jpg);
}

.concord-umbrellamark2
{
background:url(../images/concord-umbrellamark2.jpg);
}

.concord-umbrellamark1
{
background:url(../images/concord-umbrellamark1.jpg);
}

.concord-magnetic-bracelet
{
background:url(../images/concord-magnetic-bracelet.jpg);
}

.concord-magnetic-bracelet
{
background:url(../images/concord-magnetic-bracelet.jpg);
}

.concord-magnetic-bracelet
{
background:url(../images/concord-magnetic-bracelet.jpg);
}

.concord-magnetic-bracelet
{
background:url(../images/concord-magnetic-bracelet.jpg);
}

.concord-magnetic-bracelet
{
background:url(../images/concord-magnetic-bracelet.jpg);
}

.concord-magnetic-bracelet
{
background:url(../images/concord-magnetic-bracelet.jpg);
}

.senorita-home
{
background:url(../images/senorita-home.jpg);
}

.oral-fresh-1
{
background:url(../images/oral-fresh-1.jpg);
}

.oral-fresh-2
{
background:url(../images/oral-fresh-2.jpg);
}

.oral-fresh-3
{
background:url(../images/oral-fresh-3.jpg);
}

.oral-fresh-4
{
background:url(../images/oral-fresh-4.jpg);
}

.oral-fresh-5
{
background:url(../images/oral-fresh-5.jpg);
}


.senorita-apricot-cocumber-scrub
{
background:url(../images/senorita-apricot-cocumber-s.jpg);
}

.senorita-facial-clean
{
background:url(../images/senorita-facial-clean.jpg);
}

.senorita-facial-wash
{
background:url(../images/senorita-facial-wash.jpg);
}

.senorita-body-cream
{
background:url(../images/senorita-body-cream.jpg);
}

.senorita-hair-gel
{
background:url(../images/senorita-hair-gel.jpg);
}

.senorita-hair-coat
{
background:url(../images/senorita-hair-coat.jpg);
}

.senorita-hair-food
{
background:url(../images/senorita-hair-food.jpg);
}

.senorita-petroleum-jelly
{
background:url(../images/senorita-petroleum-jelly.jpg);
}

.senorita-lip-care
{
background:url(../images/senorita-lip-care.jpg);
}

.senorita-peel-off
{
background:url(../images/senorita-peel-off.jpg);
}

.senorita-medicated-soap
{
background:url(../images/senorita-medicated-soap.jpg);
}

.senorita-sunblock-lotion
{
background:url(../images/senorita-sunblock-lotion.jpg);
}


.bgb-abaan
{
background:url(../images/abaan.jpg);
}

.bgb-award
{
background:url(../images/award.jpg);
}

.bgb-babe
{
background:url(../images/babe.jpg);
}

.bgb-s-l
{
background:url(../images/s-l.jpg);
}

.bgb-concord
{
background:url(../images/concord.jpg);
}

.prddesc td
{
padding:3px;
font-size:12px;
}