/* planet joe */
#joeHeader { width:99%; height:80px; border:0px solid red;}
#joeHeader .a { display:block; width:99%; height:80px; }

#joeContainer { width:731px;   height:546px;  margin-top:0px; display:block; float:left;
  background: url('../images/pj/planetjoe.jpg') black no-repeat top left;
  }
#joeTop { width:724px;  height:41px;  float:left;  overflow:visible;  display:inline;
  }
#joeTopList { width:724px;  height:32px;  float:left;  margin:4px 7px 0px 0px; display:inline; padding:0; overflow:visible;}
#joeTopList li {
	float:left;
	width:92px;
	height:32px;
	margin-left:2px;
	display:inline;
}
#joeTopList li.w {
	width:122px;
}
#joeTopList li.w1 {
	width:95px;
}
#joeTopList .a {
	display:block;
	width:100%;
	height:32px;
}

#joeHello { float:left; clear:left; width:467px; display:inline; margin-left:7px; }
#joeHello li {
	float:left;
	width:230px;
	color:white;
	display:inline;
	margin:7px 0 0 0px;
	overflow:hidden;
}
#joeHello li.hello {
	width:200px;
	clear:left;
	height:171px;
}
#joeHello li.hello p {  padding:42px 10px 10px 10px;  color:black;  }

#joeLeft { float:left; width:223px; display:inline; margin-left:7px;}
#joeLeft li { float:left;  width:230px; color:white; display:inline;  margin:7px 0 0 0px; overflow:hidden; }
#joeLeft li.l { clear:left; width:230px; height:100px; }
#joeLeft li.r { clear:none; width:230px; height:100px; margin-left:7px; }
#joeLeft .a { display:block; width:230px; height:100px; }
#joeLeft .txt {  font-size:10px; padding:31px 5px 5px 7px;  color:white; }
#joeLeft .txtr {  font-size:10px; padding:31px 5px 5px 7px;  color:white; text-align:right;}

#joeFiller { float:right; height:100px; width:7px; display:block; }
#joeRight { float:right; width:242px; display:inline; margin-right:0px;}
#joeRight p { padding-left:5px; width:auto; }
#joeRight li { float:right; clear:right; width:242px;  height:100px; font-size:10px; color:black; display:inline;  margin:0; overflow:hidden; }
#joeRight li.vid { height:207px; margin-top:40px;} /*margin-top was 7 - DS*/
#joeRight li.vidtxt { height:30px;  font-size:10px;  margin:5px 0px 5px 0px; color:white; display:inline;} /*height was 60 - DS*/
#joeRight li.vidtxt p { color:white;}
#joeRight li.linktop { height:28px;}
#joeRight li.linktxt { height:60px; margin:1px 0px 1px 0px;}
#joeRight li.linkbox { height:28px; }
#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 { width:200px;  height:28px;  float:left;  display:inline; margin:4px 0px 0px 15px; padding:0; overflow:visible; }
#joeLinks li {
	float:left;
	width:30px;
	height:28px;
	margin-left:10px;
}
#joeLinks .a { display:block; width:30px; height:28px;}

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

#YaJContainer { width:731px;   height:723px;  margin-top:0px;
  background: url('../images/pj/planetjoeyaj.jpg') black;
  }

#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;
  }

#joeTravelList { width:100%;  height:41px;  float:left;  display:inline; margin:4px 7px 0px 0px; padding-right:30px; overflow:hidden;
  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 li.l { width:170px; }
#joeTravelList li.m { width:370px; margin:1px 30px;}
#joeTravelList li.r { width:123px; }
#joeTravelList .a { display:block; width:100%; height:39px;}

/* 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:0px;  background: #000; }

#intro {	width:731px;	height:411px; }

/* 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 08 Warehouse Clearance Sale Landing Page Added by DS - 08/10/08*/

#oct08_wh_c_sale_wrapper {
	width: 750px;
	background-color: #BDC59C;
	height: 100%;
	margin-left:-10px;
	margin-top:-32px;
}
#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: 290px;
	padding-left: 70px;
	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 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;
}
#joeHello li.skills {
	width:230px;
	height:171px;
	margin-left: 37px;
}
#joeHello li.skills a {
	color:black;
	display: block;
	width: 100%;
	height: 230px;
}
#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;
}


.womens_page_text {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	color: #000000;
	text-align: left;
}
.womens_page_text_Bold {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	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);
	width: 750px;
	height: 579px;
	background-repeat: no-repeat;
	clear: left;
}


#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;
}