body{
	font-family: arial, verdana, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-color: #f1f1f1;}

img {border:none;}
a {text-decoration:none; color:#808080; font-weight:bold;}
a:hover {text-decoration:none; color:#D61010; font-weight:bold;}
#homePenImage {float:left;}

#page{
	position:absolute;
	padding:0px; margin:0px;
	top:10px;
	left:10px; 
	width:1180px;
	border: 1px solid #888888;
	background-color:#ffffff;}

#byline{ 
	color:white;
	background-color:#484A9A;  /* #cbcbcb; */
	font-size:x-small;
	padding:5px;
	font-weight:bold;}

#masthead{
	border-bottom:1px solid #888888;
	padding:5px;}

#topNav {
	border-bottom:1px solid #888888;
	padding:5px;
	background-color:#999999;}

#sideLeft{
	float: left;
	width:155px;
	height:450px;
	border-right:1px solid #888888;
	background-color: #efefef;
	padding:10px 0px 10px 0px;
}

#sideRight{
	float: right;
	width:165px;
	height:450px;
	border-left:1px solid #888888;
	background-color: #efefef;
	text-align:center;
	padding:10px 0px 10px 0px; }

#content{margin:0px 10px 0px 180px; }	
#productContent{margin:0px 10px 0px 150px; }

#footer{
	clear: both;
	border-top: 1px solid #888888;
	padding:5px;
	font-size:x-small;
	text-align:center;}

/* CENTER CONTENT */

.item{
	margin:0px 20px 0px 20px; 
	padding:10px; 
	font-size:16 pixels;
	color: navy;    /* #888888; */
	border-left:10px solid #D61010;	  /* #990000 */
	border-right:1px solid #888888;
	border-top:1px solid #888888;
	border-bottom:1px solid #888888;}

/* .item p:first-letter {font-size:medium;} */
/* .item img {margin-top:10px;} */

/* NAVIGATION */
#topNav a:link, #topNav a:visited{
	padding:0px 5px 0px 5px; 
	font-size:x-small;
	font-weight:bold;}

#topNav{
	width:100%;
              background-color:#888888;
	height:24px;
	padding:0px;
              margin:0px;}

#linkContainer{
	position:relative;
	top:4px;
	height:16px;
	padding:0px;
	margin:0px;
	z-index:1;}

a.topNavLink, a.topNavLink:visited{
	padding: 0px 5px 0px 5px;
	border-right: 1px solid #666666;
	color:#ffffff;
	font-size:small;}

a.topNavLink:hover{
	background-image:url(images/interface/topNavRollover.gif);
	color:#990000;
	background-repeat: no-repeat;
	border-right-style: none;
}
a#lastItem {
	border-right-style: dotted;
}


#sideLeft a:link, #sideLeft a:visited{
	display:block;
	color:#FFFFFF;
	font-size:x-small;
	font-weight:bold;
	padding:5px;
	background-color:#8F8F8F;
}

/* The following rule prevents gaps appearing in between navigation items and divider images Netscape and Firefox */
#sideLeft img {display:block;vertical-align:top;}

.shoes {border-left:10px solid #003366;}
.delivery {border-left:10px solid #7a7df8;}
.keys {
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #000099;
}
.engraving {border-left:10px solid #996699;}
.locks {
	background-color: #333333;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #8D162A;
}
.plates {border-left:10px solid #ffcc00;}
.corporate {border-left:10px solid #ff9900;}
.trophies {border-left:10px solid #0cdd01;}
.emergency {border-left:10px solid #ff0000;}
.watches {border-left:10px solid #d42e1d;}

#sideLeft a:hover {
	background-color:#D61010;
	
}


/* FEATURED ITEMS */
div.featuredRow {
  margin: 0px 35px 0px 35px;} 

div.featuredRow p#left {float:left;}
div.featuredRow p#right {float:right;}

div.featuredRow p#left, div.featuredRow p#right {
    margin:0px;
    width:170px;
    height:150px;
    padding:10px;
    text-align:center;
    font-size:x-small;
    border-right: 1px solid #888888;
    border-top: 1px solid #888888;
    border-bottom: 1px solid #888888;}

/* hide from IE/Mac \*/
* html div.featuredRow p#left, * html div.featuredRow p#right {
  width:200px;}
/* end hiding */

/* SIDE PANEL BOXES */

.leftPanel {
	width:124px;
	margin:10px; 
	border: 1px solid #888888;
 	background-color:#ffffff;
	text-align:left;
	font-size:x-small;}

.rightPanel {
	width:137px;
	margin:15px; 
	border: 1px solid #888888;
 	background-color:#ffffff;
	text-align:left;
	font-size:x-small;}

.orderNumber {
	text-align:center;
	padding:5px;
	font-size:medium;
	font-weight:bold;
	color:#ff9900;}

 .point {
	padding:5px;
	color:#333333;
	font-weight:bold;
	margin:5px;}

/* .point:first-letter {
	color:#ff9900;
	font-size:medium;
	font-weight:bold;} */

/* PRODUCTS LIST */

.productListBox {
	vertical-align:middle;
	width:400px;
    height:80px;
    margin:20px 30px 20px 30px;
    padding:5px;
    border:1px solid #888888;
    font-size:small;}

.productListImage {
    float:left;
    width:150px;}

span.price {font-weight:bold;}

/* PRODUCTS DETAIL */
/* h4 {margin-left:20px;}  makes the paragraph headlines indented */

.productDetail {
	border:1px solid #888888; 
	margin:10px 15px 10px 10px;
	padding:0px;}

.productDetailLeft {
	float:left;
	width:310px;
	height:320px;
	text-align:center;}

.productDetailRight {
	margin-left:310px;
	height:320px;
	padding:10px 10px 10px 10px; 
	color:#666666;
	background-color:#efefef;
	font-size:small;}

table#productPrices {margin:10px 10px 20px 10px;}

table#productPrices td, table#productPrices th {
	padding:2px;
	font-size:x-small;}

 table#productPrices th {
	background-color:#d6d6d6;
	font-weight:bold;}
	
table#corporateAwards td {
	font-size:x-small;
	vertical-align:top;
	text-align: center;
	font-weight:bold;}
	
table#trophies td {
	font-size:x-small;
	vertical-align:top;
	text-align: center;
	font-weight:bold;
	padding:10px;}
	
table#work td {
	font-size:x-small;
	vertical-align:top;
	text-align: left;
	font-weight:bold;
	padding:10px;}

/* h1 {font-size:x-large;} */

h1 {  font-size: 20px; color: navy; display: inline;}
h2 {  font-size: 18px; color: navy; display: inline;}
h3 {  font-size: 16px; color: navy; display: inline;}
h4 {  font-size: 14px; color: navy; display: inline;}
h5 {  font-size: 12px; color: navy; display: inline;}