@charset "utf-8";
/* CSS Document */

/* Hide child parts unavailable */
.lt247a, .lt247b, .lt247d, .lt243a, .lt247f, .lt243d, .lt258b, .lt258c, .lb115b, .lb115c, .lt247g, .lt247s, .lt247l, .lt247e, .ct437a, .lb228b, .ts488b, .ac724b, .lk212b, .lk212bc, .lk224b, .lk201b, .lk198b, .lt309a, .ct4367a, .tr304b, .lt309a, .lk212b, .lk212c {display:none;}
	
/* planet joe redesign ds 13_08_10*/
#joeHeader { width:99%; height:80px; border:0px solid red;margin-top:30px;}
#joeHeader .a { display:block; width:99%; height:80px; }

#joeContainerNew { width:731px;   height:546px;  margin-top:0px; display:block; float:left;
  background: url('../images/pj/pj_home/planetjoe.jpg') black no-repeat top left;
  }
#joeTop { width:731px;  height:41px;clear:both;}
#joeTopList { width:724px;}
#joeTopList li {
	float:left;
	width:92px;
	height:40px;
	margin-left:2px;
	display:inline;
}
#joeTopList li.w {
	width:122px;
}
#joeTopList li.w1 {
	width:95px;
}

#joeTopList li a	{
	display:block;
	width:100%;
	height:40px;}
	
.skills a	{
	display:block;}
		
#joeTravelList a span, #joeTravelList a:hover span, #joeTopList li a span, .skills a span, #joe_Blog a span, .blog_intro, #new_vid span, #newsThanksMain h2 span, #joeLinks .facebook span, #joeLinks .twitter span, #joeHeader a span	{
	display:none;}
	
#joeHello { float:left; clear:left; width:467px; display:inline; margin:7px 0 0 7px; }
#PJH-boxes { width:476px; float:left;}
#PJH-boxes li	{
	color:white;
	float:left;
	display:inline;
	margin:7px 0 0 7px;
	height:100px;
	width:230px;}
	
#joeHello li{
	float:left;
	width:231px;
	height:171px;
	color:white;}

#PJH-boxes .hello, #PJH-boxes .skills, .skills a {height:171px;}
#PJH-boxes .hello p {
	padding:42px 10px 10px 10px;
	font-weight:bold;   
	\width: 190px;
    w\idth: 210px;}	
	
	
#joeHello .skills	{margin-left:7px;}
#PJH-boxes a	{display:block;font-size:11px;color:white !important;}
.music { padding: 30px 107px 5px 10px !important; width:114px;}
.youandjoe { padding: 30px 112px 22px 10px !important; width:108px;}
.travel {padding: 31px 5px 5px 89px !important; text-align:right; width: 135px; height:64px;}
.wallpaper {padding: 31px 5px 5px 116px !important; text-align:right; width: 109px; height:64px;}
.whois { padding: 30px 59px 7px 10px !important; width:161px;}

#joeFiller { float:right; height:100px; width:7px; display:block; }
#joeRight { float:right; width:242px; display:inline; margin-right:0px;}
.joe_Blog {height:72px; width:240px; }
#joeRight p { padding-left:5px; width:auto; }
#joeRight li { float:right; clear:right; width:242px;  font-size:10px; color:black; display:inline;  margin:0; overflow:hidden; }
#joeRight li.say { height:90px; margin-top:5px; }
#joeRight .a { display:block; width:100%; height:90px; }
#joeRight p.txt { font-size:10px;  padding:32px 0px 5px 5px; }

#joeLinks	{
	padding:39px 0 0;
	margin-left: 75px;}
	
#joeLinks li {
	float:left;
	margin:0 !important;
	width:45px;
	height:42px;}

#joeLinks .twitter	{margin-left:4px;}


/* Travel stores */

