#outer {
 background: #ffffff;
 text-align: left;
 font-family: Arial, Verdana, sans-serif;
 border: 1px solid #000000;
 width: 750px;
 height: 100%;
}

body {
 background: #ffffff;
}


/* NON-HEADER */
*{padding:0; margin:0;}
 body {font-size:62.5%; background-color:rgb(255,255,255); font-family:arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {width:750px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em;}
.page-search {width:825px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em;}

/* --- START COPY here --- */

/* HEADER */
.header {width:750px; font-family:arial,sans-serif;}
.header-bottom {width:750px; height:40px; background:rgb(255,255,255) url(../img/bg_head_breadcrumbs.jpg) repeat-y;}
.header-breadcrumbs {clear:both; width:750px; padding:.5em 0 .5em 0; background:rgb(255,255,255) url(img/bg_side.jpg) repeat-y;}

/*************/
/*  2. HEAD  */
/*************/
/*Drop-down menu*/
.nav2 {float:left; width:750px; border:none; background:rgb(220,220,220) url(../img/bg_head_bottom_nav.jpg) no-repeat; color:rgb(75,75,75); font-size:130%;} /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none;}
.nav2 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px rgb(175,175,175);}
.nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 8px 0 8px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);}
.nav2 ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.nav2 ul li:hover a {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
.nav2 ul li:hover ul li a {display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;}
.nav2 ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav2 ul li a:hover ul li a {display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

.header-breadcrumbs ul {float:left; width:560px; list-style:none; padding:0 0 0 15px; font-family:verdana,arial,sans-serif;}
.header-breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%; font-weight:bold; color:rgb(125,125,125); font-size:100%;}
.header-breadcrumbs ul a {color:rgb(70,122,167); text-decoration:none;}
.header-breadcrumbs ul a:hover {color:rgb(42,90,138); text-decoration:underline;}

.header-breadcrumbs .searchform {float:right; width:285px; padding:0 17px 0px 0px !important /*Non-IE6*/; padding:0 12px 0px 0px /*IE6*/;}
.header-breadcrumbs .searchform form fieldset {float:right; border:none;}
.header-breadcrumbs .searchform input.field {width:10.0em; padding:0.2em 0 0.2em 0; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:120%; }
.header-breadcrumbs .searchform input.button {width:3.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:120%;}
.header-breadcrumbs .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* --- END COPY here --- */

/*********************/
/*  6. CLEAR FLOATS  */
/*********************/
.page-container:after, .header:after, .header-breadcrumbs:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

/***********************************/
/*  7. PRINTING and MISCELLANEOUS  */
/***********************************/
@media print {.nav2 {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.header-breadcrumbs {width:900px; background:transparent;}}

#bottombanner{ 
	float: left;
	width: 750px;
	list-style: none;
	line-height: 2.0;
background:rgb(220,220,220) url(../img/bg_head_bottom_nav.jpg) no-repeat;
	font: 12px Arial, Verdana, sans-serif;
	font-weight:bold;
color:rgb(75,75,75);
	text-align: center;
	margin: 0px 0 0 0;
	padding: 2px 0 2px 0;
}

#box {
 background: #CCD;
 float: right;
 border: 2px groove;
 width: 150px;
 height: 0;
 margin: 0 10px 0 0;
 }

.banner {
 background: #CCD;
 color: #003399;
 text-align: center;
 font-weight: bold;
 font-size: 14px;
 height: 16px;
 width: 710px;
 margin: 10px 20px 10px 20px;
 }

.bar {
 background: #CCD;
 color: #003399;
 text-align: center;
 font-weight: bold;
 font-size: 12px;
 height: 16px;
 width: 175px;
 margin: 0;
}

blockquote {
 font-size: 13px;
  padding: 1em 1em 1em 1em; 
  margin: 10px;
  line-height: 1.5;
}

h1 {
 font-size: 13px;
 color: #003399;
 padding: 0;
 margin: 5px 5px 5px 5px; 
}
	
h2 {
 font-size: 12px; 
 float: left; 
 width: 10em; 
 padding: .5em .5em .5em .5em; 
 background: #CCD;
 color: #003399;
 text-transform: uppercase; 
 margin: -.5em 1em 1em 0; 
}
 
h3 {
 border-bottom: 1px solid #000;
 font-size: 13px;
 color: #808080;
 padding: .5em .5em 0em .5em; 
 }
	
h4 { 
 font-size: 12px; 
 font-weight: normal;
 margin: 0px 5px 5px 10px;
 padding: 5px 5px 5px 10px;
}

h5 {
 border-bottom: 1px dashed #000;
 font-size: 13px;
 text-indent: 10px;
}
	
h6 {
 border: 2px solid #6699CC;
 background-color: #CCD;
 width: 180px;
 text-align: left;
 font-family: Verdana;
 font-weight: bold;
 font-size: 11px;
 color: #003399;
 padding: 5px 5px 5px 8px;
 }
 
#strong {
 display: block;
 width: auto;
 background: #CCD;
 color: #003399;
 font: bold 12px Arial, Verdana, sans-serif;
 text-transform: uppercase;
 }

.next {
 float: right;
 }
 
.thumbnail {
 float: left;
 width: 150px;
 margin: 10px 5px 20px 5px;
 padding: 10px;
}

.thumbnail a {
text-decoration: none;}

