body {
margin:0;
padding-top:10px;
}

#skip-to-nav{
display: none;	
}

#header {
/*position:relative;
top:20px;
width:500px;*/
width: 950px;
position: relative;
top: 0px;
margin-top: 20px;
min-height: 65px;
}

.node-type-fs-home-page #header{
border-bottom: none;	
}

/*.search_block{
position: absolute;
right: 0px;
top: 30px;
width: 270px;
height: 25px;

}
.search_block .block-inner{
position: relative;
top: 0px;
}

.search_block #search{
position: absolute;
top: 8px;
left: 0px;
background: url("images/search_r.jpg") no-repeat scroll center top transparent;
border: 0 none;
color: #999999;
font-size: 1.2em;
height: 18px;
margin: 0px 0 3px 20px;
padding: 0px 0 5px 25px;
width: 173px;
}*/

#logo{
position: absolute;
left: 0px;
bottom: 10px;
}

.search_block #go{
position: absolute;
top: 0px;
right: 0px;
border: 0 none;
margin: 5px 0 2px 2px;
padding: 5px 0 6px 0;	
}

/*h1#site-name,div#site-name  {
font-size:2em;
line-height:1.3em;
margin:0;
}

#site-name a:link,#site-name a:visited {
color:#808285;
text-decoration:none;
}*/

.breadcrumb{
text-transform:uppercase;
position:relative;
top:0;
margin-bottom:5px;
width:950px;
color:#cc0000;
font-size:.75em;
border-bottom:solid 1px #E5E5E5;
}

.more-help-link /* Link to more help */ {
font-size:.85em;
text-align:right;
}

#content-area /* Wrapper for the actual page content */ {
clear:both;
padding:0;
}

ul.links /* List of links */ {
margin:1em 0;
padding:0;
}

ul.links.inline {
display:inline;
margin:0;
}

ul.links li {
display:inline;
list-style-type:none;
padding:0 .5em;
}

.pager /* A list of page numbers when more than 1 page of content is available */ {
clear:both;
text-align:center;
margin:1em 0;
}

.pager a,.pager strong.pager-current {
padding:.5em;
}

#content-bottom /* Wrapper for any blocks placed in the "content bottom" region */ {
/*padding:10px 0 15px;*/
clear:both;
}

#navbar {
position:absolute;
top:62px;
height:30px;
width:950px;
z-index:100;
}

#navbar-inner {
height:30px;
position: relative;
}

#footer-inner {
width:100%;
clear:both;
}


.form-item input.error,/* Highlight the form elements that caused a form submission error */
.form-item textarea.error,.form-item select.error {
border:2px solid #c00;
}

.form-item label /* The label for a form element */ {
display:block;
font-weight:700;
}

.form-item label.option /* The label for a radio button or checkbox */ {
display:inline;
font-weight:400;
}

.form-required /* The part of the label that indicates a required field */ {
color:#c00;
}

.form-item .description /* The descriptive help text (separate from the label) */ {
font-size:.85em;
}

.form-checkboxes .form-item,/* Pack groups of checkboxes and radio buttons closer together */
.form-radios .form-item {
margin:.4em 0;
}

.container-inline div,.container-inline label /* Inline labels and form divs */ {
display:inline;
}

#user-login-form li.openid-link /* The "Log in using OpenID" links. */ {
margin-top:1em;
margin-left:-20px;
}

#user-login-form li.user-link /* The "Cancel OpenID login" links. */ {
margin-top:1em;
}

#user-login li.openid-link,/* The OpenID links on the /user form. */
#user-login li.user-link {
margin-left:-2em;
}

form tbody {
border-top:1px solid #ccc;
}

form tbody th {
border-bottom:1px solid #ccc;
}

.home-blank {
/*height:24px;
width:950px;
display:block;*/
}

.section_heading {
/*text-transform:uppercase;*/
color: #cc0000;
font-weight:400;
margin-top:8px;
line-height: 20px;
font-size: 22px;
}

.detail_page_heading {
/*text-transform:uppercase;*/
color: #cc0000;
font-weight:bold;
margin-top:8px;
line-height: 20px;
padding-bottom: 10px;
font-size: 22px;
}

#rotator {
width:950px;
height:302px;
overflow:hidden;
position:relative;
margin:0;
}

#rotator .rotator_main ul li {
position:absolute;
top:0;
list-style:none;
margin:0;
padding:0;
}

#rotator .rotator_main .show {
z-index:25;
}

.home_page_sub_header {
display:none;
position:absolute;
top:0;
}

#block-nice_menus-1 {
position: absolute;
left: 0px;
bottom: 0px;
}

#block-nice_menus-1,#block-nice_menus-1 .block-inner,#block-nice_menus-1 .content {
width:950px;
height:30px;
text-align:center;
display:block;
clear:both;
z-index:0;
margin:0;
padding:0;
}

#nice-menu-1 {
background-color:#888;
z-index:50;
clear:both;
width:950px;
margin:0 auto;
padding:0;

}

#nice-menu-1 ul {
background-color:#888;
overflow:visible;
}

#nice-menu-1 li {
list-style:none;
float:left;
height:20px;
position:relative;
text-align:left;
/*width:190px;*/
z-index:50;
margin:0;
padding:0;
}

#nice-menu-1 li a {
background:#888;
display:block;
border-left:solid 1px #fff;
line-height:20px;
color:#fff;
text-transform:uppercase;
width:179px;
font-size:0.938em;
/*font-family:Arial Narrow, Helvetica, sans-serif;*/
letter-spacing:.5px;
margin:0;
padding:0 0 0 10px;
}

#nice-menu-1 li a.active {
background:#cc0000;
}

#nice-menu-1 li:first-child a,#nice-menu-1 li:first-child li:first-child a {
/*width:178px;*/
border-left: none;
/*margin:0 1px 0 0px;*/

}

/*#nice-menu-1 li li:first-child a {
width:178px;
margin:0 0 0 0px;
}*/

#nice-menu-1 li:hover a {
background:#555;
}

#nice-menu-1 li a:hover {
background:#444;
color:#fff;
overflow:visible;
display:block;
text-decoration:none;
}

#nice-menu-1 li ul li a {
background:#616264;
color:#fff;
font-size:1em;
text-transform:none!important;
padding-left:10px;
width:178px;
font-family:Arial , Helvetica, sans-serif!important;
letter-spacing:normal!important;
border-left:none!important;
}

#nice-menu-1 li ul {
background:#555;
opacity:.95;
filter:alpha(opacity=95);
padding-bottom:25px;
padding-top:11px;
/*-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
border-radius-bottomright:10px;
border-radius-bottomleft:10px;*/
text-transform:none!important;
font-family:Arial, Helvetica, sans-serif!important;
margin:0 0 0 1px;
}

#nice-menu-1 li ul li {
width:189px;
}

#nice-menu-1 li:first-child ul {
margin:0!important;
}

.landing_text {
   border-bottom: 4px solid #E5E5E5;
    color: #6D6E71;
    font-size: 1.5em;
    line-height: 120%;
margin: 10px 0px 20px;
    padding: 10px 0;

}

.landing_text p{
margin: 10px 0px;
}

.landing_text span {
text-transform: uppercase;
font-size: 0.688em;
}

.category_text .landing_text,.section_text .landing_text {
font-size:1.5em;
}

.view-section-categories-preview-text .landing_text {
display:none;
position:relative;
top:0;
}

#content-top {
width:100%;
display:block;
clear:both;
margin:0;
padding:0;
}

.share_links_block .block-inner .content, #footer_right_mod {
    margin-left: auto;
    margin-right: auto;
    width: 200px;
}

.share_links_block {
/*border-top: 1px solid #D9D9D9;*/
clear: both;
display: block;
font-size: 0.927em;
height: 30px;
margin: 0;
overflow: hidden;
right: 0;
text-align: right;
width: 100%;
}

.share_links_block .share_links {
width:122px;
}

.share_links_block #share_links {
    line-height: 30px;
    margin-top: -1px;
	position: absolute;
	right: 30px;
}
#rotateMe{
list-style-type:bullet;


}

#print_link{
background:url(images/image_gallery_options.png)  no-repeat -100px -3px;
float:left;
height:20px;
width:30px;
padding: 0px 0px;
position:relative;
top:0;

/*filter:alpha(opacity=60);*/
border: solid 1px #d9d9d9;
}

#print_link:hover{
background-position: -100px -28px;	
}

#share_link {
/*background:url(images/shareprint.png) no-repeat scroll -24px 0 transparent;*/
float:left;
height:20px;
width:30px;
position:relative;
top:0;
background: url(images/image_gallery_options.png)  no-repeat -270px -3px;
border: solid 1px #d9d9d9;
border-left: none;

}
#share_link:hover{
background-position: -270px -28px;	
}
.share_link_img{
	display: block;
	/*background:url(images/shareprint.png) no-repeat scroll -24px 0 transparent;*/
/*	height: 19px;
	width: 23px;
*/
	height: 30px;
	width: 30px;

}
#email_link {
/*background:url(images/shareprint.png) no-repeat scroll -48px 0 transparent;*/
float:left;
/*height:19px;
width:24px;*/
height: 20px;
width: 30px;

padding: 0px 0px;
background:url(images/image_gallery_options.png) no-repeat transparent -134px -3px;
position:relative;
top:0;
border: solid 1px #d9d9d9;
border-left: none;
}
#email_link:hover{
background-position: -134px -28px;	
}

.top-menu {
float:right;
position:relative;
top:-70px;
clear:both;
font-size:.927em;
}
/*
.example_gallery_block,.vividglass_solutions_block,.solutions {
float:left;
width:303px;
margin:20px 0px 0px 0px;
}

.example_gallery_block .title,.vividglass_solutions_block .title,.solutions .title {
font-size:1.043em;
color:#808285;
padding-bottom:10px;
font-weight: 900;
}

.example_gallery_block {
position:relative;
padding:0 10px 0 0;
}

.front_bottom .content{
position: absolute;
top: 0px;
}

.front_bottom img{
float: left;
margin-right: 5px;
}

.front_bottom .inner_text{
position: absolute;
top: 0px;
left: 100px;
width: 200px;

}

.vividglass_solutions_block {
position:relative;
padding:0 10px;
}

.vividglass_solutions_block div.content,.example_gallery_block div.content, .solutions div.content {
position:relative;
width:300px;
height:100px;
overflow:hidden;
clear:both;
}

.vividglass_solutions_block h3,.example_gallery_block h3, .solutions h3{
font-size:1em;
font-weight:700;
margin:0;
padding:0;
}

.vividglass_solutions_block .feature_text,.example_gallery_block .feature_text {
position:absolute;
top:0;
width:300px;
height:123px;
background:#808285;
color:#fff;
opacity:0;
filter:alpha(opacity=0);
font-size:1.043em;
vertical-align:middle;
display:table-cell;
padding:0;
}
*/
/*.feature_text_inner {
position:relative;
display:table-cell;
vertical-align:middle;
height:123px;
_top:25%;
opacity:0;
filter:alpha(opacity=0);
padding:0 20px;
}

.news_front .content {
height:123px;
overflow:hidden;
border:solid 1px #D0D0D0;
background:#EEE;
clear:both;
display:block;
position:relative;
}

.news_front ul {
list-style:none;
margin:0;
padding:0;
}

.news_front ul li {
opacity:0;
filter:alpha(opacity=0);
}*/

#enews_subscribe span,#follow_us span,#newsfeed span {
float:left;
margin-top:4px;
}

#enews_subscribe_link {
background:url(images/shareprint.png) no-repeat scroll -170px 0 transparent;
float:left;
height:19px;
width:24px;
position:relative;
top:2px;
}

#facebook_link {
background:url(images/shareprint.png) no-repeat scroll -98px 0 transparent;
float:left;
height:19px;
width:22px;
position:relative;
top:4px;
margin:0 0 0 8px;
}

#twitter_link {
background:url(images/shareprint.png) no-repeat scroll -120px 0 transparent;
float:left;
height:18px;
width:24px;
position:relative;
top:4px;
margin:0 0 0 4px;
}

#youtube_link {
background:url(images/shareprint.png) no-repeat scroll -193px 0 transparent;
float:left;
height:19px;
width:29px;
position:relative;
top:4px;
margin:0 0 0 6px;
}

#newsfeed_link {
background:url(images/shareprint.png) no-repeat scroll -148px 0 transparent;
float:left;
height:19px;
width:22px;
position:relative;
top:2px;
margin:0 0 0 2px;
}

#design_board_link {
background:url(images/shareprint.png) no-repeat scroll -72px 0 transparent;
float:left;
height:19px;
width:22px;
position:relative;
top:0;
}

#follow_us,#newsfeed {
height:30px;
border-top:solid 1px #E5E5E5;
clear:both;
padding:4px 0;
}

#enews_subscribe {
height:30px;
clear:both;
padding:4px 0;
}

#footer {
float: none;
clear: both;
margin-top: 10px;
padding: 5px;
background: #58595B;
color: #fff;
width: 100%;
height: 30px;
padding: 0px;
bottom: 0px;
position: fixed;
z-index: 102;
font-size: 11px;
}

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

#footer p {
margin:0 0 12px;
}
div.footer .sixteen.columns {
width: 100%;
margin: 0px;
float: left;
display: inline;
position: relative;
}
ul.footer-links {
text-align: center;
margin: 5px 0px;
position: absolute;
width: 100%;
top:0px;
height:30px;
line-height: 30px;
font-size: 9px;
}
#footer-right {
position: absolute;
right: 0px;
line-height: 30px;
padding-right: 20px;
}
#footer-right a{
text-decoration: none;
}
.community_links_block {
float: left;
    height: 134px;
    margin: 10px 0;
    padding-right: 10px;
width: 178px;
}