.planet-joe-wrapper	{color:#000;}

.travel-story	{background:#000; padding:10px;}

.travel-info	{background:#FDBE17;width:220px;padding:5px;float:left;}

.travel-piece	{padding:10px;}
.travel-column-left	{float:left;width:395px;}
.travel-column-right	{float:right;width:306px;display:inline;}
.travel-profile	{width:138px;float:right;margin:65px 49px 0 0;display:inline;}
.travel-profile	li	{line-height:18px;}
.travel-profile	li span	{font-weight:bold;}
.travel-profile	li .single-line	{display:block;}

.travel-info dl, .travel-profile dl	{
	margin:0;}
	
.travel-info dt, .travel-profile dt	{
	float:left;
	margin:2px 0 2px 0;
	width:80px;}
	
	
.travel-info dd, .travel-profile dd	{
	margin:5px 0 5px 5px;
	font-weight:bold;
	float:left;
	width:100px;}
		
.travel-info dt:after, .travel-profile dt:after	{
	content:":";}
	
.travel-photos-main	{
	display:block;
	margin:20px 0 0 0;
	text-align:center;}	

.travel-pics .pics-small	{
	margin-top:6px;}
		
.travel-pics .pics-small li, .travel-gallery .pics-small li	{
	float:left;
	display:inline;
	margin-right:3px;
	width:70px;}
	
.pics-small li	{
	margin-right:6px;}	
	
.travel-pics .pics-small li	{
	margin-right:3px;}		
	
.travel-column-right	{
	color:#FFF;
	margin-left:10px;}
	
.travel-column-right p a	{
	color:#FFF;
	text-decoration:underline;}	
	
.travel-column-right p, .travel-gallery p, .travel-column-right li	{
	color:#FFF;
	line-height:18px;
	margin-bottom:10px;}
	
.travel-gallery p, .travel-column-right p, .travel-column-right li	{
	margin-top:10px;
	font-family:"Comic Sans MS", cursive;
	font-size:13px;}
		
.travel-gallery	{
	margin-left:10px;}		
	
.travel-gallery ul	{
	width:365px;}	
	
.travel-copy a	{
	color:#FFF !important;
	font-weight:bold !important;
	text-decoration:underline !important;}	
	
.travel-postcard	{
	background:url(../images/PJ/trav_stories/postcard-bg.jpg) no-repeat 0 0 transparent;
	width:395px;
	height:222px;}
	
.travel-column-right h2	{
	color:#FFF;
	font-family:"Courier New", Courier, monospace;
	font-size:18px;
	margin:10px 0;
	font-weight:normal;}	

.travel-copy	{
	width:470px;
	float:right;
	display:inline;
	margin-left:10px;}
	
.travel-copy p	{
	color:#FFFFFF;
	margin-bottom:10px;}	
	
.profile-header	{
	float:left;
	display:inline;
	\width:130px;
	height:213px;
	padding:19px 0 0 64px;}
	
.profile-header img	{
	margin:15px 0 0 0;}	
		
.profile-header h2	{
	color:#000;
	font-family:"Courier New", Courier, monospace;
	font-size:18px;
	margin:10px 0;
	font-weight:normal;}		
		
.prev_hidden	{background:#000;}

.travel-profile	li	{
	font-family:"Comic Sans MS", cursive;}
	
.travel-profile	li span	{
	font-family:"Courier New", Courier, monospace;}
	
	
#joeTravelList {height:41px;background: url('../images/pj/pj-travel3.jpg') black no-repeat top left;}
#joeTravelList li { float:left; width:102px; height:39px; margin:1px 2px; display:inline;}
#joeTravelList .l { width:170px; }
#joeTravelList .m { width:370px; margin:1px 30px;}
#joeTravelList .r { width:123px; }
#joeTravelList .a { display:block; width:100%; height:39px;}

	
.travel-header	{
	background:url(../images/PJ/trav_stories/travel-header.jpg) no-repeat 0 0 transparent;
	height:180px;}

.travel-header p, .wallpaper-header p, .whoisjoe-header p, .YAJ-header p, .music-header p{
    line-height: 16px;
    padding: 0 18px 24px 395px;
    width: 313px;}

	
.travel-header h1, .wallpaper-header h1, .whoisjoe-header h1, .YAJ-header h1, .music-header h1	{
    display: block;
    height: 40px;
	margin-top:0;
    padding: 46px 0 0 382px;
    width: 269px;}	

.travel-header h1 span, .wallpaper-header h1 span, .whoisjoe-header h1 span, .YAJ-header h1 span, .music-header h1 span	{
	display:none;}
	
.travel-home, .music-home	{
	background:#000;
	padding:10px 10px 20px 10px;}	
	
.travel-home li	{
	background:url(../images/PJ/trav_stories/planetjoe-travel-stamp.jpg) no-repeat 0 0 transparent;
	float:left;
	display:inline;
	margin:10px 0 0 12px;
	width:150px;
	height:170px;
	padding:6px 5px;}
	
.music-home li	{
	float:left;
	display:inline;
	margin:10px 0 0 12px;
	width:150px;
	height:200px;
	padding:6px 5px;}	

.travel-home li a img, .music-home li a img	{
	border:0;}
		
.travel-home li span	{
	display:block;
	padding:5px;
	font-weight:bold;
	text-align:center;
	font-size:13px;
	line-height:18px;
	width:140px;}
	
.music-home li span	{
	color:#efb211;
	display:block;
	padding:5px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	font-size:13px;
	line-height:18px;
	width:140px;}	

.band-info	{
	width:741px;}
		
.band-info img	{
	float:left;
	padding:10px 20px;
	width:150px;}
		
.band-info h2, .band-info dl	{
	color:#F5B716;
	line-height:28px;}
	
.band-info h2	{
	font-size:18px;
	margin-top:10px;
	font-style:italic;
	font-weight:normal;}					

.bio	{
	width:541px;
	float:left;}
			
.band-info dl	{
	margin:0;
	font-size:13px;
	font-weight:bold;
	font-style:italic;}
				
.band-info dl dt	{
	float:left;
	width:85px;}
	
.band-info dl dt:after	{
	content:":"	;}
	
.band-info dl dd	{
	float:left;
	width:456px;
	margin:0;}	
			
.band-info dl dd.social-media	{
	width:541px;}

.social-media a span	{
	display:none;}
		
.social-media a	{
	color:#EFB419 !important;
	display:block;
	width:32px;
	height:32px;
	margin-right:10px;}
			
.social-media .facebook	{
	background:url(../images/PJ/music/facebook.jpg) no-repeat 0 0 transparent;}
	
.social-media .twitter	{
	background:url(../images/PJ/music/twitter.jpg) no-repeat 0 0 transparent;}	
	
.social-media .youtube	{
	background:url(../images/PJ/music/youtube.jpg) no-repeat 0 0 transparent;}

.social-media .myspace	{
	background:url(../images/PJ/music/myspace.jpg) no-repeat 0 0 transparent;}
	
.social-media li	{
	float:left;
	width:42px;}	

.youtube-vid	{
	margin:20px 0;}
			
.youtube-vid .vid1	{
	margin-left:20px;
	float:left;
	width:330px;}

.youtube-vid .vid2	{
	margin-right:20px;
	float:right;
	text-align:center;
	width:330px;}

.back	{
	color:#EFB419 !important;
	display:block;
	padding-left:20px !important;}
			
.weblink, .weblink a	{
	width:340px !important;}			
/*  Joe wallpapers */

.wallpaper-header	{
	background:url(../images/PJ/wallpapers-header.jpg) no-repeat 0 0 transparent;
	height:180px;}

.wallpapers-list	{
	padding:20px 0 15px;}
		
.wallpapers-list li	{
	display:inline;
	float:left;	
	padding-left:32px;
	width:200px;}
		
.wallpapers-list li	ul li	{
	width:50%;
	padding:6px 0;
	float:left;}
		
/* Who is Joe */
.whoisjoe-header	{
	background:url(../images/PJ/whoisjoe-header.jpg) no-repeat 0 0 transparent;
	height:180px;}
	
.about-joe	{
	background:url(../images/PJ/whoisjoe3.jpg) no-repeat 0 0 transparent;
    height: 77px;
	margin-top:5px;
    padding: 33px 10px 0;}
	
.about-joe p	{
	line-height:1.3em;
	color:#FFF;}	
	
/* You and Joe */
.YAJ-thumbs	{
	width:370px;
	float:left;
	padding:10px 0 0 0;}
	
.YAJ-thumbs li	{
	background:#FFF;
	float:left;
	display:inline;
	margin:0 0 5px 5px;
	padding:10px 2px 0;
	text-align:center;
	width:176px;
	height:170px;}
		
.YAJ-header	{
	background:url(../images/PJ/youandjoe-header.jpg) no-repeat 0 0 transparent;
	height:180px;}	
	
.PJ-bg	{
	background:#000;
	width:731px;
	padding-bottom:10px;}	
	
.PAJ-main-photo	{
	background:#FCBD16;
	float:right;
	position:relative;
	margin:10px 5px 0 5px;
	width:350px;}	
		
.photobox	{
	position:relative;
	margin:10px auto 60px auto;
	width:325px;
	height:295px;
	text-align:center;}	
	
	.photobox h2	{
		font-size:16px;
		margin-top:50px;}
		
.pic-overlay	{
	position:absolute;
	width:325px;
	height:250px;
	top:0;
	left:0;}
	
.pic-overlay a	{
	height:250px;
	width:320px;
	display:block;}	
	
.pic-overlay a span	{
	display:none;}
	
.send-us-pics	{
	background:url(../images/PJ/youandjoe/senduspics.jpg) no-repeat 0 0 #f9bb15;
	float:right;
	margin:5px 5px 0 0;
	width:350px;
	height:152px;
	display:inline;}	
		
.send-us-pics h2	{
	width:350px;
	height:34px;
	display:block;}
	
.send-us-pics ul	{
	padding:5px 0 0 110px;}
	
.send-us-pics li, .send-us-pics ul	{	
	list-style:disc inside;
	line-height:17px;
	font-weight:bold;}		
	
.send-us-pics p	{
	line-height:17px;
	font-weight:bold;	
	padding:8px 0 0 10px;}
	
.send-us-pics h2 span	{
	display:none;}
	
.more-photos	{
	clear:both;
	display:inline-block;
	text-align:right;
	padding:8px 10px;}	
	
.more-photos a	{
	color:#FFF !important;
	font-weight:bold;
	text-decoration:underline !important;}	

.YAJ-thumbs li a img	{
	padding-bottom:8px;}
		
.YAJ-thumbs li a	{
	font-weight:bold;}	
	
/* Music */
#musicContainer #joeTop {background:url('../images/PJ/menus/pj-music.jpg') no-repeat 0 0 #000000; }

.music-header	{
	background:url(../images/PJ/music-header.jpg) no-repeat 0 0 transparent;
	height:180px;}	
	
	/*Joe Blog Wrapper*/
#joe_Blog {
	margin-top:124px;
	float:left;}
	



/*Joe Blog Link Positioning*/
#joe_Blog  .a {
	display:block;
	width:220px;
	height:72px;
	margin-left: 9px;
}



/*Video Wrapper*/
#new_vid {
	margin-top:39px;
	float:left;}
	
#new_vid h3	{
	margin:0;
	padding:0;}	
	
/*Video List Position*/	
#joeRight li.new_vid {height:142px; width:240px; }

/*Video Link Positioning*/
#new_vid  .a {
	background:url(../images/PJ/pj_home/blogvid.jpg) no-repeat bottom left #000000;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	display:block;
	width:210px;
	height:139px;
	padding-top:3px;
	margin-left: 7px;
}

