body  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	background: #373538 url(../images/bakPage.gif) repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0 0 0 15px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

img:link, img:visited, img:active, img:hover  {
	border:none;
}

a:link img , a:visited img, a:active img, a:hover img {
	border:none;
}

a:link, a:visited, a:active {
	color: #0099FF;
	text-decoration:none;
}
a:hover {
	color: #000000;
	text-decoration:none;
}

img {
	border:none;
	margin::0px:
	padding:0px;
}

#footer { behavior: url(includes/iepngfix.htc) } /********* transparency fix*/

h1 {
	font-size:14px;
	font-weight:bold;
}

h2 {
	font-size:12px;
	font-weight:bold;
}


/****************************************/


#container {
	display:block;
	margin-left:auto; /* required to center blocks in compillant browsers */
	margin-right:auto; /* required to center blocks in compillant browsers */
	text-align: left; /* this overrides the text-align: center on the body element. */
	width: 970px;
	background-image:url(../images/bakContainer.jpg);
	background-repeat:repeat-y;
	/*behavior: url(includes/iepngfix.htc); /********* transparency fix*/
	padding-left: 15px;
	padding-rigt:65px;
	overflow:visible;
} 

.TopDropDown {
	position: relative;
	top:-25px;
	text-align:left;
	width:250px;		
	font-size:10px;
}

#menu {
	display:block;
	width:763px;
	height:42px;
	background-image:url(../images/MenuBackground_NEW.jpg);
	background-repeat:repeat-x;
	border-top: 1px solid #e6e7e7;
	border-bottom: 1px solid #FFFFFF;
	padding-left:172px;
	text-align:left;	
}

#menu .alignLeft {
	display:inline;
	float:left;
	height:42px;
}

#menu .alignRight {
	display:inline;
	float:right;
	height:42px;
	width:200px;
	text-align:right;
}

#slider {
	clear: both;
	height: 218px;
	width: 935px;
}

/* Easy Slider */

#slider ul, #slider li,
#slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:935px;
	height:218px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	z-index:1000;
	}	
#nextBtn, #slider1next{ 
	left:696px;
	}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:30px;
	height:77px;
	background:url(../images/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a, #slider1next a{ 
	background:url(../images/btn_next.gif) no-repeat 0 0;	
	}	
	
/* numeric controls */	

ol#controls{
	margin:1em 0;
	padding:0;
	height:28px;	
	}
ol#controls li{
	margin:0 10px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:28px;
	line-height:28px;
	}
ol#controls li a{
	float:left;
	height:28px;
	line-height:28px;
	border:1px solid #ccc;
	background:#DAF3F8;
	color:#555;
	padding:0 10px;
	text-decoration:none;
	}
ol#controls li.current a{
	background:#5DC9E1;
	color:#fff;
	}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

#contentTable {
	width: 935px;
}

#flash {
	clear: both;
	overflow:auto;
	width: 935px;
}

#flash_portfolio {
	margin-top:-40px;
	clear: both;
	height: 595px;
	width: 935px;
}


#contentTable #contentLeftCol{
	width: 182px;
	border-right: 1px solid #e6e7e7;
	padding-left:10px;
	text-align:left;
	vertical-align:top;
}
#contentTable #contentCenterCol{
	text-align:left;
	vertical-align:top;
}
#contentTable #contentRightCol{
	float:right;
	width: 283px;
	border-left: 1px solid #e6e7e7;
	text-align:left;
	vertical-align:top;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#footer {
/*	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	display:block;
	margin-left:auto; /* required to center blocks in compillant browsers */
	margin-right:auto; /* required to center blocks in compillant browsers */
	width: 970px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background:url(../images/bakFooter.png) no-repeat;
	height: 58px;
	padding-left: 15px;
	padding-rigt:65px;
	overflow:visible;
} 


/* CONTENT LEFT COLUMN */

#contentTable #contentLeftCol .titleImg {
	border-bottom: 1px solid #e6e7e7;
	
}

#contentTable #contentLeftCol ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font: 11px Arial, Helvetica, sans-serif;
}
#contentTable #contentLeftCol ul li {
	list-style: none;
	margin: 0;
	border-bottom: 1px solid #e6e7e7;
	text-decoration: none;
	height: 26px;
	display: block;
}
#contentTable #contentLeftCol ul li:hover {

}


#contentTable #contentLeftCol ul li a, #contentTable #contentLeftCol ul li a:hover {
	color: #999999;
	padding-left:20px;
	padding-top: 7px;
	display: block;
	height: 26px;
	text-decoration:none;
}

#contentTable #contentLeftCol ul li a:hover {
	color: #2ebeff;
	background-image:url(../images/vinSidebar1.gif);
	background-position: 2px 10px;
	background-repeat:no-repeat;
}

#contentTable #contentLeftCol ul li .Selected, #contentTable #contentLeftCol ul li a:hover .Selected {
	color: #2ebeff;
	cursor:default;
	background-image:url(../images/vinSidebar1.gif);
	background-position: 2px 10px;
	background-repeat:no-repeat;
}

