@charset "utf-8";
/* CSS Document */
/** color scheme for this template
	blue:
		darkest blue: #003399
		mid blue: #3366cc
		light blue: #99ccff
	yellow:
		yellow: #ffff66
	orange:
		darkest orange: #cc6600
		mid orange: #ff9933
		light organge: #ffcc66
**/ /****************************************************************************************************************************/
										/*PRIMARY TEMPLATE AREA*/
	/****************************************************************************************************************************/
/** 
this css file governs the primary template look. it is used for all the basic positioning and advanced layout and styles of => 
	#branding, 
	#nav_main, 
	#mainArea_container, 
	#nav_sub, 
	#content, 
	#cart, 
	#nav_pop, 
	#site_info  
page dependant content is governed by content css files
**/
/** rules for browser normalization **/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
	{margin: 0; padding: 0; vertical-align: baseline; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; border: 0; outline: 0;}
:focus {outline: 0;} body  {line-height: 1; color: black; background: white;} ol, ul  {list-style: none;} table  {border-collapse: separate; border-spacing: 0;} caption, th, td  {text-align: left;font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after  {content: "";} blockquote, q  {quotes: "" "";}
/*** Basic Layout and Typography Structure ***/
h1, h2, h3, h4, h5, h6 {text-transform: lowercase; font-size: 1.2em; color: #003399;}
a {text-decoration: none; color: white;}
a:hover {text-decoration: underline; color: #ffff66;}
br.clear
	{clear: both;}
html
	{background: url(../../images/css_images/plastic_blue/primary_template/html_br.png) top left repeat-x;}
body
    {width: 1024px; margin: 0 auto; position: relative; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #666; background: transparent;}
#branding
    {width: 1024px; float: left; background: transparent;}
#mainArea_container /*wraps #nav_sub, #nav_supp, and #content areas*/
    {width: 1024px; float: left; background: transparent;}
#nav_main
    {width: 1024px; margin-top: -10px; padding-bottom: 5px; clear: left; background: transparent;}
#nav_sub
    {width: 206px; margin-left: 6px; padding-bottom: 20px; float: left;}
#nav_supp
    {width: 206px; margin-right: 6px; float: right;}
#content
    {width: 586px; float: left; margin: 0 6px; padding-bottom: 20px; text-align: left; background: #ffcc66;}
/** basic layout, color and typography of content_main and content_sub divs **/
#content
    {color: #333;}
#content a
	{color: #cc6600;}
#content p
    {font-size: 12px; line-height: 1.5em;}
#site_info
    {width: 1024px; clear: both; background: transparent;}
	
/** the following css rules are organized depending on the hierarchy of divisions within the html doc. rules for advanced positioning, typography, color and background images will all be grouped under corresponding division 
	The heirarchy:
		html
			body
				##branding
				##nav_main
					##nav_main1
					##nav_main2
				##mainArea_container
					##nav_sub
					##content (and subsequent divs within)
					##nav_supp
				##site_info
**/
/*** ##branding ***/
#branding
	{position: relative;}
#branding h1
	{width: 345px; height: 79px; margin: 5px 0; float: left; background: url(../../images/css_images/plastic_blue/primary_template/branding_h1.png) top left no-repeat;}
#branding h1 a
	{padding: 0 168px 79px 168px; font-size: 1px; color: #2d65bd;}
#branding h2
	{width: 387px; height: 32px; margin-top: 2.5em; float: right; text-indent: -9999px; background: url(../../images/css_images/plastic_blue/primary_template/branding_h2.png) top right no-repeat;}
#branding h3
	{text-indent: -9999px;}
/** styles ul navigation in branding area, positions it at very top of page **/
#branding ul
	{position: absolute; top: 15px; right: 0; width: 509px; clear: both;}
#branding li
	{width: 160px; float: right; border-left: 1px solid #99cccc;}
#branding li.first_item
	{border-right: 1px solid #99cccc;}
#branding li a
	{font-size: 12px; color: #99ccff;}
#branding li a:hover
	{color: #ffff66;}
/*** ##nav_main ***/
#nav_main
	{position: relative; float: left;}
#nav_main1, #nav_main2
	{margin-top: 5px; position: relative; float: left;}
/* styles search bar form area on left */
#nav_main1
	{margin-left: 6px; width: 36.5%; height: 100%; position: relative;}
#nav_main1 form
	{height: 35px; padding-top: 4px;}
#search_button_wrapper
	{width: 149px; height: 61px; position: absolute; top: -9px; left: 5px; background: url(../../images/css_images/plastic_blue/primary_template/search_button.png) top left no-repeat;}
#search_button
	{width: 130px; height: 40px; position: absolute; top: 16px; right: 3px; font-size: 1px; color: #ffcc66; background: none; border: none;}
#search_button_wrapper:hover
	{background: url(../../images/css_images/plastic_blue/primary_template/search_button_hover.png) top left no-repeat; cursor: pointer;}
#search_button:hover
	{color: #ffcc66; cursor: pointer;}
#query_input
	{position: absolute; right: 27%; width: 30%;}
#query_input input
	{font-style: italic; color: #000099;}
#query
	{width: 200px;}
#nav_main1 a
	{position: absolute; bottom: 15px; right: 20%; font-size: 12px; font-style: italic; color: #99ccff;}
#nav_main1 a:hover
	{text-decoration: underline; color: #ffff66;}
/* styles main navigation area to the right of search bar */
#nav_main2
	{width: 62%; height: 50%; float: right; margin-right: 6px;}
#nav_main2 ul
	{height: 20px;}
#nav_main2 li
	{width: 137px; height: 64px; position: absolute; top: -12px; line-height: 62px;}
#nav_main2 li a
	{width: 137px; height: 64px; display: block;}
li#home
	{width: 137px; left: 1%;}
li#home a
	{text-indent: -9999px; background: url(../../images/css_images/plastic_blue/primary_template/home.png) top left no-repeat;}
li#home a:hover
	{background: url(../../images/css_images/plastic_blue/primary_template/home_hover.png) top left no-repeat;}
li#faq, li#faq a
	{width: 115px; left: 24%;}
li#faq a
	{text-indent: -9999px; background: url(../../images/css_images/plastic_blue/primary_template/faq.png) top left no-repeat;}
li#faq a:hover
	{background: url(../../images/css_images/plastic_blue/primary_template/faq_hover.png) top left no-repeat;}
li#account, li#account a
	{width: 206px; left: 43%;}
li#account a
	{text-indent: -9999px; background: url(../../images/css_images/plastic_blue/primary_template/account.png) top left no-repeat;}
li#account a:hover
	{background: url(../../images/css_images/plastic_blue/primary_template/account_hover.png) top left no-repeat;}
li#email, li#email a
	{width: 140px; right: 1%;}
li#email a
	{text-indent: -9999px; background: url(../../images/css_images/plastic_blue/primary_template/email.png) top left no-repeat;}
li#email a:hover
	{background: url(../../images/css_images/plastic_blue/primary_template/email_hover.png) top left no-repeat;}
/* ##nav_sub */
.AccordionPanelContent /* sets nav content width to work with rounded divs */
	{width: 180px; margin: 0 auto;}
h3#prd_cat
	{width: 197px; height: 37px; margin: 0 auto; text-indent: -9999px; background: url(../../images/css_images/plastic_blue/primary_template/nav_sub/product_cat_h3.png) bottom center no-repeat;}
.Accordion 
	{overflow: hidden;}
.AccordionPanel 
	{margin: 0px; padding: 0px;}
.AccordionPanelTab 
	{margin: 0px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none;}
.AccordionPanelContent 
	{overflow: auto; margin: 0px auto; padding: 0px; width: 179px; height: 200px;}
.AccordionPanelOpen .AccordionPanelTab
	{color: #ffff66;}
.AccordionPanelTabHover
	{color: #ffff66;}
.AccordionPanelOpen .AccordionPanelTabHover
	{color: #ffff66;}
.AccordionPanelContent h4
	{width: 160px; margin: 0 auto; text-align: left; font-size: 1em;}
.AccordionPanelContent h4 a
	{margin-bottom: 8px; font-size: 1em; font-weight: bold; color: #003399;}
.AccordionPanelContent h4 a:hover
	{text-decoration: underline; color: #3366cc;}
#nav_sub7
	{margin-bottom: 0;}
/* style for accordion tab */
.AccordionPanelTab
	{width: 180px; height: 1.5em; margin: .2em auto; border-top: 1px solid #3366cc;}
.AccordionPanelTab h3
	{width: 160px; margin: .2em auto; padding: 0; text-align: left; font-size: 14px; font-weight: bold; color: white;}
.AccordionPanelTab h3:hover
	{color: #fff040;}
.AccordionPanelContent ul
	{width: 160px; margin: 0 auto 0 15px; font-size: .8em;}
.AccordionPanelContent ul li ul
	{width: 130px; margin: 0 0 auto 20px; font-size: 11px;}
.AccordionPanelContent ul li ul li
	{padding: 3px 0; list-style-type: circle;}
.AccordionPanelContent li
	{padding: 5px 0; list-style-type: none; text-align: left;}
.AccordionPanelContent li a
	{text-decoration: none; font-style: italic; color: #003399;}
.AccordionPanelContent li a:hover
	{text-decoration: underline; color: #3366cc;}
.AccordionPanelContent p
	{width: 160px; margin: 10px auto 0 auto; font-size: .6em; color: #003399;}
/** ##content **/
#content
	{min-height: 450px; background: url(../../images/css_images/plastic_blue/primary_template/content/content_br.png) top left no-repeat;}
/**** ##shoppingcart *****/
/** ##cart **/
#cart
	{min-height: 105px;}
#shoppingcart
	{width: 206px;}
#shoppingcartHeading
	{width: 206px; height: 37px; padding-top: 10px; position: relative; background: url(../../images/css_images/plastic_blue/primary_template/cart/cart_header.png) top left no-repeat;}
#shoppingcartHeading a
	{width: 191px; height: 66px; position: absolute; top: -8px; left: 10px; display: block; text-indent: -9999px; background: url(../../images/css_images/plastic_blue/primary_template/cart/cart_h3.png) center no-repeat;}
#shoppingcartHeading a:hover
	{background: url(../../images/css_images/plastic_blue/primary_template/cart/cart_h3_hover.png) top left no-repeat;}
#shoppingcartContent
	{width: 207px; margin: 0; background: url(../../images/css_images/plastic_blue/primary_template/cart/cart_body.png) top left repeat-y;}
#cart_content_header
	{width: 195px; margin: 0 auto; background: url(../../images/css_images/plastic_blue/primary_template/cart/cart_content_header.png) top left no-repeat;}
#cart_content_header h3
	{width: 170px; margin: 0 auto; padding-top: 10px; font-weight: bold; font-style: italic; color: #003399; border-bottom: 2px solid #003399;}
#cart_body
	{width: 195px; min-height: 40px; margin: 0 auto; background: url(../../images/css_images/plastic_blue/primary_template/cart/cart_content_body.png) top left repeat-y;}
#cartBoxEmpty
	{padding-top: 20px; font-weight: bold; font-style: italic; color: #003399;}
#cartBoxListWrapper li
	{width: 160px; margin: 0 auto; padding: 10px 0 5px 0; text-align: left; font-weight: bold;}
#cartBoxListWrapper li:hover, #cartBoxListWrapper li a:hover
	{color: #3366cc;}
#cartBoxListWrapper li, #cartBoxListWrapper li a
	{font-size: 14px; font-style: italic; color: #003399;}
#cartBoxListWrapper li a
	{font-weight: normal;}
.cartBoxTotal h3
	{width: 170px; margin: 10px auto 0 auto; padding-top: 5px; font-size: 18px; font-weight: bold; font-style: italic; color: #003399; border-top: 4px double #003399;}
.cartBoxTotal h4
	{padding-top: 6px; font-size: 12px; color: #003399;}
#cart_body_footer
	{width: 195px; height: 14px; margin: 0 auto; background: url(../../images/css_images/plastic_blue/primary_template/cart/cart_content_footer.png) bottom left no-repeat;}
#cart_footer
	{width: 206px; height: 62px; background: url(../../images/css_images/plastic_blue/primary_template/cart/cart_footer.png) bottom left no-repeat;}
#cart_footer h3
	{padding-top: 12px;}
#cart_footer h3 a
	{font-style: italic; color: white;}
#cart_footer h3 a:hover
	{padding-bottom: 3px; color: #ffff66;}
	
/** ##nav_cat **/
#nav_cat
	{position: relative;}
#nav_cat h3
	{width: 207px; height: 66px; position: absolute; top: -7px; left: 2px; text-indent: -9999px; background: url(../../images/css_images/plastic_blue/primary_template/nav_cat.png) center no-repeat;}
#nav_cat .roundedSideboxInnerWrapper
	{width: 180px; margin: 0 auto;}
#nav_cat ul
	{width: 160px; margin: 0 auto;}
#nav_cat h4
	{margin: 0 auto .8em auto; padding-top: 50px;  font-size: .9em; font-weight: bold; color: white;}
#nav_cat li
	{padding: 5px 0; list-style-type: none; text-align: left;}
#nav_cat li a
	{text-decoration: none; font-style: italic; color: #003399;}
#nav_cat li a:hover
	{text-decoration: underline; color: #3366cc;}

/** ##nav_pop **/
#nav_pop
	{margin-top: .5em; position: relative;}
#nav_pop h3
	{width: 207px; height: 66px; position: absolute; top: -7px; left: 2px; text-indent: -9999px; background: url(../../images/css_images/plastic_blue/primary_template/nav_pop/nav_pop_h3.png) center no-repeat;}
#nav_pop ul
	{padding-top: 47px;}
#nav_pop li
	{height: 25px; width: 85%;  margin: 2px auto 0 auto; padding: 15px 0 7px 0; text-align: left;}
#nav_pop li a
	{padding: 10px 0 0 70px; color: white;}
#nav_pop li a:hover
	{text-decoration: underline; color: #ffff66;}
#nav_pop1
	{background: url(../../images/product_images/nav_pop/ice.png) center left no-repeat;}
#nav_pop2
	{background: url(../../images/product_images/nav_pop/door.png) center left no-repeat;}
#nav_pop3
	{background: url(../../images/product_images/nav_pop/liners.png) center left no-repeat;}
/** ##site_info **/
#site_info
	{padding-top: 20px; color: #333;}
#onlineservices
	{height: 79px; padding-bottom: 10px; text-indent: -9999px; background: url(../../images/css_images/plastic_blue/primary_template/onlineservices_branding.png) center no-repeat;}
	
/** ##breadcrumbs **/
#breadcrumbs
    {margin-top: 10px; text-align: left; font-size: 12px; font-style: italic; color: #003399;}
#breadcrumbs_path
    {margin-left: 20px;}
#breadcrumbs_path a.active
	{color: #3366cc;}
#breadcrumbs_path a.active:hover
	{text-decoration: none;}
#breadcrumbs_path a
    {padding-left: 5px; padding-right: 5px; font-style: italic; color: #003399;}
#breadcrumbs_path a:hover
    {text-decoration: underline; color: #3366cc;}
	
/********** creates a fluid rounded div that contains the mainArea content **************/
.roundedMainAreaULCorner
	{height: 11px; margin-right: 11px; clear: both; font-size: 2px; background: url(../../images/css_images/plastic_blue/primary_template/roundedMainAreaCorner/roundedMainAreaULCorner.png) top left no-repeat;}
.roundedMainAreaURCorner
	{width: 13px; height: 11px; margin-top: -11px; margin-right: -2px; clear: both; float: right; font-size: 2px; background: url(../../images/css_images/plastic_blue/primary_template/roundedMainAreaCorner/roundedMainAreaURCorner.png) top right no-repeat;}
body.wide div.roundedMainAreaURCorner /* fix for wide format corner alignment*/
	{margin-right: -1px;}
.roundedMainAreaContent
	{float: left; margin-right: -1px; background: url(../../images/css_images/plastic_blue/primary_template/roundedMainAreaCorner/roundedMainAreaContent.png) top left; border-left: 1px solid #666; border-right: 1px solid #666;}
.roundedMainAreaLLCorner
	{height: 11px; margin-right: 11px; clear: both; font-size: 2px; background: url(../../images/css_images/plastic_blue/primary_template/roundedMainAreaCorner/roundedMainAreaLLCorner.png) bottom left no-repeat;}
.roundedMainAreaLRCorner
	{width: 13px; height: 11px; margin-top: -11px; margin-right: -2px; float: right; font-size: 2px; background: url(../../images/css_images/plastic_blue/primary_template/roundedMainAreaCorner/roundedMainAreaLRCorner.png) bottom right no-repeat;}
body.wide div.roundedMainAreaLRCorner /* fix for wide format corner alignment*/
	{margin-right: -1px;}
/********** creates a fluid rounded div horizontal orientation around outer sidebox/nav elements (nav_sub and shopping cart areas) **************/
.roundedSideboxHorizULCorner
	{height: 10px; margin-right: 10px; font-size: 2px; background: url(../../images/css_images/plastic_blue/primary_template/roundedSideboxHorizCorner/roundedSideboxHorizULCorner.png) top left no-repeat;}
.roundedSideboxHorizURCorner
	{width: 19px; height: 10px; margin-top: -10px; float: right; font-size: 2px; background: url(../../images/css_images/plastic_blue/primary_template/roundedSideboxHorizCorner/roundedSideboxHorizURCorner.png) top right no-repeat;}
.roundedSideboxHorizContent
	{background: #3366cc; border-left: 1px solid #99ccff; border-right: 1px solid #99ccff;}
.roundedSideboxHorizLLCorner
	{height: 18px; margin-right: 10px; font-size: 2px; background: url(../../images/css_images/plastic_blue/primary_template/roundedSideboxHorizCorner/roundedSideboxHorizLLCorner.png) bottom left no-repeat;}
.roundedSideboxHorizLRCorner
	{width: 10px; height: 18px; margin-top: -18px; float: right; font-size: 2px; background: url(../../images/css_images/plastic_blue/primary_template/roundedSideboxHorizCorner/roundedSideboxHorizLRCorner.png) bottom right no-repeat;}
/********** creates a fluid rounded div (max-width: 205px) vertical orientation around outer sidebox/nav elements (nav_sub and shopping cart areas) **************/
.roundedSideboxOuterULCorner
	{height: 9px; margin-right: 9px; font-size: 2px; background: url(../../images/css_images/plastic_blue/primary_template/nav_sub/roundedSideboxOuterULCorner.png) top left no-repeat;}
.roundedSideboxOuterURCorner
	{width: 9px; height: 9px; margin-top: -9px; float: right; font-size: 2px; background: url(../../images/css_images/plastic_blue/primary_template/nav_sub/roundedSideboxOuterURCorner.png) top right no-repeat;}
.roundedSideboxOuterContent
	{background: url(../../images/css_images/plastic_blue/primary_template/nav_sub/roundedSideboxOuterContent.png) top left repeat-y;}
.roundedSideboxOuterLLCorner
	{height: 9px; margin-right: 9px; font-size: 2px; background: url(../../images/css_images/plastic_blue/primary_template/nav_sub/roundedSideboxOuterLLCorner.png) bottom left no-repeat;}
.roundedSideboxOuterLRCorner
	{width: 9px; height: 9px; margin-top: -9px; float: right; font-size: 2px; background: url(../../images/css_images/plastic_blue/primary_template/nav_sub/roundedSideboxOuterLRCorner.png) bottom right no-repeat;}
	/********** creates a fluid rounded div (max-width: 180px) around inner sidebox/nav elements (nav_sub and shopping cart areas) **************/
.roundedSideboxInnerULCorner
	{height: 9px; margin-right: 10px; font-size: 2px; background: url(../../images/css_images/plastic_blue/primary_template/nav_sub/roundedSideboxInnerULCorner.png) top left no-repeat;}
.roundedSideboxInnerURCorner
	{width: 10px; height: 9px; margin-top: -9px; float: right; font-size: 2px; background: url(../../images/css_images/plastic_blue/primary_template/nav_sub//roundedSideboxInnerURCorner.png) top right no-repeat;}
.roundedSideboxInnerContent
	{background: url(../../images/css_images/plastic_blue/primary_template/nav_sub//roundedSideboxInnerContent.png) top left repeat-y;}
.roundedSideboxInnerLLCorner
	{height: 9px; margin-right: 10px; font-size: 2px; background: url(../../images/css_images/plastic_blue/primary_template/nav_sub//roundedSideboxInnerLLCorner.png) bottom left no-repeat;}
.roundedSideboxInnerLRCorner
	{width: 10px; height: 9px; margin-top: -9px; float: right; font-size: 2px; background: url(../../images/css_images/plastic_blue/primary_template/nav_sub/roundedSideboxInnerLRCorner.png) bottom right no-repeat;}

/********** creates a fluid rounded div with a dark-blue border and light-yellow fill **************/
.roundedYellowULCorner
	{height: 12px; margin-right: 9px; font-size: 2px; background: url(../../images/css_images/plastic_blue/custom_print/rounded_corners/roundYellowULCorner.png) top left no-repeat;}
.roundedYelowURCorner
	{width: 11px; height: 12px; margin-top: -12px; float: right; font-size: 2px; background: url(../../images/css_images/plastic_blue/custom_print/rounded_corners/roundYellowURCorner.png) top right no-repeat;}
.roundedYellowContent
	{border-left: 1px solid #003399; background: #ffff99; border-right: 1px solid #003399;}
.roundedYellowLLCorner
	{height: 12px; margin-right: 9px; font-size: 2px; background: url(../../images/css_images/plastic_blue/custom_print/rounded_corners/roundYellowLLCorner.png) bottom left no-repeat;}
.roundedYellowLRCorner
	{width: 11px; height: 11px; margin-top: -12px; float: right; font-size: 2px; background: url(../../images/css_images/plastic_blue/custom_print/rounded_corners/roundYellowLRCorner.png) bottom right no-repeat;}

/********** creates a fluid rounded div with a light-blue border and mid-blue fill **************/
.roundBlueULCorner
	{height: 10px; margin-right: 10px; font-size: 2px; background: url(../../images/css_images/plastic_blue/custom_print/rounded_corners/roundBlueULCorner.png) top left no-repeat;}
.roundBlueURCorner
	{width: 10px; height: 10px; margin-top: -10px; float: right; font-size: 2px; background: url(../../images/css_images/plastic_blue/custom_print/rounded_corners/roundBlueURCorner.png) top right no-repeat;}
.roundBlueContent
	{border-left: 1px solid #3366cc; background: #99ccff; border-right: 1px solid #3366cc;}
.roundBlueLLCorner
	{height: 10px; margin-right: 10px; font-size: 2px; background: url(../../images/css_images/plastic_blue/custom_print/rounded_corners/roundBlueLLCorner.png) bottom left no-repeat;}
.roundBlueLRCorner
	{width: 10px; height: 10px; margin-top: -10px; float: right; font-size: 2px; background: url(../../images/css_images/plastic_blue/custom_print/rounded_corners/roundBlueLRCorner.png) bottom right no-repeat;}
.roundBlueContent p
	{color: #3366cc;}
	
.roundContentWrapper
	{width: 95%; margin: 0 auto;}

/****************************************************************************************************************************/
										/*WIDE TEMPLATE AREA*/
/****************************************************************************************************************************/

body.wide
	{width: 1275px; margin: 0 0 0 5px; padding: 0; background: transparent;}
body.wide #branding
	{width: 1275px;}
body.wide #nav_main
	{width: 1275px;}
body.wide #nav_main1 a
	{right: 25%;}
body.wide li#account, body.wide li#account a
	{width: 206px; left: 46%;}
body.wide #mainArea_container
	{width: 1273px;}
body.wide #content
	{width: 842px; margin: 0 3px; float: left; background: url(../../images/css_images/plastic_blue/secondary_template/content_br_1275px.png) top left no-repeat;}
	
/****************************************************************************************************************************/
										/*DEFAULT CONTENT AREA AREA*/
/****************************************************************************************************************************/
#content_main, #content_sub
    {width: 95%; margin: 0 auto; clear: both;}
div#content_main
    {margin-top: 5px;}
div#content_main h3
    {width: 90%; margin: 0 auto; padding-top: .2em; padding-bottom: .4em; clear: both; text-align: left; font-size: 1.5em; font-style: italic; color: #3366cc;}
div#content_main h4
    {text-align: center; font-weight: bold; font-style: italic; color: #3366cc;}
div#content_main div.roundBlueContent p
	{color: #003399;}
div#content_main div.roundBlueContent a
	{color: #3366cc;}
div#content_sub
    {margin-top: 5px;}
div.roundContentWrapper h3
	{color: #3366cc;}
div#content_sub h5#prdCatBrak
    {margin-bottom: 5px; margin-left: 15px; padding-bottom: 12px; padding-left: 10px; text-align: left; font-size: 15px; font-weight: bold; font-style: italic; color: #003399; background: url(../../images/css_images/plastic_blue/tables/nav_subh4.png) bottom left no-repeat;}

/****************************************************************************************************************************/
										/*INDEX AREA*/
/****************************************************************************************************************************/
body#homePage div#prd1, body#homePage div#prd2, body#homePage div#prd3, body#homePage div#prd4, body#homePage div#prd5, body#homePage div#prd6
	{width: 370px; margin: .2em .2em; float: left;}
	body#homePage div#prd1, body#homePage div#prd2
	{margin-top: .4em;}
body#homePage div#catProducts div.roundBlueContent
	{min-height: 312px;}
body#homePage div.roundedYellowContent
	{float: left;}
body#homePage div.roundBlueContent div.roundContentWrapper
	{width: 85%;}
body#homePage div.welcome
	{width: 95%; margin: 0 auto;}
body#homePage div#content_main h2, body#homePage div#content_main h2 a
	{padding-bottom: .3em; color: #3366cc;}
body#homePage div#content_main p, body#homePage div#content_main a
	{color: #003399;}
body#homePage div.roundContentWrapper h1
	{padding: .2em 0 .4em 0; font-size: 1.5em;color: #3366cc;}
body#homePage div.roundContentWrapper h2
	{text-align: center;}
body#homePage div#content_main img
	{margin: .2em auto; display: block;}
body#homePage div.welcome p
	{padding-bottom: .6em;}

/****************************************************************************************************************************/
										/*CATEGORY PAGES*/
/****************************************************************************************************************************/
body#category div#content_main h1, body#category div#content_sub h2
	{padding: .2em 0 .6em 0; font-size: 1.5em; font-style: italic; color: #3366cc;}
body#category div#content_sub h2
	{width: 85%; margin: 0 auto; padding: .2em 0 .2em 0;}
body#category div#content_main img
	{display: block;}
body#category div#col_1, body#category div#col_2
	{width: 360px; float: left;}
body#category div#col_1
	{margin-right: 1em;}
body#category div#content_main p, body#category div#content_main a
	{color: #003399;}
body#category div#content_main div#col_1 img
	{padding-right: 10px; float: left;}
body#category div#col_3, body#category div#col_4
	{width: 320px; float: left;}
body#category div#col_3
	{margin-right: .8em;}
body#category div#content_sub div.roundContentWrapper
	{min-height: 200px;}
body#category div#content_sub div.roundBlueULCorner
	{margin-top: 2em;}
body#category div#catList
	{width: 660px; margin: 0 auto;}
body#category div#catList div.roundContentWrapper a
	{margin-left: .8em; font-size: 1em; font-style: italic; color: #3366cc;}
body#category div#catList h4
	{padding-bottom: .6em;}
body#category div#col_4 h4
	{margin-right: .8em; text-align: right;}
body#category div#content_sub p
	{color: #003399;}
body#category div#col_3 img
	{width: 100px; height: 90px; margin-left: .8em; padding-right: 10px; float: left;}
body#category div#col_3 p
	{margin-top: 0; padding-right: 10px; padding-top: 0;}
body#category div#col_4 img
	{width: 100px; height: 90px; margin-right: .8em; padding-left: 10px; float: right;}
body#category div#col_4 p
	{margin-top: 0; padding-left: 10px; padding-top: 0; text-align: right;}

/****************************************************************************************************************************/
										/*CUSTOM PRINT Categorey AREA*/
/****************************************************************************************************************************/
body#customPrint div#content_main1
	{width: 90%; margin: 0 auto;}
body#customPrint div#content_main1 img, body#foodService div#content_main1 img
	{float: left; padding-right: 10px;}
#customPrint div#content_sub
    {margin-top: 10px;}
#customPrint div#content_sub h3
    {font-size: 15px; font-weight: normal;}
	
/****************************************************************************************************************************/
										/*ALL PURPOSE SubCategorey AREA*/
/****************************************************************************************************************************/
body#allPurposeSubCat div#content_main1 img
	{float: left; padding-right: 10px;}
body#allPurposeSubCat div#catList
	{width: 90%; margin: 0 auto;}
body#allPurposeSubCat div#catList h4
	{margin: .4em 0; text-align: left; clear: left;}
body#allPurposeSubCat div#catList img
	{float: left; padding-right: 10px;}
	
/****************************************************************************************************************************/
										/*PAPER BAGS Categorey AREA*/
/****************************************************************************************************************************/
body#paperBags div#content_main img
	{display: block; margin: 0 auto;}
body#paperBags div#content_main p
	{width: 90%; margin: 0 auto;}
body#paperBags div#content_main h4
	{width: 90%; text-align: left; margin: .3em auto;}
body#paperBags div#content_main h4.buy
	{text-align: center;}
body#paperBags div#content_main h4.buy a
	{color: #003399;}
body#paperBags div#content_main table
	{margin-bottom: 1em;}

/** area for styling content_sub -- tabbed interface with pricelist in table format -- tables controlled with ...tables_.css file in /tables folder in template directory **/
/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels */

.TabbedPanels
	{margin: 0; padding: 0px; float: left; clear: none; width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/}
.TabbedPanelsTabGroup
	{margin: 0px; padding: 0px;}
.TabbedPanelsTab 
	{position: relative; top: 1px; float: left; padding: 4px 10px; margin: 0px 1px 0px 0px; font: bold 130% Arial, Helvetica, sans-serif; list-style: none; border-left: 1px solid #3366cc; border-top: 1px solid #3366cc; border-bottom: none; border-right: 1px solid #3366cc; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; color: #333;}
.TabbedPanelsTabHover 
	{background-color: #CCC;}
.TabbedPanelsTab h6
	{font-size: .5em;}
.TabbedPanelsTabSelected {border-bottom: 1px solid transparent;}
.TabbedPanelsTab a 
	{color: black; text-decoration: none;}
.TabbedPanelsContentGroup 
	{clear: both; border-left: solid 1px #3366cc; border-bottom: solid 1px #3366cc; border-top: solid 1px #3366cc; border-right: solid 1px #3366cc; background: url(../../images/css_images/plastic_blue/tabs/tabbedPanelsContent_blue.png) top left;}
.TabbedPanelsContent 
	{padding: 4px;}
.TabbedPanelsContentVisible 
	{}
.VTabbedPanels .TabbedPanelsTabGroup 
	{float: left; width: 10em; height: 20em; background-color: #EEE; position: relative; border-top: solid 1px #999; border-right: solid 1px #999; border-left: solid 1px #CCC; border-bottom: solid 1px #CCC;}
.VTabbedPanels .TabbedPanelsTab 
	{float: none; margin: 0px; border-top: none; border-left: none; border-right: none;}
.VTabbedPanels .TabbedPanelsTabSelected 
	{background-color: #EEE; border-bottom: solid 1px #999;}
.VTabbedPanels .TabbedPanelsContentGroup 
	{clear: none; float: left; padding: 0px; width: 30em; height: 20em;}

/** mods to original spry styles **/

.TabbedPanels
    {width: 100%; margin: 0 auto; padding-bottom: 10px; float: none;}
#TabbedPanelsContent_1, #TabbedPanelsContent_4, #TabbedPanelsTab_1, #TabbedPanelsTab_4
    {background: #99ccff;}
#TabbedPanelsContent_2, #TabbedPanelsContent_5, #TabbedPanelsTab_2, #TabbedPanelsTab_5
    {background: #ffcc66;}
#TabbedPanelsContent_3, #TabbedPanelsContent_6, #TabbedPanelsTab_3, #TabbedPanelsTab_6
    {background: #ffff66;}
	
/****************************************************************************************************************************/
										/*TABLES/PRICELIST AREA*/
/****************************************************************************************************************************/

table
	{width: 99%; margin-bottom: .3em auto; border: 1px solid #666; border-top: none; background: white;}
caption
	{margin-top: .5em; padding: .3em 0 .4em .4em; text-transform: lowercase; font-size: 1em; font-style: italic; color: white; border: 1px solid #666; border-bottom: none; background: #3366cc;}
tr.odd, td.odd
	{background: #ccccff;}
th, td
	{vertical-align: middle; text-align: center; border: 1px solid #CCC;}
th
	{padding: .2em 0; font-weight: bold; font-size: .8em; text-transform: lowercase;}
th span
	{font-size: .8em;}
tbody th
	{color: white; background: #666;}
tbody
	{font-size: .8em;}
/* Quantity Submit Button */
tbody input
	{margin-top: .6em; text-align: right; border-left: 1px solid #3366cc; border-bottom: 1px solid #3366cc; border-right: 1px solid #003399; border-top: 1px solid #003399;}
input.submitProductQuantity
	{margin: .3em 0; padding: .1em .2em; font-weight: bold; font-style: italic; color: #3366cc; background: url(../../images/css_images/plastic_blue/primary_template/btn_br.png) top left; border: 2px solid #3366cc;}
input.submitProductQuantity:hover
	{background: url(../../images/css_images/plastic_blue/primary_template/btn_br_hover.png) top left; border: 2px solid #003399; cursor: pointer;}
/*buy buttons in pricelists */
h4.buy, h4.info
	{max-width: 3em; margin: .1em auto; padding: .1em 0; background: url(../../images/css_images/plastic_blue/primary_template/btn_br.png) top left; text-align: center; font-size: 1em; font-weight: bold; color: white; border: 2px solid #3366cc;}
#content h4.buy a, #content h4.info a
	{text-align: center; color: #003399;}
h4.buy:hover, h4.info:hover
	{background: url(../../images/css_images/plastic_blue/primary_template/btn_br_hover.png) top left; border: 2px solid #003399;}
#content .buy a:hover, #content .info a:hover
	{text-decoration: none; color: white;}
div#content_main h4.buy
	{text-align: center;}
div#content_main h4.buy a
	{text-align: center;}

#TabbedPanelsContent_2 caption, #TabbedPanelsContent_5 caption
	{background: #cc6600;}
#TabbedPanelsContent_2 tr.odd, #TabbedPanelsContent_5 tr.odd
	{background: #ffcc99;}
	
#TabbedPanelsContent_3 caption, #TabbedPanelsContent_6 caption
	{background: #666600;}
#TabbedPanelsContent_3 tr.odd, #TabbedPanelsContent_6 tr.odd
	{background: #ffffcc;}