/* Reset everything so browsers are consistent */

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  background: transparent;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}



/*Layout Containers*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	min-width: 950px; 
	color:#000000;
	margin: 0px 0px 20px 0px ;
	padding: 0px;
	background: #000000;
	background-image: url(../images/blue/blue-bg.gif);
	background-repeat: repeat-y;
	background-position:50% 50%;
}



#wrapper {
    width: 940px;
	text-align: left; /* this puts the text back on the left after the hack to center the div above*/
	margin: 0px auto; /* centers the wrapper left and right, drops the wrapper 10px adjusts top and bottom */
	padding: 0px;
	border-top: 0px;
	border-bottom: 2px solid #000000;
	border-right: 5px solid #000000;
	border-left: 5px solid #000000;
	background-color: #ffffff;
}

#masthead {
	background-color:#ffffff;
	background-image: url(../images/common/banner.jpg);
	background-repeat: no-repeat;
	width: 940px;
	height: 162px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	position: relative;
	top:0px;
	left: 0px;
}


#sidepics {
  width: 170px;  /* 166+6+6+1+1= 180 */
  margin: 0px 0px 6px 0px ;
  background-color: #ffffff;
  border: 1px solid #000000;
  padding: 6px 6px 6px 6px;
}

#sidepics img{
  margin: 0px;
  border: 2px solid #660000;
}


#maincontent {
  padding: 15px 15px 0px 15px;
  margin: 0px;
}


/* P to P Directions
------------------------------------------------*/
#getdir {
  width:700px;
  clear:both;
  padding:0px;
}

#getdir .pelement {
  float:left;
  width:350px;
  margin:0px;
  padding:0px 0px 3px 0px;
}

#getdir .pelement label{
  width:251px; 
  font-size:12px;
  font-weight: bold;
  line-height:18px;
  clear:both;
}

#getdir .pelement input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
  width:325px;
  vertical-align: middle;
  border: 1px solid #9999f9;
  background-color:#ffffff;
}

#getdir .pelement .btn {
  padding:2px 4px 2px 4px;
  margin-top:10px;
  vertical-align:middle;
  font-size:12px;
  color:#ffffff;
  border: 2px solid #000000;
  font-weight:bold;
  background:#990000;
  cursor:pointer;
}

#getdir .pelement .btn:hover {
  border: 2px solid #333333;
  background: #666666;
  color:#ffffff;
}

#rightcolumn {
	padding: 0px 0px 0px 15px;
	width: 705px;
	float: right;
}

#rightcolumn.testimonal {
	height: 342px;
	background-image:url(../images/common/sacmag.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}

#rightcolumn.estform {
	background-image: url(../images/common/estimatepic.jpg);
	background-position:left top;
	background-repeat:no-repeat;
} 

#rightcolumn.estform {
	background-image: url(../images/common/estimatepic.jpg);
	background-position:left top;
	background-repeat:no-repeat;
} 

#footer {
	background-image: url(../images/blue/footer.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color:#aeaeae;
	clear: both;
	width: 940px;
	height: 120px;
}

#display {
    float:right;
	margin:8px 0px 0px 0px;
}

/* Organize It Items
---------------------------------------------------*/

.item {
  float:left;
  width:205px;
  border-right:1px dotted #666666;
  padding:12px 12px 0px 12px;
}

.item_end {
  float:left;
  width:205px;
  padding:12px 12px 0px 12px;
}

.item .link,
.item_end .link {
   border:none;
  padding:0px;
}

.item p,
.item_end p{
  text-align:center;
  margin:4px 0px;
  font-size:12px;
  line-height:0px;
}

