@charset "utf-8";
/* CSS Document for Winer SPA */

/* @Reset CSS */
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, img, ins, kbd, q, s, samp,small, strike, strong, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,form, label{margin: 0;padding: 0;border: 0;outline: 0;font-size:100%;}
td, th{font-size: 100%;}
img{border:0;}
input,textarea,select{font-family:Arial, Helvetica, sans-serif;font-size:inherit;font-weight:inherit; vertical-align: baseline;}
textarea{overflow:auto;}
html{overflow-x:hidden;}
p{margin-bottom: 1.5em;}
font{line-height: normal;}
ul, ol{
	margin-left: 20px;
}
* html ol, *:first-child+html ol { margin-left: 2.2em;}
body{
	background: #FFFFFF url(images/bg.jpg) no-repeat 50% 0;
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 1.5em;
	text-align: center;
	color: #333;
}
a{
	color: #36C;
	text-decoration: underline;
}
a:hover{
	color: #339;
	text-decoration: underline;
}
/*@Heading*/
h2, h3, h4, h5, h6{
	margin-bottom: 1em;
	color: #000;
}
h1{	font-size: 1.5em; font-weight: normal;}
h2{	font-size: 1.38em; font-weight: normal;}
h3, h4{font-size: 1.25em;}
h5, h6{	font-size: 1em;}
/*@Layout*/
#wrapper{
	width: 752px;
	text-align: left;
	margin: 0 auto;
}
#footer{
	background-color: #f2f2f2;
	text-align: center;
	padding: 10px 0;
}
#mainBody{
	width: 752px;
	background: #FFF url(images/bodybg.jpg) no-repeat 0 0;
	min-height: 500px;
	height:auto !important;
	height:500px;
	zcoom: 1;
}
#mainBody2{
	width: 752px;
	background: #FFF;
	min-height: 500px;
	height:auto !important;
	height:500px;
	padding-bottom: 2em;
	zcoom: 1;
}
.leftCol{
	width: 170px;
	float: left;
}
.rightCol{
	width: 560px;
	padding-left: 12px;
	padding-bottom: 2em;
	min-height: 500px;
	height:auto !important;
	height:500px;
	float: right;
}
/*@Typography*/
#logo{
	display: block;
	width: 211px;
	height: 53px;
	padding: 0 20px;
}
#logo h1{
	margin: 0; padding: 0;
	font-size: 1px;
}
#logo h1 a, #logo h1 a:hover{
	display: block;
	width: 211px;
	height: 53px;
	text-indent: -9999px;
	text-decoration: none;
	background: transparent url(images/winer-logo.png) no-repeat;
	overflow: hidden;
}
* html #logo h1 a, * html #logo h1 a:hover{
	background: transparent url(images/winer-logo.gif) no-repeat;
}
#indexHead{
	padding: 20px 0;
	width: 752px;
	clear: both;
	border-bottom: 1px solid #ace6e6;
	margin-bottom:3px;
	zcoom:1;
	color: #366;
}
.otherNav{color: #366;}
.otherNav a{
	color: #099;
	text-decoration: none;
}
.otherNav a:hover{
	color: #330;
	text-decoration: underline;
}
#indexTop{
	float: right;
	text-align: right;
}
#indexHead #logo{float: left;}
#indexTop .search, #indexTop .otherNav{margin-bottom: .8em;}

.otherNav{font-weight: bolder;}
#indexPage{
	margin-top: .8em;
}
#homeSelectorButton{
	width: 182px;
	background-color: #FFF;
	margin-right: 15px;
	padding: 0 8px 0 0; 
	float: left;  
}
#homeSelectorButton a{
	display: block;
	margin-bottom: 0.8em;
}
#gotoTop{
	float: right;
	margin-top: -26px;
}
#gotoTop a, #gotoTop a:hover{
	display: block;
	width: 70px;
	height: 16px;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(images/gototop.gif) no-repeat;
	text-decoration: none;
}
#footNav{
	margin-bottom: .5em;
	color: #399;
}
#copyright{color: #666; font-size: 10px;}
#copyright a{
	color: #36c;
	text-decoration: none;
}
 #copyright a:hover{
 	color: #339;
	text-decoration: underline;
 }
