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



/* Iwata CSS */

html {-webkit-text-size-adjust:none}

body {
        font-size: .7em; 
        font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;	
        border:0;		/* This removes the border around the viewport in old versions of IE */
	width:100%;
        background-image: url(images/iwatabkg.gif);
        background-position: center;
	background-repeat: repeat-y;
        height: 100%;	
    }
.lefty {float: left; margin: 0; padding: 0px 10px 0px 0px; height: 30px; }
.bright {float: left; margin: 0; padding: 0px 5px 0px 0px; height: 60px; }
.bleft {float: left; margin: 0; padding: 0px 5px 0px 0px; height: 60px; }
.beautybox {float: right; margin: 0; padding: 0; height: 60px; width:396px}

.floatlarry {float: left; padding-right: 20px;}

a {
	color: #3185ff;
	text-decoration: none;
}
a:visited {
	
        
}
 a:hover {
	color: #ff0000;
        text-decoration: underline;
}
a:active {
	color: #3185ff;
        
}
p {
	color: #000;
	text-decoration: none;
	position: relative;
} 
h0 {
        display: inline;
	font-size: 1.3em;
	color: #b71648;
	font-weight: bold;
	position: relative;
}
h1 {
    display: inline;
	color: #f6921e;
	font-weight: bold;
	position: relative;
	margin-bottom: 5px;
	
}	
h2 {
	color: #f6921e;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
	position: relative;
	}
h3 {
	display: inline;
	font-size: 1.7em;
	color: #af33af;
	font-weight: bold;
	position: relative;
text-transform: lowercase;
}
.aboutusheader {
	display: inline;
	font-size: 1.7em;
	color: #eb2127;
	font-weight: bold;
	position: relative;
text-transform: lowercase;
}
.careersheader {
	display: inline;
	font-size: 1.7em;
	color: #edcb00;
	font-weight: bold;
	position: relative;
text-transform: lowercase;
}
.buynowheader {
	display: inline;
	font-size: 1.7em;
	color: #d18100;
	font-weight: bold;
	position: relative;
text-transform: lowercase;
}
.supportheader {
	display: inline;
	font-size: 1.7em;
	color: #4690e8;
	font-weight: bold;
	position: relative;
text-transform: lowercase;
}
.whatsnewheader {
	display: inline;
	font-size: 1.7em;
	color: #72c927;
	font-weight: bold;
	position: relative;
text-transform: lowercase;
}
.resourcesheader {
	display: inline;
	font-size: 1.7em;
	color: #b71648;
	font-weight: bold;
	position: relative;
text-transform: lowercase;
}
.usesheader {
	display: inline;
	font-size: 1.7em;
	color: #2d55ea;
	font-weight: bold;
	position: relative;
text-transform: lowercase;
}
.productsheader {
	display: inline;
	font-size: 1.7em;
	color: #f6921e;
	font-weight: bold;
	position: relative;
text-transform: lowercase;
}
.beautyheader {
	display: inline;
	font-size: 1.7em;
	color: #ff3e9f;
	font-weight: bold;
	position: relative;
text-transform: lowercase;
}
.fpcrimson {
color: #A41E26;
display: inline;
	font-size: 1.7em;
	font-weight: bold;
	position: relative;

}

.searchheading {

color: #A41E26;
display: inline;
	font-size: 1.7em;
	font-weight: bold;
	position: relative;
}
#searchcontainer {
display: block;
width: 800px;
	position: relative;
	float: left;
padding-left: 100px;
padding-right: 100px;
}

.input {
        border-top: 2px solid #979AC2;
        border-left: 2px solid #979AC2;
        border-bottom: 1px solid #979AC2;
        border-right: 1px solid #979AC2;
        color: #333;
       height: 1.7em;
       padding: 0;
       margin:  0;
}
.floatright {
       float: right;
       padding: 10px;
       
}

.floatl {
float: left;
padding-right: 5px;
padding-bottom: 5px;
}

.floatleft {
float: left;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;

}
.footerfloat {
display: inline;
position: relative;
float: left;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

#container {
	height: auto;
	width: 1000px;
	position: relative;
	margin-top: 0;
	margin-left: auto;
	margin-bottom: 0;
	margin-right: auto;
	overflow: hidden;
        
    }
	/* Header styles */
#header {
        display: inline;
	clear:both;
	float:left;
	width:1000px;
	position: relative;
	height: 68px;
	background-image: url(orange-header-bar.gif);
 }

#ourbrands {
        float: left;
        margin-left: 70px;
        margin-bottom: 5px;
}
#ourbrandsstripe {
        background-image: url(../images/inside-brand-stripe.jpg);
        background-repeat: no-repeat;
        width: 177px;
        height: 15px;
        float: left;
	margin-left: 17px;
}
#leftcolumnlogos2 {
	height: 336px;
	width: 155px;
	margin-left: 25px;
        margin-bottom: 40px;
}
#warranty2 {
        margin-left: 35px;
        margin-top: 15px;
}

