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


/* ------------------------------------------------------
COLOR SCHEME
RAINFOREST RUB		Light	30c82a	Dark	2a7818	High	EF8E22
LIGHT FANTASTIC		Light	E4C3A8	Dark	2DA9E1	High	154A97
ORANGE CRUSH			Light	EF8E22	Dark	E65C25	High	ED2024
PURPLE HAZE				Light 672B80	Dark	E30882	High	21ADC7
HARD CANDY				Light	F9BFC6	Dark	E70F80	High	4CB648
DIAMOND WHITE			Light	FFFEFE	Dark	85A5AF	High	AAB0B3
BANANA ARMOUR			Light	FAED23	Dark	FFC73B	High	DC5A26
BLUE VELVET				Light	20BBED	Dark	263B7E	High	FEDC00

LIME PRIME				Light C3FF64	Dark	8CC63F	High	F7931E

WASH BUCKET		Light	25AFE7	Dark	141BEB
RINSE BUCKET		Light	DA0301	Dark	FF736A

DODOLLY BLUE		Light	2B3694	Dark	151228	High	??????

SAND BACKGROUND		F9E4AC	fae1ab
SKY BACKGROUND		4B89D2
BROWN LINKS				68330F		BF793E		8B400F
-------------------------------------------------------*/

html {
	background-image: url(http://www.dodojuice.com/visuals/sea-scape.jpg);
	background-position: center;
	background-attachment: fixed;
	background-color: #FFF;
	scrollbar-face-color: #68330F; 
	scrollbar-shadow-color: #421F0B; 
	scrollbar-highlight-color: #8B400F; 
	scrollbar-3dlight-color: #E2AC71; 
	scrollbar-darkshadow-color: #4B89D2; 
	scrollbar-track-color: #4B89D2;
	scrollbar-arrow-color: #BF793E;
	padding: 0px;
	margin: 0px;
}

body {
	font-family: "Comic Sans MS", Arial, sans-serif;
  font-size: 14px;
  color: #564b47;  
  padding: 0px;
	margin: 0px;
  text-align: center;
	scrollbar-darkshadow-color: #321D10; 
	scrollbar-track-color: #532C16;
}

a:link			{color: #68330F; font-weight: bold; text-decoration: none;}
a:visited		{color: #BF793E; font-weight: bold; text-decoration:none;}
a:hover			{color: #8B400F; font-weight: bold; text-decoration:underline;}

h1	{
	padding: 0px;
	margin: 0px;
	font-size: 17px;
	color: #2a7818;
	text-transform: uppercase;
	text-shadow: #30c82a 2px 2px 1px;
	font-weight: bolder;
}

h2	{
	padding: 0px;
	margin: 0px;
	font-size: 15px;
	color: #2a7818;
	text-transform: uppercase;
	text-shadow: #30c82a 1px 1px 1px;
	font-weight: bolder;
}


#structure {
	background-image:url(http://www.dodojuice.com/visuals/structureBack.png);
	background-repeat: repeat-y;
	background-position: center;
	display: inline-block;
	margin: auto;
	width: 1000px;
	text-align: center;
}

#structureSC {
	background-image:url(http://www.dodojuice.com/ltds/skullcandy/visuals/structureBackSC.png);
	background-repeat: repeat-y;
	background-position: center;
	display: inline-block;
	margin: auto;
	width: 1000px;
	text-align: center;
}

#structure table {
	padding: 0px 35px 0px 35px;
}

#structureSC table {
	padding: 0px 35px 0px 35px;
}

/* ###### top link bar ###### */
#linkBar {
	display: block;
	position: absolute;
	top: 5px;
	left: 60%;
}

#linkBar img {
	border: none;
}

/* ###### top navigation ###### */
#menu {
	position: relative;
	top: -13px;
	width: 900px;
	padding-top: 14px;
	padding-bottom: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #FFFFFF;
	text-align: center;
	font-family: "Comic Sans MS";
	font-size: 14px;
	font-variant: small-caps;
	background-image: url(http://www.dodojuice.com/visuals/menu.jpg);
}

#menu a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px;
	padding-top: 14px;
	padding-bottom: 20px;
}
#menu a:active {
	border-bottom: 0px;
	border-left: 1px solid #728d40;
	border-right: 1px solid #30C82A;
	padding-left: 9px;
	padding-right: 9px;
	color: #2A7818;
	background-image: url(http://www.dodojuice.com/visuals/a_hover.jpg);
}
#menu a:hover {
	border-bottom: 0px;
	border-left: 1px solid #728d40;
	border-right: 1px solid #30C82A;
	padding-left: 9px;
	padding-right: 9px;
	color: #2A7818;
	background-color: #FFFFFF;
	background-image: url(http://www.dodojuice.com/visuals/a_hover.jpg);
}

