﻿body
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 10pt
}

th
{
text-align:left
}

img
{
	border:0;
}

.footer
{
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica;
	FONT-SIZE: 10pt;
	TEXT-ALIGN: center;
	background-color: #18344A;
}

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: #18344A;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica;
	font-size: 10pt;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}

.TableDetailSmall
{
	background-color: #18344A;
	font-family: Verdana, Arial, Helvetica;
	font-size: 90%;
	color: #FFFFFF;
	vertical-align: top;
	text-align: left;
}


.TableDetailSmall1
{
	background-color: #F8EEE2;
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	color: #800080;
	background-repeat: repeat-x;
	vertical-align: top;
	text-align: left;
}
               
.TableDetailSmall2
{
	background-color: #F8EEE2;
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	color: #800080;
	background-repeat: repeat-x;
	text-align: left;
	vertical-align: top;
}
               
.TableCell
{
	background-color: #003300;
	background-repeat: repeat;
	color: #FFFFFF; 
	font-size: 10pt;
	vertical-align: top;
	text-align: left;
}

.TableCellRight
{
	background-color: #003300;
	background-repeat: repeat;
	color: #FFFFFF; 
	font-size: 10pt;
	vertical-align: top;
	text-align: right;
}


.TableCellCentre
{
	background-color: #003300;
	background-repeat: repeat;
	color: #FFFFFF; 
	font-size: 10pt;
	text-align:center;
	vertical-align: top;
}

.TableCell2
{
	background-color: #18344A;
	color: #FFFFFF;
	vertical-align: top;
	text-align: left;
}

.formfield
{
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt
}

.TableSmall
{
    BACKGROUND-COLOR: #ffcccc;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 9pt;
    vertical-align: top;
	text-align: left;

}

a
{

	font-family: Verdana, Arial, Helvetica;
	text-decoration: none;
	font-weight: bold;
}

a:visited
{
	color:#6497E9;
	text-decoration: none;

}


a:hover
{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica;
	text-decoration: none;
}

INPUT
{
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: normal;
    TEXT-ALIGN: left
}

.currency
{
	font-size: 85%;
	background-color: #FFFF00;
	color: #000000;
}


table#rooms
{
	border: 10px solid #18344A;
	border-radius: 15px;
	-moz-border-radius: 15px;

}

#rooms th
{
	background-color: #FFFFFF;
	color: #800080;
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	font-weight: bold;
	vertical-align:top;
	text-align:left

}

#rooms td
{
	background-color: #59005D;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 8pt;
	background-repeat:no-repeat;
	vertical-align:bottom;
	text-align: center
}

#rooms td a
{
	font-size:8pt;
	background-color:#000080;
	text-decoration:none;
	color:#FFFFFF
}

#rooms td a:hover
{
	color:#000080;
	background-color:#FFFFFF
}

#shelffooter
{
				border: 10px solid #18344A;
				border-radius: 15px;
				-moz-border-radius: 15px;
				vertical-align: top;
				text-align: center;
				margin: 5px;
				background-color: #18344A;
				width: 700px;
}
table#shelves
{
				border: 10px solid #18344A;
				border-radius: 15px;
				-moz-border-radius: 15px;
}

#shelves th
{
	background-color: #18344A;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold
}

#shelves td
{
	background-color: #003300;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	vertical-align:bottom
}


#shelves td a
{
	background-color: #003300;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt
}


.maintable
{
				border: 10px solid #18344A;
				border-radius: 10px;
				-moz-border-radius: 10px;
				background-color: #003300;
				color:white
}


table#navigation
{
				border: 10px solid #18344A;
				border-radius: 10px;
				-moz-border-radius: 10px;
				background-color: #560059;
				margin: 5px 0px 5px 0px;
				width: 834px;
				color: #FFFFFF;
}

table#navigation h1
{
	font-size:small
}



table#prodrightnavigation
{
				padding: 3px;
				border: 10px solid #18344A;
				border-radius: 15px;
				-moz-border-radius: 15px;
				margin-left: 10px;
}

#prodrightnavigation td
{
	background-color: #003300;
	text-align: left;
	font-size:8pt;
	color: #FFFFFF;
}

