﻿/*DBS*/
#news-frame, #faq-frame, #download-frame{
  cursor: pointer;
}

#wrapper {
  margin-top:5px; 
  width: 1024px;
}

#wrapper .topx{    
  background-image:url(Images/wrapper-top.png);
  background-repeat: no-repeat;
  background-position: center bottom;  
  height: 17px;  
}
#wrapper .midx{   
  background-image:url(Images/wrapper-mid.png);
  background-repeat: repeat-y;
  background-position: center center;   
}

#wrapper .botx{
  background-image:url(Images/wrapper-bot.png);
  background-repeat: no-repeat;
  background-position: center top;
  height: 17px;
}


#news-frame .top-x- {
	background-image: url(Images/rhs-latestnews.png);
	background-repeat: no-repeat;
	width: auto;
	Height: 25px;	
}

#news-frame .mid-x- {
	background-image: url(Images/rhs-bkgrd.png);
	background-repeat: repeat-y;
	height: 100%;
	padding:3px;
}

#news-frame .bot-x- {
	background-image: url(Images/builder/rhs-bot.png);
	background-repeat: no-repeat;
	width: auto;
	Height: 47px;
}

#news-frame p {
	color:White;
}

#faq-frame .top-x- {
	background-image: url(Images/rhs-faqs.png);
	background-repeat: no-repeat;
	width: auto;
	Height: 25px;	
	cursor: pointer;
}

#faq-frame .mid-x- {
	background-image: url(Images/rhs-faqs-bkgrd.png);
	background-repeat: repeat-y;
	height: 100%;
	padding:3px;
}

#faq-frame .bot-x- {
	background-image: url(Images/builder/rhs-bot.png);
	background-repeat: no-repeat;
	width: auto;
	Height: 47px;
}

#faq-frame p {
	color:White;
}

#download-frame .top-x- {
	background-image: url(Images/rhs-downloads.png);
	background-repeat: no-repeat;
	width: auto;
	Height: 25px;
	cursor: pointer;	
}

#download-frame .mid-x- {
	background-image: url(Images/rhs-bkgrd.png);
	background-repeat: repeat-y;
	height: 100%;
	padding:3px;
}

#download-frame .bot-x- {
	background-image: url(Images/builder/rhs-bot.png);
	background-repeat: no-repeat;
	width: auto;
	Height: 47px;
}

#download-frame p {
	color:White;
}

#news-frame .showerPage .bot-x-, #download-frame .showerPage .bot-x-, #faq-frame .showerPage .bot-x- {
	background-image: url(Images/shower/rhs-bot.png);
	background-repeat: no-repeat;
	width: auto;
	Height: 47px;
}

#news-frame .shopfrontPage .bot-x-, #download-frame .shopfrontPage .bot-x-, #faq-frame .shopfrontPage .bot-x- {
	background-image: url(Images/shopfront/rhs-bot.png);
	background-repeat: no-repeat;
	width: auto;
	Height: 47px;
}

#news-frame .toolboxPage .bot-x-, #download-frame .toolboxPage .bot-x-, #faq-frame .toolboxPage .bot-x- {
	background-image: url(Images/toolbox/rhs-bot.png);
	background-repeat: no-repeat;
	width: auto;
	Height: 47px;
}

#news-frame .railingPage .bot-x-, #download-frame .railingPage .bot-x-, #faq-frame .railingPage .bot-x- {
	background-image: url(Images/railing/rhs-bot.png);
	background-repeat: no-repeat;
	width: auto;
	Height: 47px;
}

#news-frame .balustradePage .bot-x-, #download-frame .balustradePage .bot-x-, #faq-frame .balustradePage .bot-x- {
	background-image: url(Images/balustrade/rhs-bot.png);
	background-repeat: no-repeat;
	width: auto;
	Height: 47px;
}

.tabHolder{   
  text-align:center; 
  width:100%;  
}

.tabHolder a{
  text-decoration:none;
}

.tabHolder .tabSpacer40{
	border-bottom: 1px solid gray;
	background-repeat: repeat-x;
	height: 25px;	
	width: 40%;
}

.tabHolder .tabSpacer20{
	border-bottom: 1px solid gray;
	background-repeat: repeat-x;
	height: 25px;	
	width: 20%;
}

.tabHolder .midx--{
	background-image: url(Images/leftTab.png);
	background-repeat: no-repeat;
	height: 25px;	
	width: 5px;
}