#newsThanksMain h2	{
	background:url(../images/oops.jpg) no-repeat 0 0 transparent;
	height:40px;
	display:block;
	margin-bottom:10px;
	width:63px;}

/*Joe Blog List Links Wrapper*/
#joe_BlogLinks {
	margin-top:22px;
	float:left;}
	
/*Joe Blog List Links Position*/	
#joe_BlogLinks li.joe_BlogLinks {height:48px; width:240px; }

/*Joe Blog List Links Positioning*/
#joe_BlogLinks  .a {
	display:block;
	width:220px;
	height:16px;
	margin-left: 9px;
	font-weight:bolder;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/*Joe Blog Bottom Wrapper*/
#joe_Blog_Bottom {
	margin-top:5px;
	float:left;}
	
/*Joe Blog Bottom Position*/	
#joe_Blog_Bottom li.joe_Blog_Bottom {height:38px; width:240px; }

/*Joe Blog Bottom Positioning*/
#joe_Blog_Bottom  .a {
	display:block;
	width:90px;
	height:38px;
	margin-left:139px;
}

#joe_Blog_Bottom  .a span	{
	display:none;}
	
#joeHello li.skills {
	width:230px;
	height:171px;
}

#joeContainerTopSkills {
	width:731px;
	min-height:100px;
	margin-top:0px;
	background-color: black;
	background-image: url(../images/PJ/pjtopsfl.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}




/* you and joe (YaJ) ---- */