.item a.item_border:link img, .item_end a.item_border:link img{ border:3px solid #0054b7;}
.item a.item_border:visited img, .item_end a.item_border:visited img{border:3px solid #0054b7;}
.item a.item_border:hover img, .item_end a.item_border:hover img{border:3px solid #666666;}

.item a, .item_end a {font-size:12px; text-decoration:underline; color:#000000;}
.item a:link, .item_end a:link {font-size:12px; text-decoration:underline; color:#000000;}
.item a:visited, .item_end a:visited {text-decoration:underline; color:#666666;}
.item a:hover, .item_end a:hover {color:#666666; text-decoration:underline;}
.item a:active, .item_end a:active{color: #666666;}

a {text-decoration:none; color:#000000;}
a:link {text-decoration:none; color:#000000;}
a:visited {text-decoration:none; color:#000000;}
a:hover {color:#666666; text-decoration:underline;}
a:active{color: #666666;}


.small {
  font-size:11px
}


#bro {
	width:150px;
	position:relative;
	margin: 0px auto;
}

#footer a, #footer a:visited {
	color: #000000;
	text-decoration: underline;
}

#footer a:hover {
	color: #830000;
	text-decoration: underline;
}

#pointtopoint{
	width:900px;
	position:relative;
	margin: 0px auto;
}

#rightcolumn .gal_holder {
    width: 703px;
    margin:0px 0px 25px 0px;
    padding:0px;
    float:right;
    clear:both;
}

#rightcolumn .special {
    float:left;
    width:300px;
    margin:30px 0px 0px 0px; 
}

/*HTML TAGS
-------------------------------------------------*/

p {	
    font-size: 100%;
    line-height: 1.3em;
    margin: 8px 0px;
}

p.bottom {	
	font-size: 100%;
    line-height: 1.3em;
	padding: 0px 25px 0px 25px;
	margin: 0px;
}

h1 {
	color: #333333;
	font-size:2em;
	line-height: 150%;
	border-bottom: 3px solid #660000;
}

h2 {
	font-size:1.6em;
	color:#000066;
	margin: 8px 0px;
   }

.center {
	text-align:center;
	clear:both;
	}

.clear {
    clear:both;
}


h2.first {
	text-align: left;
	padding:0px;
	font-size:1.6em;
	color:#000066;
	margin: -6px 0px 8px 0px;
	font-style: normal;
}

.header {
	font-size:1.6em;
	color:#000066;
	margin: 8px 0px;
	font-weight:bold;
}

.headerRed {
	color: #660000;
	font-weight: bold;
	font-size: 1.2em;
}

h3 { 
	text-align: left;
	padding: 0px;
	border-bottom: 3px solid #660000;
	font-size:1.5em;
	color:#000000;
	margin: 8px 0px 8px 0px ;
	font-style: normal;
}

h3.blue { 
	text-align: left;
	border:none;
	padding: 0px;
	font-size:1.5em;
	color:#000066;
	margin:-6px 0px 0px 0px ;
	font-style: normal;
}

h3.black { 
	text-align: left;
	padding: 0px;
	border: none;
	font-size:1.5em;
	color:#000000;
	margin: 8px 0px 8px 0px ;
	font-style: normal;
}

h3.red { 
	border:none;
	text-align: left;
	padding: 0px;
	font-size:1.5em;
	color:#660000;
	margin: 8px 0px 8px 0px ;
	font-style: normal;
}

h4 {
	font-size:1.3em;
	padding:0px;
	color:#000066;
	margin: 8px 0px 8px 0px;
	font-style: normal;
}

h4.red {
	font-size:1.3em;
	padding:0px;
	color:#660000;
	margin: 8px 0px 8px 0px;
	font-style: normal;
}

h5 {
	font-size:1em;
	color:#660000;
	margin: 8px 0px;
	font-style: normal;
}

h5.black {
	font-size:1em;
	color:#000000;
	margin: 2px;
	font-style: normal;
}

h5.listheader {
	font-size:18px;
	color:#000066;
	margin: 0px;
	padding:0px;
}

h6{
	font-size:10px;
	color:#000066;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
}

blockquote h6{
	font-style: normal;
	font-weight:bold;
	font-size:.8em;
	padding: 0px;
	margin: 3px 0px 3px 235px;
}

i {	
   font-size: 80%;
}

hr.inflow {clear:both}

#rightcolumn.testimonal p {
	width: 520px;
	top: 9em;
	position:relative;
}

#mapwrapper { 
	width:427px;
	float:right;
	margin:6px 0px 0px 0px;
}

#map {
	width:425px;
	height:350px;
	border:1px solid #000000;
}

#mapinfo {
   width: 260px;
   padding:0px;
}


/* Begin Accessories Table
---------------------------------------------------- */
table.accessories img.item{
	border:#000000 solid 1px;
	margin:10px 0px 10px 0px;
}

table.accessories td ul{
	list-style-type:square;
	margin-left:0px;
	padding:0px 10px 0px 10px;
}

table.accessories td ul lh.listheader{
	color:#000066;
	margin:0px;
	padding:0px;
	font-size:18px;
	font-weight:600;
}

table.accessories td ul li{
	list-style-position:outside;
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 0px;
	color:#000000;
	font-size:12px;
}

table.accessories td.tableheader {
	background-image: url(../images/blue/buttons-bg.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding:5px 0px;
	margin:0px;
	color:#ffffff;
	font-size:12px;
	font-weight:600;
}

table.accessories a{
    outline:none;
    border:none;
}

table.accessories p{
	color:#000000;
	font-size:12px;
	padding:0px 10px 0px 0px;
}
/* End Begin Accessories Table
------------------------------------------------ */

#formcon {
	border: 0px;
	margin:0px;
	background-color: transparent;
	width: 500px;
	float:right;
}

#rightcolumn.estform p {
	padding: 0px 0px 0px 20px;
}

#rightcolumn.estform #formcon p{
	padding: 10px 0px 0px 0px;
}

.cabsets div {
	float:left;
	width:190px;
	margin: 30px 0px 0px 0px; 
}

div.floorset {
	float:left;
	width:681px;
	margin:0px;
	padding:10px; 
	border:1px solid #000000;
}

.colorsample {
	float:right;
	width:410px;
	margin:0px;
	padding:0px;
}

.colorchip {
	float:left;
	width:265px;
}

img.samborder {
	border: 3px solid #660000;
	padding:10px;
}

.floorleft  {
	float:left;
	width:350px;
	padding:0px;
	margin: 0px;
}

.closetleft  {
	padding:0px;
	float:left;
	width:360px;
	margin: 0px;
}

.floorleft p {
	padding:0px 20px 0px 0px;
	margin: 0px;
} 

.floorright  {
	padding:0px;
	float:right;
	width:350px;
	margin: 0px; 
}

.closetright  {
	padding:0px;
	float:right;
	width:325px;
	margin: 0px; 
}
 
.floorright p {
	padding:0px 20px 0px 0px;
	margin: 0px;
} 
 
.optsets div {
	float:left;
	width:390px;
	margin: 50px 0px 0px 0px; 
}

ul.bullits {margin:0px; padding: 0px;}

ul.bullits li{
    list-style-type: none; 
	float:left;
	width:350px;
	padding:0px;
	display:block;
	clear:both;
	margin:0px; 
	font-size:17px;
	color:#000066;
	font-weight:bold;
}

ul.bullits img{
	float:left;
	clear:both;
	width:95px;
	padding:0px;
	margin: 0px; 
}

.cabsets ul{
	margin: 0px; 
	padding: 0px;
	font-size:15px;
	color:#000066;
	font-weight:600;
}

.cabsets ul li{
	list-style-type: none;
}

.cabsets ul li.price{
	list-style-type: none;
	font-size:20px;
	color:#660000;
	font-weight:normal;
}

.cabsets ul li.tax{
	list-style-type: none;
	font-size:10px;
	color:#000000;
	font-weight:normal;
}

#sidemenuwrapper p {
	font-size: 14px;
	margin: 0px;
	padding: 0px 6px 6px 6px ;
}

