/*sub css*/
#product-wrapper {
	background: url(../images/bkgd-container.png) repeat-y;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#product-container {
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/left-col-bkgd.gif) top left repeat-y;
}
/*sub logo and left side callout(s)*/
#product-left-col {
	float: left;
	width: 260px;
	min-height: 825px;
	background: #EBEBEB;
}
.left-callout {
	width: 220px;
	margin: 20px;
}
/*sub-content*/
p.breadcrumb {
	width: 650px;
	float:left;
	margin-left: 15px;
	margin-bottom: 15px;
	padding: 15px;
	border-bottom: 1px #CCCCCC solid;
	font-size: 85%;
}
#product-content-container {
	float:left;
	width: 710px;
	padding-bottom: 20px;
	background: url(../images/bkgd-blue-line.gif) bottom no-repeat;
}
#product-content {
	float: left;
	width: 405px;
	padding: 0px 22px 0px 20px;
}
#product-content p.space {
	padding-top: 20px;
}
h2.sub {
	font-family: Arial, Helvetica, sans-serif;
	color:#006BAD;
	font-size: 150%;
	text-transform: uppercase;
	font-weight: 400;
	clear: left;
	border-bottom: 1px #CCCCCC solid;
	padding-bottom: 5px;
}
h2.product-title {
	font-family: Arial, Helvetica, sans-serif;
	color:#006BAD;
	font-size: 150%;
	text-transform: uppercase;
	font-weight: 400;
	padding-top: 10px;
	margin-bottom: 0px;
}
h2.product-title-2 {
	font-family: Arial, Helvetica, sans-serif;
	color:#006BAD;
	font-size: 150%;
	text-transform: uppercase;
	font-weight: 400;
	padding-top: 10px;
	margin-bottom: 10px;
}
h2.products {
	color:#002E55;
	font-size: 140%;
	font-weight: 550;
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom: 1px #CCCCCC solid;
}
h3.sub {
	font-family: Arial, Helvetica, sans-serif;
	color:#002E55;
	font-size: 115%;
	text-transform: none;
	font-weight: 550;
	padding-bottom: 2px;
}

.sub-callout {
	padding-top: 15px;
	padding-bottom: 12px;
	background-image: url(../images/gray-dash.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.sub-callout-plain {
	padding-top: 15px;
}
.sub-callout p, .sub-callout-plain p {
	font-size: 96%;
	line-height: 150%;
}
/*fixtures*/
a.gallery {
	display: block;
	height: 17px;
	margin-top: 12px;
	background-position: 0 0;
	width: 124px;
	background-image: url(../images/button-gallery.gif);
}
a.gallery:hover   {
    background-position: 0 -17px;
}
a.learn {
	display: block;
	height: 17px;
	margin-top: 12px;
	background-position: 0 0;
	width: 105px;
	background-image: url(../images/button-learn-more.gif);
}
a.learn:hover   {
    background-position: 0 -17px;
}
h2.sub-fixtures {
	font-family: Arial, Helvetica, sans-serif;
	color:#006BAD;
	font-size: 150%;
	text-transform: uppercase;
	font-weight: 400;
	border-bottom: 1px #CCCCCC solid;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.sub-callout-2 {
	width: 270px;
	float: left;
	padding-top: 15px;
	padding-bottom: 12px;
	background: url(../images/gray-dash.jpg) left bottom no-repeat;
}
.sub-callout-2-plain {
	width: 270px;
	float: left;
	padding-top: 15px;
	margin-bottom: 15px;
}
.sub-callout-3 {
	width: 200px;
	float: left;
	padding-top: 15px;
	padding-bottom: 12px;
	background: url(../images/gray-dash.jpg) left bottom no-repeat;
}
.sub-callout-3-plain {
	width: 200px;
	float: left;
	padding-top: 15px;
	padding-bottom: 12px;
}
.sub-callout-3 ul#info, .sub-callout-3-plain ul#info {
	width: 195px;
	clear: left;
	list-style: none;
	margin-left: 3px;
	margin-top: 5px;
}
.sub-callout-3 ul#info li, .sub-callout-3-plain ul#info li {
	padding-left: 15px;
	background: url(../images/bullet-download-arrow.gif) no-repeat;
	background-position: 0 5px;
	padding-bottom: 5px;
}
/*right column*/
#sub-right-col {
	float: left;
	width: 248px;
	overflow: hidden;
	line-height: 150%;
	font-size: 89%;
}
.info-box {
	background: #EBEBEB url(../images/bkgd-info-box.gif) top left repeat-x;
	border: 1px #CCCCCC solid;
	margin-bottom: 12px;
	padding: 10px 10px 15px 12px;
	overflow: hidden;
}
.info-box img {
	float: left;
	width: 66px;
	margin: 15px 10px 10px 0px;
}
.info-box p {
	width: 140px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 150%;
	font-size: 100%;
}
.info-box p.accessories {
	width: 140px;
	float: right;
	margin: 0px 10px;
	font-size: 100%;
}
a.accessories {
	display: block;
	height: 17px;
	background-position: 0 0;
	width: 148px;
	background-image: url(../images/button-accessories.gif);
}
a.accessories:hover   {
    background-position: 0 -17px;
}
table {
	float: left;
	margin: 0px;
	padding: 0px;
}
table select {
	width: 175px;
}
ul#info {
	width: 220px;
	clear: left;
	list-style: none;
	margin-left: 5px;
}
ul#info li {
	padding-left: 15px;
	background: url(../images/bullet-blue-arrow.gif) no-repeat;
	background-position: 0 5px;
	padding-bottom: 5px;
}
p a.pdf, p.more a.pdf {
	padding-right: 20px;
	background: url(../images/bullet-download-arrow.gif) no-repeat;
	background-position: 128px 4px;
}
p a.pdf-2{
	padding-right: 20px;
	background: url(../images/bullet-download-arrow.gif) no-repeat;
	background-position: 110px 4px;
}
p a.pdf-3{
	padding-right: 20px;
	background: url(../images/bullet-download-arrow.gif) no-repeat;
	background-position: 82px 4px;
}
p a.pdf-4{
	padding-right: 20px;
	background: url(../images/bullet-download-arrow.gif) no-repeat;
	background-position: 141px 4px;
}