#YaJContainer #joeTop {background:url('../images/PJ/menus/pjyaj.jpg') no-repeat 0 0 #000000; }

#YaJTop { width:731px;  height:221px;  float:left;  overflow:visible; display:inline;
  }

#YaJLeft { width:370px; float:left;}
#YaJLeft li { width:175px;  height:155px;  margin:7px 1px 3px 9px;  overflow:hidden; display:inline; color:white; text-align:center;}
#YaJLeft li div { width:171px; height:140px; margin-top:2px;}
#YaJLeft li img { max-width:171px; max-height:135px; margin-top:0px;}
#YaJLeft li.l {  float:left;  clear:left;  }
#YaJLeft li.r {  float:left;   }
#YaJLeft li p {  float:left;  clear:both; text-align:center; width:100%; color:white; font-size:11px; }

#YaJRight { margin: 3px 0 0 9px; width:350px; float:left; display:inline;}
#YaJRight li.t { width:350px;  height:260px; margin:0;  overflow:hidden; text-align:center; }
#YaJRight li.b { width:340px;  height:45px; margin:0; padding:5px;  overflow:hidden; text-align:center; }

#morelink { display:block; width:120px; margin:163px 0 0 0px;  padding-left:8px; height:15px; float:left;}
#morelink a { color:white; font-weight:bold; width:120px; }

/* music ---- 

#musicContainer { width:731px;   height:723px;  margin-top:0px;
  background: url('../images/pj/planetjoemusic.jpg') black;
  }
*/
#musicTop { width:731px;  height:130px;  float:left;  overflow:visible; display:inline;
  }

#musicHeading { width:731px;  height:78px;  float:left;  margin:0px 0px 13px 0px; display:inline;  overflow:hidden;
  }
#musicHeading p { font-size:12px; line-height:1.3em; width:318px;  height:80px;  margin:0px 0px 0px 390px; overflow:hidden;;
  }

#musicLeft { width:370px; float:left; margin:2px 0 0 0; display:inline;}
#musicLeft li { float:left; width:355px;  height:81px; color:white; display:inline; padding:3px; margin:6px 1px 4px 8px;  overflow:hidden; }
#musicLeft li.hi { background:#F5B714;  }
#musicLeft li.hi p { color:black;  }
#musicLeft div.cliprect { float:left; width:203px;  height:81px;  margin:0;  overflow:hidden; background:red; }
#musicLeft p { float:right; width:140px;  height:75px; color:white; display:block; padding:3px 3px 3px 0px; overflow:visible;}
#musicLeft span { color:#F5B714; font-weight:bold; }
#musicLeft li.hi span { color:black; font-weight:bold; }

#musicVid { width:341px;  height:280px;  margin:7px 7px 0 0px;  float:right; display:inline; overflow:hidden;  background:black; }

#musicTitle { width:200px;  height:22px;  margin:12px 7px 0 0px;  float:right; display:inline; overflow:hidden; color:black; }

#musicDescrip { width:345px;  height:60px;  margin:9px 7px 0 0px;  float:right; display:inline; overflow:hidden;  color:white;; }
#musicDescrip a { color:white; text-decoration:underline;}
#musicDescrip a:hover { color:#980000; text-decoration:underline;}

#musicLinks { width:360px;  height:40px;  float:right;  margin:42px 0px 0px 0px; overflow:hidden; display:inline;}
#musicLinks li { float:left; width:40px; height:40px; margin:0 3px;  display:inline;}
#musicLinks li.n { width:43px; }
#musicLinks li.w { width:100px; }
#musicLinks .a { display:block; width:100%; height:40px;}

/* wallpaper -------- */

#joeContainerTopWP { width:731px; min-height:100px; margin-top:0px;
  background: url('../images/pj/pjtopwp.jpg') black no-repeat top left;
  }

a.wplink:link, a.wplink:visited, a.wplink:active { color:white; }
a.wplink:hover { color:#980000;  }

/* travel ----------- */

#joeContainerTopTS { width:731px;  min-height:100px; margin-top:0px;
  background: url('../images/pj/pjtopts.jpg') black no-repeat top left;
  }


/* whoisjoe ----------- */

#joeContainerTopWI { width:731px;  min-height:100px; margin-top:0px;
  background: url('../images/pj/pj-whoisjoetop.jpg') black no-repeat top left;
  }

#joeWI { width:731px; float:left; clear:left; }
#joeWI li {  float:left;  clear:left; width:731px; margin:0;  overflow:hidden; display:inline; color:white;}
#joeWI li.top    { height:180px; background: white url('../images/PJ/whoisjoe1.jpg') no-repeat top left; }
#joeWI li.middle { background:black; }
#joeWI li.middle div { float:left;  clear:left; border:0px; margin:0; padding:0; }
#joeWI li.middle img { border:0px; margin:0; padding:0; }
#joeWI li.bottom { height:110px; background: black url('../images/PJ/whoisjoe3.jpg') no-repeat top left; }
#joeWI li.bottom p { text-align:left; width:700px; color:white; font-size:12px; padding:32px 0px 0 15px; line-height:1.3em;}


/* intro -------- */

#joeContainerIntro { width:731px;  margin-top:10px;}

#intro {	width:731px;}

/* mos clothing --------------- */

.mos_header {	height: 131px;	width: 579px;	float: left;}
.mso_container {	height: 100px;	width: 579px;	float: left;	clear: none;}
.mos_links {	height: 313px;	width: 289px;	float: left;}
.mos_linksCopy {	height: 290px;}
.mos_footer {	height: 131px;	width: 579px;	float: left;}
.mos_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	text-transform: none;
}

/* coke zone -------------- */

#cokeBack {
  background: url('../images/headcokezonecoke.jpg') no-repeat 400px 55px;
  }
