@charset "utf-8";
/*
=============================================================
GLOBAL STYLES
=============================================================
*/


body {
	background-color:#FF8F00;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#333;
}

#header {
	background-image:url(/images/global-header.gif);
	background-repeat:no-repeat;
	width: 998px;
	height:101px;
	padding:0;
	margin:0;
}


#footer {
	background-image:url(/images/home-footer.gif);
	background-repeat:no-repeat;
	width: 998px;
	height:88px;
	padding:0;
	margin:0;
}

#outerContainer {
	width:1000px;
	text-align:left;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:lighter;
	text-transform:uppercase;
	color:#111;
	border-bottom:1px solid #DCF1F6;
}



a.more:link, 
a.more:visited
   {
	text-transform:uppercase;
	font-size:0.8em;
	color:#333;
	background-image:url(../images/global-arrow-right.gif);
	background-repeat:no-repeat;
	background-position:top right;
	padding-right:15px;
	text-decoration:none;
}

a.more:hover, 
a.more:active
   {
   	padding-right:18px;
	text-decoration:underline;
}

.hairlineTable {
	border-collapse:collapse;
	border:1px solid #ccc;
}

.clear-both {
	clear:both;
}



/* =========================================================================
	GLOBAL - GENERAL ALIGNMENT STYLES
   ========================================================================= */
.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }
.align-justify { text-align:justify; }



/*
=============================================================
HOMEPAGE STYLES
=============================================================
*/

.mainLayout {
	width:998px;
	border:0;
	background-color:#B9E3EC;
	padding:0;
	margin:0;	
}

.mainLayout-Left {
	width:329px;
	padding:0;
	margin:0;
	vertical-align:top;
	border-right:1px solid #DCF1F6;
}

.mainLayout-Center{
	width:335px;
	vertical-align:top;
	border-right:1px solid #DCF1F6;

}

.mainLayout-Right{
	width:334px;
	vertical-align:top;

}


.home-pulltext {
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	padding:0px 40px 20px 40px;
	text-align:center;
	line-height:140%;
}


.content-navigation {
	/* TOP NAVIGATION HEADER - THIS IS NOT THE LEFT NAVIGATION MENU !!! */ 
	padding-top: 20px;
	padding-right:50px;
	float:right;
	width:60%;
	height:80px;
	text-align:right;
	position:relative;
	overflow:visible;

}


#content-main {
	padding:10px;
	background-color:#DCF1F6;
	background-color:#DCF1F6;
	width:976px;
	border-left:1px solid #8AD0DE;
	border-right:1px solid #8AD0DE;
}

.home-navigation {
	padding-top: 10px;
	padding-left:20px;
	float:left;
	width:50%;
}



.home-footer-copyright {
	padding-right:20px;
	padding-top:40px;
	text-align:right;
	vertical-align:middle;
	font-size:0.7em;
}



#footer .home-navigation a:link img,
#footer .home-navigation a:visited img {
	opacity: 1.0;
	border:1px solid #8AD0DE;
}


#footer .home-navigation a:hover img,
#footer .home-navigation a:active img {
	opacity: 0.5;
	border:1px solid #fff;
}


#header .content-navigation a:link img,
#header .content-navigation a:visited img {
	opacity: 1.0;
	border:1px solid #fff;
}

#header .content-navigation a:hover img,
#header .content-navigation a:active img {
	opacity: 0.5;
	border:1px solid #9FDBE5;
}

/*
=============================================================
HOMEPAGE STYLES
=============================================================
*/

#content-navigation {
	width:260px;
	float:left;
	padding-top:50px;

}

#content-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


#content-navigation ul li {
	font-size:0.9em;
	color:#000066;
	padding-bottom:8px;
	padding-top:8px;	
	border-bottom:1px solid #fff;
	width:240px;
	text-decoration:none;
}

#content-navigation ul li a:link, 
#content-navigation ul li a:visited, 
#content-navigation ul li a:active {
	text-decoration:none;
	color:#333333;
}

#content-navigation ul li a:hover{
	text-decoration:none;
	color:#FF8F00;
}

/* Secondary Level */
#content-navigation ul li ul li{
	font-size:0.9em;
	color:#000066;
	padding-bottom:3px;
	padding-top:3px;	
	text-decoration:none;
	border:0;
}



#content-navigation ul li ul li a:link, 
#content-navigation ul li ul li a:visited, 
#content-navigation ul li ul li a:active {
	text-decoration:none;
	color:#333333;
	padding-left:20px;
	font-size:1.2em;
}

#content-navigation ul li ul li a:hover{
	text-decoration:none;
	color:#FF8F00;
	font-size:1.2em;

}



#content-navigation h1 {
	color:#3387A9;
	font-weight:bold;

}

#content-body {

	/* border:1px solid #FF0000;*/

	width:525px;
	float:right;
	padding-right:180px;
	padding-top:50px;
	background-image:url(../images/content-right-margin-kato.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	color:#444;
}