.projects_block,.links_block,.eco_logic_block,.company_block {
    border-left: 1px solid #E5E5E5;
    float: left;
    height: 130px;
    margin: 10px 0;
    padding: 0 0 0 10px;
    width: 178px;
}

.m_left_border .module-title {
padding:0 0 10px 10px;
}


.footer_block {
clear:both;
font-size:12px;
margin-top:10px;
padding:15px 0px 0px 0px;
}


#footer li {
padding-right:20px;
font-weight:400;
list-style-type:none;
list-style-image:none;
font-size:1em;
margin:0;
}

#footer li li {
margin:0 0 0 15px;
}

#footer .title {
font-size:1em;
padding:5px 0;
}

.scroll-pane {
height:400px;
width:149px;
overflow:auto;
display:block!important;
float: left;
}

.product_detail_thumbs_inner {
width:190px!important;
height:413px!important;
position:relative;
}

ul.menu li,ul.menu li.expanded ul.menu li.leaf {
list-style:none;
list-style-type:none;
list-style-image:none;
}

.systems_block .title {
color:#cc0000;
font-weight:400;
text-transform:lowercase;
font-size:24px;
}

.systems_block li.active a.active {
text-decoration: underline;
}

.systems_block ul ul li {
display:none;
padding:0 0 5px 10px;
}

.systems_block ul li.active-trail ul {
padding:10px 0 0;
}

.systems_block ul li {
list-style:none;
list-style-type:none;
padding:0 0 5px;
}

.systems_block ul li ul li a {
font-weight:400;
text-decoration: none
}

#page-inner,.category-gallery .view-content .views-row .views-field-field-gallery-image-fid .field-content,.category-gallery .view-content .views-row .views-field-field-gallery-image-fid .field-item a {
position:relative;
}

#site-name a:hover,.section-gallery .view-content .views-row:hover a,.category-gallery .view-content .views-row:hover a {
text-decoration:underline;
}

h1.title,/* The title of the page */
h2.title,/* Block title or the title of a piece of content when it is given in a list of content */
h3.title /* Comment title */,#autocomplete p {
margin:0;
}

.help /* Help text on a page */,.feed-icons /* The links to the RSS or Atom feeds for the current list of content */,#comments /* Wrapper for the list of comments and its title */,.form-item,/* Wrapper for a form element (or group of form elements) and its label */
.form-checkboxes,.form-radios,#user-login ul {
margin:1em 0;
}

#edit-search-theme-form-1-wrapper label /* Label that says "Search this site:" */,#nice-menu-1 ul li ul li,#block-nice_menus-1 .title,#section_landing_text .landing_text,.hidden,#block-finder-finder_1 .title,#block-finder-finder_1 label,#block-finder-finder_4 .title,#block-finder-finder_4 label,#category_detail_div,.category-gallery .view-content h3,#poweredBy,.list_all_products .title,.loupe img,.meta {
display:none;
}

#nice-menu-1 ul li ul li{
display: none !important;
visibility: hidden !important
}


#block-finder-finder_4 .node-teaser .node-inner{
position:relative;
top:0px;
}
#block-finder-finder_4 .node-teaser .node-inner .content{
display: block;
}

li a.active,.systems_block li.active-trail li a {
color:#808285;
}

form th,form thead th {
border-bottom:3px solid #ccc;
padding-right:1em;
text-align:left;
}

#rotator ul,#footer ul,.slide {
margin:0;
padding:0;
}

.footer_block .content{
position: relative;
top: 0px;
}

#footer_right_mod {
    margin-left: auto;
    margin-right: auto;
    width: 385px;
}

#footerRight {
    float: right;
    margin-top: -24px;
}

.top-menu span,#block-block-39 .content div {
float:left;
}

.systems_block ul,.systems_block ul ul {
padding:0;
}

.systems_block ul li.active-trail ul li,.drop1,.drop2,.drop3 {
display:block;
}

#block-block-39 .content .col-2,#block-block-39 .content .col-3,#block-block-39 .content .col-4 {
width:190px;
margin:0 5px;
}

#thejLoupe,#thejLoupe #zoomWrapper img {
overflow:hidden;
}

.cloud-zoom-big {border: solid 1px #808085; margin-top: -1px; margin-left: -1px; padding: -3px !important;}

.pancontainer {
position:relative;
overflow:hidden;
height:400px;
width:600px;	
}

.product_detail_info_img .pancontainer{
position:relative;
overflow:hidden;
height: 100px;
width: 100px;
}

.pancontainer .imagecache{
height:400px;
width:600px ;
}

.pancontainer .statusmessage, .pancontainer .magnify, .pancontainer .magnify2{
filter:alpha(opacity=60);
opacity:.6;
}

.pancontainer .inactive{
filter:alpha(opacity=30);
opacity:.3;	
}

#quicktabs-product-details .views-field-title{
font-weight: bold;
width: 300px;
}

#quicktabs-product-details .views-field-changed{
font-size: 0.875em;
margin: 0px 0px 0px 10px;
width: 290px;
}

#quicktabs-product-details .views-field-body{
margin: 5px 0px 10px 10px;
}

#quicktabs-product-details .views-field-field-header-image-fid{
	margin: 20px 0px 0px 0px;
}

#quicktabs-product-details a.attached_file{
display: block;
width: 150px;
height: 30px;
padding: 7px 0px 0px 30px;
margin: 10px 0px 0px 7px;
position: absolute;
top: 0px;
right: 30px;
}

.product_detail_tab_desc {
font-weight: bold;
margin: 30px 0px 0px 0px;
text-align: center;
}

#quicktabs-product-details a.attached_file span{
text-transform: uppercase;
}

#quicktabs-product-details a.pdf {
background: url("images/PDF_icon.png") no-repeat;
}

#quicktabs-product-details a.doc {
background: url("images/Word_icon.png") no-repeat;
}

#quicktabs-product-details a.xls {
background: url("images/Excel_icon.png") no-repeat;
}

#quicktabs-product-details a.zip {
background: url("images/sketchup_icon.png") no-repeat;
}

#quicktabs-product-details .views-row{
	border-top: solid 1px #E5E5E5;
	padding: 10px 30px 10px 30px;
	position: relative;
}

#quicktabs-product-details .view-product-resource-view .views-field-nothing{
clear: both;
}

#quicktabs-product-details .view-product-resource-view .views-field-field-fs-attached-file-text-value{
border-top: solid 1px #e5e5e5;

}

#quicktabs-product-details .views-row-even{
/*	background: #efefef;*/
}

#quicktabs-product-details .views-row .views-field-description{
display:none;
}

#quicktabs-product-details .views-group-row .views-row-1 .views-field-description{
display: block !important;;	
font-size: .813em;
padding: 0px 0px 20px 0px;
width: 400px;
position: absolute;
top: 0px;
left: 320px;
}

#quicktabs-product-details .views-group-row .views-row-1 .views-field-description p{
margin: 10px 0px;
}

#quicktabs-product-details .views-group-title{
color: #000;
text-transform: uppercase;
font-weight: bold;
padding: 10px 30px 0px 30px;
display: none;
}

#quicktabs-product-details 

.pdf_message {
padding: 25px 94px 10px 30px;
font-size: 0.813em;
}

.pdf_message p {
/*float: left;*/
font-style: italic;
font-size: 1.1em;
margin: 0px;
padding: 0px;
}

.pdf_message .adobe_reader_link{
background: url("images/get_adobe_reader.gif") no-repeat;
width: 112px;
height: 33px;
float: right;
}

.pdf_message .adobe_reader_link span{
display: none;
}

.view_pds{
background: url("images/dark-30.png") repeat-x;
display: block;
height:25px;
line-height: 25px;
text-transform: uppercase;
font-size: 9px;
font-weight: bold;
width: 140px;
color: #fff;
position: absolute;
left: 140px;
bottom: 0px;
text-align: center;
filter:alpha(opacity=60);
opacity:.6;
}
.view_pds span{
color: #fff;
filter:alpha(opacity=100);
opacity:1;
}

.finder-page{
	position: relative;
	left: -190px;
	width: 570px;
}

.finder-page .pager li{
	padding: 0px;	
}

.finder-page .pager li a{
	padding: 2px 5px;
}

.finder-page .pager-item, .finder-page .pager-next, .finder-page .pager-last{
	border: solid 1px #666666;
}

.finder-page .finder-results .views-row{
	border-bottom: solid 1px #E5E5E5;
	padding: 20px 30px 20px 30px;
}

.finder-page .finder-results .views-row .views-field-title, .finder-page .finder-results .views-row .views-field-path{
	font-weight: bold;	
}

.finder-page .finder-results .views-row .views-field-path{
	margin-top: 10px;
}

.finder-page .view-search-nodes-resource .view-filters{
display:none;	
}

.newproject_myprojects, .login_register{
position:absolute !important;
top: 82px;
left: 695px;
width: 185px;
padding-left: 20px;
border-left: solid 1px #555555;
/*color: #fff;*/
}

.newproject_myprojects p, .login_register p{
margin: 0px;
padding: 0px;
}

#content-top{
position:relative;	
top: 0px;
}

#WelcomeMessage{
/*color: #fff;*/
font-weight: bold;
font-size: 24px;
position: absolute;
top: 52px;
left: 450px;
height: 30px;
}

#WelcomeLeft{
/*color: #fff;*/
/*font-weight: bold;*/
font-size: 15px;
position: absolute;
top: 82px;
left: 450px;
height: 30px;	
width: 235px;
}

#fake_video {
position: absolute;
top: 55px;
left: 30px;
}

#fake_video:hover{
filter:alpha(opacity=80);
opacity:.8;	
}

/*.home_left_button, .home_right_button{
display: block;
background: url(images/home_head_button.png);
width: 140px;
height: 21px;
line-height: 21px;
color: #fff;
text-align: center;
}
*/

.home_left_button, .home_right_button{
float: left;	
}

.blue_button{
display: block;
background: url(images/blue_button_m.png) repeat-x;
height: 20px;
line-height: 20px;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
color: #fff;
text-align: center;
position: relative;
top: 0px;
margin: 10px 13px 0px 8px;
}

.blue_button .blue_button_left{
display: block;
width: 8px;
height: 20px;
background: url(images/blue_button_l.png) no-repeat;
padding: 0px;
margin: 0px;
position: absolute;
left: -8px;
top: 0px;
}

.blue_button .blue_button_right{
display: block;
width: 8px;
height: 20px;
background: url(images/blue_button_r.png) no-repeat;
padding: 0px;
margin: 0px;
position: absolute;
right: -8px;
top: 0px;
}


.home_left_button:link, .home_right_button:link, .home_left_button:active, .home_right_button:visited, .home_right_button:active, .home_left_button:visited{
color: #fff !important;	
width: 90px;
}


#block-user-0 {

}
/*
.login_div{
background: #F1F2F2;
width: 294px;
height: 200px;
-moz-border-radius:15px 15px 15px 15px;
-webkit-border-radius:15px;
border-radius:15px;
border:3px solid #000;
display: block;
}

.login_div .title{
text-align: left;
color: #fff;
text-transform: uppercase;
font-size: 12px;
background: #888888;
margin: 0px;
padding: 2px 5px;
-moz-border-radius:8px 8px 0px 0px;
}

.login_div label{
	width: 93px;
	float: left;
	font-size: 12px;
}

.login_div #edit-name, .login_div #edit-pass{
width: 175px;
float: left;
}

.login_div #edit-name-wrapper, .login_div #edit-pass-wrapper{
clear: both;
height: 20px;
margin-bottom: 10px;
}

.login_div #edit-submit{
float: left;
margin: 10px 0px 20px 15px;
-moz-border-radius: 8px;
border-radius: 8px;
background:none repeat scroll 0 0 #888888;
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-size:12px;
height:20px;
text-align:center;
width: 90px;

}

.login_div .item-list{
clear: both;
text-align: center;
width: 290px;
height: 20px;
display: table;
}

.login_div .item-list ul{
list-style: none;
margin: 0px auto;
padding: 0px;
display: inline-block;
}

.login_div .item-list ul li{
float: left;
font-size: 12px;
padding: 0px 5px;
}

.login_div .item-list ul li.last{
border-left: solid 1px #808285;	
}
*/

.login_div{
margin-top:39px;
}

.login_div h2.title{
display: none;
}

.login_div label{
float:left;
text-transform: uppercase;
font-weight: normal;
}
.login_div div.form-item{
	height:30px;
}
.login_div input.form-text{
	float:right;
	width:176px;
}
.login_div div.item-list li.first{
	display: none;
}

.login_div div.item-list li.last{
position: absolute;
right:10px;
bottom:30px;
list-style: none;
text-decoration: underline;
}

.login_div span.form-required{
display: none;
}

#sb-wrapper-inner{
border: none !important;	
}

#sb-nav-close {
position: relative;
top: -2px;
right: 0px;
background: url(images/dialog_close.png);
width: 26px !important;
height: 26px !important;
z-index: 51;
}

.close_button{
position: absolute;
top: 0px;
right: 0px;
background: url(images/dialog_close.png);
width: 26px !important;
height: 26px !important;
z-index: 99999;	
}

.slab_view_shadowbox{
display: block;
width: 620px;
height: 1220px;
/*overflow-y: scroll;
overflow-x: visible;*/
overflow: visible;
}