#cataloglink2 {
        margin-left: 7px;
        margin-top: 15px;
}
#newsearch {
        margin-left: 10px;
} 
#iwatalogo {
        display: inline;
	position: relative;
	margin-left: 20px;
	}

#tagline {
	font-style: italic;
	color: #FFFFFF;
	position: relative;
	padding: 5px;
	margin-left: 10px;
	display: inline;
	bottom: 16px;
	font-weight: bold;
	}
#headernav {
        display: inline;
        float: right;
	text-align: left;
	font-size: .9em;
        line-height: 1.2em;
	position: relative;
	list-style-type: none;
	text-decoration: none;
        margin-right: 130px;
        bottom: 31px;
        color: #fff;
}
#mainsearch {
        float: left;
        display: inline;
        width: 200px;
        height: 20px;
        margin-top: 20px;
        margin-left: 22px;
        margin-bottom: 20px;
}
.searchicon
{ 
width: 17px;
height: 17px;
vertical-align: middle;
padding-left: 2px;
padding-bottom: 2px;
}  
.indeximage {
margin-top: 5px;
}        
        
#headerspacer {
        position: relative;
        width: 100%;
        height: 5em;
        
        clear:left;
        float: left;
}
#breadcrumb {
       clear: both;
       float: left;
       position: relative;
       left: 290px;
       top: 2em;
       display: block;
}
.leftmenu .colright {
        
        display: inline;
	float:left;
	width:200%;
	position:relative;
	display: inline;
        padding-left: 30px;
    }
.leftmenu .col1wrap {
        
        display: inline;
	float:right;
	width:50%;
	position:relative;
	right: 190px;

	}
.leftmenu .col1 {
        display: block;
        
	position:relative;
	overflow:hidden;

	text-align: left;
	right: 550px;
	}
#gallery {
	display: block;
	position: relative;
	height: auto;
	width: 645px;
	float: left;
	
}


/**** TEST ****/

.leftmenu .col3 {
        display: inline;
	float: left;
	width: 210px;
	position: relative;
	background-image: url(images/inside-navigation-slice.jpg);
        background-repeat: repeat-y;
       
	padding-top: 0px;
        padding-bottom: 0px;
	font-size: 1em;


    }

/******************************************** NAV TEST ********************************************************************/


#insidenavtop {
        width: 210px;
        height: 25px;
        background-image: url(images/inside-navigation-top.jpg);
        background-repeat: no-repeat;
}

#insidenavbottom {
        float: left; 
        width: 210px;
        height: 57px;
        background-image: url(images/inside-navigation-bottom.jpg);
        background-repeat: no-repeat;
}


#navcontainertest {
        margin-left: 20px;
	float: left;
	position: relative;
        outline: none;
        overflow: hidden;
}
#navcontainertest ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	
	color: #CC3300;
        outline: none;
        font-weight: bold;
}



#navcontainertest a
{
	display: block;
	padding: 5px 10px;
	width: 140px;
	text-decoration: none;
	
	color: #0A5BBC;
	outline: none;
	
}

#navcontainertest a:hover
{
	text-decoration: underline;
	
	color: #000000;
        outline: none;
}

#navcontainertest ul ul li {
	margin: 0 0 1px 0;
	
        outline: none;
}

#navcontainertest ul ul a
{
	display: block;
	width: 145px;
	text-decoration: none;
	
	color: #3185FF;
	font-size: 0.9em;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-weight: normal;
        outline: none;
}

#navcontainertest ul ul a:hover
{
	color: #000000;
	text-decoration: underline;
	
        outline: none;
}




#navcontainertest ul ul ul li {
	margin: 0 0 1px 0;
	
        outline: none;
}
#navcontainertest ul ul ul a
{
	display: block;
	width: 145px;
	text-decoration: none;
	
	color: #3185FF;
	font-size: 0.9em;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	font-weight: normal;
        outline: none;
}

#navcontainertest ul ul ul a:hover
{
	color: #000000;
	text-decoration: underline;
	
        outline: none;
}
#navcontainertest ul ul ul ul li {
	margin: 0 0 1px 0;
	
        outline: none;
}
#navcontainertest ul ul ul ul a
{
	display: block;
	width: 135px;
	text-decoration: none;
	
	color: #3185FF;
	font-size: 0.9em;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 40px;
	font-weight: normal;
        outline: none;
}

#navcontainertest ul ul ul ul a:hover
{
	color: #000000;
	text-decoration: underline;
	
        outline: none;
}


/**** TEST ****/


.leftmenu .col2 {
display: inline;
	float: left;
	width: 183px;
	position: relative;
	

	padding-top: 30px;
        padding-bottom: 30px;
	font-size: 1em;

overflow: hidden;
    }
 #navcontainer {
        margin-left: 20px;
	float: left;
	position: relative;
        outline: none;
}

