@font-face 
{
	font-family: "Trebuchet MS";
	src: url("/_base/static/fonts/trebuc_0.TTF");
}
@font-face 
{
	font-family: "Trebuchet MS";
	src: url("/_base/static/fonts/trebucit_0.TTF");
	font-style: italic;
}	
@font-face 
{
	font-family: "Trebuchet MS";
	src: url("/_base/static/fonts/trebucbd_0.TTF");
	font-weight: bold;
}	

BODY
{
	background: url('/_base/static/img/os_main_bg.png') #c6d1d9 repeat-x;
	margin:0px;
	padding:0px;
	font-family: arial, verdana, serif;	
}
#container
{
	width: 865px;
	margin: 0px auto;
	background: url('/_base/static/img/os_main_white_bg.png') repeat-y;
	overflow: hidden;
}
.quote-btn
{
	cursor: pointer;
}
#overlay-window
{
	z-index: 9999;
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 1200px;
	display: none;
	background: url('/_base/static/img/overlay_window_bg.png');
	display: none;
}
#content-holder
{
	width: 840px;
	margin: 80px auto;
}
#form-content-holder
{
	width: 840px;
	margin: 50px auto;
}
.close-button
{
	z-index: 999;
	position: absolute;
	top: -10px;
	right: -10px;
	cursor: pointer;
}

#inner
{
	width: 820px;
	margin: 0px auto;
}
#header
{
	position: relative;
	background: url('/_base/static/img/offspring_header.jpg') no-repeat;
	height: 110px;
}
#phone
{
	position:  absolute;
	right: 40px;
}
#top-banner
{
	width: 253px;
	height: 34px;
	position: absolute;
	top: 0px;
	right: -14px;
	background: url('/_base/static/img/offspring_top_blue_wrapper.png') no-repeat;
}
#top-banner ul
{
	margin:0px;
	padding:0px;
	list-style-type: none;
	margin-left: 17px;
}
#top-banner li
{
	float: left;
}
#top-banner li a
{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	padding-right: 30px;
}
#top-banner li a.shopping-cart
{
	background: url('/_base/static/img/cart_icon.png') left no-repeat;
	padding-left: 20px;
}
#top-banner li a.agent-login
{
	background: url('/_base/static/img/lock_icon.png') left no-repeat;
	padding-left: 15px;
}

#navigation
{
	width: 820px;
	background: #146995;
	height: 40px;
}