#footer p{
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	color: #000000;
	width: 700px;
	padding: 0px;
	margin: 0px;
	position:relative;
	top: 45px;
	left: 10px;
}

p.sidetext {
	font-size: 8px;
}


span.smalllinks {
	line-height:140%;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	margin: 0px 0px;
	padding: 0px 0px 0px 0px;
}

.smalllinks a, .smalllinks a:visited {
	color: #000066;
	text-decoration: underline;
}

.smalllinks a:hover {
	color: #660000;
	text-decoration: underline;
}

.border310{
	padding:10px;
 	border:3px solid #660000; 
}

.borderpic{
    float:right;
	margin:0px 10px;
	padding:10px;
 	border:3px solid #660000; 
}

.designpic img {
	background-color: #ffffff;
	float:right;
	padding:10px; 
 	margin:0px 0px 10px 10px;
	border:3px solid #660000;
}

hr.invisible{
	margin:0px;
	padding:0px;
	clear: both;
	height:0;
	line-height: 0;
	font-size: 0;
	border: 1px solid #ffffff;
}

.clear {
	clear:both;
}

.justify {
	font-size: 0.90em;
	line-height: 1.5em;
	text-align: justify;
	padding: 0px;
	margin: 5px 0px;
}

/*Containers*/

/* design containers */


.dashbox {
	clear:both;
	margin: 10px 0px 10px 0px;
	padding: 8px 20px 8px 20px;
	border-bottom:2px dashed;
	border-top: 2px dashed;
	background-color:#aeaeae;
}

.dashbox p{
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

blockquote {
	width: 400px;
	margin:0px;
	padding: 5px 0px 6px 30px;
	background: transparent url(../images/blue/openquote.jpg) left top no-repeat;
	font-style: italic;
}

blockquote .name {
	font-style: normal;
	font-weight:bold;
	font-size:.8em;
	margin: 3px 20px 10px 0px;
}

.tight {
	margin: 6px 6px 2px 6px;
	padding: 0px;
}

#closetscroll {
	position:absolute;
	width:703px;
	height:250px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	top:0px;
	left: 0px;
}


