﻿/* light blue #EDF3FE */
/* gold #FFCC00 */
/* gold #FFCC33 */

html, body 
{
   /*background-color: #ffcc00; yellow*/
	background: #E5E5E5; /*#f0efef*/
	padding-bottom: 20px;
}

body {
	font-family: lucida grande, verdana, sans-serif;
	font-size: 10px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
}

div.MainContainer
{
   width:1024px; 
   background-color: #E5E5E5;
   /*border: solid 1px #666666;*/
   margin: 20px 20px 20px 20px;
   padding: 0px 0px 0px 0px;  
}

div.HeaderContainer
{
   width:1024px;
   height:120px; 
   background-color: #FFFFFF;
   border: solid 1px #666666;
   margin: 0 0 2px 0;
   padding: 10px 0px 10px 0px;
}

div.ContentContainer
{
   width: 1014px;
   height: auto;
   background-color: #FFFFFF;
   border: solid 1px #666666;
   margin: 0 0 0 0;
   padding: 10px 0px 10px 10px;
}

div.FooterContainer
{
   width:1024px; 
   background-color: #F7F7DE; 
   border: solid 1px #666666;
   margin: 0px 0px 0px 0px;
   padding: 10px 0px 10px 0px;
}

h1 {
   font-size: 24px;
	margin: 5px 0px 10px 0px;
}

h2
{
   /*color:#FFCC33;*/
   font-size: 18px;
	margin: 0px 0px 0px 0px;
}

h3
{
   /*color:#FFCC33;*/
   font-size: 14px;
   margin: 0px 0px 0px 0px;
}

h4{}
h5{}
h6{}

.clear
{
   clear: both;
}

p
{
   font-size: 12px;
}

ul
{
   margin: 5px 0px 5px 20px;
   padding: 0px 0px 0px 0px;
}