.noBorderNav img {
	border: none;
}

/* ###### constructors ###### */

#content4IE { margin: 0px 10px 0px 10px; }

.noStyle { padding: 0px; margin: 0px; }

.noSpacing {
	margin: 0px;
	padding: 0px;
}

.picLeft {
	margin: 20px 15px 20px 5px;
	width: 300px;
	float: left;
	display: inline-block;
}

.picRight {
	margin: 20px 5px 20px 15px;
	width: 300px;
	max-height: 300px;
	float: right;
	display: inline-block;
}

/* ###### legal ###### */
#legal {
	position: relative;
	margin: -40px auto;
	width: 900px;
	font-size: 9px;
	color: #FFF;
	text-align: justify;
}

#legal a:link				{color: #FFFFFF; font-weight: bold; text-decoration: none;}
#legal a:visited		{color: #FFFFFF; font-weight: bold; text-decoration:none;}
#legal a:hover			{color: #FFFFFF; font-weight: bold; text-decoration:underline;}

#logo {
	margin: 0px;
	padding: 0px;
	text-align: center;
/*	border: 1px solid #00FFFF; */
}


/* ###### accesoryNnews page ###### */

#accessories {
	font-size: 11px;
	color: #FFFFFF;
	text-align: justify;
	border: hidden;
}

#accessories td {
	border: 3px solid #68330F;
	background-color: #BF793E;
	width: 406px;
}

#accessories img {
	width: 390px;
	text-align: center;
	border: 0px;
}

/* ########## test
#accessories {
	font-size: 11px;
	color: #FFFFFF;
	text-align: justify;
	border: hidden;
}

#accessories td {
	border: 3px solid #68330F;
	background-color: #BF793E;
}

#accessories img {
	margin-left: 2px;
}
############## */

#accessories h3 { font: #FFF000; }

#accessories p {
	padding: 0px 10px 0px 10px;
}

.price {
	font-style: oblique;
	font-weight: bold;
	font-size: 14px;
}

#subAccessories {
	font-size: 11px;
	color: #FFFFFF;
}

#subAccessories td {
	 border: 0px;
	 background-color: transparent;
}

/* ###### faq page ###### */
#faq {
	font-size: 13px;
	text-align: justify;
	border: hidden;
}

/* ###### detailing page ###### */
#detailing {
	font-size: 13px;
	text-align: justify;
	border: hidden;
}

/* ###### news page ###### */
#news {
	font-size: 13px;
	text-align: justify;
	border: hidden;
}

#news h2 {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#news p {
	text-align: justify;
}

.newsItem {
	float: left;
	margin: 10px 20px 35px 10px;
}

.newsDesc {
	width: 480px;
}

.newsImg {
	float: right;
	margin: 5px 10px 5px 20px;
	width: 250px;
	border: 2px solid #30c82a;
}


/* ###### photoStrip page ###### */

#pageIntro {
	padding: 0px 20px 0px 20px;
	text-align: justify;
	font-size: 16px;
}


#photoStrip {
	font-size: 11px;
	color: #FFFFFF;
	text-align: justify;
}

#photoStrip td {
	border: 3px solid #68330F;
	background-color: #BF793E;
}

#photoStrip img {
	width: 380px;
	margin-left: 8px;
	text-align: center;
	border: 0px;
}

#subPhotoStrip {
	font-size: 11px;
	color: #FFFFFF;
}

#subPhotoStrip td {
	 border: 0px;
	 background-color: transparent;
}

#abhStrip {
	font-size: 11px;
	color: #FFFFFF;
	text-align: justify;
	border: hidden;
}

#abhStrip td {
	border: 3px solid #68330F;
	background-color: #BF793E;
}

#abhStrip img {
	margin-left: 2px;
}

#subabhStrip {
	font-size: 11px;
	color: #FFFFFF;
}

#subabhStrip td {
	 border: 0px;
	 background-color: transparent;
} 


/* ###### samplekits page ###### */

#sampleKits td {
	border: 3px solid #68330F;
	background-color: #BF793E;
	width: 900px;
}

#sampleKits p {
	text-align: justify;
}

/* ###### contact page ###### */

#crew td {
	font-size: 12px;
}

#crew p {
	padding: 10px 10px 0px 10px;
}

.char {
	float: right;
	margin: 0px 10px 0px 0px;
}

#reachout {
	margin: 0px 10px 0px 0px;
	padding: 5px;
	border: 3px solid #68330F;
	background-color: #BF793E;
}

#reachout li {
	margin: 0px 0px 0px 30px;
}