#back {	
	border: 0px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top:113px;
	left: 503px;
}

.review{
	background-color: #ffffff;
	float:right;
	width: 698px;
    color: #333333;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

#mydesigner {
	float:right;
	width: 705px;
    color: #333333;
	padding: 0px;
	margin: 0px;
}

#reference {
	padding:0px;
	margin: 0px 30px 15px 30px;
	background-color: #ffffff;
	border: 1px;
}

#leftref {
	float:left;
	width:435px; 
	padding:0px;
	border:0px; 
	margin:0px 0px 0px 0px;
}

#rightref {
	float:right;
	width:435px; 
	padding:0px;
	border:0px; 
	margin:0px 16px 0px 0px;
}

.contentbuff  {
	width: 99%;
}

/*#refpic {
	background-color: #ffffff;

 
	margin:5px 0px 5px 20px;
}*/

#refpic img {
	padding:10px;
	margin:5px 0px 5px 20px; 
	border:3px solid #660000;
}

#photoban {
	border: 0px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top:12px;
	left: 547px;
}

/*Login*/

#login {
	position: absolute;
	top: 0px;
	left: 415px;
}

#login, #login a:visited {
	background-image: url(../images/blue/client_up.gif);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
}

#login a:hover {
	background-image: url(../images/blue/client_un.gif);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
}

#loginbox {
	border-top: 0px;
	border-right: 2px solid #000000;
	border-left: 2px solid #000000;
	border-bottom: 5px solid #a40000;
	background-color:#ffffff;
	font-size:10px;
	color: #000000;
	font-weight: normal;
	margin: 0px;
	padding:0px;
	width: 92px;
	position: absolute;
	top: -74px;
	left: 436px;
}

.form_d {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background: #ffffff;
	padding: 5px;
	margin: 0px;
}

.form_d input {
	font-size:10px;
	color: #000000;
	padding: 0px;
	margin: 0px;	
}

.form_d button 	{
	font-size: 9px;
	padding: 0px;
	margin: 0px;
}


/*Options
----------------------------------------------------*/

#options {
	position: absolute;
	top: 0px;
	left: 280px;
}

#options a, #options a:visited {
	background-image: url(../images/blue/options_up.gif);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
}

#options a:hover {
	background-image: url(../images/blue/options_un.gif);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
}

#optionbox {
	font-size:10px;
	color: #000000;
	border-top: 0px;
	border-right: 2px solid #000000;
	border-left: 2px solid #000000;
	border-bottom: 5px solid #a40000;
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	width: 99px;
	position: absolute;
	top: -50px;
	left: 303px;
}

#optionbox ul {
	margin: 0px;
	padding: 3px 0px;
}

#optionbox li {
	margin: 0px;
	padding: 0px 4px;
	list-style-type: none;
}

#optionbox a, #optionbox a:visited {
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}

#optionbox a:hover {
	text-decoration: none;
}

#back a,  #back a:visited {
	background-image: url(../images/blue/butback_up.gif);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
}

#back a:hover {
	background-image: url(../images/blue/butback_un.gif);
	background-repeat: no-repeat;
}

#forward {
	margin:0px;
	padding: 0px;
	border: 0px;
	position: absolute;
	left: 891px;
	top:113px;
}

#forward a, #forward a:visited {
	background-image: url(../images/blue/butfor_up.gif);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
}

#forward a:hover {
	background-image: url(../images/blue/butfor_un.gif);
	background-repeat: no-repeat;
}


/*Side Nav
------------------------------------------------------------*/
#sidemenuwrapper {
  float:left;
  width:182px; /* 180 +1+1=182 */
  padding:0px;
  margin:0px;
  background-color: #ffffff;
  border: 1px;
}

#sidemenu {
  width:170px;  /* 166+6+6+1+1= 180 */
  margin:0px 0px 6px 0px ;
  background-color:#ffffff;
  border:1px solid #000000;
  padding:6px 6px 2px 6px;
}

/* Turns off Margin, Padding, and Bullets for the Menu List */
#sidemenu ul {margin: 0px; padding: 0px;}
#sidemenu li {margin: 0px 0px 4px 0px; padding: 0px; list-style-type: none;}
#sidemenu li li {margin: 2px 0px 0px 0px;}

/* Link Styles for the Menu */
.closed a, .open a {
	background-repeat: no-repeat;
	background-position: 4px 50%;
	background-color: #0054b7;
	border: 2px solid;
	border-color: #003469 #00172f #00172f #003469;
	color: #EEF0E3;
	display: block;
	font-size: 13px;
	line-height: 17px;
    vertical-align:baseline;
	font-weight: bold;
	padding: 1px 1px 1px 20px;
	text-decoration: none;
	margin:0px;
}