#cokeLink {
  width:271px;  height:40px;  margin:0px 0 0px 0;
  background: url('../images/headcokezonegetinto.jpg') no-repeat;
  }

#cokeLink a img {
  cursor:pointer;  width:242px;  height:21px;  margin:15px 0 0px 0px;
  background: url('../images/headcokezonegetintobtn.jpg') no-repeat;
  }

#cokeLink a img:hover {
  margin:16px 0 0px 0px;
  }


 /*Styles for Natwest Promotion Added by DS - 18/9/08*/

#natwest_wrapper {
	width: 750px;
	background-color: #BDC59C;
	height: 100%;
	margin-left:-10px;
	margin-top:-32px;
}
#natwest_header {
	background-image: url(../images/natwest/Natwest_header.jpg);
	width: 750px;
	height: 111px;
	background-repeat: no-repeat;
}
#natwest_info {
	background-image: url(../images/natwest/Natwest_body.jpg);
	width: 750px;
	height: 389px;
	background-repeat: no-repeat;
	clear: left;
}
#natwest_form {
	background-image: url(../images/natwest/form_bg.jpg);
	width: 750px;
	height: 223px;
	padding-top: 10px;
	background-repeat: no-repeat;
	clear: left;
}
.natwest_table {
	background-color: #BDC59C;
	margin-left: 80px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 588px;
}
.natwest_radio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: center;
	padding-left: 70px;
}
.natwest_textBorder {
	border: 1px solid #970000;
}

.natwest_conditions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
.natwest_conText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
}
.natwest_formLable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	line-height: 28px;
}
.natwest_radioHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
#natwest_confirminfo {
	background-image: url(../images/natwest/thanks_bg.jpg);
	width: 750px;
	height: 389px;
	background-repeat: no-repeat;
	clear: left;
}
#natwest_errorinfo {
	background-image: url(../images/natwest/error_bg.jpg);
	width: 750px;
	height: 389px;
	background-repeat: no-repeat;
	clear: left;
}

 /*Styles for October 10 Warehouse Clearance Sale Landing Page Added by DS - 08/10/10*/

#oct08_wh_c_sale_wrapper {
	width: 750px;
	background-color: #BDC59C;
	height: 100%;
	margin-left:-10px;
	margin-top:-32px;
	position:relative;
}
#oct08_wh_c_sale_header {
	background-image: url(../images/oct08_wh_c_sale/oct08_wh_c_sale_Header.jpg);
	width: 750px;
	height: 111px;
	background-repeat: no-repeat;
}
#oct08_wh_c_sale_info {
	background-image: url(../images/wh_clearance_sale_march_09/sale_page_bg.jpg);
	width: 750px;
	height: 422px;
	background-repeat: no-repeat;
	clear: left;
}


#oct08_wh_c_sale_Btn_Holder{
	display: block;
	padding-top: 310px;
	padding-left: 100px;
	float: left;
}
.ssPreview09_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	color: #731B57;
}
.ssPreview09_text_Bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #731B57;
}

/*Styles for Press Area */
.press_main	{
		background:url(../images/pressarea/press-section-design_03.jpg) no-repeat -9px 0 #89481d;
		height:689px;
		position:relative;
		width:723px;}

.shoplabel	{
	background:#FFF;
	display:block;
	border:1px solid #000 !important;
	line-height:14px;
	padding:5px !important;
	position:absolute;}
	
	
.shoplabel span	{
	color:#980303;
	display:block;
	font-weight:bold;
	text-transform:uppercase;}
	
.linklabel	{
	display:block;}
	
.linklabel span	{
	display:none;}
		
		
.frame_1	{
	height:282px;
	position:absolute;
	top:5px;
	left:25px;
	width:260px;}
		
	.frame_1 .linklabel	{
		height:282px;
		width:251px;
		}
	
	.frame_1 .shoplabel	{
		left:154px;
		bottom:40px;
		width:90px;
		}	
		
.frame_2	{
	height:274px;
	position:absolute;
	top:5px;
	left:340px;
	width:260px;}
		
	.frame_2 .linklabel	{
		height:282px;
		width:251px;
		}
	
	.frame_2 .shoplabel	{
		bottom: 73px;
		left: 34px;
		width: 93px;
		}
		
			
		
.frame_3	{
	height:357px;
	position:absolute;
	top:317px;
	left:20px;
	width:211px;}
		
	.frame_3 .linklabel	{
		height:357px;
		width:211px;
		}
	
	.frame_3 .shoplabel	{
		left:0;
		bottom:100px;
		width:80px;}	
		
.frame_4	{
	height:230px;
	left:300px;
	position:absolute;
	top:455px;
	width:202px;}
		
	.frame_4 .linklabel	{
		height:282px;
		width:251px;
		}
	
	.frame_4 .shoplabel	{
		bottom:49px;
		left:111px;
		width:103px;
		}	
						
		
.frame_5	{
	height:260px;
	left:507px;
	position:absolute;
	top:276px;
	width:255px;}
		
	.frame_5 .linklabel	{
		height:282px;
		width:251px;
		}
	
	.frame_5 .shoplabel	{
		bottom:7px;
		left:18px;
		width:100px;
		}						

.frame_6	{
	height:230px;
	position:absolute;
	top:29px;
	left:492px;
	width:185px;}
		
	.frame_6 .linklabel	{
		height:230px;
		width:185px;}
	
	.frame_6 .shoplabel	{
		bottom: 21px;
		left: 97px;
		width: 93px;
		}
		
.press_main .festival	{
    bottom: 62px;
    height: 25px;
    left: 537px;
    position: absolute;
    width: 185px;}		
	
