@charset "utf-8";
/***********************/
/*         HTML        */
/***********************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#636b6f;
	background-color: #716F6E;
	background-image: url(../layout/back_tile.gif);
	background-repeat: repeat;
	background-position: center top;
	padding-top: 0px;
}
th, td {text-align:left; vertical-align:top;color:#636b6f;}
ul, li,h1, h2, h3, h4, h5 {margin:0; padding:0;}
p {margin: 10px 0px 5px 0px;}
p:first-child {margin-top:0px;}
a img { border-width:0px;}
h1 {
	font-size:18px;
	color:#25679F;
}
h3 {
	font-size: 14px;
	color: #25679F;
	margin-top: 10px;
	margin-bottom: 0px;
}
h4 {
	font-size: 13px;
	color: #CD0E10;
	margin-top: 10px;
	margin-bottom: 0px;
}

.clearall {clear:both;}
.red {color: #CD0E10;}
a {
	color:#000000;
	text-decoration:none;
}
a:hover {
	color:#25679F;
	text-decoration:underline;
}

/***********************/
/*       rounded    */
/***********************/
/*  panelcentral assigned to a table cell so the white panel is as long as the table, panelcentralinner to the container inside it for the text for the top corners to be grey   */
.panelcentral {
	background-image: url(../layout/panel_538_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.panelcentral .panelcentralinner {
	background-image: url(../layout/panel_538_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.panelcentralinner p:first-child {margin-top:0px;}

/*  panelright assigned to a table cell so the white panel is as long as the table, panelrightinner to the container inside it for the text for the top corners to be grey   */
.panelright {
	background-image: url(../layout/panel_200_bottom.gif);
	background-repeat: no-repeat;
	background-position: 6px bottom;
}
.panelright .panelrightinner {
	background-image: url(../layout/panel_200_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.panelrightinner p:first-child {margin-top:0px;}

/*  panelrightshort assigned to a division so the white panel is as long as the division contents, panelrightinner to the container inside it for the text for the top corners to be grey   */
.panelrightshort {
	background-image: url(../layout/panel_200_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.panelrightshort .panelrightinner {
	background-image: url(../layout/panel_200_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.panelrightinner p:first-child {margin-top:0px;}

/* for the floating panel with no background to be used in the lower row */
.panel744 {
	background-image: url(../layout/panel_744_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 11px;
}
.panel744 .panel744inner {
	background-image: url(../layout/panel_744_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left:10px;
	padding-right:10px;
	padding-bottom: 10px;
}
.panel744inner p:first-child {margin-top:0px;}

/*  panel744solid assigned to a table cell so the white panel is as long as the table, panel744solidinner to the container inside it for the text for the top corners to be grey   */
.panel744solid {
	background-image: url(../layout/panel_744_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.panel744solid .panel744solidinner {
	background-image: url(../layout/panel_744_topsolid.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px;
}
/***********************/
/*       containers    */
/***********************/

.container {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-image: url(../layout/back_shape_nontrans.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 970px;
	margin-right: auto;
	margin-left: auto;
}
.bannertr {
	position: absolute;
	z-index: 3;
	margin-left:699px;
}

.botaddress {
	color: #000000;
	font-size:11px;
	padding-top:11px;
}
.botaddress a {color: #000000;}
.botaddress a:hover {
	color: #A49C06;
}
.botref {
	font-size: 11px;
	color: #D4D0C8;
	text-align: right;
	padding-right: 5px;
	padding-top: 5px;
}
.botref a {
	text-decoration:none;
	color:#4F4F4F;
}
.botref a:hover {
	color:#D7E460;
}
#flyoutdiv, #flyoutdiv1, #flyoutdiv2 {
	position: absolute;
	height: 700px;
	width: 700px;
	background-color:#FFFFFF;
	margin-top: 30px;
	margin-left: 50px;
	padding-top:20px;
	border: #43678F 1px solid;
	z-index: 5;
}
#flyoutdiv.visible, #flyoutdiv1.visible, #flyoutdiv2.visible {display:block;}
#flyoutdiv.invisible, #flyoutdiv1.invisible, #flyoutdiv2.invisible {
	display:none;
	background-color: #006666;
}
#flyoutdiv1 {
	height: 400px;
	width: 400px;
}
#flyoutdiv2{
	height: 400px;
	width: 400px;
}

/* washing instructions page  */
.washicons {
	font-size: 10px;
	margin-top:20px;
}
.washicons td {vertical-align: middle; padding:2px;}
.sizes1 {
	font-size: 11px;
}
/* sizes page  */
.sizes1 .botborder td, .sizes2 .botborder th {
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	font-weight:bold;
}
.sizes1 .leftborder {
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #666666;
	padding-left: 5px;
}

.sizes2 th {padding-right: 30px;}
.sizes2 td{padding-bottom: 2px;}

.bttop {
	font-style: italic;
	font-weight: normal;
	text-decoration: underline;
	text-align:right;
	font-size:11px;
}
.anchorlinks a {
	text-decoration: underline;
}