/* Hover and Active styles for the menu */
.closed a:hover, .open a:hover {
	background-color: #aeaeae;
	border: 2px solid #000000;
	color: #000000;
}

/* Plus Sign for Trigger Links in Closed State */
.closed a {
	background-image: url(../images/common/menplus.gif);
}

/* Minus Sign for Trigger Links in Open State */
.open a {
	background-image: url(../images/common/menminus.gif);
}


.closed li{display:none;}
.open li{display:block;}


/* Link Styles for the Submenus */

.closed li{display:none; height:1%;}
.open li{display:block; height:1%;}


.closed ul a{
  background-color:transparent;
  background-image:url(../images/common/pagemarker.gif);
  background-repeat:no-repeat;
  background-position:0% 50%;
  border: 0px;
  color:#333333;
  font-size:0.8em;
  vertical-align:middle;
  font-weight:normal;
  padding:0px 0px 0px 15px;
  margin:0px 0px 0px 6px;
}

.closed ul a:hover {
  background-color: transparent;
  letter-spacing: .06em;
  border: 0px;
}

.open ul a {
  background-color:transparent;
  background-image:url(../images/common/pagemarker.gif);
  background-repeat:no-repeat;
  background-position:0% 50%;
  border: 0px;
  color:#333333;
  font-size:13px;
  font-weight:normal;
  padding:0px 0px 0px 15px;
  margin:0px 0px 0px 6px;
}

.open ul a:hover {
  background-color:transparent;
  background-image:url(../images/common/pagemarker.gif);
  background-repeat:no-repeat;
  background-position:0% 50%;
  border:0px;
  color:#333333;
  letter-spacing:.06em;
  font-size: 13px;
}


/* Optional ID to assign the <a> to highlight a "Current Page" link */
#p7current {
  font-weight: bold;
  color:#000000;
}

/* FAQ's
------------------------------------------------------------------*/
ul.dimcon {margin: 0px; padding: 0px;}
ul.dimcon li {margin: 0px 0px; padding: 0px 0px; list-style-type: none; }


ul.faq {margin: 0px; padding: 0px;}
ul.faq li {margin: 0px 0px; padding: 0px 0px; list-style-type: none; }

/* Link Styles for the faqs */
.faqclosed a, .faqopen a {
	background-repeat: no-repeat;
	background-position: 4px 50%;
	display: block;
	font-size: 1em;
	padding: 2px 0px 2px 30px;
	text-decoration: none;
	margin: 0px;
}

/* Hover and Active styles for the faqs */
.faqclosed a:hover, .faqopen a:hover {
	color: #5d5d5d;
}

/* Plus Sign for Trigger Links in Closed State faq */
.faqclosed a {
	font-weight: bold;
	color: #000000;
	background-image: url(../images/blue/faq_east.gif);
}

/* Minus Sign for Trigger Links in Open State faq*/
.faqopen a {	
	font-weight: bold;
	color: #660000;
	background-image: url(../images/blue/faq_south.gif);
}

/* Link Styles for the Submenus faqs*/
.faqclosed div {
    margin: 5px 15px 15px 40px;
	display: none;
}

.faqopen div {
	color: #000000;
    margin: 5px 15px 15px 40px;
	display: block;
}

.underline {
	font-weight: bold;
	text-decoration: underline;
}

/*In-Line links Styling*/
a.inline, a.inline:link{
	display:inline;
	font-weight: normal;
  	color: #000000;
 	text-decoration: underline;
  	background-image:none;
	padding:0px;
	margin:0px;
}

a.inline:visited {
  color: #000066;
}

a.inline:hover {
	text-decoration: none;
}

a.inline:active {
  color: #000000;
}


ol.numbers li {margin: 0px 0px; padding: 5px 0px; list-style-type:decimal }


/*Top Navigation Styling*/

#tnav {
	clear: both;
	background-image: url(../images/blue/buttons-bg.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color:#0054b7;
	color: #000000;
	border-bottom: 5px solid #0054b7;
	border-top: 2px solid #000000;
	margin: 0px;
}

.tnavtab{
	font-size: 13px;
	line-height:120%;
	font-weight: bold;
	padding-left:0px;
	padding-right:0px;
	padding-top:1px;
	padding-bottom: 1px;
	margin: 10px 0px 0px 0px;
	border-bottom: 1px solid #ffffff;
	list-style-type: none;
	text-align: center;
}

.tnavtab li{
	padding-left:0px;
	padding-right:0px;
	display: inline;
	list-style-type: none;
	margin: 0px;
}