#navcontainer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	
	color: #CC3300;
        outline: none;
        font-weight: bold;
}



#navcontainer a
{
	display: block;
	padding: 5px 10px;
	width: 160px;
	text-decoration: none;
	
	color: #0A5BBC;
	outline: none;
	
}

#navcontainer a:hover
{
	text-decoration: underline;
	
	color: #000000;
        outline: none;
}

#navcontainer ul ul li {
	margin: 0 0 1px 0;
	
        outline: none;
}

#navcontainer ul ul a
{
	display: block;
	width: 145px;
	text-decoration: none;
	
	color: #3185FF;
	font-size: 0.9em;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-weight: normal;
        outline: none;
}

#navcontainer ul ul a:hover
{
	color: #000000;
	text-decoration: underline;
	
        outline: none;
}




#navcontainer ul ul ul li {
	margin: 0 0 1px 0;
	
        outline: none;
}
#navcontainer ul ul ul a
{
	display: block;
	width: 145px;
	text-decoration: none;
	
	color: #3185FF;
	font-size: 0.9em;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	font-weight: normal;
        outline: none;
}

#navcontainer ul ul ul a:hover
{
	color: #000000;
	text-decoration: underline;
	
        outline: none;
}
#navcontainer ul ul ul ul li {
	margin: 0 0 1px 0;
	
        outline: none;
}
#navcontainer ul ul ul ul a
{
	display: block;
	width: 135px;
	text-decoration: none;
	
	color: #3185FF;
	font-size: 0.9em;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 40px;
	font-weight: normal;
        outline: none;
}

#navcontainer ul ul ul ul a:hover
{
	color: #000000;
	text-decoration: underline;
	
        outline: none;
}


.tout {
        
	position: relative;
	float: left;
	top: 480px;
	display: inline;
        right: 185px;
        
}
#prices {
        margin-bottom: 20px;
        margin-top: 20px;
        overflow: hidden;
        display: inline;
	position: relative;
	float: left;
	width: 625px;
	height: auto;
	left: 290px;
}
#pricesblank {
        margin-bottom: 20px;
        margin-top: 20px;
        overflow: hidden;
        display: inline;
	position: relative;
	float: left;
	width: 625px;
	height: 15em;
	left: 290px;
}
#buyiwata {
margin-top: 20px;
}
	/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	position: relative;
	height: 5em;
	border-top-width: 2em;
	border-top-style: solid;
	border-top-color: #f6921e;
    
    }

#footer p {
    
    padding:10px;
    margin:0;
    }


/************************** FRONT PAGE CSS ********************************/
 


#frontpage_header {
       display: inline;
	float: left;
	width:100%;
	position: relative;
	height: 6.05em;
	background-image: url(images/frontpage-header-bar.gif);
	background-repeat: repeat-x;
	clear:left;
        overflow: hidden;
	}
#whitebar {
        display: inline;
	float:left;
	width:1000px;
	position: relative;
	height:5px;
	background-color: #ffffff;
}
#fpnavbar{
        display: inline;
	float:left;
	width:1000px;
	position: relative;
	height:27px;
	background-image: url(images/fp-nav-bar.gif);
	background-repeat: repeat-x;
}

#fpnavcontainer
{
margin: 7px 0 0 30px;
padding: 0;
height: 27px;
}

#fpnavcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#fpnavcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#fpnavcontainer ul li a
{
width: 78px;
height: 20px;
padding: 0;
margin: 0 0 10px 0;
color: #fff;
text-decoration: none;
display: block;
text-align: center;
outline: none;
}

#fpnavcontainer ul li a:hover
{
color: #000;
text-decoration: underline;
}

#fpnavcontainer a:active
{
color: #000;
}

#fpnavcontainer li#active a
{
color: #000;
}
#flash
{
       display: inline;
	float:left;
	width:1000px;
	position: relative;
	height:225px;
}

#fpbottomflash {
        display: inline;
	float:left;
	width: 1000px;
	position: relative;
	height: 27px;
	background-image: url(images/fp-nav-bar.gif);
	background-repeat: repeat-x;
}
#fpflashfoot {
        display: inline;
	float:left;
	width:1000px;
	position: relative;
	height: 5px;
	background-color: #ffffff;
}
#fpcontentfoot{
        display: inline;
	float:left;
	width:1000px;
	position: relative;
	height: 5px;
	background-color: #ffffff;
}

