﻿body
{
				font-family: Verdana, Arial, Helvetica;
				font-size: 10pt;
}

img
{
				border: 0px;
}
#content
{
}

#content ul
{
				list-style: square;
				border: none;
				list-style-position: inside;
}

#content img
{
				margin: 10px;
				float: left;
}

.currency
{
				font-size: 85%;
				background-color: #FFFF00;
				color: #000000;
}

.footer
{
				FONT-FAMILY: Verdana, Arial, Helvetica;
				FONT-SIZE: 10pt;
				TEXT-ALIGN: center;
				background-color: #101052;
				color: #FFFFFF;
}

H1
{
				COLOR: white;
				FONT-FAMILY: Arial, Helvetica;
				FONT-SIZE: 14pt;
				FONT-WEIGHT: bold;
}

H2
{
				COLOR: white;
				FONT-FAMILY: Arial, Helvetica;
				FONT-SIZE: 12pt;
				FONT-WEIGHT: bold;
}

H3
{
				COLOR: black;
				FONT-FAMILY: Arial, Helvetica;
				FONT-SIZE: 12pt;
				FONT-WEIGHT: bold;
}

.TableHeaderSmall
{
				background-color: #101052;
				color: #FFFFFF;
				font-family: Verdana, Arial, Helvetica;
				font-size: 9pt;
				font-weight: bold;
				text-align: left;
				vertical-align: top;
}

.TableDetailSmall
{
				background-color: #F8EEE2;
				font-family: Verdana, Arial, Helvetica;
				font-size: 9pt;
				color: #800080;
				background-repeat: repeat-x;
				text-align: left;
				vertical-align: top;
}

.TableDetailSmall1
{
				background-color: #214500;
				font-family: Verdana, Arial, Helvetica;
				font-size: 9pt;
				color: #800080;
				background-repeat: repeat-x;
				text-align: left;
				vertical-align: top;
}

.TableDetailSmall2
{
				background-color: #000080;
				font-family: Verdana, Arial, Helvetica;
				font-size: 9pt;
				color: #800080;
				background-repeat: repeat-x;
				text-align: left;
				vertical-align: top;
}
.TableCell
{
				padding: 5px;
				background-color: #214500;
				background-repeat: repeat;
				color: #FFFFFF;
				font-size: 9pt;
				text-align: left;
				vertical-align: top;
				width: auto;
}

.TableCell2
{
				background-color: #101052;
				color: #FFFFFF;
				font-size: 9pt;
				text-align: left;
				vertical-align: top;
				width: auto;
				margin: 10px;
				border: 10px solid #003300;
				border-radius: 15px;
				-moz-border-radius: 15px;
}

.TableCellWhite
{
				background-color: #FFFFFF;
				background-repeat: repeat;
				color: #214500;
				font-size: 9pt;
}

.formfield
{
				font-family: Verdana, Arial;
				font-size: 8pt;
				color: #800080;
}

.TableSmall
{
				BACKGROUND-COLOR: #ffcccc;
				FONT-FAMILY: Verdana, Arial, Helvetica;
				FONT-SIZE: 9pt;
				text-align: left;
				vertical-align: top;
}

a
{
				color: #C0C0C0;
				font-family: Verdana, Arial, Helvetica;
				text-decoration: none;
}

a:hover
{
				color: #FFFFFF;
				font-family: Verdana, Arial, Helvetica;
				text-decoration: underline;
}

INPUT
{
				FONT-FAMILY: Verdana, Arial, Helvetica;
				FONT-SIZE: 9pt;
				FONT-STYLE: normal;
				FONT-WEIGHT: normal;
				LINE-HEIGHT: normal;
				TEXT-ALIGN: left;
}

.specialholder
{
				background: black;
				width: 90%;
}

#specialnav
{
				padding: 30px;
				clear: both;
}

#specialnav table
{
				width: 100%;
				border: 5px solid #000;
				position: relative;
				top: -4px;
				left: -4px;
				table-layout: auto;
}

#specialnav table caption
{
				text-align: left;
				padding: 4px;
				font-weight: bold;
				font-size: large;
				color: #FFFFFF;
				background-color: #101052;
}

#specialnav table caption a
{
				background-color: #101052;
}

#specialnav table th
{
				font-size: 85%;
				background-color: #0000FF;
				color: #FFFFFF;
				text-align: left;
}

#specialnav table td
{
				font-size: 90%;
				background-color: #C0C0C0;
				text-align: left;
				border-bottom: 1px solid #b5b5b5;
				margin: 0;
				vertical-align: top;
				padding: 4px 4px 4px 0px;
				color: black;
				min-height: 90px;
}

#specialnav table td a
{
				color: black;
}

#specialnav table td img
{
				float: none;
				vertical-align: bottom;
}

