/* Start of CMSMS style sheet 'chomp_style_main' */
html, body {
	margin: 0;
	padding: 0;
}

body{
    behavior:url("js/csshover.htc");
   }

#page-container {
	width: 960px;
	margin: auto;
	/*border-bottom: 6px solid #E6E6E7;
	border-left: 6px solid #E6E6E7;*/
}

#wrap-for-border {
	border-bottom: 6px solid #E6E6E7;
	border-left: 6px solid #E6E6E7;
	border-right: 6px solid #E6E6E7;
}

/***************************************************/

.story_header {
       color: #3A55A6;
       font: bold 15px/15px Helvetica, Arial, Verdana, sans-serif;
}

.story_sub_header {
       color: #000000;
       font: bold 13px/13px Helvetica, Arial, Verdana, sans-serif;
}

.story_date {
       color: #999999;
       font: italic 10px/10px Verdana, Arial, Helvetica, sans-serif;
}

.story_body {
       color: #000000;
       font: 12px/15px Verdana, Arial, Helvetica, sans-serif;
}

/***************************************************/

#search {
	background: url(images/search.gif);
	height: 24px;
	padding-top:13px;
}

#search #product {
	float: left;
	color: #3A55A5;
	font: 12px/12px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 0 0 15px;
}

#search #links {
	float: left;
	padding: 3px 0 0 230px;
	width:210px;
	text-align: center;
}

/* for Internet Explorer */
/*\*/
* html #search #links {
	padding: 0 0 0 230px;
}
/**/

#search #links a:link,#search #links a:visited {
	color: #3A55A5;
	font: 12px/10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#search #links a:hover {
	font-weight: bold;
}

#search #links #link1 {
	width: 80px;
	float: left;	
	border-right: 1px solid #000000;
}

#search #links #link2 {
	width: 119px;	
	float: left;
}

#search #box {
	float: left;
	color: #3A55A5;
	font: 12px/12px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 0 30px;
}

#search #go {
	float: left;
	padding: 0 0 0 5px;
}

.search_box {
	width: 120px;
	font-size: 10px;
    height: 16px;
    padding: 2px 2px 0 5px;
    line-height: 12px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    color: #3A55A5;
}

/***************************************************/

#nav-left {
	display: block;
	float: left;
        width: 319px;
        height: 119px;
}

#nav-right {
	display: block;
	float: left;
	background: url(images/nav_right.jpg);
	text-align: center;
        width: 606px;
	height: 29px;
        padding: 90px 0 0 35px;
}

#nav-right  ul { /* all lists */
        padding: 0;
	margin: 0;
	list-style: none;
        background: #3A55A6;
}

#nav-right  li a {
	color: #FDD211;
	font: bold 13px/13px Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
        text-transform: uppercase;
}

#nav-right  li li a {

	font: 12px/12px Verdana, Arial, Helvetica, sans-serif;
        text-transform: none;
}

#nav-right  li { /* all list items */
	float: left;
	position: relative;
	width: 120px;
        padding: 0.2em 0 0.2em 0;
}

#nav-right  li li { /* all secondary items */
        padding: 0.3em 0 0.3em 0;
}

#nav-right  #contact {
	width: 75px;
}

#nav-right  li:hover {
        background: #4F68B4;
}

#nav-right  li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1.5em;
	left: 0;
        padding: 0 0 0 0;
}

#nav-right  li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav-right  li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

/*********************************/

#footer-wrap {
	width: 960px;	
	padding: 4px 0 0 0;
	font: 11px/11px arial, 'lucida console', sans-serif;
	color: #3A55A6;
}

#footer-wrap a:link, #footer-wrap a:visited {
	color: #3A55A6;
	text-decoration: none;
}

#copyright {
	display: block;
	float:left;
	width: 470px;
	text-align: left;	
	padding: 0 0 0 10px;	
}

#whitedog {
	display: block;
	float: left;
	width: 470px;
	text-align: right;
	padding: 0 10px 10px 0;
}

/*********************************/
/* End of 'chomp_style_main' */

/* Start of CMSMS style sheet 'chomp_style_index' */
/*******************************************/

#header {
	background: #3A55A6;
	height: 342px;
        clear: both;
}

#content {
	width: 948px;
	margin:auto;
	text-align: center;
	background: #BCE3F2;
}

/***************************************************/

#content #news {
	display: block;
	float: left;
	background: #FFFFFF url(images/bg_top_w.gif) top repeat-x;
	width: 241px;
	height: 357px;
	padding: 0 0 10px 0;
}

#content #news #whats_new {
	text-align: center;
	width: 241px;
	padding: 30px 0 5px 0;	
}

