@media print
{
.no_print
{
display: none;
}

#contact_tag
{
display: block;
}

#basket_info_col, #cust_info, #thumb_review, #descript_review
{
width: 100%;
float: none;
page-break-inside: avoid;
}


}
@media screen
{

#contact_tag
{
display: none;
}



body {

		font-size: 12px;
	font-family: arial, tahoma, sans-serif;
      background:#ffffff url('images/back.jpg') no-repeat center top;
		
	overflow-x: hidden;
margin: 0px;
padding: 0px;
}

a
{
text-decoration: underline;
color: #9E0508;
font-weight: bold;

}

a img
{
border: 0px;
}

#welcome_pad
{
padding: 15px 250px 0px 40px;
background-image: url('images/welcome.png');
background-repeat: no-repeat;
background-position: right center;

}
#other_sites
{
padding: 5px;
}

#other_sites2
{
	text-align: right;
	width: 1000px;
	position: relative;
	left: 50%;
	margin-left: -500px;
	padding: 10px;
	color: #9E0508;
	}

#header {
text-align: center;
width: 1000px;
	text-align: left;
	position: relative;
	left: 50%;
	top: 0px;
	margin-left: -500px;
	margin-bottom: 20px;
	padding: 0px 10px 10px 0px;
	
	color: #9E0508;

}

#header a, #header a:visited
{
color: #9E0508;
}

#logo
{
	float: left;
	width: 60%;
	height: 100%;
	margin: 0px


}

#logo img
{

}

#search
{
	float: right;
        font-size: 12px;
	width: 40%;

		background-image: url(images/search_back2.png);
	background-repeat: no-repeat;
	background-position: left center;

}

#search_padding
{
padding: 15px 15px 0px 15px;
margin-top: 14px;
	font-weight: bold;
	color: #9E0508;
}

#search_padding_bot
{
padding:  0px 15px;
	font-weight: bold;
	color: #9E0508;
}



#search_padding #top a, #search_padding #top a:visited, #search_padding #top a:hover
{
text-decoration: none;
color: #9E0508;
}

#search_padding #top
{
color: #9E0508;
}

#search_padding #bottom a, #search_padding #bottom a:visited, #search_padding #bottom a:hover
{
text-decoration: none;
color: #9E0508;

}

#menu
{
text-align: center;
width: 1000px;
height: 29px;

      background: #5a0801 url('images/menu_back.gif') repeat-x center top;
	text-align: left;
	position: relative;
	left: 50%;
	top: 10px;
	margin-left: -500px;
	margin-bottom: 5px;
padding: 0px 10px;
	-moz-box-shadow: rgba(200,200,200,1) 0 4px 18px;
-webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;
-khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;
box-shadow: rgba(200,200,200,1) 0 4px 18px;

}

#menu2
{
text-align: center;

height: 29px;

      background: #5a0801 url('images/menu_back.gif') repeat-x center top;
	text-align: left;
	position: relative;
	
	
	moz-box-shadow: rgba(200,200,200,1) 0 4px 18px;
-webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;
-khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;
box-shadow: rgba(200,200,200,1) 0 4px 18px;

}

#menu a, #menu a:visited
{
font-size: 12px;
margin: 10px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

#container
{
margin-bottom: 50px;
}



#body_container {
	width: 1000px;
	text-align: left;
	position: relative;
	left: 50%;
        top: 5px;
	margin-left: -500px;
	margin-bottom: 20px;
	padding: 10px;
	background: #FFFFFF;
	-moz-box-shadow: rgba(200,200,200,1) 0 4px 18px;
-webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;
-khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;
box-shadow: rgba(200,200,200,1) 0 4px 18px;
}

/* PAGINATE CLASS */

