/* CSS Document */

.retail_header {
background:transparent url(../template_images/retail_header.gif) no-repeat scroll left top;
float:left;
height:53px;
width:714px;
margin-bottom: 15px;
}

.retail_subheader_blue {
background:transparent url(../template_images/subheader_blue.gif) no-repeat scroll left top;
float:left;
height:33px;
width:714px;
}

.retail_subheader_green {
background:transparent url(../template_images/subheader_green.gif) no-repeat scroll left top;
float:left;
height:33px;
width:714px;
}

.most_recent {height: 185px !important; min-height: 185px !important;}

.most_recent2 {}

.most_recent .jcarousel-container .jcarousel-prev {display: none !important;}

.most_recent .jcarousel-container .jcarousel-next {cursor: pointer; width: 52px; height: 15px; background: url(../template_images/more.gif) no-repeat top left; float: right; margin-top: -53px; *margin-top: -42px; margin-right: 10px;}

.jcarousel-clip {width: 700px;}

#mycarousel2 li {width: 226px; margin-right: 11px; padding: 0px !important;}

.jcarousel-container {margin-left: -12px; margin-top: 10px;}

.most_recent_bottom {margin-bottom: 15px;}

#mycarousel2 {height: 185px; width: 700px;}

#search_box {
float:left;
height:52px;
width:702px;
margin: 5px 0px 5px -14px;
position: relative;
}

.search_current {background:transparent url(../template_images/search_bar_current.gif) no-repeat scroll left top;
}

.search_past {background:transparent url(../template_images/search_bar.gif) no-repeat scroll left top;
}

.field1 {
background:transparent url(../template_images/field1_bg.gif) no-repeat scroll left top;
width: 212px;
height: 20px;
padding-top: 2px;
position: absolute;
left: 167px;
top: 22px;
}

.field1 input {background: transparent; border: 0px !important; width:200px; height:20px; margin-right:5px; padding:2px 0px 0px 2px;}

.btn_go {
background:transparent url(../template_images/btn_go.gif) no-repeat scroll left top;
height: 23px;
width: 63px;
border: 0px;
text-indent: -3000px;
cursor: pointer;
position: absolute;
top: 22px;
left: 387px;
}

.btn_go:hover {
background:transparent url(../template_images/btn_go.gif) no-repeat scroll left bottom;
cursor: pointer;
}

#retailer_holder {
float: left;
width: 700px;
margin: 0px 0px 9px -14px;
padding-top: 9px;
}

.dots {background:transparent url(../template_images/dots.gif) repeat-x scroll left top;
}

.retailer_listing {
width: 226px;
height: 166px;
float: left;
margin-bottom: 15px;
position: relative;
}

.listing_top {
float:left;
height:105px;
width:100%;
background-color: #333333;
background-repeat: no-repeat;
background-position: top center;
position: relative;
cursor: pointer;
}

.listing_top img {position: absolute; top: 0px; left: 0px; padding: 0px !important;}

.listing_bottom{
background:transparent url(../template_images/listing_bottom.gif) no-repeat scroll left top;
height: 62px;
padding-top: 3px;
width: 217px;
padding-left: 9px;
position: absolute;
left: 0px;
bottom: 0px;
color:#CCCCCC;
font-style: italic;
font-size: 11px;
}

.listing_bottom h4 { color: #ffffff; font-size: 12px; font-style: normal !important;}

.listing_bottom a {color: #57aacd; font-weight: bold;}
.listing_bottom a:hover {color:#0066FF; font-weight: bold;}

.spacer {margin-left: 11px; margin-right: 11px;}

.spacer_dots {background-image: url('../template_images/dots.gif'); background-repeat:repeat-x; background-position: bottom left; height: 3px; margin-top: 2px; margin-bottom: 5px; float: left; width: 428px;}

#pager {float: left; width: 100%; height: 28px;}

#pager table tr td {padding-top: 4px; font-size: 10px;}