#click_and_drag{
position: absolute;
top: -30px;
left: 0px;
height: 250px;
line-height: 14px;
width: 125px;
background: #333;
filter:alpha(opacity=60);
opacity:.6;
font-size: 10px;
text-align: center;
border: solid 4px #fff;
}

#click_and_drag_2{
position: absolute;
top: -30px;
left: 0px;
height: 250px;
display: none;
line-height: 14px;
width: 125px;
background: #333;
filter:alpha(opacity=60);
opacity:.6;
font-size: 10px;
text-align: center;
border: solid 4px #fff;
}

#sb-info {
overflow: visible;	
position: absolute;
top: 0px;
right: 2px;
}

.logout_my_projects{
position:absolute;
bottom:10px;
right: 0px;
text-align: right;
}

#fs-logo{
position: absolute;
right:0px;
top:-1px;
}
.logout_my_projects .block-inner{
float: right;
}

div.landing-blocks{
width: 950px;
clear:both;
float:none;
}

div.landing-blocks div.one-third{
float:left;
height: 337px;
width: 300px;
color: #6D6E71;
position: relative;
font-size:14px;
line-height: 18.2px;
}

div.landing-blocks div.one-third h6{
font-size: 14px;
line-height: 21px;
margin:0px 0px 10px 0px;
}

div.landing-blocks div.one-third a{
text-decoration: none;
outline: none;
color: #6D6E71;
}

div.landing-blocks div.one-third .block-link{
width:100%;
position: absolute;
bottom:0px;
}
div.landing-blocks div.one-third .block-link span{
border-bottom: solid 1px #6D6E71;
height:10px;
width: 100%;
display: block;

}

div.landing-blocks div.one-third .block-link a,div.landing-blocks div.one-third #edit-submit-1{
display:block;
width: 75px;
height:20px;
font-size: 10px;
border: solid 1px #6D6E71;
text-align: center;
line-height: 20px;
background: #fff;
position: absolute;
bottom: -10px;
left:111px;
padding: 0px;
}

div.landing-blocks div.one-third .block-link a{
position: absolute;
bottom:-10px;
left:111px;
}
div.landing-blocks div.one-third.item-2{
margin:0px 24px 0px;
}
div.landing-blocks div.one-third img{
border: 1px solid #E5E5E5;
margin-bottom: 10px;
}

.projects_icon {
margin: 2px 0px 0px 4px;	
}

.block_new_project, .new_project .edit{
display: none;	
}

.dialog_outer{
background: #f1f2f2;
overflow: hidden;
}

.dialog_outer .dialog_title{
background: url(images/toolbar_bg.png) repeat-x;
height: 30px;
overflow: hidden;
position: relative;
top: 0px;
width: 100%;
color: #888;	
line-height: 30px;
padding: 0px 5px;
}

.rounded_shadowbox{
background: #F1F2F2;
-moz-border-radius:15px 15px 15px 15px;
-webkit-border-radius:15px;
border-radius:15px;
border:3px solid #000;
overflow: hidden;
}

.new_project {
background: #F1F2F2;
width: 284px;
height: 140px;
-moz-border-radius:15px 15px 15px 15px;
-webkit-border-radius:15px;
border-radius:15px;
border:3px solid #808285;
padding: 5px;
}

.step_title{
font-size: 22px;
font-weight: 600;
}

.project_title_wrapper{
height: 21px;
width: 100%;
margin: 10px 0px 0px 0px;
padding: 0px 0px 4px 0px;
border-bottom:1px solid #808285;
}

.project_title{
font-size: 12px;
font-weight: bold;
float: left;
margin-bottom: 5px;
}

.project_modified, .project_created, .project_reference {
/*float: right;*/	
font-size: 10px;
font-weight: normal;
}

.progress_bar {
clear: both;
width: 100%;
background: #888888;
color: #fff;
height: 40px;
margin-top: 10px;
position: relative;
top: 0px;
}

.progress_bar a{
color: #fff;
text-decoration: none;
}

.progress_bar_selection a, .progress_bar_dimensions_options a, .progress_bar_configuration a, .progress_bar_review a{
font-size: 0.688em;
text-transform: uppercase;
position: relative;
top: 12px;
left: 32px;	
}

.project_new_load{
width: 180px;
height: 19px;
background: url(images/project_new_load.png);
position: absolute;
top: 10px;
left: 10px;
line-height: 19px;
text-align: center;
}

.project_new_load #new_project_button{
margin-right: 5px;	
}

.project_new_load #load_project_button{
margin-left: 5px;		
}

.progress_bar_text{
height:19px;
left:5px;
line-height:12px;
font-size: 9px;
position:absolute;
text-align:center;
top:8px;
width:160px;
text-transform: uppercase;
}

.progress_line{
width:651px;
height:1px;
background: url(images/progress_line.png);
position: absolute;
top: 20px;
left: 220px;
}

.progress_bar_selection{
background: url(images/step1.png) no-repeat -2px 0px;
width:117px;
height: 40px;
position: absolute;
top: 0px;
left: 190px;
display: block;
padding: 0px 0px 0px 40px;
line-height: 40px;
font-size: 0.75em;
text-transform: uppercase;
}

.progress_bar_selection.selected{
background: url(images/step1_over.png) no-repeat -2px 0px;
}

a.progress_bar_selection:hover{
background: url(images/step1_over.png) no-repeat -2px 0px;
}

.progress_bar_dimensions_options{
background: url(images/step2.png) no-repeat -2px 0px;
width:120px;
height: 40px;
position: absolute;
top: 0px;
left: 400px;
display: block;
padding: 0px 0px 0px 40px;
line-height: 40px;
font-size: 0.75em;
text-transform: uppercase;
}

a.progress_bar_dimensions_options:hover{
background: url(images/step2_over.png) no-repeat -2px 0px;	
}

.progress_bar_dimensions_options.selected{
background: url(images/step2_over.png) no-repeat -2px 0px;
}

.progress_bar_configuration {
background: url(images/step3.png) no-repeat -2px 0px;
width:120px;
height: 40px;
position: absolute;
top: 0px;
left: 649px;
display: block;
padding: 0px 0px 0px 40px;
line-height: 40px;
font-size: 0.75em;
text-transform: uppercase;
}

a.progress_bar_configuration:hover {
background: url(images/step3_over.png) no-repeat -2px 0px;
}

.progress_bar_configuration.selected {
background: url(images/step3_over.png) no-repeat -2px 0px;
}

.progress_bar_review {
background: url(images/step4.png) no-repeat -2px 0px;
width:84px;
height: 40px;
position: absolute;
top: 0px;
left: 860px;	
display: block;
padding: 0px 0px 0px 40px;
line-height: 40px;
font-size: 0.75em;
text-transform: uppercase;
}

a.progress_bar_review:hover {
background: url(images/step4_over.png) no-repeat -2px 0px;	
}

.progress_bar_review.selected {
background: url(images/step4_over.png) no-repeat -2px 0px;	
}

.tri_arrow {
display: block;
width: 13px;
height: 13px;
background: url(images/tri_arrow.png);
}

.view-family-stone-slabs {
width: 950px;
float: right;
margin: 0px 0px 0px 0px;
}

.view-family-stone-slabs .views-field-nothing{
/*clear: both;*/
height: 120px;
width: 950px;
padding-bottom: 21px;
border-bottom: solid 1px #808285;
}

.view-family-stone-slabs .views-row{
width: 950px;
margin: 24px 0px 24px 0px;
position: relative;
clear: both;
}

.view-family-stone-slabs .imagecache-FamilyStoneThumb_imagelink{
position: absolute;
left: 0px;
top: 0px;
width: 250px;
height: 120px;
margin: 0px 12px 0px 0px;
}

.view-family-stone-slabs .tri_arrow{
position: absolute;
left: 235px;
top: 105px;
}

.view-family-stone-slabs .slab-title {
position: absolute;
left: 262px;
top: 0px;
text-transform: uppercase;
width: 295px;
height: 20px;
}

.view-family-stone-slabs .slab-description {
position: absolute;
left: 262px;
top: 20px;
width:495px;
margin: 0px 12px 0px 0px;
}

.view-family-stone-slabs .view_slabs_collection {
position: absolute;
right: 0px;
top: 0px;
width: 188px;
border-left: solid 1px #808285;
height: 120px;
text-align: center;
}

.view-family-stone-slabs .spacer{
display: block;
width: 760px;
height: 1px;
clear: both;
}

.view-family-stone-slabs .views-field-field-fs-related-slabs-nid {
width: 950px;
position: relative;
/*clear: both;
padding: 0px 0px 0px 0px;*/
/*display: none;*/
}

.view-family-stone-slabs .views-field-field-fs-related-slabs-nid.inactive{
display: none !important;	
}


.view-family-stone-slabs .views-field-field-fs-related-slabs-nid .node-type-fs-vivistone-slab{
width: 315px;
height: 180px;
border: solid 1px #808285;
float: left;
margin-right: -1px;
margin-top: -1px;
position: relative;
}

.view-family-stone-slabs .views-field-field-fs-related-slabs-nid .node-type-fs-vivistone-slab .title{
display: none;	
}

.view-family-stone-slabs .views-field-field-fs-related-slabs-nid .node-type-fs-vivistone-slab img.imagecache-SlabThumb{
border: none;
width: 80px;
height: 160px;
clear: both;
margin: 10px 20px 10px 10px;	
float: left;
}

.view_slabs_collection_button,.view_slabs_collection_button_disabled{
-moz-border-radius:8px 8px 8px 8px;
-webkit-border-radius:8px;
border-radius:8px;
display: block;
width: 116px;
height: 32px;
background-color: #888888;
color: #fff;
float: left;
text-align: center;
margin: 50px 0px 0px 30px;
line-height: 32px;
text-decoration: none;
}

.view_slabs_collection_button:hover,.view_slabs_collection_button_disabled:hover{
text-decoration: none;
filter:alpha(opacity=60);
opacity: .6;
}

.view_slabs_collection_button:visited, .view_slabs_collection_button:hover, .view_slabs_collection_button:active, .view_slabs_collection_button:link{
color: #fff;	
text-decoration: none;
}

#imgPreviewWithStyles img{
padding: 15px 15px 15px 15px;
-moz-border-radius:15px 15px 15px 15px;
-webkit-border-radius:15px;
border-radius:15px;
border:3px solid #fff;
background: #808285;
margin: 0px;

}

/*#imgPreviewWithStyles {
border:1px solid #808285;	
-moz-border-radius:15px 15px 15px 15px;
-webkit-border-radius:15px;
border-radius:15px;
margin:0px;
padding:0px;
background: #fff;
}*/
#imgPreviewWithStyles {
position: absolute;
top: 50%;
left: 50%;
margin-left: -100px;
margin-top: -200px;
}

#sb-title{
top: 26px;	
}

#sb-info{
top: 26px;	
z-index: 55;
}

#sb-title-inner .one_to_one{
display: block;
width: 34px;
height: 43px;
background: url(images/one_to_one_1.png);
position: absolute;
top: 100px;
left: 42px;
}

#sb-title-inner .one_to_five{
display: block;
width: 34px;
height: 43px;
background: url(images/one_to_five.png);
position: absolute;
top: 100px;
left: 42px;
}

#sb-title-inner .one_to_one.link, #sb-title-inner .one_to_five.link{
display: block;
width: 125px;
height: 250px;
position: absolute;
background: none;
top: 0px;
left: 0px;
background: url(images/clearbg.png);
z-index: 52;
}

#sb-title-inner .span1{
position: absolute;
top: 30px;
left: 0px;
display: block;
width: 125px;
text-align: center;
}

#sb-title-inner .span2{
position: absolute;
top: 175px;
left: 0px;
display: block;
width: 125px;
text-align: center;
}


.teaser_slab_title {
text-transform: uppercase;
font-weight: bold;
width: 120px;
height: 11px;
font-size: 11px;
text-align: left;
position: absolute;
left: 105px;
top: 10px;
}

.teaser_slab_width{
font-size: 11px;
text-align: left;
position: absolute;
left: 105px;
top: 35px;
}

.teaser_slab_height{
font-size: 11px;
text-align: left;
position: absolute;
left: 105px;
top: 50px;
}

.select_slab_button {
-moz-border-radius:8px 8px 8px 8px;
-webkit-border-radius:8px;
border-radius:8px;
width: 94px;
height: 18px;
background-color: #808285;
display: block;
color: #fff;
line height: 18px;
margin: 0px auto 0px auto;
text-align: center;
position: absolute;
right: 10px;
bottom: 10px;
text-decoration: none;
padding-top: 2px;
}

.select_slab_button:hover{
text-decoration: none;
filter: alpha(opacity=60);
opacity: .6;
}

.select_slab_button:visited, .select_slab_button:active, .select_slab_button:hover, .select_slab_button:link{
color: #fff;	
}

.project_tool_heading{
margin: 0px 0px 10px 0px;
background: url(images/bl_arrow.png) no-repeat left center;
padding: 0px 0px 0px 10px;
font-size: 12px;
text-transform: uppercase;
float: left;
}

.help_tool_heading{
margin: 0px 0px 0px 0px;
background: url(images/plus_expand.png) no-repeat 0px 3px;
padding: 0px 0px 0px 12px;
font-size: 12px;
text-transform: uppercase;
float: left;
outline: none;
}

.help_tool_heading.active{
background: url(images/minus_expand.png) no-repeat 0px 3px;
}

.info_button {
display:block;
width: 14px;
height: 14px;
background: url(images/help_icon.png) no-repeat center;
float: left;
margin-left: 5px;
}