.tnavtab li a, .tnavtab li a:visited{
	text-decoration: none;
	margin: 0px;
	padding: 2px 10px;
	border-top: 2px solid #003469;
	border-bottom: 0px;
	border-left: 1px solid #ffffff;
	background-color: transparent;
	color: #ffffff;
}

.end {
	border-right: 1px solid #ffffff;
}

.tnavtab li a:hover{
	background-color: #00172f;
	color: #999999;
}

.tnavtab li.selected a{ 
	margin: 0px;
	padding: 2px 10px;
	background-color: #0054b7;
	border-top: 2px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 0px;
	color: #ffffff!important;
	font-weight: bold;
	cursor: default;
}

lable.color {
font-size:11px;

text-align:right;
}


/*Forms CSS*/

form.estimateform{

	margin:0px;
	padding:0px;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}



fieldset {
	border: 1px solid #CCCCCC;
	margin: 0px 20px 10px 0px;
	padding: 10px;
}


fieldset.question{
	width:310px;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 10px 10px;
}


fieldset.verify{
	width:300px;
	float:left;
	margin:0px 0px 0px 30px;
	padding: 5px 10px 1px 10px;
}


legend {
	font-size:16px;
	color:#000066;
	margin:0px;
	padding: 2px 5px;
}


/* Asterisk on required fields */
form .reqMark {
	vertical-align: middle;
	color: #bd0000;
	padding: 0 10px 0px 5px;
	margin:0px;
	font-size:12px;
}

/* .label is typically used on a span or p tag to label a radio or checkbox group */
.group {
    display:inline;
	width: auto;
	margin: 0px;
	padding:0px;
}

label { 
	display: block;
	margin: 0px;
	padding:0px;	
}

label.preField   {
	display: -moz-inline-box;
	display: block;
	padding: 0px;
	margin: 0px;
}


label.postField  {
	margin-left: 0px;
	margin-right: 0px;
}

.oneField {
	padding: 0px;
	margin: 0px 2px 1px 0px !important;
}

textarea {
	width: 305px;
	padding: 0;
	margin: 2px 0px 1px 0px;
	border: 1px solid #9999f9;
}

form.calc{
	float:left;
	border: 1px solid #000000;
	width: 252px;
	margin:0px;
	padding:2px;
	background-color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}

form.calc input[type=reset] {
	margin: 0px 0px 0px 0px;
	padding:0px;
	vertical-align: middle;
	border:none;
	width:50px;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../images/common/reset_up.gif);
	background-color:#cccccc;
}

form.calc input[type=button] {
	margin: 0px 0px 0px 0px;
	padding:0px;
	vertical-align: middle;
	border:none;
	width:50px;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../images/common/calc_up.gif);
	background-color:#ffff99;
}

input {
	margin: 0px 0px 4px 0px;
	padding:0px;
	vertical-align: middle;
	border: 1px solid #9999f9;
	background-color:#ffffff;
}

/* Radio / Checkbox group label */
form .group  {
	display: block;
	padding: 0px;
	margin: 0px 2px 1px 0px !important;
}
/* Individual Checkbox / Radio label */
imput.postField  {
	margin: 0 4px 0 4px;
}

.oneField input[type=text] {
	width:165px;
	background-color:#ffffff;
}

.longField input[type=text]  {
	width:420px;
	background-color:#ffffff;
}

.shortField input[type=text]  {
	width:30px;
	background-color:#ffffff;
}

.imageField input[type=text]  {
	width:130px;
	margin:0px 10px;
	background-color:#ffffff;
}


.imageField input.btn {
    padding:1px 4px 1px 4px;
	margin:10px 10px;
    border: 2px solid #333333;
	font-weight:bold;
    background:#0054b7;
	color:#ffffff;
	cursor:pointer;
}

.imageField input.btn:hover {
    border: 2px solid #333333;
    background: #666666;
	color:#ffffff;
}



input[type=submit] {
	border: 2px solid #000000;
	margin:0px;
	background-color:#0054b7;
	color:#FFFFFF;
	font-weight:bold;
	padding: 0px;
}

input[type=radio], input[type=checkbox] {
	border:none;
	background-color:#ffffff;
}


select {
	padding: 0;
	margin: 0px 2px 1px 0px !important;
}

.sidebottom {
	color:#000000;
	font-size:11px;	
	background-color:#CCCCCC;
	padding: 6px 6px 6px 6px;
}

.sidebottom div{
	background-color:#ffffff;
	padding: 6px 6px 6px 6px;
	border: 1px solid #a3a3a3;
}



.cabs{
	display:block;
	margin:0px 0px 0px 20px;
}

