body {
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 11px;
	margin: 5px 5px 5px 5px;
	font-size: 11px;
	background-color: #FFFFFF;
	margin-left:auto;
	margin-right:auto;
	}
	
td.insidebody {
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #CAC9C7;
	}
	
td.search {
	background-color: #E1DFE0;
	}
	
table.search {
	background-color: #E1DFE0;
	}
	
tr.search {
	background-color: #E1DFE0;
	}
	
p, input, option, select {
font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	}
	
			a.blackarial {
font-family: Arial;
	color: #000000;
	font-size: 11px;
		text-decoration:none;
	}
	
				a:hover.blackarial {
font-family: Arial;
	color: #000000;
	font-size: 11px;
		text-decoration:underline;
	}
	
	
		.header {
font-family: Verdana, Arial sans-serif;
font-weight:bold;
text-transform:lowercase;
	color: #333333;
	font-size: 12px;
	}
	
	
	td {
font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	}

a {
font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #246278;
	font-size: 11px;

	}

	
	a.footlinks {
font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #246278;
	}
	
	.footlinks {
font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	
	td.footlinks {
font-family:  Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	
	
a.special {
font-family:  Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: red;
	font-size: 11px;
	}
a:hover.special {
font-family:  Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: red;
	font-size: 11px;
	}	
	

	
a.subnav {
font-family:  Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	text-decoration:none;

	}
	
a:hover.subnav {
font-family:  Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	text-decoration:underline;
	}
	
p.big {
font-family:  Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #6699FF;
	font-size: 16px;
text-decoration:none;
	}
	


#popup {
   position:absolute;
   z-index:2;
   display:none;
}


#popupp {
   position:absolute;
   z-index:2;
   display:none;
}

.imagesearch
{
	position: relative;
	left:10px;
	background-color:#E1DFE0;
	width: 575px; 
    margin:auto;
    border:10px solid #E1DFE0;
}

.imagesearch .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 6px 0px 6px 0px; /*margin around each panel*/
	padding:0px 5px 0px 5px;
	width: 82px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.imagesearchdetail
{
	position: relative;
	left:0px;
	background-color:#E1DFE0;
	width: 600px; 
    margin:auto;
    border:10px solid #E1DFE0;
}

.imagesearchdetail .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 6px 0px 6px 0px; /*margin around each panel*/
	padding:0px 4px 0px 3px;
	width: 142px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.imagesearchdetail .thumbNails img
{
	border-left:solid 1px black!important;
	 border-right:solid 1px black!important;
	 border-top:solid 1px black!important;	
	 width:140px;
	 height:140px; 
 
}

.buckets
{
	position: relative; /*leave this value alone*/
	left:10px;
	background-color:#E1DFE0;
	width: 575px; 
    height: 130px; 
    margin:auto;
    border:10px solid #E1DFE0;
}

.buckets a {
font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #246278;
	font-size: 11px;

	}

.buckets1 span 
{
	font-family:  Verdana;
	color: #333333;
	font-size: 14px;
	text-decoration:none;
	font-weight:bold;
	padding:0 0 0 5px;
}

.buckets table
{
	display:inline;
	width:80px;
}

.buckets table td
{
	text-align:center;	
}


table.cart 
{
	background-color:#E1DFE0;
	border:5px solid #E1DFE0;

}

.gridAlt
{
 background-color:#e1dfe0;
}	

table.grid {
	border-width: 5px;
	border-style: solid;
	border-color: silver;
	border-collapse: separate;
	background-color: #cac9c7;
}
table.grid th {
	border-width: 2px;
	padding: 2px;
	border-style: solid;
	border-color: silver;
	background-color: #aaaaaa;

}

table.grid td {
	border-width: 2px;
	padding: 2px;
	border-style: solid;
	border-color: silver;
	/*background-color: #e1dfe0;*/

}