#selection-properties-form .border_underline, .border_underline {
clear: both;
height: 1px;
border-bottom: 1px solid rgb(204, 204, 204);
width: 176px !important;
margin: 5px 0px 10px 0px;
}

#project_dimensions_db_panel, #project_dimensions_crop_panel {
background: none repeat scroll 0 0 #F1F2F2;
height: 950px;
margin: 0;
position: relative;
text-align: center;
width: 950px;
}

#project_dimensions_crop_panel {
margin: 0px !important;
border: solid 1px #e5e5e5;
}

#project_dimensions_crop_panel_inner{
width: 946px;
height: 925px;
margin: 0px 0px 0px 0px;
background: #F1F2F2;
text-align: center;
overflow: scroll;	
position: relative;
}

#project_dimensions_message{
width: 950px;
height: 24px;
margin-left: 0px;
text-align: center;
font-size: 18px;
line-height: 24px;
background-color: #fff;
position: relative;
}
#project_dimensions_message #respond{
position: absolute;
left: 0px;	
}
#project_dimensions_crop_panel .field-content{
position: relative;
top: 0px;
}

#project_dimensions_crop_panel .imagefield-field_fs_slab_image, #project_dimensions_crop_panel img, #slab_zoom_panel img{
margin: 0px auto !important;	
}

#project_dimensions_control_panel{
width: 950px;
margin: 0px 0px 0px 0px;
}

#project_dimensions_control_panel a:hover, .project_tool_bar .selected{
filter:alpha(opacity=60);
opacity:.6;	
}

.project_tool_bar{
clear: both;
width: 190px;
height: 30px;
line-height: 30px;
}


.sel_icon {
display: block;
width: 30px;
height: 30px;
background: url(images/sel_icon.jpg);
float: left;
margin: 0px 5px 0px 0px;
}

.pointer_icon{
display: block;
width: 30px;
height: 30px;
background: url(images/pointer_icon.jpg);
float: left;
margin: 0px 5px 0px 0px;	
}

.hand_tool_icon{
display: block;
width: 30px;
height: 30px;
background: url(images/hand_tool_icon.jpg);
float: left;
margin: 0px 5px 0px 0px;	
}

.undo_icon{
display: block;
width: 30px;
height: 30px;
background: url(images/undo_icon.jpg);
float: left;
margin: 0px 5px 0px 0px;	
}

#change_units_link{
text-transform: uppercase;
text-decoration: underline;
font-size: 10px;
}

#selection-properties-form #submit_button{
float: left;	
}

#selection-properties-form #reset_button{
float: right;
margin-right: 19px;
}

#delete-selection-form .form-submit{
background: #808285;
border: none;
color: #fff;
-moz-border-radius: 8px;
border-radius: 8px;
width: 90px;
font-size: 11px;
text-align: center;
height: 18px;
line-height: 18px;
margin-top: 15px;
cursor: pointer;
padding-bottom: 2px;
float: left;
}

#delete-selection-form #cancel_delete_selection{
display: block;
background: #808285;
border: none;
color: #fff;
-moz-border-radius: 8px;
border-radius: 8px;
width: 90px;
font-size: 11px;
text-align: center;
height: 18px;
line-height: 18px;
margin-top: 15px;
cursor: pointer;	
margin-left: 30px;
float: left;

}


#selection_tools #edit-submit-2{
position: absolute;
top:0px;
right: 130px;
height: 30px;
background: url(images/step2-buttons.png) no-repeat 0px -30px transparent;
margin: 0px;
padding-left: 30px;
text-transform: uppercase;
width: auto;
display: block;
border: 0;
color: #808285;
font-size: 12px;
}

#selection_tools #edit-submit-2:hover{
cursor: pointer;	
text-decoration:underline;
}

#selection-properties-form .save_button {
width: 	140px !important;
}

#selection_tools{
width: 950px;
height: 30px;
position:absolute;
left:0px;
top:0px;
}

#sel_params label{
float: left;
text-transform: uppercase;
}
#sel_params input{
width: 100px;
float: left;
height: 11px;
margin: 5px 0px;
}

#sel_params div.form-item{
margin: 0px 0px 0px 15px;
float: left;	
}

.grey_button span{
display: block;
height: 18px;
line-height: 18px;
margin-top: -3px;
}

.grey_button:hover{
cursor: pointer;
background: #555;
}


#selection-properties-form .measurement_units{
display: block;
height: 30px;
width: 50px;
float: left;
}

#project_dimensions_control_panel div{
width: 190px;
line-height: 30px;
clear: both;	
}

.select_glass_translucency, .select_glass_finish{
height: 75px !important;	
}

.select_glass_translucency img:hover, .select_glass_finish img:hover{
cursor: pointer;
filter:alpha(opacity=60);
opacity:.6;
}

.select_glass_translucency img.selected, .select_glass_finish img.selected{
cursor: pointer;
border: 2px solid #ccc;
}

#selection-properties-form label {
display: block;
width: 70px;	
line-height: 30px;
float: left;
}

#selection-properties-form button{
margin: 6px 0px 0px 0px;	
}

#selection-properties-form #edit-submit{
clear: both !important;	
}

#project_workspace ,#slab_zoom #project_dimensions_zoom_control, #slab_copy_top{
width: 100%;
height: 30px;
position: relative;
top: 0px;
font-size:12px;
line-height:30px;
background: url(images/toolbar_bg.png) repeat-x;
overflow: hidden;
}

#quarter_match_top{
width: 100%;
height: 30px;
position: relative;
top: 0px;
font-size:12px;
line-height:30px;
background: url(images/toolbar_bg.png) repeat-x;
overflow: hidden;	
}

#slab_zoom #project_dimensions_zoom_control{
width: 250px;
}

#project_dimensions, #slab_zoom #slab_zoom_wrapper{
background: url(images/toolbar_bg.png) repeat-x;
height: 30px;
position: relative;
top:0px;
width: 100%;
overflow: hidden;
}

.section-slab #project_dimensions_zoom_control {
background-color: #888888;	
}

#zoom_smaller {
background: url(images/zoom_smaller_w.png);
width: 16px;
height: 10px;
position: absolute;
top: 11px;
left: 265px;
}

#zoom_larger {
background: url(images/zoom_larger_w.png);
width: 26px;
height: 16px;
position: absolute;
top: 8px;
left: 482px;
}

.prev_step_button{
text-transform: uppercase;	
background: url(images/prev_arrow.png) no-repeat left center;
padding: 0px 0px 0px 23px;
line-height: 24px;
margin: 3px 5px;
position: absolute;
top: 0px;
left: 0px;
color: #fff !important;
font-weight: bold;
font-size: 12px;
}

.next_step_button{
text-transform: uppercase;
background: url(images/next_arrow.png) no-repeat right center;
padding-right: 23px;
line-height: 24px;
margin: 3px 5px;
position: absolute;
top: 0px;
right: 0px;
color: #fff !important;
font-weight: bold;
font-size: 12px;
}

.ui-slider-handle:hover {
cursor: pointer !important; 
}

#project_dimensions_zoom_80 {
display: block;
width: 30px;
height: 30px;
background: url(images/imgrotate.jpg);
}

.slab_zoom{
background: url(images/zoom_img_icon_3.png) no-repeat;
display: block;
height: 14px;
position: absolute;
top: 80px;
left: 105px;
padding-left: 16px;
text-decoration: underline !important;
}

#slab_col_wrapper {
width: 950px;
height: 180px;
border-top: solid 1px #808285;
border-bottom: solid 1px #808285;
background: none repeat scroll 0 0 #F1F2F2;
position: relative;
}

#project_bottom, #project_bottom_title{
width: 950px;	
clear: both;
padding-top: 30px;
}

#project_bottom a:hover{
filter:alpha(opacity=60);
opacity:.6;
text-decoration: none;
cursor: pointer;
}

#project_bottom_title{
height: 30px;
line-height: 21px;

}

#project_bottom_title .project_title{
margin: 0px 0px 0px 10px;
}

#project_bottom_title .info_button{
margin: 5px 0px 0px 5px;
}

.view-my-slab-libary {
width: 	9000px;
height: 180px;
float: left;
position: relative;
overflow: hidden;
}
.project_slabs_wrapper{
position: relative;
width: 680px;
height: 180px;
float: left;
margin: 0px 30px;
overflow: hidden;
}

.slab_library_scroll_left {
background: url(images/scroll_left.png) no-repeat;
width: 26px;
height: 26px;
display: block;
position: absolute;
top: 62px;
left: 200px;
z-index: 51;
outline: medium none;
}

.slab_library_scroll_left:hover{
filter:alpha(opacity=60);
opacity:.6;
}

.slab_library_scroll_right {
background: url(images/scroll_right.png) no-repeat;
width: 26px;
height: 26px;
display: block;
position: absolute;
top: 62px;
right: 3px;
z-index: 51;
outline: medium none;
}

.slab_library_scroll_right:hover{
filter:alpha(opacity=60);
opacity:.6;
}

.view-my-slab-libary div.view-content{
position: absolute;
height: 180px;
}

.view-my-slab-libary .views-row{
float: left;	
height: 160px;
width: 160px;
border-left: solid 1px #808285;
margin: 10px 0;
overflow: hidden;
padding: 0px 10px;
position: relative;
top: 0px;
filter:alpha(opacity=60);
opacity:.6;
background-color: #F1F2F2;
}

.view-my-slab-libary .views-row.lastBlock{
filter:alpha(opacity=100) !important;
opacity:1.0 !important;	
}

.view-my-slab-libary .views-row div{
float: left;
width: 125px;
font-size: 10px;
line-height: 1.25em;
}

.view-my-slab-libary .views-field-path-1{
width: 160px !important;	
margin-right: 10px;
}

.slab_bg_v{
width: 160px !important;
height: 160px !important;
/*background: url(images/slab_portfolio_bg.png) no-repeat;*/
position: relative;
top: 0px;
text-align: center;
line-height: 160px;
display: block;
}

.slab_bg_v span{
width: 160px !important;
height: 160px !important;
display: block;
line-height: 160px;
}

.slab_bg_v img{
vertical-align: middle;	
margin: 0px auto;
}

.view-my-slab-libary .views-field-field-fs-saved-selection-fid .field-content{
	line-height: 120px;
	width: 160px !important;
	height: 160px !important;
	padding: 0px 10px 0px 0px;
}

.view-my-slab-libary .field-content a:hover{
filter:alpha(opacity=60);
opacity:.6;
}

.view-my-slab-libary .slab_info{
	width: 120px;
	height: 160px;
	position: absolute;
	left: 180px;
	top: 0px;
}

.view-my-slab-libary .views-field-title{
font-weight: bold;
text-transform: uppercase;
font-size: 12px !important;
}

.view-my-slab-libary .slab_collection_edit, #slab_copy .slab_collection_edit, .project_slab_selections .slab_collection_edit{
display: block;
line-height: 22px;
height: 22px;
background: url(images/slab_collection_buttons1.png) no-repeat;
padding: 0px 0px 0px 27px;
text-decoration: underline;
font-size: 9px;
}

.view-my-slab-libary a:active,.view-my-slab-libary a:visited{
outline: none;	
}

.slab_show_hide {
background: url(images/show_hide.png) no-repeat;
height: 22px;
display: block;
line-height: 22px;
padding: 0px 0px 0px 27px;
text-decoration: underline !important;
font-size: 9px;
}

.slab_show_hide.hidden{
background: url(images/show_hide.png) no-repeat 0px -22px;	
}

#project_design_board img{
display: block;	
}

#project_design_board img.hidden{
visibility: hidden !important;
}

.project_detail .project_collage{
width: 250px;
height: 120px;
padding: 15px 0px 15px 0px;
position: absolute;
left: 0px;
top: 0px;
background: #808285;
text-align: center;
-moz-border-radius: 8px;
border-radius: 8px;
}

.view-my-slab-libary .slab_collection_delete, #slab_copy .slab_collection_delete, .project_slab_selections .slab_collection_delete{
display: block;
line-height: 22px;
height: 22px;
background: url(images/slab_collection_buttons1.png) no-repeat 0px -24px;
padding: 0px 0px 0px 27px;
text-decoration: underline;
font-size: 9px;
}

.view-my-slab-libary .slab_collection_print, .project_slab_selections .slab_collection_print{
display: block;
line-height: 22px;
height: 22px;
background: url(images/slab_collection_buttons1.png) no-repeat 0px -48px;
padding: 0px 0px 0px 27px;
text-decoration: underline;
font-size: 9px;
}

.view-my-slab-libary .slab_collection_share, .project_slab_selections .slab_collection_share, #slab_copy .slab_collection_share{
display: block;
line-height: 22px;
height: 22px;
background: url(images/slab_collection_buttons1.png) no-repeat 0px -72px;
padding: 0px 0px 0px 27px;
text-decoration: underline;
font-size: 9px;
}

.view-my-slab-libary .slab_collection_email, .project_detail .slab_collection_email{
display: block;
width: 25px;
height: 17px;
background: url(images/slab_collection_buttons.png) no-repeat -100px 0px;
float: left;
}

.show_hide_portfolio {
display: block;
width: 300px;
height: 18px;
background: url(images/portfolio_show_hide.png) no-repeat;
color: #fff !important;
text-align: center;
text-transform: uppercase;
margin: 0px auto 15px auto;
text-decoration: none !important;
font-size: 9px;
}

.show_hide_portfolio:hover{
filter:alpha(opacity=80);
opacity:.8;	
outline: none;
}

