/*
//
// JOMAG
// CODED BY REECE COX
// rc AT reececox DOT co DOT uk
//
*/

* { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6a5b5b; outline:none; }

body, html { height:100%; }
body { background:#333 url(../img/global/body.gif) repeat-y center; overflow: -moz-scrollbars-vertical; }

ul, ul li { list-style:none; }

ul.list { list-style:disc; padding:0 0 5px 15px; }
ul.list li { list-style:disc; padding:0 0 5px 0; }


a, a:hover, a img, img { outline:none; text-decoration:underline; border:none; }
a:hover { text-decoration:underline; }

p { margin:0 0 10px 0; color:#6a5b5b; }

h1 { font-size:21px; font-weight:normal; color:#7c7b5b; padding:0 0 10px 0; }
h2 { color:#912242; font-size:14px; font-weight:normal; padding:0 0 10px 0; }

h4 { color:#7c7b5b; font-size:11px; padding:6px 0 0 0; }
h4 span { color:#FF3300; }
h6 { padding:10px 0 5px 0; } /* IMAGE */

.r { clear:both; border:none; background:transparent; padding:0; margin:0; height:1px; overflow:hidden; }
.dottedBreak { height:0px; overflow:hidden; margin-bottom:10px; border-bottom:1px dotted #ddd; }

/* FORMS */
input, select, textarea { padding:2px 2px 2px 2px; border:1px solid #fff; background:#f1f1f1; background:#f1f1f1 !important; font-size:11px; width:200px; }
select { width:204px; }
.btn { display:block; padding:3px 6px; background:#f1f1f1; float:right; width:auto; border:1px solid #fff; text-decoration:none; }
.btn:hover { border:1px solid  #ddd; text-decoration:none; padding:3px 6px; }

.validation-failed { border-color:#CC3300; }
.required, .required-auto { background:url(../img/global/required_input.gif) no-repeat top right #f1f1f1 !important; }

.check, .radio { padding:5px; #padding:0 5px; clear:both; }
.check input { margin:0; padding:0; width:auto; float:left; display:block; background:transparent; border:none; background:transparent !important; border:none !important; }
.radio input { margin:0; padding:0; width:auto; float:left; clear:left; background:transparent; border:none; background:transparent !important; border:none !important; }
.check label, .radio label { padding:0 0 0 5px !important; #padding:3px 0 0 5px !important; margin:0; float:left !important; clear:none !important; width:auto !important; text-align:left; }

/* TABLES */
table { border:0px solid #ddd; padding:0; }
table thead tr td { background:#f1f1f1 }
table tr td { border:1px solid #ddd; padding:2px 6px; }

table.invisible tr td { border:0px solid #fff; border-collapse: collapse; }

/*
// INDIVIDUAL PAGES
*/

/* EVENTS DIARY */
#eventsDiary {  }
#eventsDiary .event { border:1px solid #ddd; border-width:1px 0 0; padding:10px 5px 0; }
#eventsDiary .event h1 { font-weight:normal; font-size:16px; padding:0; }
#eventsDiary .event h2 {  }
#eventsDiary .event p { }

/* HOST REWARDS PROGRAMME */
/*
table.hRTable { border:none; border-collapse:collapse; width:100%; }
table.hRTable td { border:1px solid #ddd; border-width:1px 0 0 0; }
table.hRTable thead td { border:1px solid #ddd; border-width:0 0 0 0; background-color:transparent; font-weight:bold; }
*/

/* HOME */
#home { height:450px; background-repeat:no-repeat; background-position:top center; width:900px; overflow:hidden; margin:0; }

#home #about { float:right; margin:175px 50px 5px 0; _margin-right:25px; width:400px; z-index:100; }
#home #about h1 { text-align:right; }
#home #about p { font-size:11px; text-align:justify; }

/* ABOUT US */
.missionStatement {  }
.missionStatement .item { float:left; width:300px; height:153px; background:url(../img/images/home_mission.jpg) no-repeat top left; margin:7px 0; }
.missionStatement .statement { border:1px solid #ddd; border-width:1px 0; padding:10px; margin:30px 0; float:right; width:368px; text-align:left; height:84px; overflow:hidden; }
.missionStatement .statement h1 { font-size:18px; padding-bottom:8px; }
.missionStatement p { font-size:12px; margin:0; padding:0; }

/* CONTACT US */
#contactUs {  }
#contactUs .split { clear:both; height:15px; }

#contactUs label { float:left; width:180px; clear:both; padding:4px 8px 4px 0; text-align:right; }
#contactUs .fields { float:left; }

#contactUs .field { clear:both; float:left; margin:2px 4px 2px 0; }
#contactUs textarea.field { height:100px; width:400px; }
#contactUs .noClear { clear:none; }

/*#contactUs .check label, #contactUs .radio label { padding:0 0 0 5px; margin:0; float:none; clear:none; width:auto; text-align:left; }*/

/* MY STORY */
#myStory { margin-bottom:40px; }
#myStory h1 { margin:0; padding:0; }
#myStory .right { float:right; width:400px; margin-right:50px; _margin-right:25px; }
#myStory .left { float:left; width:400px; margin-left:50px; _margin-left:25px; }

#myStory .consImage 	{ /*width:350px; background:#000; padding:1px; margin:35px 0 0 0;*/ width:auto; text-align:center; overflow:hidden; height:268px; }
#myStory .consImage img { border:2px solid #333; /*height:264px; width:352px;*/ }

#myStory .address { float:left; width:195px; padding:0 5px 0 0; }
#myStory .other { float:left; width:195px; padding:0 5px 0 0; }

/* CONSULTANT VIEWS */
.consultantViewImg { padding:4px 12px 4px 4px; }

/* CONSULTANT PROGRAMME */
/*.viewOurKits { position:absolute; left:auto; top:110px; background:url(../img/images/view_our_starter_kit.gif) no-repeat center; width:105px; height:105px; margin:0 0 0 165px; } from 08 06 25 */
.viewOurKits { position:absolute; left:auto; top:110px; background:url(../img/temp100608/join_circle.gif) no-repeat top center; width:120px; height:120px; margin:0 0 0 150px; }
.viewOurKits:hover { background-position:bottom center; }

/* STARTED KITS */
.kits { width:687px; height:127px; background-position:top center; display:block; margin:4px auto; }
.kits:hover { background-position:bottom center; }

/*.kits.standard { background-image:url(../img/starter_kits/standard_kit.gif); } from 08 06 25 */
.kits.standard { background-image:url(../img/starter_kits/standard_kit.gif); }
.kits.premium { background-image:url(../img/starter_kits/premium_kit.gif); }

/*
// ELEMENTS
*/

/* BOTTOM BANNER */
.bottomOptions, .bottomOptions tr td { border:none; margin:15px 0; /*width:850px; font-size:12px; clear:both;*/ }
.bottomItem { width:244px; height:115px; background:url(../img/bottom/banner_fade.gif) repeat-x top left; margin:0 auto; text-align:right; padding:8px; /*text-align:right; float:left; margin:0 13px; #margin:0 11px; color:#7c7b5b; display:block;*/ }
.bottomItem.buy { background-image:url(../img/bottom/banner_fade_buy.gif); }

.cb	{ 
	display:block; width:120px; height:120px; background-repeat:no-repeat; background-position:top center;
	position:relative; left:-15px; 		top:-86px; 		margin-bottom:-120px;
					   #left:-140px;
	_top:0; _margin-top:-86px;  _margin-bottom:0;
}
.cb:hover 			{ background-position:bottom center; }

.buy .cb 			{ background-image:url(../img/temp/buy_circle.png); _background-image:url(../img/temp/buy_circle.gif); }
.host .cb 			{ background-image:url(../img/temp/host_circle.png); _background-image:url(../img/temp/host_circle.gif); }
.join .cb			{ background-image:url(../img/temp/join_circle.png); _background-image:url(../img/temp/join_circle.gif); }

/* ROUNDED BOXES */
.roundedBoxFull 		{ width:688px; background-position:bottom center; background-repeat:no-repeat; padding-bottom:0px; margin:4px 0; }
.roundedBoxFull .top 	{ height:3px; background-position:top center; }
.roundedBoxFull p 		{ padding:8px; }

.roundedBoxFull.pinkfaded, .roundedBoxFull.pinkfaded .top { background-image:url(../img/global/box_pinkfaded.gif); }

/*
// GLOBAL FUN
*/

/* GLOBAL CONTENT */
#mainContent { width:900px; margin:0 auto; #padding-left:1px; }
#mainContent { padding-top:20px; }
body.home #mainContent { padding-top:0; /*margin-top:-10px;*/ }

#header { width:900px; margin:0 auto; #padding-left:1px; }
#header .right { float:right; width:400px; }

#header .consultantName { padding:10px 25px 0 0; float:right; }

body.repl #header .consultantName { display:block; }
body.corp #header .consultantName { display:none; }

#header .basket { background:url(../img/global/shopping_basket.gif) no-repeat top center; display:block; height:31px; width:99px; float:right; clear:both;
margin:4px 25px 0 0; }
#header .basket:hover { background-position:bottom center; }

#header #joMagLogo { background:url(../img/global/jomag_logo.gif) no-repeat right bottom; width:223px; height:65px; float:left; }
#header #joMagLogo a { display:block; width:223px; height:65px; }
body.home #header #joMagLogo { display:none; }

/* PAGE CONTENT */
#pageContent { float:right; width:688px /*712px*/; margin-right:24px; _margin-right:12px; }

/* TOP NAV */
#topNav { text-align:center; width:850px; margin:10px auto; }
#topNav li { float:left; }

/* temp delete */
body.corp #topNav ul.corp, body.repl #topNav ul.repl { display:block; }
body.corp #topNav ul.repl, body.repl #topNav ul.corp { display:none; }
/* delete end */

#topNav li.hs { width:31px /*11*/; height:16px; background:url(../img/nav_top/heart_and_star.gif) no-repeat center; }
body.corp #topNav li.hs { width:63px; }
#topNav li.hs.heart { background-position:top center; }
#topNav li.hs.star { background-position:bottom center; }

#topNav li a { display:block; padding:0; height:16px; background-position:top center; background-repeat:no-repeat; text-decoration:none; }
#topNav li a:hover { background-position:bottom center; }

#topNav li.hostaparty a { width:140px; background-image:url(../img/nav_top/hostaparty.gif); }
#topNav li.joinme a		{ width:82px; background-image:url(../img/nav_top/joinme.gif); }
#topNav li.joinus a		{ width:82px; background-image:url(../img/nav_top/joinus.gif); }
#topNav li.aboutjomag a	{ width:214px; background-image:url(../img/nav_top/aboutjomag.gif); }
#topNav li.aboutme a	{ width:94px; background-image:url(../img/nav_top/aboutme.gif); }
#topNav li.buyonline a	{ width:117px; background-image:url(../img/nav_top/buyonline.gif); }
#topNav li.home a		{ width:45px; background-image:url(../img/nav_top/home.gif); }

/* LEFT NAV */
#leftNav { float:left; width:174px; }
#leftNav li { float:left; clear:both; border-bottom:1px solid #e8e8e8; width:150px; margin:0 0 0 24px; _margin-left:12px; }

#leftNav li a { background:url(../img/nav_left/star.gif) no-repeat top left; display:block; padding:6px 0 5px 20px; width:130px; text-decoration:none; }
#leftNav li a:hover { background-image:url(../img/nav_left/heart.gif); text-decoration:none; }

#leftNav li a.selected, #leftNav li a.selected:hover { background-image:url(../img/nav_left/heart.gif); }

/* FOOTER */
#footer { /*margin:25px 0 0 0;*/ padding:25px 25px 0; }

#footer .phone { float:left; margin:0 0 0 5px; }
#footer .line { background:#d6d6cc; height:4px; clear:both; }

#footer ul { float:right; margin:5px 0 0 0; } #footer li { float:left; }
#footer li.divider { height:10px; width:20px; font-size:1px; background:url(../img/footer/divider.gif) no-repeat top center; }

#footer li a { display:block; padding:0; height:10px; font-size:1px; background-position:top center; background-repeat:no-repeat; }
#footer li a:hover { background-position:bottom center; }

#footer li.termsconditions a 	{ width:115px; background-image:url(../img/footer/termsconditions.gif); }
#footer li.consultantslogin a	{ width:114px; background-image:url(../img/footer/consultantslogin.gif); }
#footer li.contactus a			{ width:71px; background-image:url(../img/footer/contactus.gif); }
#footer li.helpfaq a			{ width:56px; background-image:url(../img/footer/helpfaq.gif); }
#footer li.consultantfaq a		{ width:113px; background-image:url(../img/footer/consultant_faq.gif); }
#footer li.privacysecurity a	{ width:113px; background-image:url(../img/footer/privacysecurity.gif); }

/* TEMP - 080610 */
.gardenPartyLink { margin: -400px 0pt 0pt 250px; position: absolute; left: auto; top: auto; }
.gardenPartyLink.aboutUs { margin:297px 0pt 0pt 276px; position: absolute; left: auto; top: auto; }

/* BOTTOM AREA */
.bottomArea { margin:0 auto 20px auto; width:100%; }
.bottomArea td { padding:0 21px; width:258px; border:none; border-right:0px solid #ddd; }

.bottomArea .titleText { background:url("../img/bottom/buyhostjoin.gif") no-repeat; height:48px; width:72px; /*padding-left:82px;*/ display:block; }

.bottomAreaBuy .titleText { background-position:top left; } 
.bottomAreaHost .titleText { background-position:0 -48px; } 
.bottomAreaJoin .titleText { background-position:bottom left; } 

.bottomArea .joy { background:no-repeat center; width:257px; height:67px; display:block; margin:8px 0 0; }

.bottomAreaBuy .joy { background-image:url("../img/bottom/joy/buy-100506.gif"); }
.bottomAreaHost .joy { background-image:url("../img/bottom/joy/host-090915.gif"); } 
.bottomAreaJoin .joy { background-image:url("../img/bottom/joy/join-100708.gif"); } 

/*CLEAR FIX
-----------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */