@import "nav.css";

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(../styleImages/backgrounds/bgnd-body.jpg) top center repeat-x #cbf2ff;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: "Lucida Grande",Arial,Helvetica,sans-serif;
	font-size: 62.5%;
	color: black;
}

.hide {
	display: none;
}

#copyright {
	width: 940px;
	height: 20px;
	margin: 0 auto;
	font-size: 1.0em;
	color: #338dac;
	position: relative;
	padding-top: 4px;
	text-indent: 10px;
}

#copyright div {
	position: absolute;
	width: auto;
	height: auto;
	top: 0;
	right: 10px;
	text-align: center;
}

#designertag {
	color: white;
	padding: 3px 10px;
	background-color: #333;
	font-size: 0.9em;
	text-indent: 0px;
}

#designertag a {
	color: white;
	text-decoration: none;
}

#designertag a:hover {
	text-decoration: underline;
}

#wrapper {
	width: 940px;
	margin: 0 auto;
	background: url(../styleImages/backgrounds/bgnd-wrapper.gif) repeat-y center top white;
	font-size: 1.0em;	
}

#header {
	width: 940px;
	height: 110px;
	background: url(../styleImages/backgrounds/bgnd-header.gif) no-repeat top center;
	position: relative;
}

#logo {
	width: 330px;
	height: 100px;
	position: absolute;
	top: 10px;
	left: 10px;
}

#siteOptions {
	width: 524px;
	height: 44px;
	background: url(../styleImages/backgrounds/bgnd-siteoptions.jpg) no-repeat top center;
	position: absolute;
	top: 9px;
	right: 8px;
}

#siteOptions ul {
	list-style: none;
	width: 239px;
	height: 28px;
	position: absolute;
	top: 7px;
	left: 11px;
}

#siteOptions ul li {
	float: left;
}

#siteOptions li a {
	display: block;
}

#siteOptions li a span {
	display: none;
}

#siteOption-home {
	width: 44px;
	height: 28px;
	background: url(../styleImages/siteoption-home1.jpg) no-repeat top left;
	margin-right: 5px;
}

#siteOption-contact {
	width: 79px;
	height: 28px;
	background: url(../styleImages/siteoption-contact1.jpg) no-repeat top left;
	margin-right: 5px;
}

#siteOption-register {
	width: 105px;
	height: 28px;
	background: url(../styleImages/siteoption-register1.jpg) no-repeat top left;
}

#siteOption-logout {
	width: 86px;
	height: 28px;
	background: url(../styleImages/siteoption-logout1.jpg) no-repeat top left;
}

#siteOption-home a {
	width: 44px;
	height: 28px;
	background: url(../styleImages/siteoption-home0.jpg) no-repeat top left;
}

#siteOption-contact a {
	width: 79px;
	height: 28px;
	background: url(../styleImages/siteoption-contact0.jpg) no-repeat top left;
}

#siteOption-register a {
	width: 105px;
	height: 28px;
	background: url(../styleImages/siteoption-register0.jpg) no-repeat top left;
}

#siteOption-logout a {
	width: 86px;
	height: 28px;
	background: url(../styleImages/siteoption-logout0.jpg) no-repeat top left;
}


#siteOption-home a:hover,
#siteOption-contact a:hover,
#siteOption-register a:hover,
#siteOption-logout a:hover {
	background: none;
}

#myTrolley {
	width: 250px;
	height: 28px;
	background: url(../styleImages/backgrounds/bgnd-mytrolley.gif) no-repeat top left;
	position: absolute;
	top: 7px;
	right: 12px;
}

#myTrolleyLink {
	width: 110px;
	height: 28px;
	position: absolute;
	top: 0px;
	left: 6px;
}

#myTrolleyInfo {
	width: 110px;
	height: 28px;
	position: absolute;
	top: 0;
	left: 115px;
}

#myTrolleyInfo-items {
	width: 45px;
	float: left;
	font-size: 1.0em;
	padding-top: 8px;	
}

#myTrolleyInfo-total {
	width: 65px;
	float: right;
	font-weight: bold;
	font-size: 1.7em;
	color: #00a4db;
	padding-top: 5px;
	text-align: right;
}

#myTrolley-goto {
	width: 18px;
	height: 13px;
	position: absolute;
	top: 8px;
	right: 1px;
}


#siteSearch {
	width: 520px;
	height: 40px;
	background: url(../styleImages/backgrounds/bgnd-sitesearch.gif) no-repeat top left;
	position: absolute;
	top: 60px;
	right: 10px;
	color: #464646;
	font-size: 1.0em;	
}

#siteSearch a {
	color: #464646;
	text-decoration: underline;
}

#siteSearch a:hover {
	text-decoration: none;
}

#siteSearch label {
	display: block;
	width: 90px;
	height: 40px;
	background: url(../styleImages/sitesearch-title.gif) no-repeat top left;
	float: left;
}

#siteSearch label span {
	display: none;
}

#siteSearch .searchBox {
	width: 280px;
	height: 18px;
	margin-top: 11px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: black;
	background: transparent;
	border: none;
}

#siteSearch .searchBtn {
	vertical-align: text-bottom;
	padding-right: 8px;
}

#content {
	width: 920px;
	margin: 0 auto;
	font-size: 1.0em;
}

#colLeft {
	width: 690px;
	float: left;
	margin-right: 0px;
}

#colRight {
	width: 210px;
	float: right;
}

#footer {
	width: 940px;
	height: 130px;
	background: url(../styleImages/backgrounds/bgnd-footer.gif) no-repeat bottom left;
	margin-top: 10px;
}

#siteDocs {
	width: 920px;
	height: 120px;
	background: url(../styleImages/backgrounds/bgnd-sitedocs.jpg) no-repeat top left;
	margin: 0 auto;
}

.contentRegion {
	margin-bottom: 15px;

}


/** Mailing List Panel **/

#panel-mailinglist {
	width: 210px;
	height: 110px;
	background: url(../styleImages/backgrounds/bgnd-mailinglist.gif) no-repeat bottom left;
}

#mailinglist-title {
	width: 210px;
	height: 30px;
	background: url(../styleImages/title-mailinglist.gif) no-repeat top left;
	margin-bottom: 0;
	padding-bottom: 4px;
}

#panel-mailinglist p {
	color: white;
	font-size: 1.1em;
	margin-left: 12px;
	margin-bottom: 8px;
}

#mailinglist-input {
	width: 180px;
	height: 29px;
	margin-left: 13px;
	background: url(../styleImages/backgrounds/bgnd-mailinglist-input.gif) no-repeat top left;
	position: relative;
}

.mailinglist-formfield {
	width:150px;
	height: 18px;
	margin-top: 6px;
	margin-right: 5px;
	padding-left: 3px;
	background: transparent;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: black;
}

.mailinglist-submit {
	position: absolute;
	top: 8px;
	right: 3px;	
}



/****fedex *****/

#panel-fedex {
	width: 210px;
	height: 120px;
	background: url(../styleImages/backgrounds/bgnd-fedex.gif) no-repeat bottom left;
	margin-top: 10px;
}

#fedex-title {
	width: 210px;
	height: 25px;
	background: url(../styleImages/title-fedex.gif) no-repeat top left;
	margin-bottom: 0;
}

#panel-fedex p {
	color: #555555;
	font-size: 1.1em;
	margin-left: 12px;
	margin-bottom: 8px;
	margin-top: 0;
}

#fedex-input {
	width: 180px;
	height: 29px;
	margin-left: 13px;
	background: url(../styleImages/backgrounds/bgnd-fedex-input.gif) no-repeat top left;
	position: relative;
}

.fedex-formfield {
	width:150px;
	height: 18px;
	margin-top: 6px;
	margin-right: 5px;
	padding-left: 3px;
	background: transparent;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: black;
}

.fedex-submit {
	position: absolute;
	top: 8px;
	right: 3px;	
}

/**** End. ****/

#breadcrumb {
	font-size: 1.1em;
	color: #464646;
	margin-bottom: 10px;
}

#breadcrumb a {
	text-decoration: none;
	color: #464646;
}

#breadcrumb a:hover {
	text-decoration: underline;
}

#subCats {
	width: 668px;
	height: auto;
	background-color: #ffece6;
	border: 1px solid #fb988a;
	padding: 5px 10px;
	font-size: 1.2em;
	margin-bottom: 10px;
}

#subCats p {
	color: #e73330;	
	line-height: 150%;
	margin-bottom: 0;
}

#subCats ul {
	list-style: none;
	line-height: 150%;
}

#subCats ul li {
	float: left;
	margin-right: 15px;
	color: #901c20;
	white-space: nowrap;
}

#subCats li a {
	color: #901c20;
	text-decoration: none;
}

#subCats li a:hover {
	text-decoration: underline;
}



#text {margin:50px auto; width:500px;}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer;}

#tt {position:absolute; display:block; background:url(../styleImages/tooltip/tt_left.gif) top left no-repeat;}
#tttop {display:block; height:5px; margin-left:5px; background:url(../styleImages/tooltip/tt_top.gif) top right no-repeat; overflow:hidden;}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../styleImages/tooltip/tt_bottom.gif) top right no-repeat; overflow:hidden;}



#panel-popularproducts {
	width: 184px;
	background-color: #f6f6f6;
	border: 1px solid #d7d7d7;
	padding: 8px 12px;
	margin-bottom: 10px;
}

#panel-popularproducts ol {
	list-style-type: decimal-leading-zero;
	margin-left: 25px;
	font-size: 1.1em;
	padding-bottom: 0;
}

#panel-popularproducts li {
	padding-bottom: 3px;
}

#panel-popularproducts a {
	color: black;
	text-decoration: none;
}

#panel-popularproducts a:hover {
	text-decoration: underline;
	font-weight: bold;
}