.show_hide_portfolio:active,.show_hide_portfolio:link,.show_hide_portfolio:visited{
outline: none;
}

#slab_col_wrapper.expanded{
display: block;	
}

#slab_collection_control_box{
float: left;
height: 180px;
width: 200px;
position: relative;
}

.project-units-form{
position: absolute;
bottom: 25px;
left: 0px;	
}

.project-units-form input{
margin-bottom: 5px;
}

#slab_collection_control_box .project_title{
font-size: 12px;
font-weight: bold;
margin: 10px 0px 10px 10px;
display: block;
clear: both;
color: #555 !important;
}

#slab_collection_control_box .project_modified{
margin: 0px 0px 0px 10px;
display: block;
clear: both;
}

#slab_collection_control_box .create_new_slab_button, #slab_collection_control_box .view_on_project_board_button, #slab_collection_control_box .request_a_quote_button, #slab_collection_control_box .view_all_db_button, #slab_collection_control_box .hide_all_db_button{
clear: both;
float: left;
display: block;
width: 137px;
height: 17.5px;
line-height: 17.5px;
background: #808285;
-moz-border-radius: 8px;
border-radius: 8px;
color: #fff;
margin: 10px 0px 0px 10px;
text-align: center;
font-size: 11px;
}

#slab_collection_control_box .create_new_slab_button:hover, #slab_collection_control_box .view_on_project_board_button:hover, #slab_collection_control_box .request_a_quote_button:hover, #slab_collection_control_box .view_all_db_button:hover, #slab_collection_control_box .hide_all_db_button:hover{
text-decoration: none;
filter: alpha(opacity=60);
opacity: .6;
}

.delete_slab_selection_block{
display: none;	
}

#cancel_delete_selection:hover{
	cursor: pointer !important;
}

.slab_selection_print_button{
display: block;
color: #fff;
cursor: pointer;
height: 35px;
line-height: 35px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
width: 65px;
background: #424244;
margin-bottom: 10px;
/*position: fixed;
top:0px;
left: 0px;*/
}

.slab_selection_print_button:hover{
color: #fff;
text-decoration: none;
}

.view-my-slab-libary-design-board .views-row{
width: auto;
height: auto;
}

.view-my-slab-libary-design-board {
background: none repeat scroll 0 0 #F1F2F2;	
}

.view-my-slab-libary-design-board .design_board_inner{
position: absolute;
top: 30px;
left: 0px;
height: 732px;
width: 928px;
padding: 18px 0px 0px 18px;
}

.view-my-slab-libary-design-board .view-content{
width: 100%;
height: 100%;
margin: 0px;
position: relative;
top: 0px;
text-align: left;
overflow: scroll;

}

.view-my-slab-libary-design-board .ui-draggable{
/*position: absolute;
padding: 2px;*/
filter:alpha(opacity=60);
opacity:.6;
}

.view-my-slab-libary-design-board .ui-draggable:hover{
filter:alpha(opacity=100);
opacity:1.0;
z-index: 5;
cursor: move;
}

.view-my-slab-libary-design-board .ui-draggable.active{
filter:alpha(opacity=100);
opacity:1.0;
}

.view-my-slab-libary-design-board .clone_tool, .view-my-slab-libary-design-board .edit_tool, .view-my-slab-libary-design-board .copy_tool, .view-my-slab-libary-design-board .delete_tool, .view-my-slab-libary-design-board .info_tool,.view-my-slab-libary-design-board .rotate_tool{
filter:alpha(opacity=100) !important;
opacity:1 !important;	
}

.view-my-slab-libary-design-board .rotate_tool{
cursor: url(images/layout-cursor_Rotate.png), move !important;
}

.view-my-slab-libary-design-board .clone_tool:hover, .view-my-slab-libary-design-board .edit_tool:hover, .view-my-slab-libary-design-board .copy_tool:hover, .view-my-slab-libary-design-board .delete_tool:hover, .view-my-slab-libary-design-board .info_tool:hover,.view-my-slab-libary-design-board .rotate_tool:hover{
cursor: pointer !important;
filter:alpha(opacity=60) !important;
opacity:.6 !important;
}

.view-my-slab-libary-design-board .wait:hover{
cursor: wait !important;
}

#project_dimensions_control_panel .move_icon{
background: #F1F2F2 url(images/project_board_tools_2.jpg) no-repeat scroll 0px 0px;
border:1px solid #333333;
clear:both;
display:block;
height:30px;
line-height:30px;
margin:0 5px 10px 0;
padding-left:30px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:144px;
}

#project_dimensions_control_panel .move_icon.selected, #project_dimensions_control_panel .mirror_icon.selected, #project_dimensions_control_panel .clone_icon.selected, #project_dimensions_control_panel .info_icon.selected,{
filter:alpha(opacity=100) !important;
opacity:1.0 !important;
background-color: #808285;
color: #fff;
}

#project_dimensions_control_panel .mirror_icon{
background: #F1F2F2 url(images/project_board_tools_2.jpg) no-repeat scroll 0px -30px;
border:1px solid #333333;
clear:both;
display:block;
height:30px;
line-height:30px;
margin:0 5px 10px 0;
padding-left:30px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:144px;
}

#project_dimensions_control_panel .clone_icon{
background: #F1F2F2 url(images/project_board_tools_2.jpg) no-repeat scroll 0px -60px;
border:1px solid #333333;
clear:both;
display:block;
height:30px;
line-height:30px;
margin:0 5px 10px 0;
padding-left:30px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:144px;
}


#project_dimensions_control_panel .info_icon{
background: #F1F2F2 url(images/project_board_tools_2.jpg) no-repeat scroll 0px -90px;
border:1px solid #333333;
clear:both;
display:block;
height:30px;
line-height:30px;
margin:0 5px 10px 0;
padding-left:30px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:144px;
}

#project_dimensions_control_panel .request_a_quote_button{
background: #F1F2F2 url(images/quote_button.jpg) no-repeat scroll 0px 0px;
border:1px solid #333333;
clear:both;
display:block;
height:30px;
line-height:30px;
margin:0 5px 10px 0;
padding-left:30px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:144px;
color: #808285;
font-size: 12px;
}

.request_quote_button, #project_list_panel .form-submit{
background: #F1F2F2 url(images/quote_button.jpg) no-repeat scroll 0px 0px;
border:1px solid #333333;
float: left;
display:block;
height:30px;
line-height:30px;
margin:0 5px 10px 0;
padding-left:30px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:210px;
color: #808285;
font-size: 12px;
}

#project_list_panel .form-submit:hover{
filter:alpha(opacity=60);
opacity:.6;
cursor: pointer;
text-decoration: none;	
}

.request_quote_button:hover{
filter:alpha(opacity=60);
opacity:.6;
cursor: pointer;
text-decoration: none;
}

#project_dimensions_control_panel .edit_icon{
display: block;
width: 30px;
height: 30px;
background: url(images/project_board_tools.jpg) no-repeat -108px 0;
margin-right: 6px;
float: left;	
}

#project_dimensions_control_panel .delete_icon{
display: block;
width: 30px;
height: 30px;
background: url(images/project_board_tools.jpg) no-repeat -144px 0;
margin-right: 6px;
float: left;	
}

.copy_img_tool{
display: none;	
}

.copy_img_tool_visible{
width: 600px;
height: 324px;
background: #F1F2F2;
padding-top: 50px;
}

.mirror_tool{
display: none;
}

.mirror_tool_visible{
/*width: 324px;*/
height: 400px;
background: #F1F2F2;
-moz-border-radius: 16px;
border-radius: 16px;	
}

.mirror_tool_visible #edit-submit-1{
-moz-border-radius:8px;
border-radius: 8px;
background:none repeat scroll 0 0 #808285;
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-size:11px;
height:18px;
line-height:18px;
margin-top:15px;
text-align:center;
width:137px;
}

.mirror_tool_visible .mirror{
margin: 4px;
padding: 0px;
width: 100px;
height: 100px;
display: block;
float: left;
text-align: center;
position: relative;
}

.mirror_tool_visible .mirror span{
display: block;
width: 100px;
height: 100px;
position: absolute;
top: 0px;
left: 0px;
line-height: 100px;
text-transform: uppercase;
font-weight: bold;
}

.mirror_tool_visible .mirror span.selected{
background: #808285;
filter:alpha(opacity=60);
opacity:.6;
}

.mirror_tool_visible .mirror span.master_span{
background: none !important;
filter:alpha(opacity=100) !important;
opacity:1 !important;
}

.mirror_tool_visible .mirror:hover, .mirror_tool_visible .mirror.selected{
margin: 2px;
border: solid 2px #808285 !important;
cursor: pointer;
}

.mirror_tool_visible .mirror_master{
margin: 2px;
border: solid 2px #808285 !important;
}

.mirror_tool_visible .mirror_master:hover{
cursor: default;
}

.mirror_tool_title{
font-weight: bold;
text-transform: uppercase;
position: absolute;
top: -60px;
left: -10px;
width: 200px;
}

#slab_preloader, #slab_preloader_loading{
display: none;	
}

#slab_preloader.active{
background: #808285;
filter:alpha(opacity=40);
opacity:.4;
position: absolute;
top: 0px;ƒ
left: 0px;
height: 950px;
width: 950px;
display: block;
z-index: 50;
}

#slab_preloader_loading.active{
background: url(images/loading.gif) no-repeat 50% 50%;	
filter:alpha(opacity=100) !important;
opacity:1 !important;
position: absolute;
top: 0px;
left: 0px;
height: 950px;
width: 950px;
display: block;
z-index: 51;
}

#slab_zoom #slab_preloader_loading.active, #slab_zoom #slab_preloader.active{
	width: 780px;
	height: 760px;
}

#slab_copy #slab_preloader_loading.active, #slab_copy #slab_preloader.active{
	width: 640px;
	height: 560px;
}


#project_workspace_panel #slab_preloader_loading.active, #project_workspace_panel #slab_preloader.active{
height: 780px;	
}

#slab_preloader_message{
position: relative;
top: 50%;
color: #fff;
font-weight: bolder;
font-size: 15px;
padding: 20px 0px 0px 0px;
text-align: center;
}

.measurement_preferences{
display: none;	
}

.measurement_preferences_visible{
width: 300px;
height: 200px;
background: #F1F2F2;
}

.display-none {
display: none;	
}

#project_list_panel{
background:none repeat scroll 0 0 #fff;
min-height:760px;
margin:24px 0 0;
position:relative;
width:950px;	
}

#project_list_panel .project_detail{
width: 950px;
clear: both;
position: relative;
padding-bottom: 20px;
padding-top: 10px;
border-top: solid 1px #808285;
}

#project_list_panel .project_detail.first{
padding-top: 0px !important;
border-top: none !important;
}

#project_list_panel .project_detail_inner{
width: 950px;
height: 150px;
clear: both;	
padding-bottom: 20px;
position: relative;
}

#project_list_panel .project_slab_selection{
width: 948px;	
height: 180px;
border: 1px solid #808285;
margin-bottom: -1px;
clear: both;
position: relative;
}

#project_list_panel .project_slab_selection .selection_image{
width: 160px;
height: 160px;
text-align: center;
margin: 10px;
line-height: 160px;
}

#project_list_panel .project_slab_selection .selection_image_block{
width: 150px;
height: 150px;
float: left;
}


#project_list_panel .project_slab_selection .selection_image img{
vertical-align: middle;	
margin: 0px auto;
}

#project_list_panel .project_slab_selection .selection_info{
width:760px;
height: 160px;
position: absolute;
left: 190px;
top: 0px;
padding: 10px 0px 10px 0px;
}

#project_list_panel .project_slab_selection .selection_info_inner{
position: relative;
top:0px;
font-size: 10px;
}

#project_list_panel .project_slab_selection .selection_info_inner div{
width: 200px;
clear: both;
}

#project_list_panel .project_detail .project_info{
width:685px;
height: 150px;
position: absolute;
left: 265px;
top: 0px;
}

#project_list_panel .project_detail .project_info_inner{
position: absolute;
top: 0px;
height: 150px;
width: 305px !important;
}

#project_list_panel .project_detail .project_info_inner .views-field-nothing-1{
position: absolute;
bottom: 0px;
left: -5px;
width: 405px;
}

#project_list_panel .project_detail .project_info_inner .views-field-nothing-1 a{
margin-right: 4px;	
}

#project_list_panel .project_detail .project_info div{
clear: both;
width: 250px;
float: none;
}

#project_list_panel .project_slab_selection .selection_info_inner .slab_name{
font-weight: bold;	
text-transform: uppercase;
font-size: 11px;
}

#project_list_panel .project_detail .project_info form{
width: 190px;
height: 130px;
margin: 10px 0px;
text-align: center;
position: absolute;
right: 0px;
top: 0px;
border-left: solid 1px #505255;
}

#project_list_panel .project_detail .project_info form input{
margin: 0px;
padding: 0px;
}

#project_list_panel .project_detail .project_info form div{
width: 137px;
height: 32px;
position: relative;
top: 50px;
margin: 0px auto;
}


#project_list_panel .project_slab_selection form{
/*position: relative;
top: -80px;
left: 20px;*/
}

#project_list_panel .project_slab_selection form .form-submit{
display: none;
}

#project_list_panel .project_slab_selection form div{
padding: 0px;
margin: 0px;
}

#project_list_panel .project_slab_selection form .form-textarea, #project_list_panel div.comments_print{
width:400px !important;
height: 150px;
position: absolute;
top: 0px;
right: 10px;
font-size: 11px;
color: #505255;
}