/* CONTENT CENTER COLUMN */

#subMenu {
	display:block;
	width:100%;
	background-image:url(../images/MenuBackground_NEW.jpg);
	background-repeat:repeat;
	text-align:left;
	vertical-align:middle;

}
#subMenu ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#subMenu ul li {
	line-height:42px;
	display:inline;
	border-left: 1px solid #CCCCCC;
}
#subMenu ul li:first-child {
	display:inline;
	border:none;
}
#subMenu ul li a, #subMenu ul li a:hover {
	padding: 0px 8px 0 8px;
	font-size:12px;
	color: #999999;
	text-decoration:none;
}
#subMenu ul li a:hover {
	color: #2ebeff;
}
#subMenu ul li .Selected, #subMenu ul li .Selected:hover {
	font-size:12px;
	color: #2ebeff;
	text-decoration:none;
	cursor:default;
}

#subSubMenu {
	display:block;
	width:100%;
	background-color:#2ebeff;
	text-align:left;
}
#subSubMenu ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#subSubMenu ul li {
	display:inline;
	line-height:22px;
	background-image:url(../images/subSubMenuSeparator.gif);
	background-position: 0px 7px;
	background-repeat:no-repeat;
	padding:0 0 0 3px;
	margin:0;
}
#subSubMenu ul li:first-child {
	display:inline;
	border:none;
	background-image:none;
	padding:0;
}
#subSubMenu ul li a, #subSubMenu ul li a:hover {
	padding: 0px 2px 0 5px;
	font-size:10px;
	color: #FFFFFF;
	text-decoration:none;
}
#subSubMenu ul li a:hover {
	color: #999999;
}
#subSubMenu ul li .Selected, #subSubMenu ul li .Selected:hover {
	font-size:10px;
	color: #FFFFFF;
	text-decoration:none;
	cursor:default;
}

#textContent {
	padding:20px 20px 40px 10px;
	font-size:10px;
	color:#999999;
	min-height:600px;
	float:left;
	width:425px;
	overflow:visible;
}
#textContent h1 {
	display:block;
	margin-top:15px;
	font-size:12px;
	font-weight:bold;
	color:#666666;
}

#homePageContent {
	padding:10px;
	font-size:10px;
	color:#999999;
	height:600px;
}



#productsMenu {
	display:block;
	width:283px;
	float:right;
	background-color:#2ebeff;
	text-align:left;
}
#productsMenu ul {
	list-style-type:none;
	margin:0;
	padding:20px 20px 100px 20px;
}
#productsMenu ul li {
	display:block;
	line-height:22px;
	padding:0 0 0 3px;
	margin:0;
}

#productsMenu ul li a, #productsMenu ul li a:hover {
	font-size:10px;
	color: #FFFFFF;
	text-decoration:none;
}
#productsMenu ul li a:hover {
	color: #999999;
}
#productsMenu ul li .Selected, #productsMenu ul li .Selected:hover {
	font-size:10px;
	color: #FFFFFF;
	text-decoration:none;
	cursor:default;
}







.HomeSwapDiv {
	position: absolute;
	visibility: hidden;
	width:445px;
}

#info01 {
	visibility:visible;
}

.tellMeMore {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	float: right;
	text-align:right;
}

.HomeSwapDiv span {
	font: italic 13px/22px Georgia, "Times New Roman", Times, serif;
	color: #999999;
	display: block;
	margin-top: 5px;
	padding-right: 20px;
}

.HomeSwapDiv .tellMeMore {
	padding-right: 20px;
}


/* CONTENT RIGHT COLUMN */


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

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

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	overflow: hidden;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 *
 * NOTE:
 * This rule uses -moz-user-select and -khtml-user-select properties to prevent the
 * user from selecting the text in the AccordionPanelTab. These are proprietary browser
 * properties that only work in Mozilla based browsers (like FireFox) and KHTML based
 * browsers (like Safari), so they will not pass W3C validation. If you want your documents to
 * validate, and don't care if the user can select the text within an AccordionPanelTab,
 * you can safely remove those properties without affecting the functionality of the widget.
 */
.AccordionPanelTab {
	display:block;
	height:42px;
	background-image:url(../images/MenuBackground_NEW.jpg);
	background-repeat:repeat-x;
	border-bottom: solid 1px #e6e7e7;
	cursor: pointer;	
	font-size:14px;
	color: #2ebeff;
	text-decoration:none;
}
.AccordionPanelTab img {
	behavior: url(includes/iepngfix.htc);
	width: 283px;
	height: 42px;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: visible;
	margin: 0px;
	padding: 10px 15px 15px 15px;
	border-bottom: solid 1px #e6e7e7;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-image:none;
	border:none;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #2ebeff;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
/*	background-color: #3399FF;*/
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
/*	background-color: #33CCFF; */
}