.paginate {
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
}
a.paginate {
border: 1px solid #000080;
padding: 2px 6px 2px 6px;
text-decoration: none;
color: #000080;
}
a.paginate:hover {
background-color: #000080;
color: #FFF;
text-decoration: underline;
}
a.current {
border: 1px solid #000080;
font: bold .7em Arial,Helvetica,sans-serif;
padding: 2px 6px 2px 6px;
cursor: default;
background:#000080;
color: #FFF;
text-decoration: none;
}
span.inactive {
border: 1px solid #999;
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
padding: 2px 6px 2px 6px;
color: #999;
cursor: default;
}



/* BASKET BROWSING STYLE */

#thumbs
{
width: 410px;
padding: 4px;
float: left;

}

#basket_desc
{

width: 515px;
margin-left: 10px;
float: right;


}

#basket_desc_pad
{
padding: 15px;
}

#basket
{
width: 306px;
margin-right: 15px;
float: left;
border-right: 1px dotted #ACACAC;
}

#basket_end
{
width: 306px;
float: left;
}

#thumb
{
margin: 0px;
padding: 0px;
width: 175px;
float: left;
}

#thumb_review
{
width: 60%;
margin: 0px;
padding: 0px;

float: left;
}
#descript_review
{
margin: 0px;
padding: 15px 0px 0px 5px;
width: 35%;
float: right;
}

#descript
{
margin: 0px;
padding: 15px 0px 0px 5px;
width: 126px;
float: right;
}

#title
{
font-size: 14px;
color: #9E0508;
}


#cart a, #cart a:visited, #cart a:active, #cart a:hover, #info a, #info a:visited, #info a:active, #info a:hover
{
font-weight: none;
color: #808285;
}

#cart_over a, #cart_over a:visited, #cart_over a:active, #cart_over a:hover, #info_over a, #info_over a:visited, #info_over a:active, #info_over a:hover
{
font-weight: none;
color: #ffffff;
}

#cart, #info
{
width: 70px;
font-size: 10px;
background-color: #FFFFFF;
color: #808285;
margin: 0px 5px 0px 0px;
padding: 5px;
border: 1px solid #ACACAC;
float: left;
}

#cart_over, #info_over
{
width: 70px;
font-size: 10px;
background: #9E0508 url('/images/info_back.gif') top left repeat-x;
color: #FFFFFF;
margin: 0px 5px 0px 0px;
padding: 5px;
border: 1px solid #ACACAC;
float: left;
}

#basket_line
{
width: 80%; color: #fff; background-color: #fff; border-bottom: 1px dotted #ACACAC; border-style: none none dotted; margin: 25px 10% 25px 10%;
clear: both;
}

#left_col
{
width: 30%;
float: left;
}
#right_col
{
width: 68%;
float: left;
}

#complete {

color: #4F8A10;
/*background-color: #DFF2BF;*/
background-image:url('images/success.png');
/*border: 1px solid;*/
margin: 5px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;

}



#current {

/*color: #9F6000;*/
/*background-color: #FEEFB3;*/
background-color: #9E0508;
margin: 5px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
color: #ffffff;

}

#current a, #current a:visited
{
color: #fcc02e;
text-decoration: underline;

}

#incomplete {

color: #D8000C;
/*background-color: #FFBABA;*/
background-image: url('images/error.png');
/*border: 1px solid;*/
margin: 5px 0px;
padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}



#good
{
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('images/success.png');
border: 1px solid;
margin: 15px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;


}

#entry, #bar_green, #bar_gray, #entry_current
{
width: 25%;
float: left;
border: 0px;
margin: 0px;
}
#bar_current
{
width: 13%;
float: left;
border: 0px;
margin: 0px;
}
#bar_current_end
{
width: 12%;
float: left;
border: 0px;
margin: 0px;
}
#entry b,  #entry_current b
{
font-size: 24px;
}

#entry
{
border-bottom: 3px solid #bbbbbb;
height: 40px;
}

#entry_current
{
border-bottom: 3px solid #9E0508;
height: 40px;
}

#bar_green, #bar_gray, #bar_current, #bar_current_end
{
height: 36px;
}
#bar_green
{
text-align: left;
background-image: url(images/bar_green.gif);
background-repeat: repeat-x;
}