.submit_quote_form textarea{
width:950px;
height: 100px;
font-size: 11px;
color: #505255;
}

/*.project_detail .form-submit{
-moz-border-radius: 8px;
border-radius: 8px;
background:none repeat scroll 0 0 #808285;
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-size:11px;
height:32px;
line-height:32px;
margin-top:15px;
text-align:center;
width:137px;	
}*/

#new_project #create_new_project{
-moz-border-radius: 8px;
border-radius: 8px;
background:none repeat scroll 0 0 #808285;
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-size:11px;
height:32px;
margin-left: 30px;
text-align:center;
width:117px;	
}

.delete_project_block{
display:none;	
}

#step_help{
display: none;	
}

.help_icon {
background: url(images/help_icon.png) no-repeat;
display: inline-block;
width: 14px;
height: 14px;
margin: 0px 0px 0px 5px;
}

.help_icon_l{
background:url(images/help_icon.png) no-repeat scroll 0 0 transparent;
display:inline-block;
height:14px;
margin:0 0 0 5px;
width:14px;	
float: left;
}

#step_help_dontshow_text{
font-size: 8px;
}

.help_tool_panel{
display: none;
margin-bottom: 15px;
}

.wmv{
margin: 0px 0px 15px 0px;
background: url(images/wmv.png) no-repeat 0px 0px;
padding: 6px 0px 6px 28px;
line-height: 28px;
font-size: 12px;
}

.pdf{
margin: 0px 0px 15px 0px;
background: url(images/pdf.png) no-repeat 2px 0px;
padding: 6px 0px 6px 28px;
line-height: 23px;
font-size: 12px;
}

.xls{
margin: 0px 0px 15px 0px;
background: url(images/xls.png) no-repeat 2px 0px;
padding: 6px 0px 6px 28px;
line-height: 23px;
font-size: 12px;
}

.doc{
margin: 0px 0px 15px 0px;
background: url(images/doc.png) no-repeat 0px 0px;
padding: 6px 0px 6px 28px;
line-height: 23px;
font-size: 12px;
}


.video{
margin: 0px 0px 15px 0px;
background: url(images/video-icon.png) no-repeat 0px 0px;
padding: 6px 0px 6px 28px;
line-height: 23px;
font-size: 12px;
}

.tooltip{
    position:absolute;
    z-index:999;
    left:-10020px;
    background-color:#F1F2F2;
    padding:0px;
    border:2px solid #000;
    width:250px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	color: #808285;
	overflow: hidden;
}

.tooltip_500{
    position:absolute;
    z-index:999;
    left:-10020px;
    background-color:#F1F2F2;
    padding:0px;
    border:2px solid #000;
    width:500px !important;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	color: #808285;
	overflow: hidden;
}

.tooltip .tooltip_title, .dialog_title, .tooltip_500 .tooltip_title{
position: relative;
top: 0px;
background: #888888;
color: #fff;
font-weight: bold;
text-transform: uppercase;
padding: 5px 10px;
-moz-border-radius: 8px 8px 0px 0px;
border-radius: 8px 8px 0px 0px;	
font-size: 12px;
}

#slab_zoom{
width: 760px;	
position: relative;
top: 0px;
background: #fff;
}

#quarter_match{
width: 630px;	
position: relative;
top: 0px;
background: #fff;
padding-top:0px !important;
}

#slab_copy{
width: 760px;	
position: relative;
top: 0px;
background: #fff;
text-align: left;
padding-top: 0px !important;
height: 560px !important;
}

#slab_zoom #zoom_smaller{
background: url(images/zoom_smaller_w.png) no-repeat;	
}

#slab_zoom #zoom_larger{
background: url(images/zoom_larger_w.png) no-repeat;	
}



#quarter_match .mirror{
display: block;
width: 180px;
height: 180px;
padding: 10px;
line-height: 180px;
background: url(images/quartermatch_bg.jpg) no-repeat;
float: left;
margin: 5px;
position: relative;
top: 0px;
}

#quarter_match .mirror .selected_indicator span{
display: none;	
background: url(images/selected_img.png) no-repeat left center;
padding-left: 10px;
}

#quarter_match .mirror:active,#quarter_match .mirror:focus{
text-decoration: none;	
}

#quarter_match .mirror.selected,#quarter_match .mirror:hover{
background: url(images/quartermatch_bg_selected.jpg) no-repeat;
text-decoration: none;
}

#quarter_match .mirror.selected div{
display: none;	
}

#quarter_match .mirror.selected .selected_indicator{
display: block;	
}

#quarter_match .mirror.selected .selected_indicator span{
display: inline;
}

#quarter_match .mirror_master, #quarter_match .mirror_master:hover, #quarter_match .mirror_master:hover span{
background: none;	
}

#quarter_match .mirror div{
width: 200px;
line-height: 10px;
font-size: 10px;
color: #fff;
text-align: center;
position: absolute;
top: 0px;
left: 0px;
text-transform: uppercase;
}

#quarter_match .mirror_master div{
color: #808285;	
}
#quarter_match .mirror {
text-align: center;
}
#quarter_match .mirror img{
vertical-align:middle;
margin: 0px auto;
}
/*.section-projects #sb-wrapper-inner{
overflow: visible !important;	
}*/

.dialog_inner{
padding: 5px 10px 15px 10px;
/*position: relative;
top: 0px;*/
font-size: 12px;

height: 100%;
}

.dialog_inner ul li{
margin: 0px 0px 10px 0px;	
}

.tooltip .caption_top, .tooltip_500 .caption_top{
background: url(images/dialog_top.png) no-repeat;
width: 19px;
height: 11px;
position: absolute;
top: -11px;
left: 15px;
}

.tooltip .tooltip_inner,.tooltip_500 .tooltip_inner{
padding: 0px 10px 20px 10px;
font-size: 12px;
}

#sb-player{
overflow: hidden;	
}

#slab-copy-form #edit-copies{
width: 20px;	
float: left;
margin: 0px 5px 5px 0px;
}

.vividglasstop{
clear: both;
}

.vgmenu_vivistone{
background: url(images/menu/new/vivistone_r.jpg) no-repeat;	
}

.vgmenu_vivistone span{
float: left; 
width: 157px; 
height: 31px; 
margin-right: 2px; 
display: block;
background: url(images/menu/new/vivistone_a.jpg) no-repeat;
}

.vgmenu_vivistone:hover span{
background: url(images/menu/new/vivistone_r.jpg) no-repeat;	
}


.vgmenu_vivichrome{
background: url(images/menu/new/vivichrome_r.jpg) no-repeat;	
}

.vgmenu_vivichrome span{
float: left; 
width: 156px; 
height: 31px; 
margin-right: 2px; 
display: block;
background: url(images/menu/new/vivichrome.jpg) no-repeat;
}

.vgmenu_vivichrome:hover span{
background: url(images/menu/new/vivichrome_r.jpg) no-repeat;	
}
	
.vgmenu_vivigraphix{
background: url(images/menu/new/vivigraphix_r.jpg) no-repeat;	
}

.vgmenu_vivigraphix span{
float: left; 
width: 156px; 
height: 31px; 
margin-right: 2px; 
display: block;
background: url(images/menu/new/vivigraphix.jpg) no-repeat;
}

.vgmenu_vivigraphix:hover span{
background: url(images/menu/new/vivigraphix_r.jpg) no-repeat;	
}

.vgmenu_viviform{
background: url(images/menu/new/viviform_r.jpg) no-repeat;	
}

.vgmenu_viviform span{
float: left; 
width: 158px; 
height: 31px; 
margin-right: 2px; 
display: block;
background: url(images/menu/new/viviform.jpg) no-repeat;
}

.vgmenu_viviform:hover span{
background: url(images/menu/new/viviform_r.jpg) no-repeat;	
}

.vgmenu_company{
background: url(images/menu/new/company_r.jpg) no-repeat;
}

.vgmenu_company span{
float: left; 
width: 156px; 
height: 31px; 
margin-right: 2px; 
display: block;
background: url(images/menu/new/company.jpg) no-repeat;
}

.vgmenu_company:hover span{
background: url(images/menu/new/company_r.jpg) no-repeat;
}

.vgmenu_contact{
background: url(images/menu/new/contact_r.jpg) no-repeat;
}

.vgmenu_contact span{
float: left; 
width: 157px; 
height: 31px; 
display: block;
background: url(images/menu/new/contact.jpg) no-repeat;
}

.vgmenu_contact:hover span{
background: url(images/menu/new/contact_r.jpg) no-repeat;
}

.slab_select_msg{
font-weight: bold;
font-size: 11px;
}

.warning_message{
position:absolute;
z-index:999;
left:-10020px;
background: #FFDE17;
border: solid 2px #000;
-moz-border-radius: 8px;
border-radius: 8px;	
color: #000;
font-size: 12px;
padding: 5px;
width: 250px;
overflow: visible;
margin-top: 15px;
}

.warning_message .tooltip_title{
background: #FFDE17;
color: #000;
font-size: 12px;
padding-left: 20px;
background: url(images/warning.png) no-repeat left center;
position: relative;
top: 0px;
}

.form_warning_message{
position:absolute;
z-index:999;
right: 100px;
top: 0px;
background: #FFDE17 url(images/warning.png) no-repeat 5px 5px;
border: solid 2px #000;
-moz-border-radius: 8px;
border-radius: 8px;	
color: #000;
font-size: 12px;
padding: 5px 5px 5px 25px;
width: 250px;
overflow: visible;
margin: 0px;	
}


.update_message{
width: 173px !important;
height: 28px;
border: solid 1px #333;
background: #f1f2f2;
text-align: center;
font-weight: bold;
position: relative;
top: 15px;
font-size: 12px;
}

.move_icon_small{
background: url("images/project_board_tools_2.jpg") no-repeat scroll 0 0 #F1F2F2;
width: 30px;
height: 30px;
float: left;
margin: 0px 5px 5px 0px;
display: block;
}

.mirror_icon_small{
background: url("images/project_board_tools_2.jpg") no-repeat scroll 0 -30px #F1F2F2;
width: 30px;
height: 30px;
float: left;
margin: 0px 5px 25px 0px;
display: block;
}

.rotate_icon_small{
background: url("images/cw_rotation.jpg") no-repeat #F1F2F2;
width: 30px;
height: 30px;
float: left;
margin: 0px 5px 25px 0px;
display: block;
}

.duplicate_icon_small{
background: url("images/project_board_tools_2.jpg") no-repeat scroll 0 -60px #F1F2F2;
width: 30px;
height: 30px;
float: left;
margin: 0px 5px 5px 0px;
display: block;
}

.view_icon_small{
background: url("images/project_board_tools_2.jpg") no-repeat scroll 0 -90px #F1F2F2;
width: 30px;
height: 30px;
float: left;
margin: 0px 5px 5px 0px;
display: block;
}

.field_loading{
background: url("images/field_loading.gif") no-repeat right center;	
}

.project_step_4_title{
text-transform: uppercase;
}

.project_slab_selections{
display: none;
}

.project_details_button{
    background: url("images/view_slabs_collection_button.png") repeat scroll 0 0 transparent;
    color: #FFFFFF !important;
    display: block;
    float: left;
    height: 32px;
    line-height: 32px;
    margin: 50px 0 0 30px;
    text-align: center;
    width: 116px;	
}

.project_detail_show_hide{
border-left: 1px solid #808285;
height: 130px;
margin: 10px 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 190px !important;	
}

.project_option{
width: 380px;
float: left;
margin: 0px 45px;
}

.project_option .option_left{
width: 80px;
float: left;
}

.project_option .option_right{
width: 280px;
padding: 0px 10px;
float: right;
}

.project_option .option_right input{
margin: 0px 5px 0px 0px !important;	
}

.project_detail_inner .slab_collection_edit, .project_detail_inner .rename-project {
background: url("images/slab_collection_buttons1.png") no-repeat scroll 4px 0px transparent;
display: block;
float: left;
font-size: 9px;
line-height: 22px;
padding: 0 0 0 27px;
text-decoration: underline;
}

.project_detail_inner .project_delete{
display: block;
line-height: 22px;
background: url(images/slab_collection_buttons1.png) no-repeat 4px -24px;
float: left;
padding: 0px 0px 0px 27px;
text-decoration: underline;
font-size: 9px;	
}

.project_detail_inner .slab_collection_share{
display: block;
line-height: 22px;
background: url(images/slab_collection_buttons1.png) no-repeat 4px -72px;
float: left;
padding: 0px 0px 0px 27px;
text-decoration: underline;
font-size: 9px;	
}

.project_detail_inner .slab_collection_print{
display: block;
line-height: 22px;
background: url(images/slab_collection_buttons1.png) no-repeat 4px -48px;
float: left;
padding: 0px 0px 0px 27px;
text-decoration: underline;
font-size: 9px;	
}

.dialog_inner .form-submit{
-moz-border-radius: 8px;
border-radius: 8px;
background:none repeat scroll 0 0 #808285;
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-size:11px;
height:20px;
line-height: 20px;
padding-bottom: 2px;
text-align:center;
/*width:80px;
*/float: left;
}

.dialog_inner .cancel-button{
display: block;
-moz-border-radius: 8px;
border-radius: 8px;
background:none repeat scroll 0 0 #808285;
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-size:11px;
height:20px;
line-height: 20px;
text-align:center;
/*width:80px;*/
padding: 0px 10px;
float: left;
margin-left: 30px;
}