#content #news a:link,#content #news a:visited {
	color: #3573BA;
	text-transform: uppercase;
	font: 11px/11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#content #news a:hover {
	text-decoration: underline;
}

.news_container {
	width: 241px;
	clear: both;
}

.news_image {
	float: left;
	width: 90px;
}

.news_text {
	float: left;
	width: 141px;
	color: #000000;
	font: 12px/13px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

.news_header {
	color: #3573BA;
	text-transform: uppercase;
	font: 12px/12px Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
}

.div-whiteback {
	clear: both;
	background: url(images/div_whiteback.gif) center no-repeat;	
	width: 241px;
	height: 15px;
}

/***************************************************/

#content #story {
	display: block;
	float: left;
	background: #C4E5EA url(images/bg_top_b.gif) top repeat-x;
	width: 312px;
	height: 342px;
	padding: 25px 0 0 0;
}

#content #story #feature-story {
	background: url(images/feature_story.jpg) center no-repeat;
	height: 140px; /*195*/
	width: 142px;	/*302*/
	text-align: left;
        padding: 55px 10px 0 150px;
        font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
}

#content #story #feature-story #name{
	color: #545253;
	font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
	padding:55px 0 0px 160px;
	font-weight: bold;

}

#content #story #feature-story #location{
	color: #545253;
	font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
	padding:0px 0 4px 160px;
	font-style: italic;

}

#content #story #feature-story #text{
	color: #545253;
	font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
	padding:0 20px 0 160px;

}

#content #story #feature-story #read-more{
	padding:10px 0px 0 0px;

}

#content #story #submit {
	text-align: center;
	height: 143px;
	width: 302px;
}

/***************************************************/

#content #dotted-div {
	background: #C4E5EA url(images/div_blueback.gif) top no-repeat;
	display: block;
	float: left;
	width: 5px;
	height: 367px;
}

/***************************************************/

#content #new_prod {
	display: block;
	float: left;
	background: #C4E5EA url(images/bg_top_b.gif) top repeat-x;
	width: 390px;
	height: 367px;
}

#content #new_prod #new-feature {
	text-align: center;
	width: 390px;
	padding: 30px 0 10px 0;	
}

#content #new_prod #main-image {
	float: left;
	padding: 15px 10px 0 10px;
}

#content #new_prod #all-text-wrap {
	float: left;
	width: 160px;
}

#content #new_prod .header{
	text-align: left;
	padding-bottom: 0px;
}

#content #new_prod #text {
	text-align: left;
	color: #545253;
	font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 0 18px;
}

#content #new_prod a:link,#content #new_prod a:visited {
	color: #545253;
	text-transform: uppercase;
	font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
display: inline;
}

#content #new_prod a:hover {
	text-decoration: underline;
}

/***************************************************/

#prod_tray_wrap {
	clear: both;
	background: #5D70B2;
	height: 172px;
	padding-top:15px;
}

#prod_tray {

	margin: 0px 15px 15px 15px;
	border: 1px solid #FFFFFF;
	height: 157px;
}

#prod_tray #explore {
	margin: 47px 0 0 25px;	
	float: left;
}

#prod_tray #back{
	background: url(images/tray_back.gif) center no-repeat;
	margin: 13px 0 0 50px;
	height: 130px;
	width: 628px;
	float: left;	
}

/****************Product Tray*********************/

#brandtray h4 {
	color: #3CA183;
	font-weight: bold;
	font-size: 11px;
	padding: 2px;
	text-transform: uppercase;
	margin: 0;
}
#brandtray {
	width:484px; 
	/*margin: 20px 0 0 3px;
	padding-bottom: 5px;*/
	clear: both;
}
#brandtray_inner {
	width: 630px;
	height: 120px;
	padding-top: 9px;
	position: relative;
}
#brandtray_logo_groups {
	width: 575px;
	height: 115px;
	margin: auto;
	overflow: hidden;
	position: absolute;
	left: 26px;
}
#brandtray #next {
	background: url(images/right.jpg) no-repeat;
	position: absolute;
	right: 0;
	top: 44px;
	height: 29px;
	width: 23px;
	text-indent: -9999px;
	cursor: pointer;
}
#brandtray #prev {
	background: url(images/left.jpg) no-repeat;
	position: absolute;
	left: 0;
	top: 44px;
	height: 29px;
	width: 23px;
	text-indent: -9999px;
	cursor: pointer;
}
#brandtray ul {
	margin: 0;
	padding: 0;
	width: 460px;
	position: absolute;
}
#brandtray li {
	float: left;
	list-style-type: none;
	width: 115px;
	height: 116px;
}
#brandtray h4 {
	padding-left: 23px;
}

#brandtray a {
border: none;	
}

#brandtray img {
border: none;	
}

/*************************************************/


/* End of 'chomp_style_index' */