#bar_gray
{
text-align: right;
background-image: url(images/bar_gray.gif);
background-repeat: repeat-x;
}

#bar_current
{
text-align: right;
background-image: url(images/bar_green.gif);
background-repeat: repeat-x;
}

#bar_current_end
{
text-align: right;
background-image: url(images/bar_gray.gif);
background-repeat: repeat-x;
}


#cart_table
{
border-spacing: 0px;
width: 100%;
}

#cart_table tr td
{
padding: 5px;

}

#cart_table #cart_header
{
height: 29px;
      background: #5a0801 url('images/menu_back.gif') repeat-x center top;
color: #FFFFFF;
}

#table_row
{

border-bottom: 1px solid #9E0508;

}

.title
{
text-transform: uppercase;
color: #9E0508;
padding-bottom: 5px;
border-bottom: 1px dotted #9E0508;
}

.highlight_cell
{
border-right: 2px solid #9E0508;
padding: 3px;
font-weight: bold;
}

input, select, textarea
{
border: 1px solid #DDDDDD;
background-color: #FFFFFF;
padding: 5px;
color: #9E0508;
}
.button
{
border: 1px solid #9E0508;
background-color: #9E0508;
padding: 5px;
color: #FFFFFF;
}

#footer
{
width: 1000px;
	text-align: left;
	position: relative;
	left: 50%;
        top: 20px;
	margin-left: -500px;
	margin-bottom: 20px;
	padding: 10px;
	background: #FFFFFF;
	-moz-box-shadow: rgba(200,200,200,1) 0 4px 18px;
-webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;
-khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;
box-shadow: rgba(200,200,200,1) 0 4px 18px;

}

#copyright
{
text-align: center;
	margin: 0px;
		padding: 0px;
	background-repeat: repeat-x;
	color: #999999;
}

#ssl
{
width: 30%;
float: right;
text-align: center;
}

#footer_menu
{
	float:left;
	position: relative;
width: 70%;
	padding: 0px;
	padding-top: 29px;
		margin: 0px;
	
		
	background-image: url(images/footer_menu_back1.gif);
	background-repeat: repeat-x;
	text-align: right;
}


#left_con
{
float: left;
width: 400px;
}

#map
{
float: right;
width: 500px;
}


#cust_title
{

      background: #5a0801 url('images/menu_back.gif') repeat-x center top;
color: #FFFFFF;
padding: 5px;

}
#cust_value
{

padding: 5px 15px 5px 5px;
}

#cust_col
{
width: 35%;
float: left;
}

#basket_info_col
{
width: 60%;
float: right;
border-left: 1px solid #9E0508;
padding-left: 10px;
}

#process_button
{
width: 170px;
font-size: 16px;
font-weight: bold;
background-color: #FFFFFF;
color: #808285;
margin: 0px 5px 0px 0px;
padding: 15px;
border: 1px solid #ACACAC;
float: center;

}

/* DATE PICKER CSS */


.dpDiv {
	}
 
 
/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}
 
 
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}
 
 
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}
 
 
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}
 
 
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}
 
 
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}

.dpTD_gray {
	border: 1px solid #ece9d8;
        background-color: #CCCCCC;
	}
 
 
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}
 
 
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}
 
 
/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}
 
 
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}
 
 
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}
 
 
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}
 
 
/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}
 
 
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}
 
 
/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}
 
 
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
	h3 {
		margin: 0px;
		padding: 0px;	
	}
 
	.suggestionsBox {
		position: relative;
		left: 0px;
		margin: 0px 0px 0px 0px;
		width: 200px;
		background-color: #000000;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;	
		color: #fff;
	}
 
	.suggestionsBox_sup {
		position: relative;
		left: 0px;
		margin: 10px 0px 0px 0px;
		width: 200px;
		background-color: #000000;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;	
		color: #fff;
	}
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList li {
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}
	
	.suggestionList li:hover {
		background-color: #659CD8;
	}

.highlight
{
background-color: #6d0300;
color: white;
}

	}