/*
Color Palette
dark slate: #687B7B
med slate: #869898
light slate: #D7DEDE
orange: #DE4908
dark grey: #7B7F6C
med grey: #DEE0D5
light grey: #EDEEE8
*/

/*css toolbox*/
.b {font-weight: bold;}
.sm {font-size: 11px;}
.lg {font-size: 13px;}
.red {color: #990000; background-color: inherit;}
.ong {color: #DE4908; background-color: inherit;}
.blk {color: #000000; background-color: inherit;}
.itl {font-style: italic;}
.bdrAll {border: 1px solid #7B7F6C;}

/*global css*/
img {border: none;}
form {margin: 0px; padding: 0px;}
.leftimage {float: left; padding-right: 2px;}
.rightimage {float: right; padding-left: 2px;}
.clr {clear: both;}
.seperator {border-bottom: 1px dashed #7B7F6C; margin: 10px 0px 10px 0px;}

/* page overall */
html * {}
body {
	margin: 0.5em 0em 2em 0em;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	text-align: center;
	color: #666;
	background-color: #c4d7ed;
	/*background: #6c7558 url(/graphics/misc.graphics/main-bkgrd-g.jpg) repeat-x;*/
}
#page {width: 980px; text-align: left; margin: 0px auto 0px auto;  }
#wrapper {}

/* header */
#header {
	position: relative;
	width: 982px;
	vertical-align: middle;
	text-align: left;
	background-color: #fff;
	margin-bottom: 0.5em;
	z-index: 101;
	font-size: 12px;
}
#headButtons{position:absolute; top: 10px; right: 12px; height: 24px; line-height: 24px;}
#headButtons img {vertical-align:middle;}
#gSearchBar{position:absolute; top: 45px; right: 10px;}
#headButtons a:link, #headButtons a:visited,  #headButtons a:active {text-decoration: none; color: #333;}
#headButtons a:hover {color: #375d81; background-color: #fff;}
#menuTitle {margin: 0px; padding: 0px; width: 100%;}
#menuTTxt {text-align: center; width: 14%; float: left;}
#menuTLeft	{
	background: #fff url(/graphics/header/ornament-left.jpg) no-repeat;
	background-position: right;
	width: 43%;
	float: left;
}
#menuTRight	{
	background: #fff url(/graphics/header/ornament-right.jpg) no-repeat;
	background-position: left;
	width: 43%;
	float: left;
}

/*menu system*/
.menudiv {
	font: 14px/22px Arial, Helvetica, sans-serif;
	height: 30px;
	background: #ccc url(/graphics/header/nav-back.jpg) repeat-x;
}
.menulist, .menulist  ul {margin: 0px; padding: 0px; list-style: none; width: 100%;}
.menulist ul {
 	display: none;
 	position: absolute;
 	top: 1.0em;
	margin-top: 21px;
 	left: -1px;
 	width: 162px;
}
.menulist ul ul {top: -1px; margin-top: 0px; left: 148px;}
.menulist li {
	float: left;
	display: block;
	position: relative;
	background: #EDEEE8;
	border: 1px solid #330;
	margin-right: -1px;
	width: 162px;
	font-weight: normal;
	font-size: 12px;
}
.menulist li.header {
	width: 164px;
	border: 0;
	text-align: center;
	background-image: url(/graphics/header/nav-back.jpg);
	background-repeat: repeat-x;
	font-weight: bold;
	font-size: 14px;
}
.menulist ul li {float: none; margin: 0; margin-bottom: -1px; text-align: left;}
.menulist ul>li:last-child {margin-bottom: 1px;}
.menulist a {display: block; padding: 3px; color: #535353; text-decoration: none;}
.menulist .header a:hover, .menulist .header a.highlighted:hover, .menulist .header a:focus {
	color: #fff;
	background-color: #abc8e2;
	background-image: url(/graphics/header/nav-hover.jpg);
}
.menulist .header a.highlighted {
	color: #fff;
	background-color:#666;
	background-image: url(/graphics/header/nav-hover.jpg);
}
.menulist .subLink a:hover, .menulist .subLink a.highlighted:hover, menulist .subLink a:focus {
	color: #fff;
	background-color: #abc8e2;
	background-image: none; 
}
.one {
	background-image: url(/graphics/design-08/menu/one.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
.two {
	background-image: url(/graphics/design-08/menu/two.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
.three {
	background-image: url(/graphics/design-08/menu/three.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
.menulist .subLink .one:hover {background-image: url(/graphics/design-08/menu/one-h.jpg);}
.menulist .subLink .two:hover {background-image: url(/graphics/design-08/menu/two-h.jpg);}
.menulist .subLink .three:hover {background-image: url(/graphics/design-08/menu/three-h.jpg);}
.menulist .subLink a.highlighted {
	color: #fff;
	background-color: #abc8e2;
	background-image: none;
}
.menulist a .subind {display: none;}
.menulist ul a .subind {display: block; float: right;}
.menulist a {float: left;}
.menulist ul a {float: none;}
.menulist a {float: none;}
*:first-child+html .menulist ul li {float: left; width: 100%;}
* html .menulist ul li {float: left; height: 1%;}
* html .menulist ul a {height: 1%;}

/* whats new box */
#whatsNew {text-align:center; position: relative; }
div.whatsNew{width: 100%; }
div.whatsNewBox h3 {
	text-align: left;
	margin: 0em;
	padding: 0.2em 0em 0.2em 1em;
	font-size: 0.8em;
	color: #fff;
	text-transform: uppercase;
	font-family: Verdana, Arial, sans-serif;
	background: #375d81 url(/graphics/right-rail/box-back.jpg) repeat-x;
}

/* main content */
#content {
    float: left; 
    position: relative; 
    width: 800px; 
    font-size: 0.75em;   
    background-color: #fff;
    border-left: 0.2em solid #abc8e2;
    border-bottom: 0.2em solid #abc8e2;
	min-height:980px;
  	height:auto !important;
  	height:980px;
}
#content h1 {
    clear: both;
    margin: 0em;
    padding: 0.5em 0em 0em 0.1em;
    font-size: 1.7em;
    color: #183152;
    border-bottom: 0.05em solid #183152;
    line-height: 1em;
	background-color: #fff;
}
#content h2 {
    clear: both;
    margin: 0em;
    padding: 0.5em 0em 0em 0.1em;
    font-size: 1.3em;
    color: #183152;
    border-bottom: 0.09em solid #183152;
    line-height: 1em;
	background-color: #fff;
}
#content h3 {
    clear: both;
    margin: 0em;
    padding: 0.5em 0em 0em 0.1em;
    font-size: 1.3em;
    color: #333;
    border-bottom: 0.05em solid #333;
    line-height: 1em;
	background-color: #fff;
}
#content p {margin: 0em 0em 0.5em 0em; padding: 0.35em;}
#content input {margin: 0.5em 0.1em; vertical-align: middle;}
#content select {margin: 0.5em 0em; vertical-align: middle;}
#content a:link {color: #333;}
#content a:visited {color: #666; background-color: inherit;}
#content a:hover, #content a:active {color: #375d81; background-color: inherit;}
#main {padding: 0.5em 0.7em 1.5em 0.7em;}
br.clear {clear: both; display: none;}

/* right rail */
#right {width: 170px; float: right; position: relative; font-size: 0.8em;}
div.rightBox {
    background-color: #fff;
    margin-top: 0.5em;
    border-left: 0.18em solid #abc8e2;
    border-bottom: 0.16em solid #abc8e2;
	width: 100%; /*ie 6 fix*/
}
div.rightBox.top {margin-top: 0em;}
div.rightBox h3 {
	margin: 0em;
	padding: 0.2em 0em 0.2em 1em;
	font-size: 0.8em;
	color: #fff;
	border-top: 0.1em solid #abc8e2;
	border-left: 0.1em solid #abc8e2;
	text-transform: uppercase;
	font-family: Verdana, Arial, sans-serif;
	background: #375d81 url(/graphics/right-rail/box-back.jpg) repeat-x;
}
div.rightBox p {margin: 0em; padding: 0.3em 2px 2px;}
div.rightBox a:link {color: #2E668B;}
div.rightBox a:visited {color: #254A65;}
div.rightBox a:hover, div.rightBox a:active {color: #DE4908; background-color: #fff;}

/*help pages*/
#center {
	padding: 0.5em 0.7em 1.5em 0em;
	float: left;
	min-height:750px;
	height:auto !important;
	height:750px;
	width: 70%;
}
#leftRail {
	padding: 0.5em 0.7em 1.5em 0.7em;
    width: 25%;
    float: left;
	min-height:750px;
  	height:auto !important;
  	height:750px; 
    font-size: 0.8em;
}

/*decorator directory*/
.de3Td {float: left; width: 33%;}

/*product info*/
#productInfo {}
#piGenTxt {}
#piSpecifics {margin: 10px 0px 10px 0px; border: 1px solid #DEE0D5; padding: 5px;}
#piMaterials {}
#piSizes {}
#piAvail {}
#piReturns {}
#piMatch {}
#piInterested {}

/* footer: */
#footer {
	margin: 0em;
	padding: 2px;
	font-size: 0.7em;
	clear: both;
	color: #fff;
	text-align: left;
	width: 798px;
	background: #c4d7ed url(/graphics/footer/footer-back.jpg) repeat-x;
	height: 45px;
} 
#footer a:link, #footer a:visited {color: #fff; background-color: inherit;} 
#footer a:hover, #footer a:active {color: #000000;}
#opContent{
	width: 500px;
	background-color:#fff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align: left;
	padding:10px;
	border: 1px solid #DE4908;
}