.rounded-button{
-moz-border-radius: 8px;
border-radius: 8px;
background:none repeat scroll 0 0 #808285;
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-size:11px;
height:20px;
line-height: 20px;
text-align:center;
/*width:80px;*/
padding: 0px 10px;
margin-left: 30px;
display: inline-block;
}

.rounded-button:hover{
color: #fff;
text-decoration: underline;
cursor: pointer;
}

.dialog_outer .form-submit{
display: block;
height: 30px;
border: solid 1px #333;
clear: both;
float: none;
color: #808285;
background: transparent;
text-transform: uppercase;
padding: 0px 0px 0px 30px;	
border-radius: 0px;
-moz-border-radius: 0px;
}

.dialog_outer .form-submit:hover{
cursor: pointer;	
text-decoration: underline;
}

#mirror-tool-form .form-submit, #slab-copy-form .form-submit{
background: url(images/step2-buttons.png) no-repeat 0px -30px;	
}

.messages.error{
/*display: none;*/	
}

#quarter_match_interface{
z-index: 99999;
margin-left: -420px;
width: 840px;
height: 760px;
}

#copy_tool_interface{
z-index: 99999;
margin-left: -485px;
width: 970px;
height: 760px;	
}

#info_tool_interface{
z-index: 99999;
margin-left: -485px;
width: 970px;
height: 760px;		
}

#zoom_tool_wrapper{
z-index: 99999;
margin-left: -485px;
width: 980px;
height: 760px;		
}

#edit_tool_wrapper{
z-index: 99999;
margin-left: -485px;
width: 985px;
height: 800px;	
}

#edit_tool_wrapper .close_button{
background: url(images/dialog_close_bk.png) no-repeat;
}

#zoom_tool_interface{
z-index: 99999;
width: 985px;
height: 760px;	
overflow: hidden;
padding: 0px;
border: none;
}

#edit_tool_interface{
z-index: 99999;
width: 980px;
height: 800px;	
overflow: hidden;
padding: 0px;
border: none;
}


#tool_object_window{
z-index: 99999;	
display: none;
}

.tool_wrap_bg {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: #000;
filter:alpha(opacity=60);
opacity:.6;
z-index: 99997;
display: block;
}

.tool_loading_message{
background: url(images/loading.gif) no-repeat 50% 50%;	
opacity:1 !important;
filter:alpha(opacity=100) !important;
position: absolute;
top: 50%;
left: 50%;
height: 36px;
width: 36px;
padding: 4px;
display: block;
z-index: 99997;	
}

.design_board_grid{
background: url(images/grid_bg.png);
padding: -1px;
border: solid 1px #cccccc;
}

.workspace_options{
/*color: #fff !important;*/
text-transform: uppercase;
height: 30px;
line-height: 30px;
font-weight: bold;
font-size: 12px;
display: block;
float: left;
}

.workspace_options .measurement_units{
float: left;
margin-left: 5px;
text-transform: capitalize;
}

.workspace_options #workspace-options-form{
position: absolute;
top: 0px;
left: 173px;
}

.workspace_options #reveal-dimensions-form{
position: absolute;
top: 0px;
right: 0px;	
}

.workspace_options .project_tool_heading{
background: none;
margin: 0px;
line-height: 30px;
}

.workspace_options .info_button{
line-height: 30px;
height: 30px;
}

.workspace_options label, .workspace_options input{
float: left;
}

.workspace_options label{
height: 30px;
line-height: 30px;
margin: 0px;
padding: 0px;
float: left;
}

.workspace_options input{
padding: 0px;
}

.workspace_options .form-item{
/*width: 164px !important;*/
height: 30px;
margin: 0px 0px 0px 10px;
float: left;
position: relative;
top: 0px;
}

.workspace_options .form-text{
width: 100px;
/*position: absolute;
right: 0px;*/
float: left;
margin: 6px 0px 0px 10px;
}

.hide{
display: none;	
}

div.hidesignboardgrid div div.design_board_grid{
display: none !important;
}

#cboxLoadedContent div.hidesignboardgrid {
}

.hidesignboardgrid img{
opacity:1 !important;
filter:alpha(opacity=100) !important;
}

.new_project_form #edit-submit{
float: left;
margin: 0px 0px 20px 15px;
-moz-border-radius: 8px;
border-radius: 8px;
background:none repeat scroll 0 0 #888888;
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-size:11px;
line-height: 12px;
vertical-align: middle;
height:33px;
text-align:center;
word-wrap: break-word;
white-space: normal;
padding: 0px 10px;
width: 97px;
}

.new_project_form h2{
font-size: 12px;	
float: left;
margin: 3px 0px 20px 15px;
}

.new_project_form h3{
font-size: 12px !important;	
}

.new_project_form p{
/*clear: both;*/
margin: 0px 0px 12px 35px;
}
.new_project_form #edit-project-name{
margin: 0px 0px 12px 35px;
color: #555;
}
#edit-workspace-width-wrapper, #edit-workspace-height-wrapper{
width: 250px;
height: 25px;
margin: 5px 0px 5px 35px !important;
float: left;
}
#edit-workspace-width-wrapper label, #edit-workspace-height-wrapper label{
width: 60px;
float: left;
font-weight: normal !important;
}
.new_project_form #edit-workspace-width, .new_project_form #edit-workspace-height{
width: 180px;	
float: left;
color: #555;
}
.new_project_form .units_indicator{
height: 25px;
margin: 5px 0px 5px 5px !important;
float: left;
}
.list_number{
display: block;
width: 20px;
height: 22px;
background: url(images/number_bullet.png);
color: #fff;
font-size: 16px;
text-align: center;
line-height: 20px;
float: left;
}

.step_2_shadowbox{
visibility: hidden;
}

.step_2_shadowbox #content{

}

.step_2_shadowbox #main{
top: 0px;	
left: 20px;
}

.step_2_shadowbox #content-header, .step_2_shadowbox #header{
display: none;	
}

.step_2_shadowbox #content-area{
display:block !important;	
visibility: visible;
position: relative;
top: 0px;
left: 0px;
width: 970px;
}

.step_2_shadowbox .prev_step_button, .step_2_shadowbox .next_step_button, .step_2_shadowbox #project_dimensions_message{
display: none;	
}

.step_2_shadowbox .help_tool_heading, .step_2_shadowbox .help_icon_l, .step_2_shadowbox .info_button, .step_2_shadowbox .step_2_video_thumb{
display: none !important;	
}

.step_2_shadowbox #project_dimensions_control_panel{
    -moz-border-radius: 15px 15px 15px 15px;
    background: none repeat scroll 0 0 #F1F2F2;
    border: 3px solid #808285;
	overflow: visible;
	padding-left: 10px;
	padding-bottom: 10px;
}

.step_2_shadowbox .dialog_title{
width: 186px !important;
line-height: 20px !important;
height: 20px !important;
margin: -2px 0px 0px -13px;
}

#cboxLoadedContent{
background: none !important;
}

.zoom_select_slab_button{
background: url(images/select.jpg) left center no-repeat;
border: 1px solid #333333;
clear: both;
display: block;
height: 30px;
line-height: 30px;
margin: 0 5px 0 0;
padding-left: 30px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 135px;
}

.node-type-resource-center-page .node-inner h3{
text-transform: uppercase;
font-size: 12px;
color: #888888;
}

.node-type-resource-center-page .node-inner a{
text-decoration: underline;
}

.node-type-resource-center-page .node-inner p{
margin: .5em 0em .5em 0em;	
}

.node-type-resource-center-page .node-inner .imagefield-field_header_image{
margin-bottom: 20px;	
}

.node-type-resource-center-page .doc, .node-type-resource-center-page .pdf, .node-type-resource-center-page .xls, .node-type-resource-center-page .wmv{
padding-left: 35px;	
font-weight: bold;
color: #333;
}

#cboxTitle{
font-size: 10px;
height: 30px;
}

.uc-link{
text-transform: uppercase;
font-size: 9px;
}

.page_intro_text{
font-size: 1.5em;
line-height: 120%;
}

.step_1_video_thumb{
display: block;
height: 101px;
width: 176px;
margin-top: 15px;
background: url(images/video_step_1_thumb.jpg) no-repeat;
}

.step_2_video_thumb{
display: block;
height: 101px;
width: 176px;
margin-top: 30px;
background: url(images/video_step_2_thumb.jpg) no-repeat;
clear: both;
float: none;
}

.step_3_video_thumb{
display: block;
height: 101px;
width: 176px;
margin-top: 15px;
margin-bottom: 10px;
background: url(images/video_step_3_thumb.jpg) no-repeat;
clear: both;
float: none;
}

.step_4_video_thumb{
display: block;
height: 101px;
width: 176px;
margin-top: 15px;
margin-bottom: 10px;
background: url(images/video_step_4_thumb.jpg) no-repeat;
}

.my_projects_video_thumb{
display: block;
height: 101px;
width: 176px;
margin-top: 15px;
margin-bottom: 10px;
background: url(images/video_my_projects_thumb.jpg) no-repeat;
}

#edit-profile-first-name-wrapper {
position: relative;
top: 0px;
height: 75px;
}

#edit-profile-first-name-wrapper .description{
position: absolute;
top: 0px;
}

#edit-profile-first-name-wrapper label{
position: absolute;
top: 45px;
}

#edit-profile-first-name-wrapper #edit-profile-first-name{
position: absolute;
top: 60px;
}

.home-page-block {
float: left;
/*position: relative;
left: -1px;*/

margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
border-bottom: solid 1px #D9D9D9;	
}

.front #content-bottom{
overflow: hidden;	
padding-bottom: 15px;
}

.front .share_links_block{
/*border-top: none !important;*/
background: #fff;
}

.home-page-block .block-inner{
width: 366px;
height: 230px;
padding: 5px 13px 5px 0px;
border-left: solid 1px #D9D9D9;
position: relative;
left: -1px;
}

.home-page-block.region-even .block-inner{
padding: 5px 0px 5px 13px;	
}



.home-page-block .block-inner p{
margin: 1em 2px;	
}

.home-page-block h2.title{
font-size: 12px;
color: #cc0000;
margin-bottom: 15px;
}

.home-page-block a.home-register{
display: block;
width: 75px;
height: 63px;
background: url(images/register_home_button.jpg) no-repeat top center;
padding: 65px 0px 0px 0px;
font-size: 11px;
text-align: center;
float: left;
margin: 20px 0px -25px 40px;
}

.home-page-block a.home-login{
display: block;
width: 75px;
height: 63px;
background: url(images/login_home_button.jpg) no-repeat top center;
padding: 65px 0px 0px 0px;
font-size: 11px;
text-align: center;
float: left;
margin: 20px 0px -25px 120px;
}

.home-page-block a.home-new-project{
display: block;
width: 75px;
height: 63px;
background: url(images/new_project_home_button.jpg) no-repeat top center;
padding: 65px 0px 0px 0px;
font-size: 11px;
text-align: center;
float: left;
margin: 20px 0px -25px 40px;
}

.home-page-block a.home-my-projects{
display: block;
width: 75px;
height: 63px;
background: url(images/my_projects_home_button.jpg) no-repeat top center;
padding: 65px 0px 0px 0px;
font-size: 11px;
text-align: center;
float: left;
margin: 20px 0px -25px 120px;	
}

.home-block-link{
position: absolute;
right: 10px;
bottom: 0px;
background: url(images/home_arrow.jpg) no-repeat left center;
padding-left: 10px;
text-transform: uppercase;
font-size: 10px;
text-decoration: underline !important;
}

.node-type-fs-home-page #content-top{
overflow: hidden;	
}

#resourceCenterGallery{
width: 200px;
float: left;
margin-right: 20px;
margin-top: 20px;
}

#resourceCenterGallery img{
margin: 0px 5px 5px 0px;	
}

.resourceCenterContent{
float: left;	
font-size: 12px;
width: 730px;
margin-top: 20px;
}

.trial-mode-banner{
background: #cc0000;
color: #fff;	
width: 950px;
height: 30px;
margin-bottom: 5px;
}

.trial-mode-banner p{
text-align: center;
line-height: 30px;	
margin: 0px;
padding: 0px;
}

.trial-mode-banner a{
color: #fff;
text-decoration: underline;	
}

h1 {
font-size: 21px;	
}

h1 span{
color: #cc0000;	
}

.region .five{
width: 190px;
float: left;
border-bottom: solid 1px #e5e5e5;
padding: 10px 0px;
}

.region .five .block-inner{
border-right: solid 1px #e5e5e5;
padding: 0px 12px 0px 13px;
width: 165px;
position: relative;
}

.region .five.region-count-1 .block-inner, .region .five.region-count-6 .block-inner,.region .five.region-count-12 .block-inner{
border-left: solid 1px #e5e5e5;	
}

.region .b-link a{
text-transform: uppercase;
color: #989898;
text-decoration: underline;	
}

.region.vq-resource-demo{
color: #989898;	
}

.region .b-link{
text-align: center;
padding: 10px 0px;
}

.vq-resource-demo .five .block-inner{
height: 200px;	
}

.more-link{
background: url("images/home_arrow.jpg") no-repeat scroll left center transparent;
font-size: 10px;
padding-left: 10px;
position: absolute;
right: 20px;
bottom: 0px;
text-decoration: underline !important;
text-transform: uppercase;
}

.profile_card{
position: relative;	
height: 192px;
}

.profile_card a{
text-decoration: underline;
}

.profile_card .imagecache-profile_image{
	position: absolute;
	left: 0px;
	top: 0px;
}