#navigation ul
{
	list-style-type: none;
	margin:0px;
	padding:0px;
	margin-left: 10px;
}
#navigation li 
{
	float: left;
	display: block;			
}
#navigation li a
{
	font-family: "Trebuchet MS";
	text-transform: uppercase;
	float: left;
	display: block;			
	font-size: 12px;
	color: #FFFFFF;
	padding: 11px 8px;
	text-decoration: none;
	background: url('/_base/static/img/menu_sep_bar.png') right no-repeat;
}
#navigation li a.last
{
	font-family: "Trebuchet MS";
	text-transform: uppercase;
	float: left;
	display: block;			
	font-size: 12px;
	color: #FFFFFF;
	padding: 11px 8px;
	text-decoration: none;
	background: none;
}		
#navigation li a:HOVER, #navigation a#selected
{
	background: url('/_base/static/img/menu_sep_bar.png') #eca317 right no-repeat;
}			
#marquee
{
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

#marquee-orange-bar
{
	position: absolute;
	left: -13px;
	top: 100px;
}
#marquee-page-title
{
	margin-top: -3px;
	height: 25px;
	background: #e29c0b;
	margin-right: 0px;
}
#marquee-page-title h2
{
	font-weight: normal;
	padding:0px;
	margin: 0px;
	font-size: 20px;
	padding-left: 10px;
	color: #FFFFFF;
	font-family: "Trebuchet MS", arial, verdana, serif;		
}
#logo
{
	position: relative;
	top: 20px;
	left: 20px;
}
#callout-boxes
{
	width: 820px;
	margin-right: 1px;
	margin-top: 0px;
	overflow: hidden;
}
#content-home
{
	margin-left: 2px;
	margin-right: 1px;
	margin-top: 10px;
	overflow: hidden;
}

#ancillary-content-home
{
	position: relative;
	margin-left: 1px;
	margin-right: 3px;
	margin-top: 1px;
	min-height: 400px;
	background: url('/_base/static/img/content_page_bg.jpg')  top left repeat-x;
}
.content-padding
{
	padding-top: 20px;
}

/* CALLOUT BOXES */
.box-content
{

	color: #2b2d2e;
	font-size: 11px;
	margin-top: 1px;
	margin-bottom: 1px;
}		
.green-box
{
	margin-left: 1px;
	width: 204px;
	float: left;
	margin-right: 1px;
}
.green-box-header
{
	background: #5f8f2a;
	height: 25px;
}
.callout-header-pos
{
	position: relative;
	top: 5px;
	left: 8px;
}
.green-callout-header-pos
{
	position: relative;
	top: 5px;
	left: 4px;
}
h2.callout-headers
{
	margin:0px;
	padding:0px;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}

.green-box-footer
{
	background: #81ad4d;
	height: 30px;
}
.green-box-content
{
	margin-top: 1px;
	padding: 8px;
	background: #f5fbee;
}
.blue-box
{
	width: 202px;
	float: left;
	margin-right: 1px;;
}
.blue-box-header
{
	background: #2292bf;
	height: 25px;
}
.blue-box-footer
{
	background: #3aaedc;
	height: 30px;
}	
.blue-box-content
{
	margin-top: 1px;
	padding: 8px;
	background: #eff9fd;
}		
.copper-box
{
	width: 204px;
	float: left;
	margin-right: 1px;;
}
.copper-box-header
{
	background: #a54c16;
	height: 25px;
}
.copper-box-footer
{
	background: #c07138;
	height: 30px;
}	
.copper-box-content
{
	margin-top: 1px;
	padding: 8px;
	background: #fcf4ee;
}			
.orange-box
{
	width: 204px;
	float: left;
	margin-right: 1px;;
}
.orange-box-header
{
	background: #e29c0b;
	height: 25px;
}
.orange-box-footer
{
	background: #f3b940;
	height: 30px;
}
.orange-box-content
{
	margin-top: 1px;
	padding: 8px;
	background: #fef6e7;
}			
.white-arrow-btn-pos
{
	padding-top: 6px;
	padding-left: 20px;
}
.white-arrow-button						
{
	background: url('/_base/static/img/white_arrow.png') left no-repeat;
	padding-left: 15px;
	color: #FFF;
	text-decoration: none;
}

/*HOMEPAGE WELCOME  CONTENT */
.welcome-box
{
	float: left;
	width: 450px;
	padding: 10px;
	font-size: 12px;
	color: #333333;
}
.welcome-box P
{
	line-height: 20px;
}
.line-sep
{
	margin-top: 30px;
	float: left;
	width: 1px;
}
.featured-product
{
	float: left;
	width: 315px;
	padding: 15px;
	font-size: 12px;
	color: #333333;
}

/* HOMEPAGE FEATURED CONTENT */
.featured-product-content
{
	margin-top: 15px;
}
.featured-product-content h2
{
	margin:  0px;
	padding:0px;
	color: #146995;
	font-size: 18px;
}
.featured-product-content img
{
	margin-right: 8px;
}
.featured-product-content p
{
	margin:0px;
	padding:0px;
	line-height: 18px;
}
.featured-product-img
{
	float: left;
	width: 122px;
}
.featured-product-desc
{
	width: 188px;
	float: left;
}
.clear
{
	float: none;
	clear: both;
}	


/* QUOTE FORM */
#form-bg
{
	position: relative;
	background: url('/_base/static/img/overlay_form_bg.png') no-repeat;
	padding-bottom: 10px;
	height: 740px;
}
.w300
{
	width: 350px;
}
.quote-form
{
	padding: 10px;
}
.form-els
{

}
.clear
{
	float: none;
	clear: both;
}
.float-left
{
	float: left;
}
.mr20
{
	margin-right: 15px;
}
.ml20
{
	margin-left: 20px;
}
.mt10
{
	padding-top: 10px;
}
.mt30
{
	margin-top: 30px;
}
.form-input-els
{
	border: 1px solid #cccccc;
	padding: 4px;
	font-size: 12px;
	color: #999999;
	width: 240px;
}
#error-message{margin-top:6px; margin-right: 40px; float: right; color: #FFF; font-size: 12px;}
.error-text{font-size: 14px; color: #f98e8e;}
.form-comment-el
{
	background: #FFF;
	border: 1px solid #cccccc;
	padding: 4px;
	font-size: 12px;
	color: #999999;
	width: 260px;
	height: 70px;
}
.sign-up-inputs-err
{
	border: 1px solid #FF0000;
	padding: 4px;
	font-size: 12px;
	color: #999999;
	width: 240px;
}
.white-form-header
{
	margin:0px;
	padding:0px;
	font-size: 12px;
	color: #FFF;
}

ul
{
	list-style-type: none;
	margin:0px;
	padding:0px;
	line-height: 18px;
	padding: 10px;
	color: #FFFFFF;
	font-size: 11px;
}
.required-el
{
	background: url('/_base/static/img/form_required.jpg') #FFFFFF  no-repeat 98% 8px;
}
.quote-submit
{
	margin: 0px;
	padding:0px;
	padding-top: 20px;
}




#contact-display
{
	float: left;
	width: 580px;
	padding-left: 20px;
}

#contact-display h2
{
	font-weight: bold;
	padding:0px;
	margin: 0px;
	font-size: 18px;
	color: #333;
	font-family: "Trebuchet MS", arial, verdana, serif;
}

#contact-display a
{
	color: #333;
	text-decoration: underline;
}

#contact-display a:hover
{
	color: #333;
	text-decoration: none;
}


#contact-display P
{
	font-size: 12px;
	color: #333333;
	margin-top: 5px;
	
	
}

#contact-display table
{
	font-size: 12px;
	color: #333333;
}





/* CONTENT PAGE MENU */
#content-display
{
	float: right;
	width: 580px;
	padding-right: 20px;
}

#content-display h2
{
	font-weight: bold;
	padding:0px;
	margin: 0px;
	font-size: 18px;
	color: #333;
	font-family: "Trebuchet MS", arial, verdana, serif;
}

#content-display h1
{
	font-weight: bold;
	padding:0px;
	margin: 0px;
	font-size: 18px;
	color: #333;
	font-family: "Trebuchet MS", arial, verdana, serif;
}

#content-display a
{
	color: #333;
	text-decoration: underline;
}

#content-display a:hover
{
	color: #333;
	text-decoration: none;
}


#content-display P
{
	font-size: 12px;
	color: #333333;
	margin-top: 5px;

}

#content-display-thankyou
{

	float: left;
	width: 580px;
	padding-left: 20px;
}

#content-display-thankyou P
{
	font-size: 12px;
	color: #333333;
	margin-top: 5px;

}
#content-display-thankyou  h1
{
	font-weight: bold;
	padding:0px;
	margin: 0px;
	font-size: 18px;
	color: #333;
	font-family: "Trebuchet MS", arial, verdana, serif;
}
#content-display-thankyou  h2
{
	font-weight: bold;
	padding:0px;
	margin: 0px;
	font-size: 18px;
	color: #333;
	font-family: "Trebuchet MS", arial, verdana, serif;
}


#content-display table
{
	font-size: 12px;
	color: #333333;
}

#content-left-display
{
	width: 200px;
	float: left;
	margin-top: 10px;
}

#content-menu-box
{
	position: absolute;	
	left: -11px;
}
#menu-box-mid
{
	background: #146995;
}
#menu-box-mid ul
{
	margin:0px;
	padding:0px;
	list-style-type: none;
}
#menu-box-mid li
{
	display: block;
}
#menu-box-mid a
{
	font-size: 12px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 50px;
	padding-top: 4px;
	padding-bottom: 4px;
	background: url('/_base/static/img/ancillary_default_arrow.png') 30px no-repeat;	
}
#menu-box-mid a:hover
{
	display: block;
	padding-left: 50px;
	background: url('/_base/static/img/ancillary_arrow_anchor.png') #5faed7 188px -3px no-repeat;
	color: #FFFFFF;
	text-decoration: none;
}

#menu-box-mid a.anchor
{
	display: block;
	padding-left: 50px;
	background: url('/_base/static/img/ancillary_arrow_anchor.png') #5faed7 188px -3px no-repeat;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}


#menu-box-mid ul li.cart_sub a
{
	display: block;
	padding-left: 60px;
	color: #FFF;
	text-decoration: none;
	background: url(/_base/static/img/arrow-cart-sub.png) no-repeat 50px 8px #5faed7;
}



#menu-box-mid ul li.cart_sub a:hover, #menu-box-mid ul li.cart_sub a.anchor
{
	color: #146995;
}




#ancillary-callouts
{
	float: left;
	margin-top: 250px;
	
}


/*FOOTER INFO */
#footer-logos
{
	border-top: 1px solid #cbd5dd;
	width: 100%;
	text-align: center;
}
#footer-logos img
{
	margin-top: 8px;
}
#bottom-edge
{
	width: 865px;
	margin: 0px auto;
	height: 35px;
}	
#footer
{
	width: 820px;
	margin: 10px auto;
	padding-bottom: 20px;
}
#footer-links
{
	width: 750px;
	margin: 0px auto;
}
#footer-links ul
{
	list-style-type: none;
	margin:0px;
	padding:0px;
}
#footer-links li 
{
	float: left;
}
#footer-links li a
{
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #60788d;
	padding: 0px 4px;
	text-decoration: none;
}
#footer-links li a:HOVER
{
	color: #35658f;
	text-decoration: none;
}		
#footer p
{
	color: #60788d;
	font-size: 11px;
	font-family: arial, tahoma;
}

.contact_submit
{
	border: 1px solid #7F9DB9;
	background: #fff;
}

#error_display
{
	font-size: 11px;
	font-weight: bold;
	color: #bc0000;
}


.cart_item_listing
{
	width: 270px;
	height: 180px;
	float: left;
	margin-right: 18px;
	margin-bottom: 18px;
	border: 1px solid #CCC;
	position: relative;
}


.cart_item_listing h3
{
	margin: 0px;
	padding: 4px;
	font-size:11pt;
	color: #146995;
	border-bottom: 1px solid #E9E9E9;
}

.cart_item_listing h3 span
{
	float: right;
	color: #000;
	font-size: 10pt;
	position: absolute;
	right: 6px;
}

.cart_item_listing img
{
	float: left;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-top: 4px;
}
div.item_content p
{
	font-size: 8pt;
	line-height: 15px;
	color: red;
}

div.cart-icons
{
	position: absolute;
	width: 210px;
	height: 20px;
	float: right;
	bottom: 20px;
	left: 36px;
}

div.cart-icons img
{
	float: left;
}


a.cart-add
{
	background: url(/_base/static/img/icon-cart-add.png) no-repeat;
	padding-left: 24px;
	display: block;
	float: left;
	width: 62px;
	height: 17px;
	text-decoration: none;
	color: #E29C0B;
	font-size: 9pt;
}



a.cart-add:hover
{
	text-decoration: none;
}


h2.product-detail-header
{
	font-size: 13pt;
	color: #146995;
}




#shipping_rates a
{
	color: #156997;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}



#store_status_window
{
	width: 176px;
	height: 86px;
	background: url(/_base/static/img/store_status_bg.png) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9999;
}

#store_status_window p
{
	text-align: center;
	color: #333;
	padding-top: 6px;
	font-weight: bold;
	font-size: 11pt;
}

#store_status_window p a
{
	text-decoration: none;
	color: #333;
}

#store_status_window p a:hover
{
	color: #000;
}