.stepcarousel{
    position: relative; /*leave this value alone*/
    
    border: 0px solid black;
    overflow: hidden; /*leave this value alone*/
    width: 575px; /*Width of Carousel Viewer itself*/
    height: 110px; /*Height should enough to fit largest content's height*/
    margin:auto;
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 6px 0px 6px 0px; /*margin around each panel*/
	padding:0px 6px 0px 6px;
	width: 82px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* used for modal popups */
.modalBackground {
	background-color:#000;
	filter:alpha(opacity=57);
	opacity:0.57;
}

.modalPopup 
{
	color:#000;
	background-color:#fff;
	width:300px;
	border:solid 1px #000;
	padding:10px 20px 20px 20px;
	
}

.modalText {font-family:Arial; font-size:12px; }

.modalHeaderText
{
	font-family:Arial; 
	font-weight:bold; 
	font-size:12px; 
	padding:0px 0px 0px 10px;
	color:#FFFFFF;
}

.whitelink
{
	color:#FFFFFF;
	font-family:Arial; 
	font-weight:bold; 
	font-size:10px;
	text-decoration: underline;
}

#success {background-color:#bafb96; padding:5px; border:solid 1px #3a9a06;}
#error {background-color:#fcafaf; padding:5px; border:solid 1px #9a0606;}

.PaymentMethods
{
	background-color: #E1DFE0;
	padding:20px,20px,20x,20px;
}

/*
	change both of these at the same time
	the contentplaceholder is for the padding of the inner pages
	the homepageimage is for the main default page marquee image
*/
.contentplaceholder
{
	padding-left:10px; 
	padding-top:10px;
	padding-right:10px;
}
.homepageimage
{
	left:-10px;
	top:-10px;
	position:relative;
	
}


.modal-top-left {

margin-right: 24px; /* clip right corner */
background-image: url('../images/modalcorners1280x24.gif');
height: 19px; /* vertical: show first half of the image with the top-corners in it */
/*font-size: 2px;  correct height for IE */
font-family:Arial; 
font-weight:bold; 
font-size:12px; 
padding:5px 0px 0px 10px;
color:#FFFFFF;
}

.modal-top-right {

margin-top: -24px; /* to level of top-left corner */
margin-left: 24px; /* clip left corner */
background-image: url('../images/modalcorners1280x24.gif'); 
background-position: 100% 0; /* show bg-image starting at the right */
height: 19px; 
font-size: 2px;
padding:5px 10px 0px 0px;
float:right;
}

.modal-bottom-left {

margin-right: 24px; /* clip right corner */
background-image: url('../images/modalcorners1280x24.gif');
background-position: 0 -24px; /* show under half of the image */
height: 24px;
font-size: 2px;
}

.modal-bottom-right {

margin-top: -24px; /* to level of bottom-left corner */
margin-left: 24px; /* clip left corner */
background-image: url('../images/modalcorners1280x24.gif'); 
background-position: 100% -24px; /* under half, right side */
height: 24px; 
font-size: 2px; 
}

.modal-inside {

background: #FFFFFF;
color: #000000;
padding-left: 10px;
padding-right: 10px;
}

.modal-notopgap {

margin-top: 0;
}

.modal-nobottomgap {

margin-bottom: 0px;
}

.buttonL { background: transparent url(../images/btn_left_black.gif) left no-repeat; width:5px; }
.buttonR { background: transparent url(../images/btn_right_black.gif) right no-repeat; width:5px;} 
.buttonBG { background: transparent url(../images/btn_middle_black.gif) repeat-x; display:block; cursor:pointer; color: #fff; padding:0 -10px 0 -10px;  font-weight:bold; font-size:13px; border:0; height:21px;}



.button {height:25px;font-weight:bold;padding:0 5px;margin:0 3px 5px;vertical-align:middle;white-space:nowrap;text-decoration:none;color:#ffffff;background:silver url(/images/btn_grey_bg.gif);border:1px solid #333333;-webkit-border-radius:3px;border-radius:3px;cursor:pointer;display:-moz-inline-box;display:inline-block;*display:inline}

.button:hover {font-weight:bold;padding:0 5px;margin:0 3px 5px;vertical-align:middle;white-space:nowrap;text-decoration:underline;color:#ffffff;background:gray url(/images/btn_grey_bg_hover.gif);border:1px solid #666666;-webkit-border-radius:3px;border-radius:3px;cursor:pointer;display:-moz-inline-box;display:inline-block;*display:inline}

.button span{line-height:24px;height:23px;*display:inline-block}

.thumbNails img
{
	border-left:solid 1px black!important;
	 border-right:solid 1px black!important;
	 border-top:solid 1px black!important;	
	 width:80px;
	 height:80px; 
 
}

.productDesc li {margin-left:15px;}

.bucket_left
{
	position:absolute;
	top:35px;
	left:-32px;
}

.bucket_right
{
	position:absolute;
	top:35px;
	left:585px;
}

#dhtmltooltip{
    position: absolute;
    width: 420px;
    border: 2px solid black;
    padding: 0px;
    background-color: #d3d3d3;
    visibility: hidden;
    z-index: 100;
    /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/*auto complete css settings */

        
       
        
.autocomplete_completionListElement
{
    background-color:#F1F1F1;
    z-index:1000;
    width:256px !important;
    text-align:inherit;
    text-indent:-1;
    list-style:none;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
    padding-left:0px;
    margin-left:0px;
    margin-top:0px;
}
.autocomplete_listItem
{
	font-family:Verdana; 
	background-color:#F1F1F1;
	font-size:11px;  
	border-bottom:dashed 1px #00337E;
	height:25px; 
    border-collapse:collapse;
    text-align:left;
    /*color:#00337E;*/
    color:#333333;
    white-space:nowrap;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:0px;
	padding-top:8px;
	margin-bottom:0px !important;
}
.autocomplete_highlightedListItem
{
	font-family:Verdana; 
	font-size:11px; 
	border-bottom:dashed 1px #00337E;
    background-color:#cdddf4;
    color:#00337E;
    text-align:left;
    height:25px; 
	white-space:nowrap;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:0px;
	padding-top:8px;
	margin-bottom:0px !important;
}
              
.AC_input
{
	width:230px;
	background:#FFFFFF url(/images/search.png) no-repeat 4px 4px;
    padding:4px 4px 4px 22px;
    border:1px solid #CCCCCC;
    height:15px;


}