.winerHeader{height: 125px; }
.winerHeader #logo{padding: 17px 20px; }
  .productsViewBox{
  	margin-bottom: 1em;
  }
 .productsViewBox h2{
 	display: block;
	width: 544px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	font-size: 1.8em;
	font-weight: normal;
	text-transform: capitalize;
	color: #099;
	margin: 0;
	padding: 0 8px;
	background: transparent url(images/spa-model-head.gif) no-repeat 0 0;
 }
 .productsViewBoxInner{
 	background: #f9f9e0;
	border: 1px solid #ACE6E6;
	padding: 5px;
	position: relative;
	height: 330px;
 }
.productsViewBoxInner #productsLargeImg{
  	display: block;
	position: absolute;
	bottom: 5px;
	right: 5px;
	z-index: 5;
}
.productsViewBoxInner #productsSmallImg{
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	z-index: 10;
}
.productsViewBoxInner #getFinancing-but{
	position: absolute;
	top: 5px;
	left: 5px;
}
#getFinancing-but a{
	display: block;
	width: 125px;
	height: 60px;
	background: transparent url(images/get-financing-button.png) no-repeat 0 0;
	overflow: hidden;
	text-decoration: none;
	text-indent: -9999px;
	cursor: pointer;
}
#getFinancing-but a:hover{
	text-decoration: none;
}
.banTable{
	border: none;
	background: #FFF url(images/ban-bg.jpg) repeat-y 0 0;
}
.newsList{
	margin-left: 1.5em;
}
/*@TabSwitch*/
#productSwitchBox{
	margin-bottom: 1em;
}

.tabSwitch{
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	width: 560px;
	height: 28px;
}
.tabSwitch li{
	display: inline;
	float: left;
}
.tabSwitch li a, .tabSwitch li a:visited{
	display: block;
	width: 186px;
	height: 28px;
	background: transparent url(images/tab-bg.gif) no-repeat 0 -30px;
	text-align: center;
	font-size: 1.2em;
	line-height: 30px;
	text-transform: uppercase;
	color: #399;
	text-decoration: none;
	overflow: hidden;
	margin-right: 1px;
}
.tabSwitch li a:hover{
	color:#ACE6E6;
	text-decoration: none;
	background-position: 0 0;
}
.tabSwitch li.tabOn a, .tabSwitch li.tabOn a:visited, .tabSwitch li.tabOn a:hover{
	cursor: default;
	background-position: 0 0;
	color: #FFF;
}

.switchBox{
	border: 1px solid #6CC;
	border-top: 3px solid #6CC;
	padding: 8px;
	display: none;
}

a.prev, a.prev:visited{
	display: block;
	width: 15px;
	height: 24px;
	background: transparent url(images/prev-but.gif) no-repeat 0 0;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	margin-top: 25px;
	cursor: pointer;
	float: left;
}
a.prev:hover{
	background-position: 0 -24px;
	text-decoration: none;
}
a.next, a.next:visited{
	display: block;
	width: 15px;
	height: 24px;
	background: transparent url(images/next-but.gif) no-repeat 0 0;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	margin-top: 25px;
	cursor: pointer;
	float: left;
}
a.next:hover{
	background-position: 0 -24px;
	text-decoration: none;
}