#prodrightnavigation th
{
	background-color:#000000;
	text-align:left;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size: 85%;
	font-family:Verdana;
	color:#FFFFFF
}



table#rightnavigation
{
				border: 10px solid #18344A;
				border-radius: 15px;
				-moz-border-radius: 15px;
				margin-left: 10px;
}

#rightnavigation td
{
	background-color: #003300;
	text-align: left;
	font-size: 8pt;
	font-family: Verdana;
	color: #FFFFFF;
}

#rightnavigation th
{
	background-color: #18344A;
	text-align: left;
	font-size: 85%;
	font-family: Verdana;
	color: #FFFFFF;
}


.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: #18344A;
				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: 200px;
	border: 1px solid #9A9A9A;
	border-bottom-width: 0;
}

.sidemenu li a
{
	background: url(images/menuback.gif) repeat-x bottom left;
	font: bold;
	color: white;
	display: block;
	width: auto;
	padding: 3px 0;
	padding-left: 10px;
	text-decoration: none;
	font-family: Verdana;
}

* html .sidemenu li a
{
	width: 200px;
}

.sidemenu li a:visited, .sidemenu li a:active
{
	color: white;
}

.sidemenu li a:hover
{
	background-image: url(images/menuback2.gif);
	color:white;
}

.submit
{
	background-color:#588BE6;
	color:white;
	font-size:8px;
}



#menuh
{
	float: left;
	width: 500px;
	font-size: 80%;
	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;
}

.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: #18344A;
}
#specialnav table caption a

{
				background-color: #18344A;
}
#specialnav table th
{
				font-size: 85%;
				background-color: #18344A;
				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;
}

#menuh2
{
	float: left;
	font-family: Verdana;
	line-height: 1em;
	overflow: hidden;
	text-align: center;
	background-color: #003300;
}

#menuh2 ul
{
	margin: 0;
	list-style: none;
}

#menuh2 li
{

	display: inline;

}
#menuh2 li a
{
	border: 2px solid #004100;
	float: left;
	background: url(images/menuback.gif) repeat-x bottom left;
	margin: 2;
	padding: 5px;
	text-decoration: none;
	color:white;
	font-size:90%
}

#menuh2 a:hover
{
	background-image: url(images/menuback2.gif);
	color:white;
}

#wwsm
{
	font-size: x-small;
	color: white;
	width: 80px;
	background-color: #305FD6
}


#roomfulldesc
{
				padding: 5px;
				border: 10px solid #18344A;
				border-radius: 15px;
				-moz-border-radius: 15px;
				vertical-align: top;
				text-align: left;
				margin: 5px 5px 5px 0px;
				background-color: #560059;
				color: white;
				font-size: 9pt;
				width: 805px;
				overflow: auto;
}
#roomfulldesc img
{
				margin: 15px;
				border: 5px solid #18344A;
				border-radius: 10px;
				-moz-border-radius: 10px;
				clear: left;
}


#roomfulldesc a
{
	color:#568AE6;
	font-size:large
}

#roomsidenav
{
	border: 10px solid #18344A;
	vertical-align: top;
	text-align: left;
	margin: 5px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	background-color:#560059;
	color:white;
	font-size:8pt;
	width:170px
}

#roomfooter
{
	border: 10px solid #18344A;
	border-radius: 15px;
	-moz-border-radius: 15px;
	vertical-align: top;
	text-align: center;
	margin: 5px;
	background-color:#560059;
	width:805px

}

.roomsidemenu2
{
	list-style-type: none;
	margin: 5px 0;
	padding: 5px;
	width: auto;
	border-bottom-width: 0;
	text-align:left
}

.roomsidemenu2 li a
{
	background: url(images/menuback.gif) repeat-x bottom left;
	font-size: x-small;
	color: white;
	display: block;
	width: auto;
	padding: 3px;
	text-decoration: none;
}

* html .roomsidemenu2 li a
{
	width: 160px;
}

.roomsidemenu2 li a:visited, .roomsidemenu2 li a:active
{
	color: white;
	font-size:x-small;
}

.roomsidemenu2 li a:hover
{
	background-image: url(images/menuback2.gif);
	color:white;
	text-decoration: none;

}

.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;
}