.tabHolder .mid-x-{
  background-image: url(Images/midTab.png);
	background-repeat: repeat-x;
	Height: 25px; 
	width: auto;
	padding-left:10px;
	padding-right:10px;
}

.tabHolder .mid--x{
  background-image: url(Images/rightTab.png);
	background-repeat: no-repeat;
	height: 25px;		
	width: 5px; 
}

.tabHolder .selected_midx-- {
	background-image: url(Images/leftTab_selected.png);
	background-repeat: no-repeat;
	Height: 25px;	
	width:5px;
}

.tabHolder .selected_mid-x- {
  background-image: url(Images/midTab_selected.png);
	background-repeat: repeat-x;
	Height: 25px;	
	width: auto;
	padding-left:10px;
	padding-right:10px;
}

.tabHolder .selected_mid--x {
  background-image: url(Images/rightTab_selected.png);
	background-repeat: no-repeat;
	Height: 25px;	
	width:5px;
}

/* TEMPLATE */

/* Photo Border for All Pages Except the Albums Page */

.photo-frame .topx-- {
	background-image: url(Images/template/frame-topx--.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}
.photo-frame .top-x- {
	background-image: url(Images/template/frame-top-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .top--x {
	background-image: url(Images/template/frame-top--x.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}

.photo-frame .midx-- {
	background-image: url(Images/template/frame-midx--.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: 100%;
}
.photo-frame .mid--x {
	background-image: url(Images/template/frame-mid--x.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: 100%;
}

.photo-frame .botx-- {
	background-image: url(Images/template/frame-botx--.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: top;
}
.photo-frame .bot-x- {
	background-image: url(Images/template/frame-bot-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .bot--x {
	background-image: url(Images/template/frame-bot--x.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: bottom;
}

/* Photo Border for the Album Page */

.album-frame .topx----,
.album-frame .top----x,
.album-frame .botx----,
.album-frame .bot----x {
	height: 14px;
	width: 14px;
}

.album-frame .top-x--- {
	background-image: url(images/album-tstretch.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 14px;
	width: auto;
}
.album-frame .top--x-- {
	background-image: url(images/album-tstretch.gif);
	background-repeat: repeat-x;
	height: 14px;
	width: auto;
}
.album-frame .top---x- {
	background-image: url(images/album-tstretch.gif);
	background-repeat: repeat-x;
	text-align: right;
	height: 14px;
	width: auto;
}

.album-frame .mtpx---- {
	background-image: url(images/album-lstretch.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	height: auto;
	width: 14px;
}
.album-frame .mtp----x {
	background-image: url(images/album-rstretch.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	height: auto;
	width: 14px;
}

.album-frame .midx---- {
	background-image: url(images/album-lstretch.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 14px;
}
.album-frame .mid----x {
	background-image: url(images/album-rstretch.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 14px;
}

.album-frame .mbtx---- {
	background-image: url(images/album-lstretch.gif);
	background-repeat: repeat-y;
	vertical-align: bottom;
	height: auto;
	width: 14px;
}
.album-frame .mbt----x {
	background-image: url(images/album-rstretch.gif);
	background-repeat: repeat-y;
	vertical-align: bottom;
	height: auto;
	width: 14px;
}

.album-frame .bot-x--- {
	background-image: url(images/album-bstretch.gif);
	background-repeat: repeat-x;
	text-align: right;
	height: 14px;
	width: auto;
}
.album-frame .bot--x-- {
	background-image: url(images/album-bstretch.gif);
	background-repeat: repeat-x;
	height: 14px;
	width: auto;
}
.album-frame .bot---x- {
	background-image: url(images/album-bstretch.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 14px;
	width: auto;
}

/* Form Items */

/*.textfield {
	border: 1px solid #000000;
	vertical-align: middle;
	padding: 3px;
	margin: 2px 0 5px 0;
}*/

/* Login View */

/*.login .label {
    display:block;
}

.login .textbox {
	border: 1px solid #000000;
	width: 140px;
	vertical-align: middle;
	padding: 3px;
	margin: 2px 0 5px 0;
}

.login .button {
    display:block;
    margin-top:8px;
    margin-bottom:8px;
}*/


/* LIST */

/*ul {
	list-style-type: none;
	list-style-image:  url(images/bullet-2.gif);
	list-style-position: outside;
	line-height: 2.1em;
	vertical-align: middle;
	margin-left: 1.25em;
}

.list_link{
	list-style-image:  url(images/bullet-1.gif);
}*/