.slide{
	width: 490px;
	overflow: hidden;
	float: left;
	margin-left: 11px;
	margin-right: 11px;
	position: relative;
}
.SlidingPanelsContentGroup{
	display: block;
	list-style: none;
	margin: 0;
	position: relative;
	width: 10000px;
	border: none;
}
.SlidingPanelsContent{
	display: block;
	width: 100px;
	height: 105px;
	text-align: center;
	overflow: hidden;
	float: left;
	margin-right: 30px;
	border: none;
	line-height: 100%;
	font-size: 11px;
	color: #366;
}
.SlidingPanelsContent:hover{
	color: #000;
	background-color: #FEFEF2;
}
.SlidingPanelsAnimating * {
	overflow: hidden !important;
}
.SlidingPanelsCurrentPanel {}
.SlidingPanelsFocused {}
.SlidingPanelsContent img{
	display: block;
	margin-bottom: 5px;
}
#spaModelListTable{
	font-size: 0.9em;
}
/*@Navigation*/
#topNav ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	background: #fff url(images/topnav-bg.jpg) no-repeat 0 0;
	height: 30px;
	width: 752px;
}
#topNav li{
	display: inline;
	float: left;
}
#topNav li a.subMenu{
	display: block;
	height: 30px;
	font-size: 1px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background: transparent url(images/topnav2.png) no-repeat;
	z-index: 10;
}

#topNav li a.subMenu:hover{
	text-decoration: none;
	z-index: 100;
	position: relative;
}

#topNav li#nav_spaModels a.subMenu{width: 132px;background-position: 0 0;}
#topNav li#nav_spaModels a.subMenu:hover, 
#topNav li#nav_spaModels:hover a.subMenu,   
#topNav li#nav_spaModels.selected a.subMenu, 
#topNav li#nav_spaModels.selected a.subMenu:hover {background-position: 0 -30px; position: relative;z-index: 100;}

#topNav li#nav_spaSelector a.subMenu{width: 126px;background-position: -132px 0;}
#topNav li#nav_spaSelector a.subMenu:hover, 
#topNav li#nav_spaSelector:hover a.subMenu, 
#topNav li#nav_spaSelector.selected a.subMenu, 
#topNav li#nav_spaSelector.selected a.subMenu:hover{background-position: -132px -30px;position: relative;}

#topNav li#nav_spaNotes a.subMenu{width: 108px;background-position: -258px 0;}
#topNav li#nav_spaNotes a.subMenu:hover, 
#topNav li#nav_spaNotes:hover a.subMenu,  
#topNav li#nav_spaNotes:hover a.subMenu:hover, 
#topNav li#nav_spaNotes.selected a.subMenu, 
#topNav li#nav_spaNotes.selected a.subMenu:hover{background-position: -258px -30px;position: relative;}
#topNav li#nav_features a.subMenu{width: 105px;background-position: -366px 0;}
#topNav li#nav_features a.subMenu:hover, 
#topNav li#nav_features:hover a.subMenu, 
#topNav li#nav_features.selected a.subMenu, 
#topNav li#nav_features.selected a.subMenu:hover{background-position: -366px -30px;position: relative;}
#topNav li#nav_accessories a.subMenu{width: 128px;background-position: -471px 0;}
#topNav li#nav_accessories a.subMenu:hover, 
#topNav li#nav_accessories:hover a.subMenu, 
#topNav li#nav_accessories.selected a.subMenu, 
#topNav li#nav_accessories.selected a.subMenu:hover{background-position: -471px -30px;position: relative;}
#topNav li#nav_backyardIdeal a.subMenu{width: 150px;	background-position: -599px 0;}
#topNav li#nav_backyardIdeal a.subMenu:hover, 
#topNav li#nav_backyardIdeal:hover a.subMenu, 
#topNav li#nav_backyardIdeal.selected a.subMenu, 
#topNav li#nav_backyardIdeal.seledted a.subMenu:hover{background-position: -599px -30px;position: relative;}

