@charset "utf-8";
/* CSS Document */



/*Live Chat*/

#LiveChat_1307974432 {
	float: right;
	height: 85px;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 15px;
}



html, body { margin: 0px; padding: 0px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:12px;} 
p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;} 

/************ This section centers the page for Safari and Firefox (Div wrapper needs added to the page.) *******/
#wrapper {width: 900px; margin: 0 auto; text-align: left;}
/************ END         ********************************************/

#body{background-image:url(https://bronze.secure-host.com/univenture/images/backgrounds/border_middle.png); background-repeat:repeat-y; float:left; width:900px; clear:left;}
#head {float: left; margin: 0; padding: 0; background-image: url(https://bronze.secure-host.com/univenture/images/backgrounds/border_top.jpg); background-repeat:no-repeat; width:900px; height: 100px;}
#main_content {float:left; width: 900px; background-image:url(https://bronze.secure-host.com/univenture/images/backgrounds/border_middle.png); background-repeat:repeat-y; padding: 5px; margin: 0 auto;}
#footerTop{background-image:url(https://bronze.secure-host.com/univenture/images/backgrounds/footer_background_2.jpg); background-repeat: no-repeat; float:left; width:900px; height:335px; clear:left; padding-top: 5px;}
#footer {text-align: center; float:left; width: 900px; height: 27px; background-image:url(https://bronze.secure-host.com/univenture/images/backgrounds/border_bottom.png); background-repeat:no-repeat;}
#logo {float:left; width:350px; margin: 15px 10px;}
#search {float:right; width:300px; margin: 35px 10px 5px 5px;}

/************ ADDTHIS Toolbar styling *************************/
 div#addthis {float:right; width: 165px; margin: 10px 0px 0px 5px; clear:right; text-align:right;}
 
/************ END ADDTHIS Toolbar styling *************************/

/************************** ADDED SHOPSITE STYLING *********************************************/