li
{
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

a:link, a:visited {
	color: #00e;
}
a:hover {
	color: #FFCC00;
}


a.l:link, a.l:visited {
	color: #00e;
	font-size:18px;
}
a.l:hover {
	color: #FFCC00;
	font-size:18px;
}
a.l_b:link, a.l_b:visited {
	color: #00e;
	font-size:18px;
	font-weight: bold;
}
a.l_b:hover {
	color: #FFCC00;
	font-size:18px;
	font-weight: bold;
}


a.m:link, a.m:visited {
	color: #00e;
	font-size:12px;
}
a.m:hover {
	color: #FFCC00;
	/*background-color: #FFCC00;*/
	font-size:12px;
}

a.header:link, a.header:visited {
	color: #00e;
	font-size:16px;
	font-weight:bold;
}
a.header:hover {
	color: #FFCC00;
	font-size:16px;
	font-weight:bold;
}


a.image img, a img {
	border: none;
}

a.plain:link{color:#00e; text-decoration: none;}
a.plain:visited{color:#00e; text-decoration: none;}
a.plain:active{color:#00e; text-decoration: none;}
a.plain:hover{color:#00e; text-decoration: none;}
a.plain:visited:hover{color:#00e; text-decoration: none;}

a.viewitem:link{font-size:12px; color:red; text-decoration: underline;}
a.viewitem:visited{font-size:12px; color:red; text-decoration: underline;}
a.viewitem:active{font-size:12px; color:red; text-decoration: underline;}
a.viewitem:hover{font-size:12px; color:red; text-decoration: underline;}
a.viewitem:visited:hover{font-size:12px; color:red; text-decoration: underline;}


a.email:link, a.email:visited, a.email:hover
{
	background: url('/site/img/email.png') center left no-repeat;
	padding-left: 20px;
}

a.printer:link, a.printer:visited, a.printer:hover
{
	background: url('/site/img/printer.gif') center left no-repeat;
	padding-left: 30px;
}

table 
{
   /*border-collapse: collapse;*/
}

table.l td
{
   font-family: lucida grande, verdana, sans-serif;
	font-size: 18px;
}

table.m td
{
   font-family: lucida grande, verdana, sans-serif;
	font-size: 14px;
}

table.solid_l
{
   border: solid 1px #666666;
   font-size: 18px;
}
table.solid_l td
{
   font-size: 18px;
}

table.solidBlue_l
{
   border: solid 1px #666666;
   background-color: #EDF3FE;
   font-size: 18px;
}
table.solidBlue_l td
{
   font-size: 18px;
}

table.dottedBlue_l
{
   border: dotted 1px #666666;
   background-color: #EDF3FE;
   font-size: 18px;
}

table.dottedBlue2_l
{
   border: dotted 2px #666666;
   background-color: #EDF3FE;
   font-size: 18px;
}

table.dottedBlue_l td
{
   font-size: 18px;
}

table.dottedBlue2_l td
{
   font-size: 18px;
}

tr.dottedBottom td
{
   border-bottom: dotted 1px #666666;
}

tr.solidBottom
{
   border-bottom: solid 1px #666666;
}

tr.header td
{
   font-weight:bold;
   border-bottom: dashed 1px #666666;
}

td
{
	font-family: lucida grande, verdana, sans-serif;
	font-size: 10px;
}

/* ****************************************** */
/* Inventory Table */
table.inventory
{
   width: 800px;
}
table.inventory th
{
   font-size: 18px;
   font-weight: bold;
   border-top: solid 1px #666;
   border-bottom: solid 1px #666;   
}
table.inventory td
{
   border-top: none;
   border-bottom: solid 1px #ccc;
   padding: 6px 0 6px 0;
}
table.inventory td a
{
   font-size: 16px;
   font-weight: bold;
   text-decoration: none;
}
/* ****************************************** */

div.white
{
   background-color: #FFFFFF;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}

div.solid
{
   border: solid 1px #666666;
   background-color: #FFFFFF;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}



div.solid_m
{
   border: solid 1px #666666;
   background-color: #FFFFFF;
   font-size:12px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}

div.solid_l
{
   border: solid 1px #666666;
   background-color: #FFFFFF;
   font-size:18px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}

div.dashed
{
   border: dashed 1px #666666;
   background-color: #FFFFFF;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}

div.dotted
{
   border: dotted 1px #666666;
   background-color: #FFFFFF;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}

div.solidBlue
{
   border: solid 1px #666666;
   background-color: #EDF3FE;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}

div.dashedBlue
{
   border: dashed 1px #666666;
   background-color: #EDF3FE;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}

div.dashedBlue2
{
   border: dashed 2px #666666;
   background-color: #EDF3FE;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}

div.dottedBlue
{
   border: dotted 1px #666666;
   background-color: #EDF3FE;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}

div.solidYellow
{
   border: solid 1px #666666;
   background-color: #F7F7DE;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}

div.dashedYellow
{
   border: dashed 1px #666666;
   background-color: #F7F7DE;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}

div.dashedYellow2
{
   border: dashed 2px #666666;
   background-color: #F7F7DE;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}

div.dottedYellow
{
   border: dotted 1px #666666;
   background-color: #F7F7DE;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}

div.l
{
   font-size: 18px;
}

div.m
{
   font-size: 12px;
}

div.s
{
   font-size: 8px;
}

span.xl
{
   font-size: 24px;
}
span.l
{
   font-size: 18px;
}
span.l_b
{
   font-size: 18px;
   font-weight:bold;
}
span.m
{
   font-size: 12px;
}
span.m_b
{
   font-size: 12px;
   font-weight: bold;
}
span.s
{
   font-size: 8px;
}
span.extendedWarranty
{
   /* font-family: "Impact", Charcoal, sans-serif; */
   /* font-family: "Times New Roman", Times, serif; */
   /* font-family: "Georgia", serif; */
   font-family: "Courier New", Courier, monospace;
   /*color: #000000;*/
   color: #006600; /* forest green*/
   font-weight: bold;
   font-size: 18px;
}


.xl 
{
   font-size: 24px;
}
.l
{
   font-size: 18px;
}
.m
{
   font-size: 12px;
}
.s 
{
   font-size: 8px;
}

div.inventoryType
{
   width:100px;
   height:100px;
   float:left;
   /*background-color: #FFFFFF;*/
   margin-left:40px;
   margin-bottom: 40px;
   padding: 0 0 0 0;
}

div.inventoryType_medium
{
   width:200px;
   height:200px;
   float:left;
   /*background-color: #FFFFFF;*/
   margin-left:40px;
   margin-bottom: 40px;
   padding: 0 0 0 0;
}

div.sold_small
{
	width:100px; 
	height:75px;
	float: left;
   position:relative;
   z-index:2;
   left: 0px;
   top: -75px;
}

div.sold_medium
{
   width: 200px; 
   height: 150px;
   float: left;
   position:relative;
   z-index:2;
   left: 0px;
   top: -155px;
}

div.sold_large
{
	width:488px; 
	height:366px;
	float: left;
   position:relative;
   z-index:2;
   left: 0px;
   top: -355px;
}

.itemImageDesc_medium
{
   width:200px;
   height: 10px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   text-align:center;
}
.itemImageDesc_medium span
{
   font-size: 10px;
   font-weight: bold;
   background-color: #FFCC00;
}

.itemImageDesc_large
{
   width:488px;
   height: 20px;
   margin: 0px 0px 10px 0px;
   padding: 0px 0px 0px 0px;
   text-align:center;
}

.itemImageDesc_large span
{
   font-size: 16px;
   font-weight: bold;
   background-color: #FFCC00;
}


.sale
{
   color: #006600; /* forest green*/
   /*color: #003300;*/ /* darker green*/
   /*background-color: #F7F7DE;*/
}
.orig
{
   text-decoration: line-through;   
}


.list_item_small
{
   width:100px;
   height:88px;
   margin: 0 6px 10px 0;
   padding: 0 0 0 0;
   float:left; 
   text-align:center;
   border: solid 1px #666666;
   background-color: #FFFFFF;
}

.list_item_medium
{
   width:330px;
   height:180px;
   margin: 0 6px 10px 0;
   padding: 0 0 0 0;
   float:left; 
   text-align:center;
   border: solid 1px #666666;
   background-color: #f0efef;
}
.list_item_medium .left
{
   width: 200px;
   height: 164px;
   float: left;
   margin: 0 16px 10px 0;
   padding: 0 0 0 0;   
}
.list_item_medium .right
{
   float: left;
   width: 100px;
   height: 150px;
   padding-left: 2px;
   padding-top: 3px;
   font-weight: bold;
   text-align: left;
}


.list_item_large
{
   width:980px;
   height:320px;
   margin: 0 0 20px 0;
   padding: 4px 4px 4px 4px;
   float:left;
   border: solid 1px #666666;
   background-color:#f0efef;
}
.list_item_large .col_1
{
   width: 200px;
   height: 164px;
   float: left;
   margin: 0 20px 0 10px;
   padding: 0 0 0 0;
}
.list_item_large .col_1 .price_box, .price_box_sold
{
   width: 150px;
   height: 25px;
   margin: 50px 0 0 15px;
   padding: 6px 0 6px 20px;
   border: dashed 1px #666666;
   background-color: #FFFFFF;
}
.list_item_large .col_1 .price_box div
{   
   position: relative;   
   height: inherit;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   font-size: 14px;
   font-weight: normal;
}
.list_item_large .col_1 .price_box_sold div
{
   top: -95px;
   position: relative;
   height: inherit;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   font-size: 14px;
   font-weight: normal;
}
.list_item_large .col_1 .price_box, div span
{
   font-size: 18px;
   font-weight: bold;
}
.list_item_large .col_1 .price_box_sold div span
{
   font-size: 18px;
   font-weight: bold;
}
.list_item_large .col_1 .sale_price_box, .sale_price_box_sold
{
   width: 165px;
   height: 50px;
   margin: 35px 0 0 8px;
   padding: 6px 10px 6px 10px;
   border: dashed 1px #666666;
   background-color: #FFFFFF;
}
.list_item_large .col_1 .sale_price_box div
{   
   position: relative;
   height: inherit;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   font-size: 14px;
   font-weight: normal;
}
.list_item_large .col_1 .sale_price_box_sold div
{
   top: -108px;
   position: relative;   
   height: inherit;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   font-size: 14px;
   font-weight: normal;
}
.list_item_large .col_1 .sale_price_box, .sale_price_box_sold div span
{
   font-size: 18px;
   font-weight: bold;
}
.list_item_large .col_2_3
{
   width: 435px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   float: left;
   font-size: 12px;
}
.list_item_large .col_2_3 .col_2
{
   width: 225px;
   margin: 0 0 0 0;
   padding: 6px 0 0 0;
   float:left;
   font-size: 12px;
}
.list_item_large .col_2_3 .col_3
{
   width: 210px;   
   margin: 0 0 0 0;
   padding: 6px 0 0 0;
   float: left;
   font-size: 12px;
}
.list_item_large .col_4
{
    width:300px;
    height:310px;    
    margin: 0 0 0 10px;    
    padding: 6px 0 0 0;
    float:left;
    font-size: 12px;
}