p.more {
	padding-bottom: 15px;
}
.float-left-products {
	float: left;
	padding: 2px;
	border: 1px #666666 solid;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 20px;
}
.float-left-accessories {
	float: left;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 20px;
	text-align: center;
}
.float-left-accessories-2 {
	float: left;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 20px;
	text-align: center;
}
.float-left-accessories img, .float-left-accessories-2 img {
	padding: 2px;
	border: 1px #666666 solid;
}
/*features & benefits list on product pages */
ul#features {
	margin-top: 8px;
	width: 405px;
}
ul#features li{
	padding-top: 8px;
	padding-bottom: 8px;
	list-style: none;
	padding-left: 23px;
	line-height: 120%;
	background: url(../images/bullet-blue-check.gif) no-repeat;
	background-position: 0 8px;
	background-color:#D9F2FA;
	display: block;
}
ul#features li.white {
	background-color: none;
	padding-top: 8px;
	padding-bottom: 8px;
	background: url(../images/bullet-check.gif) no-repeat;
	background-position: 0 8px;
}
/*CSS for product series table of products*/
table#products {
	margin-bottom: 15px;
	border-collapse: collapse;
	clear: left;
}
table#products tr td, table#products tr th {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 4px;
}
table#products tr th {
	color: #006BAD;
}
table#products tr.lt-blue {
	background-color: #D9F2FA;
}
/*CSS for JQuery Tabs */
.widget {  
	clear: both; 
	width: 380px;    
	padding: 0px 10px;   
	background: #CCCCCC url(../images/bkgd-tab.gif) top left no-repeat; 
	border-bottom: 1px #CCCCCC solid;
	margin-bottom: 15px; 
	margin-top: 20px;  
}   
.widget a {   
	color: #333333;   
	text-decoration: none;   
}   
.widget a:hover {      
	text-decoration: underline;   
}   
.tabnav li {  
	float: left; 
	width: 107px;
	margin-top: 2px;
	display: inline;   
	list-style: none; 
	text-align:center;   
}   
.tabnav li a { 
  	text-decoration: none;   
	display: block;
	height: 16px;
	color: #333333;  
	font-size: 85%; 
	font-weight: bold;   
	padding: 8px 0px;   
	outline: none; 
	background: url(../images/tab-inactive.gif) top left no-repeat; 
	   
}   
.tabnav li a:hover {   
	background: url(../images/tab-inactive.gif) top left no-repeat;   
	color: #333333;   
	text-decoration: none;   
}   
.tabnav li a:active, .tabnav li.ui-tabs-selected a {   
	background: url(../images/tab-selected.gif) top left no-repeat;   
	color: #333333;   
	text-decoration: none;   
}   
.tabdiv {   
	clear: left;
	max-width: 380px; 
	padding: 10px 5px; 
	text-align: center;
	font-size: 88.5%;
} 
.tabdiv h3 {
	padding-top: 5px;
} 
.tabdiv a {
	color: #336CAE;
	text-decoration: underline;
} 
.tabdiv .thumbnail {  
	float: left;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
}  
.tabdiv .thumbnail img, .tabdiv#edges .thumbnail-2 img { 
	margin-bottom: 5px;
}  
.tabdiv#edges .thumbnail {  
	width: 100px; 
	padding-left: 13px;
	padding-right: 10px;
	overflow: hidden;
}  
.tabdiv#edges .thumbnail-2 {
	float: left;  
	width: 100px; 
	padding-left: 70px;
	padding-right: 10px;
	padding-top: 10px;
	overflow: hidden;
}
.tabdiv#edges p.more {
	padding-top: 5px;
	padding-bottom: 0px;
} 
.tabdiv p {
	clear: both;
}
.tabdiv#finishes{
	text-align: center;
	overflow: auto;
}
.tabdiv#finishes .thumbnail {  
	width: 92px; 
	padding-left: 22px;
}
.tabdiv#finishes .thumbnail img {
	border-bottom: 1px #CCCCCC solid;
}  	
.tabdiv#buttons {
	overflow: hidden;
}
.tabdiv#buttons .thumbnail {  
	width: 100px; 
	padding-left: 11px;
	padding-right: 12px;
	padding-bottom: 10px;
}  
.tabdiv#buttons a {
	color: #006BAD ;
	text-decoration: underline;
}
.tabdiv#buttons a:hover {
	text-decoration: none;
} 
.tabdiv#styles {
	text-align: left;
	overflow: hidden;
}
.tabdiv#styles ul {
	padding-top: 8px;
	width: 370px;
}
.tabdiv#styles ul li{
	padding-top: 8px;
	padding-bottom: 8px;
	list-style: none;
	padding-left: 23px;
	line-height: 120%;
	background: url(../images/bullet-blue-check.gif) no-repeat;
	background-position: 2px 8px;
	background-color:#D9F2FA;
	display: block;
}
.tabdiv#styles ul li.white{
	background-color: none;
	padding-top: 8px;
	padding-bottom: 8px;
	background: url(../images/bullet-check.gif) no-repeat;
	background-position: 0 8px;
}
.ui-tabs-hide {   
	display: none;   
}