div.QPtable {width: 410px;}
td.qp_quantitytxt {font: Arial, Helvetica, sans-serif; font-size: 15px; padding-right: 5px;}
td.qp_quantity {font: Arial, Helvetica, sans-serif; font-size: 15px; padding-right: 5px;}
td.qp_pricetxt {font: Arial, Helvetica, sans-serif; font-size: 15px; padding-right: 5px;}
td.qp_price {font: Arial, Helvetica, sans-serif; font-size: 15px; padding-right: 5px;}
td.qp_saletxt {font: Arial, Helvetica, sans-serif; font-size: 15px; padding-right: 5px; background-color:#FFFF00;}

/************************** END ADDED SHOPSITE STYLING *********************************************/

/****** FORMATTING FOR FOOTER ******/
div.footerLeft {width: 160px; float:left; margin: 10px 5px 10px 30px;}
div.footerNormal{width: 160px; float:left; margin: 10px 5px;}
a.footer:link, a.footer:visited { font-family:Arial, Helvetica, sans-serif; color: #333333; background: transparent; text-decoration: none; font-size: 12px; border: none;} 
a.footer:hover {color: #ffffff; text-decoration: none;}
ul.footer {margin: 5px 0px; padding: 0px; list-style-type:none; list-style-position:inside;}
li.footer-links {padding: 0px; line-height: 18px;}
li.footer-headers { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size: 18px; text-decoration:underline; padding: 0px; line-height: 25px;}
/**
a.footer:link, a.footer:visited { font-family:Arial, Helvetica, sans-serif; color: #8fb8cc; background: transparent; text-decoration: none; font-size: 12px; border: none;} 
a.footer:hover {color: #004990; text-decoration: none;}
/****** END FORMATTING FOR FOOTER ******/

a:link, a:visited { font-family:Arial, Helvetica, sans-serif; color: #004990; background: transparent; text-decoration: none; font-size: 12px; border: none; font-weight:normal;} 
a:hover {color: #8fb8cc; text-decoration: none;} 
h1 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; color:#004990; margin: 5px 0px 5px 25px}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#004990; text-align:left;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color:#004990; padding:0; margin:0;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#004990; padding:0; margin:0;}
h5 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#004990;}
h6 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#004990; font-style:italic; text-decoration:underline;}

a.cart {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}

/***** Landing Page Styling *****/
#product-container { width: 195px; padding: 5px 10px 5px 5px; float:left; border-right: 1px solid #004990; margin: 15px 5px;}
#product-container-right { width: 195px; padding: 5px 10px 5px 5px; float:left; margin: 15px 0px;}
h1.landing-page {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color:#004990; width: 845px; border-bottom: 1px solid #004990; padding-bottom: 5px; text-indent:5px; margin: 15px 0px 5px 25px; float:left;}
h2.landing-page {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#739600;}
h3.landing-page {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#004990; text-align:center;}

a.landing-page { font-size: 14px; text-align:center;}

ul.landing-page { list-style-type: none; color: #004990; padding: 10px; margin: 0px; font-size: 11px;}

#products-section { width: 890px; margin: 0 auto; margin: 10px 0px;}
#text1 { width: 410px; padding:5px; margin: 5px 15px; float:left; clear:left;}
#text2 { width: 410px; padding:5px; margin: 5px 15px; float:left;}
/***** End Landing page styling *****/


/************** THIS IS FOR BOLD OPTION IN THE DROP DOWN OF THE CHECKOUT FORM ***********************************/
.special {
   font-weight:  bold;
}

/*************** END  ******************************/

/************** Orange Links *******************/
a.orange:link, a.orange:visited {color : #f58026; background : transparent; text-decoration : none; font-size: 12px; text-decoration:underline;} 
a.orange:hover {color : #8fb8cc; text-decoration : none; text-decoration:underline;} 
/************** END Orange Links **************/

/************** List Items ********************/
li.news {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000000; position:relative; list-style-image:url(../images/bullet_arrow.png); list-style-position:inside; white-space: normal;}
li.arrow {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000000; position:relative; list-style-image: url(../images/backgrounds/bullet_dot.jpg); list-style-position:inside; white-space: normal;}
li.affiliate {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000000; position:relative; list-style-image:url(../images/bullet_arrow.png); list-style-position:inside; white-space: normal;}
/************* End List Items ********************/

/*************   BEGIN formatting for the top TABS   *****************************/
a.top:link, a.top:visited {color : #000000; background : transparent; text-decoration : none; font-size: 12px;} 
a.top:hover {color : #8fb8cc; text-decoration : none;}
.one {width: 150px; height: 24px; background:url(https://bronze.secure-host.com/univenture/images/backgrounds/SearchBox.png) no-repeat; background-position:left; border: none; padding: 3px 0 0 5px;}
#brands4 {clear:none; float:left; width: 300px; margin: 15px 0 0 0; padding: 0 0 0 185px;}
#home{clear:none; float:right; width: 800px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-align:right; margin: 5px 0 0 0; padding: 0 3px 0 0;}
#phone {clear:both; float:right; width: 275px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-align:right; margin: -2px 9px 0 0; padding: 0 30px 0 0; }
#tabs {clear:left; height:30px; float: left; width: 540px; margin: 0 0 0 30px; padding: 0;}

#top {width:100%; height:auto; margin:0; padding:0; background-color: #FFFFFF;}
#top2 {width: 900px; margin:0; padding:0;}
/*Brands Nav*/
	ul.univenture {list-style:none;margin:0;padding:0;}
	li.univenture {float:left;width:100px; margin:0 2px; padding:0; text-align:center;}
	li.univenture a {display:block;padding:0; height:100%; color:#FFF; text-decoration:none; border-right:1px solid #FFF;}
	li.univenture a:hover, li.univenture a:focus, li.univenture a:active {background-position:-150px 0;}
	#unv.univenture a {background: url(https://bronze.secure-host.com/univenture/images/top_tabs/univenture_tab_bg.png) repeat 0 0;}
	
	ul.unikeep {list-style:none;margin:0;padding:0;}
	li.unikeep {float:left;width:100px; margin:0 2px; padding:0; text-align:center;}
	li.unikeep a {display:block;padding:0; height:100%; color:#FFF; text-decoration:none; border-right:1px solid #FFF;}
	li.unikeep a:hover, li a:focus, li a:active {background-position:-150px 0;}
	#ukp.unikeep a {background: url(https://bronze.secure-host.com/univenture/images/top_tabs/unikeep_tab_bg.png) repeat 0 0;}
	
	ul.envy {list-style:none;margin:0;padding:0;}
	li.envy {float:left;width:100px; margin:0 2px; padding:0; text-align:center;}
	li.envy a {display:block;padding:0; height:100%; color:#FFF; text-decoration:none; border-right:1px solid #FFF;}
	li.envy a:hover, li a:focus, li a:active {background-position:-150px 0;}
	#env.envy a {background: url(https://bronze.secure-host.com/univenture/images/top_tabs/envypak_tab_bg.png) repeat 0 0;}
	
	ul.eco {list-style:none;margin:0;padding:0;}
	li.eco {float:left;width:100px; margin:0 2px; padding:0; text-align:center;}
	li.eco a {display:block;padding:0; height:100%; color:#FFF; text-decoration:none; border-right:1px solid #FFF;}
	li.eco a:hover, li a:focus, li a:active {background-position:-150px 0;}
	#eco.eco a {background: url(https://bronze.secure-host.com/univenture/images/top_tabs/ecoendure_tab_bg.png) repeat 0 0;}
	
	ul.safety {list-style:none;margin:0;padding:0;}
	li.safety {float:left;width:100px; margin:0 2px; padding:0; text-align:center;}
	li.safety a {display:block;padding:0; height:100%; color:#FFF; text-decoration:none; border-right:1px solid #FFF;}
	li.safety a:hover, li a:focus, li a:active {background-position:-150px 0;}
	#saf.safety a {background: url(https://bronze.secure-host.com/univenture/images/top_tabs/safetysleeve_tab_bg.png) repeat 0 0;}
/************   END formatting for the top TABS   ********************************/

/********** BEGIN formatting for the top SpryHorizontalMenu NAV   **************/
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal {margin: 0; padding: 0; list-style-type: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif; 	cursor: default; width: auto; height: 30px;}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive {z-index: 1000;}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li {margin: 0; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; width: 120px; float: left;}
ul.MenuBarHorizontal li.long {margin: 0; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; width: 225px; float: left;}
ul.MenuBarHorizontal li.long2 {margin: 0; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; width: 175px; float: left;}
ul.MenuBarHorizontal li.long3 {margin: 0; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; width: 250px; float: left;}
ul.MenuBarHorizontal li.medium {margin: 0; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; width: 90px; float: left; }
ul.MenuBarHorizontal li.short {margin: 0; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; width: 78px;  float: left;}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul {margin: 0; padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; width: 10em; position: absolute; left: -1000em;}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {left: auto;}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li {width: 12em;}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul {position: absolute; margin: 0 0 0 175px;}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {left: auto; top: 0;}

/*******************************************************************************
 DESIGN INFORMATION: describes color scheme, borders, fonts
 *******************************************************************************/
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul {border: 0px solid #CCCCCC;}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a {display: block; cursor: pointer; background-image: url(https://bronze.secure-host.com/univenture/images/backgrounds/blue_gray.jpg); padding: 0.7em 0.75em; color: #ffffff; text-decoration: none;}
ul.MenuBarHorizontal a.long {display: block; cursor: pointer; background-image: url(https://bronze.secure-host.com/univenture/images/backgrounds/blue_gray_2.jpg); padding: 0.7em 0.75em; color: #ffffff; text-decoration: none;}
ul.MenuBarHorizontal a.long1 {display: block; cursor: pointer; background-image: url(https://bronze.secure-host.com/univenture/images/backgrounds/blue_gray_175px.jpg); padding: 0.7em 0.75em; color: #ffffff; text-decoration: none;}
ul.MenuBarHorizontal a.long2 {display: block; cursor: pointer; background-image: url(https://bronze.secure-host.com/univenture/images/backgrounds/blue_gray_225px.jpg); padding: 0.7em 0.75em; color: #ffffff; text-decoration: none;}
ul.MenuBarHorizontal a.long3 {display: block; cursor: pointer; background-image: url(https://bronze.secure-host.com/univenture/images/backgrounds/blue_gray_250px.jpg); padding: 0.7em 0.75em; color: #ffffff; text-decoration: none;}
ul.MenuBarHorizontal a.left {display: block; cursor: pointer; padding: 0.7em 0.75em; color: #ffffff; text-decoration: none;}
ul.MenuBarHorizontal a.Small {display: block; cursor: pointer; padding: 0.7em 0.75em; color: #ffffff; text-decoration: none;}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {background-image: url(https://bronze.secure-host.com/univenture/images/backgrounds/blue_gray_over.jpg); color: #000000;}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {/*background-image: url(../images/bgHover.gif);*/ background-image: url(https://bronze.secure-host.com/univenture/images/backgrounds/blue_gray_over.jpg); color: #000000;}

.MenuBarItemSubmenu2 {
	background-image: url(https://bronze.secure-host.com/univenture/images/backgrounds/blue_gray_closeout.jpg)!important;
	color: #FFFFFF!important;
}
.MenuBarItemSubmenu2:hover {
	background-image: url(https://bronze.secure-host.com/univenture/images/backgrounds/blue_gray_closeout_over.jpg)!important;
	color: #FFFF00!important;	
}

/*******************************************************************************
 SUBMENU INDICATION: styles if there is a submenu under a given menu item
 *******************************************************************************/
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu {/*background-image: url(../images/bgBlueDown.gif);*/ background-image: url(https://bronze.secure-host.com/univenture/images/backgrounds/blue_gray.jpg); background-position: 100% 0%; background-repeat: repeat-x;}
ul.MenuBarHorizontal a.MenuBarItemSubmenu_shop {/*background-image: url(../images/bgBlueDown.gif);*/ background-image: url(https://bronze.secure-host.com/univenture/images/backgrounds/blue_gray_darker.jpg); background-position: 100% 0%; background-repeat: repeat-x; color: #000000;}
ul.MenuBarHorizontal a.MenuBarItemSubmenu_2 {/*background-image: url(../images/bgBlueDown.gif);*/ background-color: #FF0000; background-position: 100% 0%; background-repeat: repeat-x;}
ul.MenuBarHorizontal a.MenuBarItemSubmenuL {background-image: url(https://bronze.secure-host.com/univenture/images/backgrounds/blue_gray_2.jpg); background-position: 100% 0%; background-repeat: repeat-x;}
ul.MenuBarHorizontal a.MenuBarItemSubmenuS {background-image: url(https://bronze.secure-host.com/univenture/images/backgrounds/blue_gray.jpg); background-position: 100% 0%; background-repeat:repeat-x;}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {background-image: url(https://bronze.secure-host.com/univenture/images/backgrounds/blue_gray_right.jpg); background-repeat: repeat-x; background-position: 95% 50%;}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {background-image: url(https://bronze.secure-host.com/univenture/images/backgrounds/blue_gray_over.jpg); background-repeat: repeat-x; background-position: 60% 50%;}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {background-image: url(https://bronze.secure-host.com/univenture/images/backgrounds/blue_gray_right_over.jpg); background-repeat: repeat-x; background-position: 95% 50%;}

/*******************************************************************************
 BROWSER HACKS: the hacks below should not be changed unless you are an expert
 *******************************************************************************/
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe {position: absolute; z-index: 1010;}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE {display: inline; f\loat: left; background-image: url(https://bronze.secure-host.com/univenture/images/backgrounds/blue_gray.jpg);}
}
/********** END formatting for the top SpryHorizontalMenu NAV   **************/

/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	clear: none;
	width: 850px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding-top:10px;
	margin: 0px 1px 0px 7px;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align:center;
	background-image:url(../images/tabs/tab.jpg);
	background-repeat:repeat-y;
	width:130px;
	height:25px;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-image:url(../images/tabs/over_tab.jpg);
	background-repeat:no-repeat;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-image:url(../images/tabs/active_tab.jpg);
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	float:left;
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image: url(../images/backgrounds/Product_Tab_Top_Middle.jpg);
	background-repeat: no-repeat;
	padding: 10px;
	height: auto;
	width: 845px;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 4px;
	text-align: left;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.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;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}