ul.title {
font-size:16px;
	float:left;
	margin: 0px 0px 0px 20px; 
	padding: 0px 0px;
	font-weight:600;
}

.title li {
	display:block;
	margin: 50px;
	padding: 0px 0px;
	list-style-type: none;
	text-align:right;
}


ul.floor {
	margin:0px 15px 0px 15px;
	padding:0px 0px 10px 0px;
	vertical-align: text-top;

}

ul.floor li {
	margin:0px;
	padding:0px 0px 10px 0px;
	line-height:20px;
	font-size:16px;
	font-weight:bold;
	list-style-type: none;
	vertical-align:text-top;
}

ul.answer {
	font-size:16px;
	float:right;
	width:220px;
	margin-left:10px;
	padding: 0px 20px;
	border-left: 1px solid #333333;
	text-align:left;
}

.answer li {
	margin-left: 10px;
	padding: 0px 0px;
	list-style-type: none;
	border-bottom: 1px dotted #333333;
}
/*Closet Scroller
----------------------------------------------*/
#scrollwrapper {
  clear:both;
  height:300px;
  width:890px;
  margin:0px auto;
}

#scrollwrapper h3{
  border:none;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 16pt;
  color:#000000;
  padding:10px 0px 0px 20px;
  margin:0px;
  line-height:18pt;
  font-weight:normal;
}

#scrollwrapper h4{
  border:none;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 14pt;
  color:#000066;
  padding:0px;
  margin:0px;
  line-height:20pt;
}

#scrollwrapper p{
  border:none;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12pt;
  color:#000000;
  padding:0px;
  margin:0px;
  font-weight:normal;
}

/*Default setting,its value isn't changed.*/
#scrollwrapper .closetSothinkBgC{background-color:transparent;}

/*Global setting.    It: item    G:global*/
#scrollwrapper .closetItBS{border-style:solid;}
#scrollwrapper .closetItBW{border-width:0px;}
#scrollwrapper .closetItBC{border-color:#ffffff;}
#scrollwrapper .closetGBgC{background-color:#FFFFFF;}
#scrollwrapper .closetGBgI{background-image:none;}
#scrollwrapper .closetGBgR{background-repeat:no-repeat;}


/*Title setting.    F: font*/
#scrollwrapper .closetF{font:15pt Arial; line-height:15pt;}
#scrollwrapper .closetFC{color:#000000;}
#scrollwrapper .closetFD{text-decoration:none;}
#scrollwrapper .closetBgC{background-color:transparent;}
#scrollwrapper .closetBgI{background-image:url("../images/scrollcloset/header.jpg");}
#scrollwrapper .closetBgR{background-repeat:no-repeat;}


/*Pagination setting.    U:unselect    S:select  Ot: mouse out  Ov: mouse over  F: font  */
#scrollwrapper .closetUOtBgC{background-color:transparent;}
#scrollwrapper .closetUOtF{font:15pt Arial; line-height:15pt; margin:0px 3px 0px 0px;}
#scrollwrapper .closetUOtFC{color:#aeaeae;}
#scrollwrapper .closetUOtFD{text-decoration:none;}

#scrollwrapper .closetUOvBgC{background-color:transparent;}
#scrollwrapper .closetUOvF{font:15pt Arial; line-height:15pt; margin:0px 3px 0px 0px;}
#scrollwrapper .closetUOvFC{color:#aeaeae;}
#scrollwrapper .closetUOvFD{text-decoration:none;}

#scrollwrapper .closetSOtBgC{background-color:transparent;}
#scrollwrapper .closetSOtF{font:15pt Arial; line-height:15pt; margin:0px 3px 0px 0px;}
#scrollwrapper .closetSOtFC{color:#660000;}
#scrollwrapper .closetSOtFD{text-decoration:underline;}

#scrollwrapper .closetSOvBgC{background-color:transparent;}
#scrollwrapper .closetSOvF{font:15pt Arial; line-height:15pt; margin:0px 3px 0px 0px;}
#scrollwrapper .closetSOvFC{color:#660000;}
#scrollwrapper .closetSOvFD{text-decoration:underline;}


/*Arrow setting.    Lt: left or top     Rb: right or bottom     E: enable    D:disable
  Ot: mouse out     Ov: mouse over     I: image */
#scrollwrapper .closetLtEOt{background-image:url("../images/blue/butback_up.gif");}
#scrollwrapper .closetLtEOv{background-image:url("../images/blue/butback_un.gif");}
#scrollwrapper .closetLtD{background-image:url("../images/blue/butback_up.gif");}
#scrollwrapper .closetLtIW{width:37px;}
#scrollwrapper .closetLtIH{height:40px;}