#topNav li div{
	position: relative;
	z-index: 1010;
}
#topNav li div div{
	display: block;
	position: absolute;
	top: 0;
	left:0;
	z-index: 1010;
	visibility: hidden;
	background: transparent url(images/submenu-bottom.png) no-repeat 0 100%;
	padding-bottom: 30px;
	width: 180px;
	font-size: 11px;
}
* html #topNav li div div{
	background: transparent url(images/submenu-bottom.gif) no-repeat 0 100%;
}
#topNav li:hover div div{visibility: visible;}
#topNav li div div dl{
	padding-top: 8px;
	display: block;
	width: 180px;
	list-style: none;
	background: transparent url(images/submenu-bg.gif) no-repeat 0 0;
}
#topNav li#nav_spaModels div div{left: 8px;}
#topNav li#nav_backyardIdeal div div{right: 8px;left: auto;}
#topNav li div div dl a{
	color: #FFF;
	text-decoration: none;
	display: block;
	background: transparent url(images/dotline.gif) repeat-x 0 100%;
	padding: 3px 8px;
}
#topNav li div div dl a:hover{
	color: #FFF;
	text-decoration: none;
	background-color: #366;
}
#catalogListNav{
	margin-bottom: 1.5em;
}
.catalogList{
	list-style: none;
	margin: 0;
	position: relative;
	font-size: 1em;
	margin-bottom: 0.8em;
}
.catalogList li{
	display: block;
	background: transparent url(images/dotline.gif) repeat-x 0 100%;
	padding-bottom: 1px;
}

.catalogList a, .catalogList a:visited{
	color: #36c;
	text-decoration: none;
	display: block;
	padding: 2px 0;
}
.catalogList a:hover{
	color: #339;
	text-decoration: none;
	background-color: #FEFEF2;
}
/*@Table*/
table.table{
	border: 1px solid #c9c9c9;
	border-collapse: collapse;
	margin-bottom: 1em;
}
table.table th, table.table td{
	border-right: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	padding: 3px 3px;
}
table.table thead th{
	background-color: #dedede;
	font-weight: bolder;
}
.floatLeft{
	float: left;
	margin: 0 .5em .3em 0;
}
.floatRight{
	float: right;
	margin: 0 0 .3em .5em;
}
/*@Forms*/
input, textarea, button, select{font-size: 9pt;}
.input{
	border: 1px solid #099;
	padding: 1px;
}
.button{
	background-color: #329898;
	border: 1px solid #099;
	color: #fff;
}

.formTable td{
	padding: 4px;
}
.fieldopt{
	color: #329898;
	font-weight: bolder;
}
.fieldreq{
	color: #333;
	font-weight: bolder;
}
.smltblue{
	color: #329898;
}
.field{
	color: Red;
}
.hr{
	height: 1px;
	overflow: hidden;
	margin: 8px 0;
	background-color: #DEDEDE;
}
.hr hr{
	display: none;
}
.whr{
	height: 1px;
	overflow: hidden;
	margin: 8px 0;
	background: transparent url(images/wdot.gif) repeat-x;
}
.dhr{
	height: 1px;
	overflow: hidden;
	margin: 8px 0;
	background: transparent url(images/ddot.gif) repeat-x;
}

.bg1{background: #FFF url(images/bg/bg1.gif) repeat-y 100% 0 !important;}
.bg2{background: #FFF url(images/bg/bg2.gif) repeat-y 100% 0 !important;}
.bg3{background: #FFF url(images/bg/bg3.gif) repeat-y 100% 0 !important;}
.bg4{background: #FFF url(images/bg/bg4.gif) repeat-y 100% 0 !important;}
.bg5{background: #FFF url(images/bg/bg5.gif) repeat-y 100% 0 !important;}
.tTitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	background: transparent url(images/ttile-bg.gif) no-repeat 0 100%;
	border-bottom: 1px solid #70D1CF;
	color: #336;
	margin: 0;
	padding: 5px;
}

/*@Link*/

/*@Miscellaneous*/
.clearfix:after {content: ".";display:block;height: 0;clear: both;visibility:hidden;}
.clearfix{display: inline-block;overflow: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
#indexHead:after, #mainBody:after, .switchBox:after, .slide:after {content: ".";display:block;height: 0;clear: both;visibility:hidden;}