#fpbottomnav {
        display: inline;
	float:left;
	width:1000px;
	position: relative;
	height:27px;
	background-image: url(images/fp-nav-bar.gif);
	background-repeat: repeat-x;
}

 #footer-whitebar {
        display: inline;
	float:left;
	width:1000px;
	position: relative;
	height:5px;
	background-color: #ffffff;
}
.whitespace {
        display: inline;
	float:left;
	width:300px;
	position: relative;
	height:3px;
	background-color: #ffffff;
}
#blogcontainer {
        display: inline;
	float:left;
	width:394px;
	position: relative;
	height: auto;
        border-left: 3px solid #fff; 
        border-right: 3px solid #fff; 
        border-bottom: 3px solid #fff; 
}
#blogtopbar {
        display: inline;
	float:left;
	width:394px;
	position: relative;
	height: 40px;
	background-color: #000;
        color: #fff;
}
.blog {
        padding-top: 10px;
        padding-right: 20px;
        padding-bottom: 10px;
        padding-left: 20px;
}
.headerblog{
color: #A41E26;
display: inline;
	font-size: 1.2em;
	font-weight: bold;
	position: relative;

}
.posted {
                color: #382a27;
                text-align: left;
		padding-left: 10px;
		padding-top: 10px;
		padding-right: 10px;
		font-size: .7em;
}

#garypic {
        clear: right;
        float: right;
        display: inline;
	width:43px;
	position: absolute;
	height: 40px;
        right: 2px;
}
#productfinder {
        color: #fff;
        display: inline;
	position: absolute;
        padding-top: 3px;
        left: 5px;
}
#choosecountry {
        color: #fff;
        display: inline;
	float:right;
	position: absolute;
        padding-top: 3px;
        left: 705px;
}
#footer_frontpage {
        margin-top: 0px;
        display: inline;
	clear:both;
	float:left;
	width:1000px;
	position: relative;
	height: 7em;
        background-image: url(images/fp-red-bar-bottom-flash.gif);
	background-repeat: repeat-x;
        font-size: .9em;
padding-top: 10px;
padding-bottom: 10px;
}
#footer_frontpage p {
       padding-top: 20px;
       padding-left: 40px;
       margin:0;
}
#footer_frontpage a:link {
      color: #958a0a;
      text-decoration: none;
}
#footer_frontpage a:visited  {
        color: #958a0a;
        text-decoration: none;
}
#footer_frontpage a:hover {
        color: #d4cb6e;
	text-decoration: underline;
}
#footer_frontpage a:active  {
        color: #d5cb6e;
        text-decoration: none;
}


/* Start of Column CSS */
#container3 {
	clear:left;
        float:left;
	width:100%;
	overflow:hidden;
	background: #B7C5CC; /* column 1 background colour */

}
#container2 {
        clear:left;
	float:left;
	width:100%;
        position:relative;
	right:30%;
	background: #fff; /* column 3 background colour */
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:40%;
	background: #dfe5e6; /* column 2 background colour */
}
#c1 {
	float:left;
	width:40%;
	position:relative;
	left:70%;
	overflow:hidden;
}
#c2 {
	float:left;
	width:30%;
	position:relative;
	left:70%;
	overflow:hidden;
}
#c3 {
	float:left;
	width:30%;
	position:relative;
	left:70%;
	overflow:hidden;
}

/************************** END FRONT PAGE CSS ********************************/

/************************** PRODUCTS CSS ********************************/
#insideproductsnav {
       font-size: 1.1em;
       float: left;
       height: auto;
       border: 1px solid #CCCCCC;
       padding-top: 5px;
       padding-bottom: 5px;
       padding-left: 19px;
       padding-right: 20px;
}
#insideproductsnav2 {
       font-size: 1.1em;
       float: left;
       height: auto;
       border: 1px solid #CCCCCC;
       padding-top: 5px;
       padding-bottom: 5px;
       padding-left: 90px;
       padding-right: 91px;
}
#insideproductsnav3 {
       font-size: 1.1em;
       float: left;
       height: auto;
       border: 1px solid #CCCCCC;
       padding-top: 5px;
       padding-bottom: 5px;
       padding-left: 85px;
       padding-right: 86px;
}
#insideproductsnav4 {
       font-size: 1.1em;
       float: left;
       height: auto;
       border: 1px solid #CCCCCC;
       padding-top: 5px;
       padding-bottom: 5px;
       padding-left: 81px;
       padding-right: 81px;
}
#happytimes {
       clear: both; 
}
.blueheader {
       font-size: 1.2em;
       color: #f6921e;
       padding-left: 5px; 
}
.insideproductimage {
}

#productscontainercopy {
       padding-left: 10px;
       padding-right: 10px;
       
      
}
.productscontainer {
       width: 556px;
       height: auto;
       border: 1px solid #CCCCCC;
       padding-bottom: 20px;
       padding-top: none;
}

.productsimage {
       float: left;
       padding-right: 10px;
       padding-top: 10px;
       padding-bottom: 10px;
       color: #f6921e;
       font-size: 1.2em;
	position: relative;
	bottom: 30px;
}


#products_header {
       display: inline;
	float: left;
	width:100%;
	position: relative;
	height: 6.05em;
	background-image: url(images/products-header-bar.gif);
	background-repeat: repeat-x;
	clear:left;
        overflow: hidden;
	}