.thumblarge {
 float: left;
 width: 250px;
 margin: 10px 5px 15px 5px;
 padding: 6px;
}

.thumbxl {
 float: left;
 width: 250px;
 margin: 10px 5px 15px 5px;
 padding: 6px;
}

.thumbxxl {
 float: left;
 width: 315px;
 margin: 10px 5px 15px 5px;
 padding: 6px;
}

.thumbxx {
 float: left;
 width: 370px;
 margin: 10px 5px 15px 5px;
 padding: 6px;
}

.thumbright {
 float: right;
 width: 150px;
 margin: 10px 15px 15px 5px;
 padding: 4px;
}

.thumbrtlarge {
 float: right;
 width: 250px;
 margin: 10px 15px 15px 5px;
 padding: 4px;
}

.thumbrtxlarge {
 float: right;
 width: 350px;
 margin: 10px 15px 15px 5px;
 padding: 4px;
}

.thumbindex {
 float: right;
 width: 205px;
 margin: 10px 15px 15px 5px;
 padding: 4px;
}

.thumbcenter {
 float: left;
 width: 300px;
 margin: 0px 15px 15px 142px;
 padding: 0px;
}


.itemthumb {
 float: left;
 width: 150px;
 border: 1px solid black;
 margin: 10px 5px 15px 5px;
 padding: 4px;
}

.itemimage {
 float: left;
 width: 150px;
 margin: 10px 5px 15px 5px;
 padding: 4px;
}

.itemthumb a {
 text-decoration: none;
 }
 
.itemtext {
 font: 12px Arial, Verdana, sans-serif;
 float: left;
 width: 150px;
 margin: 10px 5px 15px 5px;
 padding: 4px;
}

.checkout {
 float: right;
 margin: 5px 5px 5px 5px;
}

.floatleft {
 float: left;
 margin: 10px 10px 10px 10px;
}

.floatright {
 float: right;
 margin: 0 10px 0 10px;
}

.clearboth { 
 clear: both;
}


#singlephoto {
 float: left;
 background: white;
 margin: 20px 15px 0 15px;
}

p {
font: 13px Arial, verdana, sansserif;
margin: 5px 15px 15px 15px;
padding: 5px 5px 5px 5px;
}

#price {
	float: left;
	text-align: left;
	font-size: 1em;
	background: #CCD;
	color: #003399;
	border: 1px solid black;
	padding: 2px 2px 2px 2px;
	margin: 0 0 0 15px;
	}
	
#itemlist {
	float: left;
	font-size: 12px;
	}
	
table.item { 
 font-family: Verdana;
 font-weight: normal;
 font-size: 11px;
 color: #003399;
 width: 490px;
 background-color: #fafafa;
 border: 1px #003399 solid;
 border-collapse: collapse;
 border-spacing: 0px;
 margin-top: 0px;
 margin-left: 30px;
}



table.item td.itemHd {
 border-bottom: 2px solid #003399;
 background-color: #CCD;
 text-align: center;
 font-family: Verdana;
 font-weight: bold;
 font-size: 11px;
 color: #003399;
 empty-cells: hide;
}

table.item td.servBodL {
 border-bottom: 1px solid #003399;
 background-color: white;
 text-align: center;
 font-family: Verdana;
 font-weight: normal;
 font-size: 11px;
 color: #003399;
 empty-cells: hide;
}

table.item td { 
 border-bottom: 1px solid #003399;
 border-right: 1px solid #003399;
 font-family: Verdana, sans-serif, Arial;
 font-weight: normal;
 font-size: 11px;
 color: #003399;
 background-color: white;
 text-align: left;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 4px;
 padding-right: 4px;
 empty-cells: hide;
}

table.item1 { 
 font-family: Verdana;
 font-weight: normal;
 font-size: 11px;
 color: #003399;
 width: 700px;
 background-color: #fafafa;
 border: 1px #003399 solid;
 border-collapse: collapse;
 border-spacing: 0px;
 margin-top: 0px;
 margin-left: 30px;
}

table.item1 td.itemHd {
 border-bottom: 2px solid #003399;
 background-color: #CCD;
 text-align: center;
 font-family: Verdana;
 font-weight: bold;
 font-size: 11px;
 color: #003399;
 empty-cells: hide;
}

table.item1 td.servBodL {
 border-bottom: 1px solid #003399;
 background-color: white;
 text-align: center;
 font-family: Verdana;
 font-weight: normal;
 font-size: 11px;
 color: #003399;
 empty-cells: hide;
}

table.item1 td { 
 border-bottom: 1px solid #003399;
 border-right: 1px solid #003399;
 font-family: Verdana, sans-serif, Arial;
 font-weight: normal;
 font-size: 11px;
 color: #003399;
 background-color: white;
 text-align: left;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 4px;
 padding-right: 4px;
 empty-cells: hide;
}

.contactform {width:418px; margin:2.0em 0 2.0em 2.0em; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.header-breadcrumbs .searchform {float:right; width:285px; padding:0 17px 0px 0px !important /*Non-IE6*/; padding:0 12px 0px 0px /*IE6*/;}
.header-breadcrumbs .searchform form fieldset {float:right; border:none;}
.header-breadcrumbs .searchform input.field {width:10.0em; padding:0.2em 0 0.2em 0; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:120%; }
.header-breadcrumbs .searchform input.button {width:3.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:120%;}
.header-breadcrumbs .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}