.specialnavimg
{
				background-position: right bottom;
				background-repeat: no-repeat;
				background-image: url('../images/special-offer-small2.gif');
				width: 150px;
}

.saver
{
				background-position: 100% 100%;
				background-repeat: no-repeat;
				background-image: url('images/buttons/saver.gif');
				text-align: right;
}

.skuholder
{
				background: black;
				color: white;
}

#sku
{
				padding: 10px;
				clear: both;
}

#sku table
{
				width: 100%;
				border: 1px solid #000;
				position: relative;
				top: -4px;
				left: -4px;
				table-layout: auto;
}

#sku table caption
{
				text-align: left;
				padding: 4px;
				font-weight: bold;
}

#sku table th
{
				font-size: 90%;
				background: #101052;
				color: #FFFFFF;
				text-align: left;
}

#sku table td
{
				font-size: 90%;
				color: black;
				background-color: #C0C0C0;
				text-align: left;
				border-bottom: 1px solid #b5b5b5;
				margin: 0;
				vertical-align: top;
				padding: 4px 4px 4px 0px;
				background-repeat: no-repeat;
				min-height: 35px;
}

#sku table td a
{
				color: #2A54D4;
}
#sku table td img
{
				float: none;
				vertical-align: top;
}
.sidemenu
{
				list-style-type: none;
				margin: 5px 0;
				padding: 0;
				width: 160px;
				border: 1px solid #9A9A9A;
				border-bottom-width: 0;
}

.sidemenu li a
{
				background: url(images/menuback.gif) repeat-x bottom left;
				font: bold 8px;
				color: white;
				display: block;
				width: auto;
				padding: 3px 0;
				padding-left: 10px;
				text-decoration: none;
				font-family: Verdana;
}

* html .sidemenu li a
{
				width: 160px;
}

.sidemenu li a:visited, .sidemenu li a:active
{
				color: white;
}

.sidemenu li a:hover
{
				background-image: url(images/menuback2.gif);
}

#menuh
{
				float: left;
				width: 730px;
				font-size: 93%;
				font-family: Verdana;
				line-height: normal;
				margin-bottom: 1em;
				overflow: hidden;
}

#menuh ul
{
				margin: 0;
				padding: 10px 10px 0 0px;
				list-style: none;
}

#menuh li
{
				display: inline;
				margin: 0;
				padding: 0;
				font-family: Verdana;
}

#menuh a
{
				float: left;
				background: url("images/left.png") no-repeat left top;
				margin: 0;
				padding: 0 0 0 6px;
				text-decoration: none;
}

#menuh a span
{
				float: left;
				display: block;
				background: url("images/right.png") no-repeat right top;
				padding: 6px 15px 4px 6px;
				margin-right: 2px;
				color: #FFF;
}

#menuh a span
{
				float: none;
}

#menuh a:hover span
{
}

#menuh a:hover
{
				background-position: 0% -42px;
}

#menuh a:hover span
{
				background-position: 100% -42px;
}

.submit
{
				background-color: #588BE6;
				color: white;
}

table#rightnavigation
{
				background-color: #560059;
				color: white;
}

#rightnavigation td
{
				text-align: left;
				font-size: 8pt;
				background-color: #560059;
				color: #FFFFFF;
}

#rightnavigation th
{
				text-align: left;
				font-size: 8pt;
				font-family: Verdana;
}
.section
{
				background-color: #101052;
				color: #FFFFFF;
}

.wwsm-hint
{
				float:right;
				position: relative;
				width: 270px;
				padding: 50px 40px;
				margin: 1em auto 80px;
				text-align: center;
				color: #fff;
				background: #2B57D4;
				background: -webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#2B57D4));
				background: -moz-linear-gradient(#2e88c4, #2B57D4);
				background: -o-linear-gradient(#2e88c4, #2B57D4);
				background: linear-gradient(#2e88c4, #2B57D4);
				-webkit-border-top-left-radius: 220px 120px;
				-webkit-border-top-right-radius: 220px 120px;
				-webkit-border-bottom-right-radius: 220px 120px;
				-webkit-border-bottom-left-radius: 220px 120px;
				-moz-border-radius: 220px / 120px;
				border-radius: 220px / 120px;
}

.wwsm-hint p
{
				font-size: 1.25em;
}

.wwsm-hint:before
{
				content: "";
				position: absolute;
				bottom: -20px;
				left: 50px;
				width: 30px;
				height: 30px;
				background: #2B57D4;
				-webkit-border-radius: 30px;
				-moz-border-radius: 30px;
				border-radius: 30px;
}

.wwsm-hint:after
{
				content: "";
				position: absolute;
				bottom: -30px;
				left: 30px;
				width: 15px;
				height: 15px;
				background: #2B57D4;
				-webkit-border-radius: 15px;
				-moz-border-radius: 15px;
				border-radius: 15px;
}