#footer_products {
        margin-top: 20px;
        display: inline;
	clear:both;
	float:left;
	width:100%;
	position: relative;
	height: 7em;
	border-top-width: 2em;
	border-top-style: solid;
	border-top-color: #f6921e;
        font-size: .9em;
       padding-top: 10px;
padding-bottom: 10px;
     
}
#footer_products p {
       padding-top: 20px;
       padding-left: 40px;
       margin:0;
}
#footer_products a:link {
      color: #958a0a;
      text-decoration: none;
}
#footer_products a:visited  {
        color: #958a0a;
        text-decoration: none;
}
#footer_products a:hover {
        color: #d4cb6e;
	text-decoration: underline;
}
#footer_products a:active  {
        color: #d5cb6e;
        text-decoration: none;
}
.tout9 {
        
	position: relative;
	float: left;
	top: 500px;
	display: inline;
        right: 185px;
        
}
.tout9a {
        
	position: relative;
	float: left;
	top: 650px;
	display: inline;
        right: 185px;
        
}
.tout9b {
        
	position: relative;
	float: left;
	top: 760px;
	display: inline;
        right: 185px;
        
}
.tout9c {
        
	position: relative;
	float: left;
	top: 750px;
	display: inline;
        right: 185px;
        
}
.tout9d {
        
	position: relative;
	float: left;
	top: 785px;
	display: inline;
        right: 185px;
        
}
.tout9e {
        
	position: relative;
	float: left;
	top: 840px;
	display: inline;
        right: 185px;
        
}
.tout9f {
        
	position: relative;
	float: left;
	top: 780px;
	display: inline;
        right: 185px;
        
}
.tout9g {
        
	position: relative;
	float: left;
	top: 830px;
	display: inline;
        right: 185px;
        
}
.tout9h {
        
	position: relative;
	float: left;
	top: 685px;
	display: inline;
        right: 185px;
        
}
.tout9i {
        
	position: relative;
	float: left;
	top: 770px;
	display: inline;
        right: 185px;
        
}
.tout9j {
        
	position: relative;
	float: left;
	top: 730px;
	display: inline;
        right: 185px;
        
}

/************************** END PRODUCTS CSS ********************************/



/************************** USES CSS ********************************/

.featuredgallery {
       width: 645px;
       float: left;
       margin-right: 20px;
       margin-bottom: 20px;
       text-align: center;
	position: relative;
	display: inline;
}
.galleryimagecontainer {
       width: 175px;
       float: left;
       margin-right: 40px;
       padding-bottom: 20px;
height: 160px;
       text-align: center;
	position: relative;
	display: inline;
}
.galleryimage {
}

.usesimage {
       float: left;
       padding-right: 10px;
       padding-top: 10px;
       padding-bottom: 10px;
       color: #2d55ea;
       font-size: 1.2em;
}
.hobbiesimage {
        margin-top: 0px;
	margin-right: auto;
	margin-bottom: 100px;
	margin-left: 20px;
}
#uses_header {
       display: inline;
	float: left;
	width:100%;
	position: relative;
	height: 6.05em;
	background-image: url(images/uses-header-bar.gif);
	background-repeat: repeat-x;
	clear:left;
        overflow: hidden;
	}
#footer_uses {
        margin-top: 20px;
        display: inline;
	clear:both;
	float:left;
	width:100%;
	position: relative;
	height: 7em;
	border-top-width: 2em;
	border-top-style: solid;
	border-top-color: #2d55ea;
        font-size: .9em;
       padding-top: 10px;
padding-bottom: 10px;
     
}
#footer_uses p {
       padding-top: 20px;
       padding-left: 40px;
       margin:0;
}
#footer_uses a:link {
      color: #958a0a;
      text-decoration: none;
}
#footer_uses a:visited  {
        color: #958a0a;
        text-decoration: none;
}
#footer_uses a:hover {
        color: #d4cb6e;
	text-decoration: underline;
}
#footer_uses a:active  {
        color: #d5cb6e;
        text-decoration: none;
}
.tout8 {
        
	position: relative;
	float: left;
	top: 60em;
	display: inline;
        right: 185px;
        
}
.tout8a {
        
	position: relative;
	float: left;
	top: 665px;
	display: inline;
        right: 185px;
        
}
.tout8b {
        
	position: relative;
	float: left;
	top: 705px;
	display: inline;
        right: 185px;
        
}




/**************************  END USES CSS ********************************/







/************************** RESOURCES CSS ********************************/
.howtoimagecontainer {
margin: 10px;
float: right;
text-align: center;
}
.howtoimage {
}