/* CONTROLS */
.imgPost {
	border: 2px solid #000;
	width: 390px;
}

.imgPostLeft {
	float: left;
	padding: 10px 40px 10px 20px;
}


/* EXTRA CODE FOR DISPLAY */
/* CODE FROM BF2S.COM - respect and credit due */
div.unlock-inline {
	position: relative;
	text-align: center;
}

div.unlock-inline b {
display: none;
}

div.unlock-pop {
display: none;
position: absolute;
/*  EDITABLE CONTROLS
top: -150px;
left: -275px;
z-index: 50;*/
background: #968477;
border: 2px solid #68330F;
}

div.unlock-popAwards {
display: none;
position: absolute;
/*  EDITABLE CONTROLS */
top: 58px;
left: -50px;
background: #968477;
border: 2px solid #68330F;
}

div.unlock-inline:hover div.unlock-pop {
display: block;
}

div.unlock-inline:hover div.unlock-popAwards {
display: block;
}

div.unlock-pop p, div.unlock-pop ul, div.unlock-popAwards p, div.unlock-popAwards ul {
padding: 0;
margin: 0;
list-style: none;
}

/* ###### colour-coded spans ###### */
	
.djrr a:link			{color: #30c82a; font-weight: bold; text-decoration: none;}
.djrr a:visited		{color: #2a7818; font-weight: bold; text-decoration:none;}
.djrr a:hover			{color: #2a7818; font-weight: bold; text-decoration:underline;}
	
.djdw a:link			{color: #FFFEFE; font-weight: bold; text-decoration: none;}
.djdw a:visited		{color: #85A5AF; font-weight: bold; text-decoration:none;}
.djdw a:hover			{color: #85A5AF; font-weight: bold; text-decoration:underline;}
	
.djph a:link			{color: #672B80; font-weight: bold; text-decoration: none;}
.djph a:visited		{color: #E30882; font-weight: bold; text-decoration:none;}
.djph a:hover			{color: #E30882; font-weight: bold; text-decoration:underline;}
	
.djbv a:link			{color: #20BBED; font-weight: bold; text-decoration: none;}
.djbv a:visited		{color: #263B7E; font-weight: bold; text-decoration:none;}
.djbv a:hover			{color: #263B7E; font-weight: bold; text-decoration:underline;}

.djbm a:link			{color: #CA8CBD; font-weight: bold; text-decoration: none;}
.djbm a:visited		{color: #331E55; font-weight: bold; text-decoration:none;}
.djbm a:hover			{color: #331E55; font-weight: bold; text-decoration:underline;}

.djsp a:link			{color: #00FF00; font-weight: bold; text-decoration: none;}
.djsp a:visited		{color: #007743; font-weight: bold; text-decoration:none;}
.djsp a:hover			{color: #007743; font-weight: bold; text-decoration:underline;}

.djbs a:link			{color: #FF9900; font-weight: bold; text-decoration: none;}
.djbs a:visited		{color: #FF6B06; font-weight: bold; text-decoration:none;}
.djbs a:hover			{color: #FF6B06; font-weight: bold; text-decoration:underline;}

.djll a:link			{color: #B8D433; font-weight: bold; text-decoration: none;}
.djll a:visited		{color: #5FBB46; font-weight: bold; text-decoration:none;}
.djll a:hover			{color: #5FBB46; font-weight: bold; text-decoration:underline;}

.djlp a:link			{color: #C4DB5E; font-weight: bold; text-decoration: none;}
.djlp a:visited		{color: #8CC641; font-weight: bold; text-decoration:none;}
.djlp a:hover			{color: #8CC641; font-weight: bold; text-decoration:underline;}

.djns a:link			{color: #F9D554; font-weight: bold; text-decoration: none;}
.djns a:visited		{color: #E55D25; font-weight: bold; text-decoration:none;}
.djns a:hover			{color: #E55D25; font-weight: bold; text-decoration:underline;}

.djtd a:link			{color: #D799F2; font-weight: bold; text-decoration: none;}
.djtd a:visited		{color: #A700FF; font-weight: bold; text-decoration:none;}
.djtd a:hover			{color: #A700FF; font-weight: bold; text-decoration:underline;}

.djrm a:link			{color: #EE2E2F; font-weight: bold; text-decoration: none;}
.djrm a:visited		{color: #BC2226; font-weight: bold; text-decoration:none;}
.djrm a:hover			{color: #BC2226; font-weight: bold; text-decoration:underline;}

.djsn a:link			{color: #D8D9DB; font-weight: bold; text-decoration: none;}
.djsn a:visited		{color: #5C2946; font-weight: bold; text-decoration:none;}
.djsn a:hover			{color: #5C2946; font-weight: bold; text-decoration:underline;}