.press_main .festival .shoplabel	{
	background:#0CC;
	padding:10px !important;
	font-weight:bold;}	
						
.pressarea_intro	{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000000;
    left: 235px;
    padding: 0 10px 10px;
    position: absolute;
    top: 262px;
    width: 226px;}		
		
/* Styles for SS11 preview */

.womenss11_main	{
	background: url("../images/ss11preview/ss11collection-womens.jpg") no-repeat scroll 0 0 #639ca3;
    height: 661px;
    position: relative;
    width: 723px;}
		
.item a	{
	position:absolute;}
			
.item_1 .linklabel	{
	top:172px;
	left:9px;
	width:156px;
	height:320px;}
	
.item_2 .linklabel	{
    height: 167px;
    left: 170px;
    top: 173px;
    width: 120px;}	
	
.item_3 .linklabel	{
    height: 211px;
    left: 295px;
    top: 155px;
    width: 160px;}	
	
.item_4 .linklabel	{
    height: 197px;
    left: 454px;
    top: 146px;
    width: 146px;}
	
.item_5 .linklabel	{
    height: 250px;
    left: 600px;
    top: 176px;
    width: 119px;}		
	
.menss11_main	{
	background: url("../images/ss11preview/ss11collection-mens.jpg") no-repeat scroll 0 0 #639ca3;
    height: 652px;
    position: relative;
    width: 723px;}
			
.item_1m .linklabel	{
	top:18px;
	left:30px;
	width:211px;
	height:242px;}
	
.item_2m .linklabel	{
    height: 245px;
    left: 253px;
    top: 41px;
    width: 219px;}	
	
.item_3m .linklabel	{
    height: 271px;
    left: 488px;
    top: 56px;
    width: 216px;}
		
.item_4m .linklabel	{
    height: 286px;
    left: 21px;
    top: 295px;
    width: 188px;}
	
.item_5m .linklabel	{
    height: 250px;
    left: 492px;
    top: 347px;
    width: 219px;}					
						
/*Styles for DTA Rec A friend Promotion Added by DS - 18/9/08*/

#dta_rec_wrapper {
	width: 750px;
	background-color: #BDC59C;
	height: 100%;
	margin-left:-10px;
	margin-top:-32px;
}
#dta_rec_header {
	background-image: url(../images/dta_rec/header.jpg);
	width: 750px;
	height: 111px;
	background-repeat: no-repeat;
}
#dta_rec_info {
	width: 750px;
	clear: left;
	background-color: #BDC59C;
}
#dta_rec_form {
	width: 750px;
	height: 223px;
	padding-top: 10px;
	clear: left;
	background-color: #00FFFF;
}
.natwest_table {
	background-color: #BDC59C;
	margin-left: 80px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 588px;
}
.natwest_radio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: center;
	padding-left: 70px;
}
.natwest_textBorder {
	border: 1px solid #970000;
}

.natwest_conditions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
.natwest_conText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
}
.natwest_formLable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	line-height: 28px;
}
.natwest_radioHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
#natwest_confirminfo {
	background-image: url(../images/natwest/thanks_bg.jpg);
	width: 750px;
	height: 389px;
	background-repeat: no-repeat;
	clear: left;
}
#natwest_errorinfo {
	background-image: url(../images/natwest/error_bg.jpg);
	width: 750px;
	height: 389px;
	background-repeat: no-repeat;
	clear: left;
}
.dta_rec_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #860000;
	padding-top: 3px;
	padding-bottom: 3px;
}
.dta_rec_inputs {
	border: 1px solid #860000;
}
.dta_rec_buttons {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	background-color: #860000;
	border: 1px solid #000000;
	height: 40px;
	width: 100px;
	margin-top: 8px;
}

#dta_rec_header_good {
	background-image: url(../images/dta_rec/header_good.jpg);
	width: 750px;
	height: 111px;
	background-repeat: no-repeat;
}
#dta_rec_header_error {
	background-image: url(../images/dta_rec/header_error.jpg);
	width: 750px;
	height: 111px;
	background-repeat: no-repeat;
}
#cd_wow_wrapper {
	width: 750px;
	background-color: #BDC59C;
	height: 100%;
	margin-left:-10px;
	margin-top:-32px;
}
#cd_wow_header {
	background-image: url(../images/cd_wow/cdHeader.jpg);
	width: 750px;
	height: 111px;
	background-repeat: no-repeat;
}
#cd_wow_info {
	background-image: url(../images/cd_wow/cdBg.jpg);
	width: 750px;
	height: 422px;
	background-repeat: no-repeat;
	clear: left;
}
#cd_wow_Btn_Holder {
	padding-top: 10px;
	padding-left: 400px;
	clear: left;
	display: block;
}
#cd_wow_text {
	float: left;
	width: 620px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 70px;
	margin-left: 63px;
}
.cd_wow_text {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-bottom: 20px;
	line-height: 20px;
}
.cd_wow_contact {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}
#wkd_wrapper {
	width: 750px;
	background-color: #BDC59C;
	height: 100%;
	margin-left:-10px;
	margin-top:-32px;
}
#wkd_header {
	background-image: url(../images/wkd/wkdHeader.jpg);
	width: 750px;
	height: 111px;
	background-repeat: no-repeat;
}
#wkd_info {
	background-image: url(../images/wkd/wkdbg.jpg);
	width: 750px;
	height: 537px;
	background-repeat: no-repeat;
	clear: left;
}
#wkd_Btn_Holder {
	padding-top: 10px;
	padding-left: 300px;
	clear: left;
	display: block;
}
#wkd_text {
	float: left;
	width: 620px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 70px;
	margin-left: 63px;
}
.wkd_text {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-bottom: 20px;
	line-height: 20px;
}
.wkd_contact {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}
.ssPreview09_stext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	color: #000000;
	text-align: left;
}
.ssPreview09_stext_Bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align: left;
}
.thawte_large {
	margin-top: 10px;
	margin-bottom: 10px;
}
#joeTopList li.w2 {
	width:65px;
}
#joeTopList li.w3 {
	width:94px;
}
#joeTopList li.w4 {
	width:110px;
}