/*
=============================================================
CONTENT STYLES
=============================================================
*/

#content-body-viewAll {
	width:525px;
	float:left;
	padding-top:50px;

}

#content-body-viewAll ul {
	margin: 0;
	padding: 0;
}


#content-body-viewAll ul li {
	font-size:0.9em;
	color:#000066;
	padding-bottom:8px;
	padding-top:8px;	
	border-bottom:1px solid #fff;
	width:520px;
	text-decoration:none;
}

#content-body-viewAll ul li a:link, 
#content-body-viewAll ul li a:visited, 
#content-body-viewAll ul li a:active {
	text-decoration:none;
	color:#333333;
}

#content-body-viewAll ul li a:hover{
	text-decoration:none;
	color:#FF8F00;
}

/*
=============================================================
FORM STYLES
=============================================================
*/

fieldset {
	padding: 5px;
	margin: 5px;
}

fieldset .backgroundBox {
	padding: 10px;

}

legend {
	font-size: 1em;
	font-weight: bold;
	background-color: inherit;
	color: #485178;
	padding: 0 10px 0 3px;
	margin-bottom:10px;
}

#subscribe div.label {
	position: relative;
	width: 15em;
	float: left;
	vertical-align: bottom;
	margin-left: 5px;
	font-size: 1em;
}

label {
	position: relative;
	width: 10em;
	float: left;
	vertical-align: bottom;
	margin-right: 5px;
	font-size: 1em;
	text-align:right;
}

.home-label-login {
	position: relative;
	width: 5em;
	float: left;
	vertical-align: bottom;
	margin-right: 5px;
	font-size: 1em;
	text-align:right;
}

.form-text-short {
	background-color:#FE8F01;
	border:0px;
	padding:3px;
	margin:1px;
	width:150px;
}

.form-text {
	background-color:#DDF0F6;
	border:0px;
	padding:3px;
	margin:1px;
	width:200px;
}

.form-text-long {
	background-color:#DDF0F6;
	border:0px;
	padding:3px;
	margin:1px;
	width:400px;
}

.form-error {
	border:1px solid #c00;
	background-color:#fff;
	padding:5px; 
	margin:5px;
	
}



/*
=============================================================
SHOP STYLES
=============================================================
*/

#content-body-shop {
	/* border:1px solid #FF0000; */
	width:695px;
	float:right;
	padding-right:10px;
	padding-top:50px;
	color:#444;
}
.content-product-title {
	font-size:0.9em;
	font-weight:bold;
	color:#474747;
	text-align:center;
	background-color:#f0eeef;

}

.content-product-title a:link,
.content-product-title a:visited,
.content-product-title a:active {
	text-decoration:none;
	color:#474747;
}

.content-product-title a:hover {
	text-decoration:none;
	border-bottom:1px dashed;
}

#mycartDiv table td a:link,
#mycartDiv table td a:visited,
#mycartDiv table td a:active
{
	text-decoration:none;
	color:#474747;
}

#mycartDiv table td a:hover {
	text-decoration:none;
	border-bottom:1px dashed;
}

.content-price-head {
	font-size:0.6em;
	text-align:center;
	background-color:#d0edf1;
	width:110px;
}

.content-product-price {
	font-size:1.0em;
	text-align:center;
	font-weight:bold;
	background-color:#addde7;
}

.content-product-add {
	font-size:1.0em;
	text-align:center;
	font-weight:bold;
	background-color:#8bd0df;
}

#cart-header a:link,
#cart-header a:visited,
#cart-header a:active
{
	text-decoration:none;
	color:#474747;
}
#cart-header a:hover
{
	text-decoration:none;
	border-bottom:1px dashed;
}

.Spec-Title {
	font-size: 0.8em;
	font-family: Arial, Verdana;
	font-weight: normal;
	font-variant: none;
	color: #000000;
	background-color: #8bd0df;
	text-align: center;	
}

.Spec-Text {
	font-size: 0.8em;
	font-family: Arial, Verdana;
	font-weight: normal;	
	font-variant: none;
	color: #000000;
	background-color: #addde7;
	text-align: center;
}

#content-product-body h1 {
	font-size:1.1em;
	font-weight:bold;
	color:#3387A9;
	border-bottom:1px solid #DCF1F6;
	padding:0px;
	margin:0px;
}

#content-product-body h2 {
	font-size:1.0em;
	color:#3387A9;
	border-bottom:1px solid #DCF1F6;
	padding:0px;
	margin:0px;
}

/*
=============================================================
ADMIN STYLES
=============================================================
*/

#adminBlock {
	text-align:center;
	background-color:#fff;
	padding:10px;
	margin:10px 20px 0 0;
}

#adminBlock input {
	width:170px;
	border:1px solid #000;
	margin:2px;
}