.autoimage {
float: left;
margin-right: 20px;
}
.autoimage2 {
margin-bottom: 10px;
}
.resourcesimage {
       float: left;
       padding-right: 10px;
       padding-top: 10px;
       padding-bottom: 10px;
       color: #b71648;
       font-size: 1.2em;
}
#resources_header {
       display: inline;
	float: left;
	width:100%;
	position: relative;
	height: 6.05em;
	background-image: url(images/rose-header-bar.gif);
	background-repeat: repeat-x;
	clear:left;
        overflow: hidden;
	}
#footer_resources {
        margin-top: 20px;
        display: inline;
	clear:both;
	float:left;
	width:100%;
	position: relative;
	height: 7em;
	border-top-width: 2em;
	border-top-style: solid;
	border-top-color: #b71648;
        font-size: .9em;
       padding-top: 10px;
padding-bottom: 10px;
     
}
#footer_resources p {
       padding-top: 20px;
       padding-left: 40px;
       margin:0;
}
#footer_resources a:link {
      color: #958a0a;
      text-decoration: none;
}
#footer_resources a:visited  {
        color: #958a0a;
        text-decoration: none;
}
#footer_resources a:hover {
        color: #d4cb6e;
	text-decoration: underline;
}
#footer_resources a:active  {
        color: #d5cb6e;
        text-decoration: none;
}
.tout7 {
        
	position: relative;
	float: left;
	top: 380px;
	display: inline;
        right: 185px;
        
}
.tout7a {
        
	position: relative;
	float: left;
	top: 700px;
	display: inline;
        right: 185px;
        
}
.tout7b {
        
	position: relative;
	float: left;
	top: 400px;
	display: inline;
        right: 185px;
        
}
.tout7c {
        
	position: relative;
	float: left;
	top: 655px;
	display: inline;
        right: 185px;
        
}


/************************** END RESOURCES CSS ********************************/






/************************** WHAT'S NEW CSS ********************************/
.whatsnewimage {
       float: left;
       padding-right: 10px;
       padding-top: 10px;
       padding-bottom: 10px;
       color: #72c927;
       font-size: 1.2em;
}
#whats_new_header {
       display: inline;
	float: left;
	width:100%;
	position: relative;
	height: 6.05em;
	background-image: url(images/green-header-bar.gif);
	background-repeat: repeat-x;
	clear:left;
        overflow: hidden;
	}
#footer_whats_new {
        margin-top: 20px;
        display: inline;
	clear:both;
	float:left;
	width:100%;
	position: relative;
	height: 7em;
	border-top-width: 2em;
	border-top-style: solid;
	border-top-color: #72c927;
        font-size: .9em;
       padding-top: 10px;
padding-bottom: 10px;
     
}
#footer_whats_new p {
       padding-top: 20px;
       padding-left: 40px;
       margin:0;
}
#footer_whats_new a:link {
      color: #958a0a;
      text-decoration: none;
}
#footer_whats_new a:visited  {
        color: #958a0a;
        text-decoration: none;
}
#footer_whats_new a:hover {
        color: #d4cb6e;
	text-decoration: underline;
}
#footer_whats_new a:active  {
        color: #d5cb6e;
        text-decoration: none;
}
.tout6 {
        
	position: relative;
	float: left;
	top: 260px;
	display: inline;
        right: 185px;
        
}




/************************** END WHAT'S NEW CSS ********************************/







/************************** SUPPORT CSS ********************************/

.supportimage {
       float: left;
       padding-right: 10px;
       padding-top: 10px;
       padding-bottom: 10px;
       color: #4690e8;
       font-size: 1.2em;
}
#support_header {
       display: inline;
	float: left;
	width:100%;
	position: relative;
	height: 6.05em;
	background-image: url(images/blue-header-bar.gif);
	background-repeat: repeat-x;
	clear:left;
        overflow: hidden;
	}
#footer_support {
        margin-top: 20px;
        display: inline;
	clear:both;
	float:left;
	width:100%;
	position: relative;
	height: 7em;
	border-top-width: 2em;
	border-top-style: solid;
	border-top-color: #4690e8;
        font-size: .9em;
       padding-top: 10px;
padding-bottom: 10px;
     
}
#footer_support p {
       padding-top: 20px;
       padding-left: 40px;
       margin:0;
}
#footer_support a:link {
      color: #958a0a;
      text-decoration: none;
}
#footer_support a:visited  {
        color: #958a0a;
        text-decoration: none;
}
#footer_support a:hover {
        color: #d4cb6e;
	text-decoration: underline;
}
#footer_support a:active  {
        color: #d5cb6e;
        text-decoration: none;
}
.tout5 {
        
	position: relative;
	float: left;
	top: 440px;
	display: inline;
        right: 185px;
        
}
.tout5a {
        
	position: relative;
	float: left;
	top: 510px;
	display: inline;
        right: 185px;
        
}
.tout5b {
        
	position: relative;
	float: left;
	top: 730px;
	display: inline;
        right: 185px;
        
}



/************************** END SUPPORT CSS ********************************/




/************************** ABOUT US CSS ********************************/