#joeContainerTopSkills {
	width:731px;
	min-height:100px;
	margin-top:0px;
	background-color: black;
	background-image: url(../images/PJ/pjtopsfl.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.ssPreview10_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	color: #FFFFFF;
}
.ssPreview10_text_Bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}

.ssPreview10_text_mb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	color: #000000;
}
.ssPreview10_text_Bold_mb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}

.ssPreview10_stext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
}
.ssPreview10_stext_Bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
}

 /*Styles for E Brochure Landing Page - 3 Pgae Layout Added by DS - 26/04/10*/

/*#jbeb_wrapper {
	width: 750px;
	background-color: #BDC59C;
	height: 100%;
	margin-left:-10px;
	margin-top:-32px;
}
#jbeb_header {
	background-image: url(../images/headebrochure.jpg);
	width: 750px;
	height: 111px;
	background-repeat: no-repeat;
}
#jbeb_info {
	background-image: url(../images/ebrochureBG.jpg);
	width: 750px;
	height: 579px;
	background-repeat: no-repeat;
	clear: left;
}


#jbeb_cat1{
	padding-top: 37px;
	padding-left: 32px;
	float: left;
	height: 365px;
	width: 222px;
	display: block;
}

#jbeb_cat1 a{
	color:black;
	float: left;
	height: 365px;
	width: 222px;
	display: block;
}


#jbeb_cat2{
	padding-top: 37px;
	padding-left: 12px;
	float: left;
	height: 365px;
	width: 222px;
	display: block;
}

#jbeb_cat2 a{
	color:black;
float: left;
	height: 365px;
	width: 222px;
	display: block;
}

#jbeb_cat3{
	padding-top: 37px;
	padding-left: 12px;
	float: left;
	height: 365px;
	width: 222px;
	display: block;
}

#jbeb_cat3 a{
	color:black;
	float: left;
	height: 365px;
	width: 222px;
	display: block;
}
*/
 /*Styles for E Brochure Landing Page - 2 Pgae Layout Added by DS - 26/04/10*/

#jbeb2p_info {
   background-image: url("../images/ebrochureBG.jpg");
    background-repeat: no-repeat;
    clear: left;
    height: 579px;
    left: -10px;
    position: relative;
    width: 740px;
	top:50px;
}


#jbeb2p_cat1{
	padding-top: 37px;
	padding-left: 118px;
	float: left;
	height: 365px;
	width: 222px;
	display: block;
}

#jbeb2p_cat1 a{
	color:black;
float: left;
	height: 365px;
	width: 222px;
	display: block;
}




#jbeb2p_cat2{
	padding-top: 37px;
	padding-left: 71px;
	float: left;
	height: 365px;
	width: 222px;
	display: block;
}

#jbeb2p_cat2 a{
	color:black;

	float: left;
	height: 365px;
	width: 222px;
	display: block;
}



.ssPreview09_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	color: #731B57;
}
.ssPreview09_text_Bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #731B57;
}

/* No search results page */
.search-tips {
	list-style-type: none;}
	
.search-tips li	{
	background-image: url(../images/jbstars.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding:6px 0 6px 30px;
	line-height:1.3em;
	display:inline-block; }	

h2.sorry	{
	background:url('../images/chsorry.jpg') no-repeat 0 0 transparent;
	width:69px;
	height:35px;
	display:block;}
	
h2.sorry span, h2.bestsellers span	{
	display:none;}
	
.search p	{
	line-height:1.3em;
	margin-bottom:10px;}
	
h2.bestsellers	{
	background:url('../images/not_found_best_sellers.jpg') no-repeat 0 0 transparent;
	width:421px;
	height:48px;
	display:block;}
	
.bestseller-items li	{
	width:128px;
	margin-left:10px;
	float:left;
	display:inline;}
	
.bestseller-items .one	{
	background:url(../../products/images/basket/LD322A.jpg) no-repeat center 0 transparent;}
	
.bestseller-items .two	{
	background:url(../../products/images/basket/CT465A.jpg) no-repeat center 0 transparent;}	

.bestseller-items .three	{
	background:url(../../products/images/basket/LK240A.jpg) no-repeat center 0 transparent;}
	
.bestseller-items li a, .bestseller-items li a:hover {
	display:inline-block;
	padding-top:120px;
	width:128px;}
	
.bestseller-items li a span	{
	padding-top:5px;
	display:block;
	text-align:center;}
	
.bestseller-items li a .price	{
	color:#980000;
	font-weight:bold;}	

#catalogueRight	.hrline	{
	width:250px;}
	
.vouchers p	{
		margin-bottom:10px;}
		
.vouchers p, .vouchers li	{
		line-height:1.3em;}
			
		
.vouchers h2	{
	margin-bottom:15px;}		
	
.voucher-option	{
	float:left;
	width:315px;}
	
#giftpBack a span, #gifteBack a span	{
	display:none;}
	
#GiftHelp	{
	padding:10px 0 20px 0;
	border-top:1px solid #000;	}
	
.voucher-option	li, .voucher-option	{
	list-style:disc outside !important;}
	
.vouchers ul, .vouchers ol	{
	margin-left:20px;}
		
.whc-mar11	{
	background:url(../images/whc-oct11/page-banner.jpg) no-repeat 0 0 transparent;
	width:750px;
	height:422px;
	position:relative;}
	
	