#scrollwrapper .closetRbEOt{background-image:url("../images/blue/butfor_up.gif");}
#scrollwrapper .closetRbEOv{background-image:url("../images/blue/butfor_un.gif");}
#scrollwrapper .closetRbD{background-image:url("../images/blue/butfor_up.gif");}
#scrollwrapper .closetRbIW{width:37px;}
#scrollwrapper .closetRbIH{height:40px;}


/*Item  or  item tip setting.   Ot: mouse out   Ov: mouse over    It:item     F: font    Tp: tip  i:item */

/*Item 0 */
#scrollwrapper .closetItBgCi0{background-color:transparent;}
#scrollwrapper .closetOtFi0{font:12pt Arial;}
#scrollwrapper .closetOtFCi0{color:#000000;}
#scrollwrapper .closetOtFDi0{text-decoration:none;}
#scrollwrapper .closetOvFi0{font:12pt Arial;}
#scrollwrapper .closetOvFCi0{color:#000000;}
#scrollwrapper .closetOvFDi0{text-decoration:none;}

/*Item 1 */
#scrollwrapper .closetItBgCi1{background-color:transparent;}
#scrollwrapper .closetOtFi1{font:12pt Arial;}

#scrollwrapper .closetOtFCi1{color:#000000;}
#scrollwrapper .closetOtFDi1{text-decoration:none;}
#scrollwrapper .closetOvFi1{font:12pt Arial;}
#scrollwrapper .closetOvFCi1{color:#000000;}
#scrollwrapper .closetOvFDi1{text-decoration:none;}

/*Item 2 */
#scrollwrapper .closetItBgCi2{background-color:transparent;}
#scrollwrapper .closetOtFi2{font:12pt Arial;}
#scrollwrapper .closetOtFCi2{color:#000000;}
#scrollwrapper .closetOtFDi2{text-decoration:none;}
#scrollwrapper .closetOvFi2{font:12pt Arial;}
#scrollwrapper .closetOvFCi2{color:#000000;}
#scrollwrapper .closetOvFDi2{text-decoration:none;}

/*Item 3 */
#scrollwrapper .closetItBgCi3{background-color:transparent;}
#scrollwrapper .closetOtFi3{font:12pt Arial;}
#scrollwrapper .closetOtFCi3{color:#000000;}
#scrollwrapper .closetOtFDi3{text-decoration:none;}
#scrollwrapper .closetOvFi3{font:12pt Arial;}
#scrollwrapper .closetOvFCi3{color:#000000;}
#scrollwrapper .closetOvFDi3{text-decoration:none;}

/*Item 4 */
#scrollwrapper .closetItBgCi4{background-color:transparent;}
#scrollwrapper .closetOtFi4{font:12pt Arial;}
#scrollwrapper .closetOtFCi4{color:#000000;}
#scrollwrapper .closetOtFDi4{text-decoration:none;}
#scrollwrapper .closetOvFi4{font:12pt Arial;}
#scrollwrapper .closetOvFCi4{color:#000000;}
#scrollwrapper .closetOvFDi4{text-decoration:none;}

/*Item 5 */
#scrollwrapper .closetItBgCi5{background-color:transparent;}
#scrollwrapper .closetOtFi5{font:12pt Arial;}
#scrollwrapper .closetOtFCi5{color:#000000;}
#scrollwrapper .closetOtFDi5{text-decoration:none;}
#scrollwrapper .closetOvFi5{font:12pt Arial;}
#scrollwrapper .closetOvFCi5{color:#000000;}
#scrollwrapper .closetOvFDi5{text-decoration:none;}

/*Item 6 */
#scrollwrapper .closetItBgCi6{background-color:transparent;}
#scrollwrapper .closetOtFi6{font:12pt Arial;}
#scrollwrapper .closetOtFCi6{color:#000000;}
#scrollwrapper .closetOtFDi6{text-decoration:none;}
#scrollwrapper .closetOvFi6{font:12pt Arial;}
#scrollwrapper .closetOvFCi6{color:#000000;}
#scrollwrapper .closetOvFDi6{text-decoration:none;}

/*Item 7 */
#scrollwrapper .closetItBgCi7{background-color:transparent;}
#scrollwrapper .closetOtFi7{font:12pt Arial;}
#scrollwrapper .closetOtFCi7{color:#000000;}
#scrollwrapper .closetOtFDi7{text-decoration:none;}
#scrollwrapper .closetOvFi7{font:12pt Arial;}
#scrollwrapper .closetOvFCi7{color:#000000;}
#scrollwrapper .closetOvFDi7{text-decoration:none;}