.aboutusimage {
       float: left;
       padding-right: 10px;
       padding-top: 10px;
       padding-bottom: 10px;
       color: #eb2127;
       font-size: 1.2em;
}
#aboutus_header {
       display: inline;
	float: left;
	width:100%;
	position: relative;
	height: 6.05em;
	background-image: url(images/red-header-bar.gif);
	background-repeat: repeat-x;
	clear:left;
        overflow: hidden;
	}
#footer_aboutus {
        margin-top: 20px;
        display: inline;
	clear:both;
	float:left;
	width:100%;
	position: relative;
	height: 7em;
	border-top-width: 2em;
	border-top-style: solid;
	border-top-color: #eb2127;
        font-size: .9em;
       padding-top: 10px;
padding-bottom: 10px;
     
}
#footer_aboutus p {
       padding-top: 20px;
       padding-left: 40px;
       margin:0;
}
#footer_aboutus a:link {
      color: #958a0a;
      text-decoration: none;
}
#footer_aboutus a:visited  {
        color: #958a0a;
        text-decoration: none;
}
#footer_aboutus a:hover {
        color: #d4cb6e;
	text-decoration: underline;
}
#footer_aboutus a:active  {
        color: #d5cb6e;
        text-decoration: none;
}
.tout3 {
        
	position: relative;
	float: left;
	top: 370px;
	display: inline;
        right: 185px;
        
}


/************************** END ABOUT US CSS ********************************/








/************************** MEDEA CSS ********************************/
.medeaimage {
       float: left;
       padding-right: 10px;
       padding-top: 10px;
       padding-bottom: 10px;
       color: #af33af;
       font-size: 1.2em;
}
#medea_header {
        display: inline;
	float: left;
	width:100%;
	position: relative;
	height: 6.05em;
	background-image: url(images/purple-header-bar.jpg);
	background-repeat: repeat-x;
	clear:left;
        overflow: hidden;
    }
#medea_logo {
        display: inline;
	position: relative;
	margin-left: 20px;
	}


#headernav a {
	color: #fff;
	text-decoration: none;
}
#headernav ul li a:visited {
	color: #fff;
        text-decoration: none;
}
#headernav ul li a:hover {
	color: #000;
        text-decoration: underline;
}
#headernav ul li a:active {
	color: #fff;
        text-decoration: none;
}
#footer_medea {
        display: inline;
	clear:both;
	float:left;
	width:100%;
	position: relative;
	height: 7em;
	border-top-width: 2em;
	border-top-style: solid;
	border-top-color: #af33af;
        font-size: .9em;
       padding-top: 10px;
padding-bottom: 10px;
     
}
#footer_medea p {
    padding-top: 20px;
    padding-left: 40px;
    margin:0;
}
#footer_medea a:link {
color: #958a0a;
	text-decoration: none;
}
#footer_medea a:visited  {
        color: #958a0a;
        text-decoration: none;
}
#footer_medea a:hover {
        color: #d4cb6e;
	text-decoration: underline;
}
#footer_medea a:active  {
        color: #d5cb6e;
        text-decoration: none;
}
.pagecontent {
        display: block;
	position: relative;

	width: 645px;
	float: left;
}	
.pagecontent2 {
        display: block;
	position: relative;
        border-style: solid;
        border-width: 1px;
        border-color: black;
        padding: 15px;
	width: 645px;
	float: left;
}
.piersimage {
        margin-left: 15px;
}
#kitbox2 {
        height: auto;
        float: left;
        width: 323px;
}
	
#kitbox {
        height: auto;
        float: right;
        width: 323px;
}

#kitboxtop {
        background-image: url(images/kitbox-top.jpg);
        background-repeat: none;
        width: 323px;
        height: 32px;
}

#kitboxbottom {
        background-image: url(images/kitbox-bottom.jpg);
        background-repeat: none;
        width: 323px;
        height: 73px;
}
#kitboxcopy {
       background-image: url(images/kitbox-slice.jpg);
       background-repeat: repeat-y;
       width: 323px;
       height: auto; 
      padding-top: 45px;
       padding-left: 45px;
       padding-right: 45px;
}
#kitboxcopyinside {
       width: 250px;
       height: auto;
       margin-right: 30px;
}

#weatherhead1 {
       width: 400px;
       color: #eca700;
       font-size: 18px;
       height: auto;
       margin-left: 100px;
}
/************************** END MEDEA CSS ********************************/





/************************** MEDEA BEAUTY CSS ********************************/

#beauty_header {
       display: inline;
	float: left;
	width:100%;
	position: relative;
	height: 6.05em;
	background-image: url(images/beauty-header-bar.gif);
	background-repeat: repeat-x;
	clear:left;
        overflow: hidden;
	}
