/* Rounded Corners */
/* To create the rounded corners, change the gif to match the border and inner background color. Then put "<div class="top_left"></div><div class="top_right"></div>" on the top, and "<div class="bottom_left"></div><div class="bottom_right"></div>" below where the corners should be. */

/* Slate Blue - used for page header */
.top_left {height: 15px; font-size: 2px; background: transparent url(../images/bg_tl_rounded.gif) no-repeat;}
.top_right {width: 19px; height: 15px; float: right; margin-top: -15px; background: transparent url(../images/bg_tr_rounded.gif) no-repeat; font-size: 2px;}
.bottom_left {height: 15px; font-size: 2px; background : transparent url(../images/bg_bl_rounded.gif) no-repeat;}
.bottom_right {width: 19px; height: 15px; float: right; margin-top: -15px; background : transparent url(../images/bg_br_rounded.gif) no-repeat; font-size: 2px;}

.bottom_left_white {height: 15px; font-size: 2px; background : transparent url(../images/bg_bl_rounded_white.gif) no-repeat;}
.bottom_right_white {width: 19px; height: 15px; float: right; margin-top: -15px; background : transparent url(../images/bg_br_rounded_white.gif) no-repeat; font-size: 2px;}

h2 {font-size: 18px;}

#mainCont {margin: 15px auto; padding: 0; text-align: center; width: 950px;}
#header {background: #319966 url(../images/head_fade.gif) repeat-x top left; text-align: left; border-width: 0 1px; padding: 0 0 5px 5px;}
#newProdContainer {border: 1px solid #319966; border-width: 0 1px; text-align: left;}
#footer {width: 100%; text-align: center; background-color: white; margin-top: 10px;}
#footer a {padding: 0 13px; color: #00593b; font-weight: bold; font-size: smaller;}

a.button {  background: transparent url('/CSS/CSSButtons/Green_BlueArrow_Right.gif') no-repeat top right;   color: ##FFFFFF; /* Button Text Color */ display: block;  float: left;  font: bold 12px arial, sans-serif; height: 24px; /* button height */ margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none;}
	a.button span {background: transparent url('/CSS/CSSButtons/Green_BlueArrow_Left.gif') no-repeat top left; display: block; line-height: 14px; padding: 5px 0 5px 28px; color: ##FFFFFF; } 
/* HOVER */
	a.button:hover {background-position: 100% -24px; /* - button height */color: ##FFFFFF; }
	a.button:hover span {background-position: 0 -24px; /* - button height */color: ##FFFFFF; } 	
/* ACTIVE */
	a.button:active {background-position: 100% -48px; /* - (2 x button height) */  color: ##FFFFFF; /* Button Text Color - Active */  outline: none; /* hide dotted outline in Firefox */ color: ##FFFFFF; }
	a.button:active span { background-position: 0 -48px; /* - (2 x button height) */ padding: 6px 0 4px 28px; /* push text down 1px */ color: ##FFFFFF; } 
	
/*************************************************************************************************
	ORDERED & UNORDERED LISTS
**************************************************************************************************/		
	ol,ul {
		margin: 20px;
	}
	
	/* CUSTOM */
	ol.Custom,ul.Custom {
		margin: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	ul.Custom li{
		list-style: none;
		background-image: url(images/Bullets/DblArrow_Green.png);
		background-repeat: no-repeat;
		background-position: 0px 7px;   
		padding-left: 18px; /* Space between bullet and text */
		padding-top: 2px;
		padding-bottom: 3px;
		margin-bottom: 7px; /* Spacing between list items */
	}