.profile_card .profile_value{
	position: absolute;
	left: 120px;	
}

.profile_card .name{
	top: 0px;
	font-weight: bold;	
}

.profile_card .job_title{
	top: 20px;	
}

.profile_card .company_name{
	top: 40px;	
}


.profile_card .city_state{
	top: 60px;	
}

.profile_card .country{
	top: 80px;	
}

.profile_card .member_since {
	top: 100px;	
}

.profile_card .profile_edit_link a{
position: absolute;
left: 0px;
bottom: 0px;
padding-top: 4px;
padding-left: 30px;
background: url(images/profile_icons.jpg) no-repeat scroll 0px -19px;
font-size: 10px;
text-transform: uppercase;
}

.profile_card .profile_contact_edit_link a{
position: absolute;
right: 0px;
bottom: 0px;
padding-top: 4px;
padding-left: 30px;
background: url(images/profile_icons.jpg) no-repeat scroll 0px 0px;	
font-size: 10px;
text-transform: uppercase;
}

div.collage-wrapper{
width: 165px;
height: 110px;
overflow: hidden;
display: block;
position: relative;	
}

div.project_collage_small{
width: 165px;
height: 110px;
background: #808285;
text-align: center;	
overflow: hidden;
}

div.project_collage_small img{
align: center;	
}

div.collage_overlay{
width: 165px;
height: 110px;
text-align: center;
color: #fff;
position: absolute;
left: 0px;
top: 0px;	
}

div.collage_overlay .background{
width: 165px;
height: 110px;
background: #808285;
left: 0px;
top: 0px;	
opacity:0.4;
filter:alpha(opacity=40);
}

div.collage_overlay span{
opacity:1;
filter:alpha(opacity=100);
display: block;	
color: #fff;
position: absolute;
top: 0px;
width: 165px;
text-align: center;
line-height: 110px;
text-transform: uppercase;

}

.region.my-projects .five{
height: 200px;	
}
.region.my-projects .five .block-inner{
height: 200px;	
}
.region.my-projects .actions{
height: 19px;
overflow: hidden;	
margin: 3px 0px 0px 0px;
}

.region.my-projects .actions a, .region.my-projects .actions span{
display: block;
width: 23px;
height: 19px;
background: url(images/my-projects-buttons2.png) no-repeat;
float: left;
text-indent: -99999px;
overflow: hidden;
margin-left: 5px;
}

.region.my-projects .actions span{
opacity:0.4;
filter:alpha(opacity=40);
}

.region.my-projects .project-addnew{
background-position: left 0px !important;	
margin-left: 0px !important;
}

.region.my-projects .project-editconfiguration{
background-position: 0px -30px !important;	
}

.region.my-projects .project-delete{
background-position: 3px -60px !important;	
}

.region.my-projects .project-pricing{
background-position: 3px -90px !important;	
}

.region.my-projects .project-download{
background-position: 5px -120px !important;	
}

.region.my-projects .project-copy{
background-position: 3px -150px !important;	
}

.design_tools a{
background: url(images/design_board_buttons.png) no-repeat;	
height: 30px;
padding-left: 30px;
line-height: 30px;
display: block;
float: left;
font-weight: bold;
text-transform: uppercase;
width: 130px;
text-align: left;
margin-left: 15px;
}

.design_tools a.img_rotate{
background-position: 0px -60px;	
}

.design_tools a.mirror_icon{
background-position: 0px -90px;		
}

.design_tools a.clone_icon{
background-position: 0px -120px;		
}

.design_tools a.preview_project{
background-position: 0px -150px;		
}

#project_workspace_panel{
background: none repeat scroll 0 0 #F1F2F2;
float: right;
height: 780px;
margin: 0;
position: relative;
text-align: center;
width: 950px;	
border: solid 1px #e5e5e5;
}

#selection_tools a{
background: url(images/step2-buttons.png) no-repeat 0px 0px;
height: 30px;
line-height: 30px;
text-transform: uppercase;
padding-left: 32px;
overflow: hidden;
margin: 0px;
display: block;
text-align: left;
width: 100px;
}

#selection_tools a.img_rotate{
background-position: 0px -60px;
position: absolute;
left: 145px;
top: 0px;
}

#selection_tools a.img_select{
background-position: 0px -90px;
position: absolute;
left: 25px;
top: 0px;
}

#selection_tools .next-step, #sel_params .next-step{
background: url(images/step2-buttons.png) no-repeat 0px 0px;
display: block;
height: 30px;
line-height: 30px;
text-transform: uppercase;
overflow: hidden;
position: absolute;
right: 0px;
top:0px;
text-align: left;
padding-left: 30px;
padding-right: 10px;
width: 60px;
}

#selection_tools span.next-step{
opacity:.40;
filter:alpha(opacity=40);	
}
#sel_params .next-step{
opacity:.40;
filter:alpha(opacity=40);
text-indent: -999999px;
overflow: hidden;
width: 30px;
padding: 0px 2px;
border-left: solid 1px #e5e5e5;
}

.step_2_shadowbox #selection_tools .next-step{
display: none;	
}
#sel_params{
width: 950px;
height: 30px;
position: absolute;
right: -950px;	
}
#sel_params a.slide{
width: 30px;
height: 30px;
background: url(images/step2-buttons.png) no-repeat 0px 0px;
text-indent: -999999px;
float: left;
padding: 0px;
overflow: hidden;
border-left: solid 1px #e5e5e5;
opacity:.40;
filter:alpha(opacity=40);
padding: 0px 2px;
}
#sel_params a.slide:hover{
opacity:1;
filter:alpha(opacity=100);	
}
#sel_params a.slide.rotate{
background-position: 0px -60px;	
position: absolute;
right:102px;
top: 0px;
}
#sel_params a.slide.zoom{
background:url(images/zoom-icon-3.png) no-repeat center center;
position: absolute;
right:68px;
top: 0px;
}
#sel_params a.slide.save{
background-position: 0px -30px;
position: absolute;
right:34px;
top: 0px;
}
#sel_params .next-step{
position: absolute;
right: 0px;
top: 0px;	
}
#project_workspace .design_tools_button{
background: url(images/design_board_buttons.png) no-repeat 0px -2px;	
height: 30px;
padding-left: 26px;
padding-right: 10px;
line-height: 30px;
display: block;
float: left;
font-weight: bold;
text-transform: uppercase;
text-align: center;
position: absolute;
left: 0px;	
overflow:hidden;
width: 190px;
border-right: solid 1px #e5e5e5;
}

#project_workspace .design_tools_button.active{
text-align: left;
opacity:.40;
filter:alpha(opacity=40);
position: relative;
border-right: solid 1px #e5e5e5;
width: 100px;
margin-left: 5px;
margin-right: 0px;
}
#project_workspace .design_tools_button.active:hover{
opacity:1;
filter:alpha(opacity=100);
}

#project_workspace .workspace_tools_button{
background: url(images/design_board_buttons.png) no-repeat right -30px;	
height: 30px;
padding-right: 26px;
padding-left: 10px;
line-height: 30px;
display: block;
float: left;
font-weight: bold;
text-transform: uppercase;
text-align: center;
position: absolute;
right: 0px;
top: 0px;
overflow: hidden;
width: 190px;
border-left: solid 1px #e5e5e5;
}

#project_workspace .workspace_tools_button.active{
text-align: right;
opacity:.40;
filter:alpha(opacity=40);
border-left: solid 1px #e5e5e5;
width: 130px;
}
#project_workspace .workspace_tools_button.active:hover{
opacity:1;
filter:alpha(opacity=100);
}

.design_tools.show .workspace_options.show{
display:block;
}

.workspace_options{
position: absolute;
right: -950px;
width: 950px;	
top: 0px;
overflow: hidden;
}

.design_tools{
position: absolute;
left: -950px;
width: 950px;
top: 0px;
overflow: hidden;

}

#project_dimensions_control_panel .img_rotate{
background: url("images/cw_rotation.jpg") no-repeat scroll left center #F1F2F2;
border: 1px solid #333333;
clear: both;
display: block;
height: 30px;
line-height: 30px;
margin: 0 5px 0 0;
padding-left: 30px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 144px;	
}

.help-panel{
margin-bottom: 10px;
height: 220px;	
display: none;
}

.help-panel-show{
position:absolute;
right: 0px;	
bottom: 0px;
}

.help-panel-show p{
	margin: 0px;
}

.my-projects .five{
height: 160px;	
}
.my-projects .block-inner{
height: 160px;	
}

.slideshow{
overflow: hidden;
width: 950px;
height: 301px;	
border: solid 1px #E5E5E5;
}
.slideshow img{
width:950px;
height:301px;
}

.projects-register-button{
background: #f1f2f2 url(/sites/all/themes/vivistone/images/quote_button.jpg) no-repeat left center;
border: solid 1px #333;
color: #808285;
cursor: pointer
display: block;
float: left;
font-family: Arial, sans-serif;
font-size: 12px;
height: 30px;
letter-spacing: normal;
line-height: 30px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 5px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 35px;
padding-right: 6px;
padding-top: 0px;
text-align: center;
text-decoration: none;
text-indent: 0px;
text-shadow: none;
text-transform: uppercase;
white-space: pre;
word-spacing: 0px;	
}

.front #slide-nav {
	position: absolute;
	right: 0px;
	bottom: 7px;
}

#slide-nav a{
	width: 10px;
	height: 10px;
	background: url(images/slide-nav-bg.png) no-repeat 0px -12px;
	display: block;
	font-size: 7px;
	text-indent: -99999px;
	overflow: hidden;
	float: left;
	margin-left: 5px;
}

#slide-nav a.activeSlide{
background-position: 0px -1px;	
}

a.rounded-link{
height: 17.5px;
line-height: 17.5px;
background: #808285;
-moz-border-radius: 8px;
border-radius: 8px;
color: #fff;
margin: 20px 0px 0px 10px;
padding: 3px 10px;
text-align: center;
font-size: 11px;
}


.view-filters{
border-bottom: solid 1px #e5e5e5;
padding-bottom: 15px;
margin-bottom: 15px;	
}

.view-project-search .view-content .views-row{
border-bottom: solid 1px #e5e5e5;
padding: 10px 0px;
width: 190px;
float: left;
}

.view-project-search .views-field-nothing, .view-project-search .views-field-name, .view-project-search .views-field-changed, .view-project-search .views-field-phpcode{
padding: 0px 11px;
border-left: solid 1px #e5e5e5;	
}

.view-project-search .views-row-1 .views-field-nothing, .view-project-search .views-row-1 .views-field-name, .view-project-search .views-row-1 .views-field-changed, .view-project-search .views-row-1 .views-field-phpcode{
border-left: none;	
}
.view-project-search .views-row-6 .views-field-nothing, .view-project-search .views-row-6 .views-field-name, .view-project-search .views-row-6 .views-field-changed, .view-project-search .views-row-6 .views-field-phpcode{
border-left: none;	
}

.view-project-search .views-field-nothing a{
font-weight: bold;
font-size: 14px;	
}

.view-project-search .views-field-changed {
font-style: italic;
font-size: 11px;	
}


#project_dimensions_zoom_control, #zoom_control{
margin: 0px auto;
width: 240px;
height: 26px;
position: relative;	
padding: 7px 40px 0px 40px;
top: 0px;
border-left: solid 1px #e5e5e5;
border-right: solid 1px #e5e5e5;
}
#zoom_wrapper{
position: absolute;
top: 0px;
left:50%;
margin-left:-160px;	
}
#project_dimensions_zoom_control #zoom_smaller, #zoom_control #zoom_smaller{
background: url(images/zoom-icons-dark.png)  no-repeat 5px 0px;
height: 16px;
width: 26px;
left: 0px;
top: 5px;
padding-left: 5px;
}

#project_dimensions_zoom_control #zoom_larger, #zoom_control #zoom_larger{
background: url(images/zoom-icons-dark.png)  no-repeat -26px 0px;
height: 16px;
width: 26px;
right: 0px;
top: 5px;
left: auto;
padding-right: 5px;
}

#project_dimensions_zoom_control #slider, #zoom_control #slider{
	background: none;
	border: solid 1px #888;
	height: 5px;
	margin-top: 3px;
}

#project_dimensions_zoom_control #slider .ui-slider-handle, #zoom_control #slider .ui-slider-handle{
width: 12px;
height: 12px;
background: #888;
border: solid 1px #888;
border-radius: 10px;	
margin-top: 0px;
padding: 0px;
}

#project_dimensions_zoom_control  #slider .ui-slider-handle.ui-state-hover, #zoom_control #slider .ui-slider-handle.ui-state-hover{
background: #999;
border: solid 1px #999;	
}

#project_workspace_panel a.zoom_button{
background: url(images/zoom-icon-3.png) no-repeat center center;
width: 22px;
height: 22px;
display: block;
text-indent: -999999px;
opacity:.40;
filter:alpha(opacity=40);
}

#project_workspace_panel a.zoom_button:hover{
opacity:1;
filter:alpha(opacity=100);
}

.design_tools a.zoom_button{
margin: 0px;
border-left: solid 1px #e5e5e5;
padding: 4px;
position: absolute;
right: 167px;
top: 0px;
}

.workspace_options a.zoom_button{
margin: 0px;
border-right: solid 1px #e5e5e5;
padding: 4px;
position: absolute;
left: 142px;
top: 0px;
}

#project_design_board img.wait{	
background: url(images/loading.gif) no-repeat center center;	
}

#cboxLoadedContent img.ui-draggable{
background: url(images/loading.gif) no-repeat center center;	
}