.whc-button	{
	display:inline-block;
	position:absolute;
	top:335px;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	color:#FFF !important;
	width:330px;}
	
.whc-button span	{
	display: block;
    padding: 21px 6px 20px 48px;
    text-align: center;}
	
.whc-button.womens	{	
	left:39px;}
	
.whc-button.mens	{	
	left:405px;}	
	
.whc-mar11 span.banner	{
	display:none;}
	
	
	
.brand-bibles	{
	width:600px;
	margin:0 auto;
	padding-left:40px;}
	
.brand-bibles li	{
	float:left;
	width:250px;
	padding:20px;}	
	
.brand-bibles li a	{
	display:block;
	width:220px;
	height:290px;}		
	
.brand-bibles a span	{
	display:none;}	
	
.brand-bibles .bb1	{
	background:url(../images/PJ/whoisjoe/brandbible1.jpg) no-repeat 20px 20px transparent;}
	
.brand-bibles .bb2	{
	background:url(../images/PJ/whoisjoe/brandbible2.jpg) no-repeat 20px 20px transparent;}		
	
.brand-bibles .bb3	{
	background:url(../images/PJ/whoisjoe/brandbible3.jpg) no-repeat 20px 20px transparent;}	
	
.brand-bibles .bb4	{
	background:url(../images/PJ/whoisjoe/brandbible4.jpg) no-repeat 20px 20px transparent;}	
	
.brand-bibles .bb5	{
	background:url(../images/PJ/whoisjoe/brandbible5.jpg) no-repeat 20px 20px transparent;}			

.festival_main h1	{
	background:url(../images/festival/festival-header.gif) no-repeat 0 0 transparent;
	display:block;
	margin:0 !important;
	width:676px;
	height:80px;
	font-size:1.6em;}
	
.festival_main h1 span	{
	display:none;}	
	
.festival_main h2	{
	font-size:1.4em;
	margin:15px 0 0;
	display:inline-block;
	line-height:1.6em;
	clear:none;}
	
.festival_main p, .festival_main li	{
	line-height:1.4em;
	margin-top:10px;}
		
.festival_main	a	{
	text-decoration:underline;}	

.festival_main .capsule-wardrobe	{
	padding:10px 0;}
	
.festival_main .capsule-wardrobe li, .festival_main .essential-accessories li	{
	float:left;
	width:143px;
	text-align:center;}	
	
.festival_main .essential-accessories a	{
	padding-bottom:5px;}
		
.festival_main .wellie	{
	padding-right:10px;}	
	
.festival_main .bags li img	{
	vertical-align:middle;
	padding-right:10px;}	
	
span.joe-sig	{
	background:url(../images/festival/joesig.jpg) no-repeat 0 0 transparent;
	display:block;
	margin-top:10px;
	width:79px;
	height:57px;}
	
span.joe-sig span	{
	display:none;}	
	
.essential-accessories	a	{
	display:block;}
	
/* TWITTER CUSTOMER SERVICE STYLES */

	.twtr-ft div, .twtr-reply, .twtr-rt, .twtr-fav, .twtr-profile-img-anchor, .twtr-hd	 {
		display:none;}
		
	.twtr-tweet-text p	{
		font-size: 1.6em;
    	font-weight: bold;}		
		
/* New FAQ section */

.answerbox	{
	display:none;}
	
.faqs-new p, .faqs-new li	{
	line-height:1.6em;
	margin:10px 0;}		
	
.faqs-new .faq-msg	{
	background: none repeat scroll 0 0 #9B0B0B;
    color: #FFF;
    font-size: 1.3em;
    font-weight: bold;
    padding: 10px;}
		
.faqs-new ul, .faqs-new li	{
	list-style:outside disc;}	
	
.faqs-new ul	{
	margin-left: 20px;}
	
.common-questions li	{
	text-decoration:underline;
	cursor:pointer;}	
	
.noneofthese	{
	color:#9B0B0B;
	font-size:1.2em;
	font-weight:bold;}
		
#contact-customerservices a	{
	text-decoration:underline;}	
	
.faqs-new h3, .faqs-new h2	{
	margin:10px 0}
	
.faqs-new dd	{
	margin-left:0;}	
	
.faqs-new dt	{
	font-weight:bold;}	
	
.faqs-new	{
	line-height:1.6em;}		
/* END */	
	
.cashcase-banner	{
	background:url('../images/cashcase-Banner.jpg') no-repeat 0 0;
	position:relative;
	width:729px;
	height:150px;}
	
.cashcase-banner p {
		font-size:18px;
		color:#FF0000;
		font-weight:bold;
		position:absolute;
		left:353px;
		top:58px;}
		
.cashcase-banner a	{
		padding:15px 60px;
		position:absolute;
		background:#000;
		font-size:18px;
		color:#FFF;
		font-weight:bold;
		left:400px;
		top:90px;}
		
.addressAlert	{
	background:#9B0B0B;
	border:3px solid #FFF;
	color:#FFF;
	padding:5px;}
	
	.addressAlert a	{
	color:#FFF !important;
	text-decoration:underline !important;}
	
#faq-alert	{
	font-size:16px;
	background:#BDC59D;
	padding: 40px 10px 60px;
	line-height:2em;
	font-weight:bold;}
			
#faq-alert a	{
	display:block;
	padding: 10px 10px;
	background:#9B0B0B;
	text-decoration:none;
	color:#FFF;
	margin:10px auto 0;
	width:350px;
	text-align:center;}	
	
#faq-alert a:hover	{
	background:	#BC1212;}		
	
#faq-alert p span	{
	display:block;
	font-size:40px;
	text-align:center;
	padding-bottom:20px;}