.beautyimage {
       float: left;
       padding-right: 10px;
       padding-top: 10px;
       padding-bottom: 10px;
       color: #ff3e9f;
       font-size: 1.2em;
}
#beauty_logo {
        display: inline;
	position: relative;
	margin-left: 20px;
	}

#footer_beauty {
        margin-top: 20px;
        display: inline;
	clear:both;
	float:left;
	width:100%;
	position: relative;
	height: 7em;
	border-top-width: 2em;
	border-top-style: solid;
	border-top-color: #ff3e9f;
        font-size: .9em;
        padding-top: 10px;
        padding-bottom: 10px;
     
}
#footer_beauty p {
       padding-top: 20px;
       padding-left: 40px;
       margin:0;
}
#footer_beauty a:link {
      color: #958a0a;
      text-decoration: none;
}
#footer_beauty a:visited  {
        color: #958a0a;
        text-decoration: none;
}
#footer_beauty a:hover {
        color: #d4cb6e;
	text-decoration: underline;
}
#footer_beauty a:active  {
        color: #d5cb6e;
        text-decoration: none;
}
.beautytout {
        
	position: relative;
	float: left;
	top: 530px;
	display: inline;
        right: 185px;
.colorcontainer {
        display: inline;
}        
}
.yellow {
        color: yellow;
}

.purple {
         color: #af33af;
         
.violet {
        color: violet;
}
.red {
        color: red;
}
.orientalred {
        color: #fa3500;
}
.hennabrown {
        color: brown;
}
.brown2 {
       color: brown;
       font-size: 2.0em;
}
}
.tangerine {
        color: #ffb847;
}
.blue {
        color: blue;
}
.electricblue {
        color: #00deff;
}
.green {
        color: green;
}
.jadegreen {
        color: #00ff7e;
}
.lemonyellow {
        color: #ffd800;
}
.pink {
        color: pink;
}
.grey {
        color: grey;
}
.electricgreen {
        color: #7fcf20;
}
.weatheryellow {
        color: #eca700;
}
/************************** END MEDEA BEAUTY CSS ********************************/


	



/************************** CAREERS CSS ********************************/
.careersimage {
       float: left;
       padding-right: 10px;
       padding-top: 10px;
       padding-bottom: 10px;
       color: #edcb00;
       font-size: 1.2em;
}
.tout2 {
        
	position: relative;
	float: left;
	top: 290px;
	display: inline;
        right: 185px;
        
}
#careers_header {
       display: inline;
	float: left;
	width:100%;
	position: relative;
	height: 6.05em;
	background-image: url(images/yellow-header-bar.gif);
	background-repeat: repeat-x;
	clear:left;
        overflow: hidden;
	}
#footer_careers {
        margin-top: 20px;
        display: inline;
	clear:both;
	float:left;
	width:100%;
	position: relative;
	height: 7em;
	border-top-width: 2em;
	border-top-style: solid;
	border-top-color: #edcb00;
        font-size: .9em;
padding-top: 10px;
padding-bottom: 10px;
}
#footer_careers p {
       padding-top: 20px;
       padding-left: 40px;
       margin:0;
}
#footer_careers a:link {
      color: #958a0a;
      text-decoration: none;
}
#footer_careers a:visited  {
        color: #958a0a;
        text-decoration: none;
}
#footer_careers a:hover {
        color: #d4cb6e;
	text-decoration: underline;
}
#footer_careers a:active  {
        color: #d5cb6e;
        text-decoration: none;
}



/************************** END CAREERS CSS ********************************/



/************************** BUY NOW CSS ********************************/
.buynowimage {
       float: left;
       padding-right: 10px;
       padding-top: 10px;
       padding-bottom: 10px;
       color: #d18100;
       font-size: 1.2em;
}
.tout4 {
        
	position: relative;
	float: left;
	top: 505px;
	display: inline;
        right: 185px;
        
}
#buy_now_header {
       display: inline;
	float: left;
	width:100%;
	position: relative;
	height: 6.05em;
	background-image: url(images/brown-header-bar.gif);
	background-repeat: repeat-x;
	clear:left;
        overflow: hidden;
	}
#footer_buy_now {
        margin-top: 20px;
        display: inline;
	clear:both;
	float:left;
	width:100%;
	position: relative;
	height: 7em;
	border-top-width: 2em;
	border-top-style: solid;
	border-top-color: #d18100;
        font-size: .9em;
       padding-top: 10px;
padding-bottom: 10px;
     
}
#footer_buy_now p {
       padding-top: 20px;
       padding-left: 40px;
       margin:0;
}
#footer_buy_now a:link {
      color: #958a0a;
      text-decoration: none;
}
#footer_buy_now a:visited  {
        color: #958a0a;
        text-decoration: none;
}
#footer_buy_now a:hover {
        color: #d4cb6e;
	text-decoration: underline;
}
#footer_buy_now a:active  {
        color: #d5cb6e;
        text-decoration: none;
}



/************************** END BUY NOW CSS ********************************/