.view-borders #material-2 {
position: absolute;
z-index: 1;
margin-top: 50px !important;
}


a#zoom-link, a#zoom-link-3 {
display: block;
width: 375px;
height: 375px;
text-indent: -99999em;
position: absolute;
z-index: 97;
  margin-top: -460px;
margin-left: -30px;
}

.view-borders .views-slideshow-controls-bottom h2{
margin-left: 20px;
margin-top: 10px;
}


.view-borders .views-slideshow-pager-fields .views-slideshow-pager-field-item {
float: left;
width: 110px;
height: 70px;
  margin-left: 5px;
margin-top: 10px;
}

.view-borders .views-slideshow-pager-fields {
  display: block;
  margin-left: 10px;
}

.view-borders .views-slideshow-pager-fields .views-slideshow-pager-field-item {
margin-right: 0px;
width: 68px;
padding: 5px 0px 0px 0px;
border: 4px solid white;
margin-bottom: 0px;
}

.view-borders .views-slideshow-pager-fields .views-slideshow-pager-field-item.active {
border: 4px solid #90101D;

}

.view-borders .views-slideshow-pager-fields .views-slideshow-pager-field-item img{
margin: 0px auto;
display: block;
width: 45px;
padding: 0px;
}


.view-borders .views-slideshow-controls-bottom .views-content-title {
margin-left: 0px;
margin-top: 0px;
position: absolute;
  margin-top: 50px;
  width: 66px;
margin-left: 2px;
line-height: 15px;
  color: black;
  text-transform: none;
}






.zoom {
font-size: 10px;
display: none;
}

.view-borders .views-slideshow-cycle-main-frame img {
  margin-top: -40px;
}

#material-price-on-border a {
display: block;
  float: right;
  margin-right: 10px;
}

#material-price-on-border span {
text-transform: uppercase;
  margin-right: 20px;
}


.view-borders {
width: 900px;
}

.view-borders .views-slideshow-cycle-main-frame {
  margin-top: 50px;
}

.view-borders .views-slideshow-cycle-main-frame-row-item .views-field-title  {
position: absolute;
left: 0px;
top: 0px;
font-size: 19px;
font-weight: normal;
line-height: 30px;
margin-bottom: 10px;
color: black;
  margin-top: -30px;
}


.only-one .views-slideshow-cycle-main-frame-row-item .views-field-title {
margin-top: 200px;
margin-top: 250px;
margin-left: 200px;
}

.only-one .views-slideshow-cycle-main-frame-row-item img {
top: 0px;
  margin-top: 245px;
  z-index: 1;
  
left: 40px;
}

.view-borders .breadcrumb {
margin-top: 18px;
}







/* now trying to get mitred to look right */
.hold-width {
display: none;
}

.lapped-one, .mitered-one {
border: 4px solid white;
display: inline;
padding-left: 0px;
padding-right: 0px;
}

.mitered-one{
}

.mitered-one span, .lapped-one span {
background: url(images/mitered.png) 50% no-repeat;
width: 52px;
height: 52px;
text-indent: -99999em;
display: inline-block;
padding: 8px;

}

.lapped-one span {
background: url(images/lapped.png) 50% no-repeat;
}

.open label {
padding-left: 20px;
}

.view-borders .border-widths-list-2 a {
position: absolute;
display: block;
width: 150px;
height: 20px;
  margin-left: -40px;
}

/* this is the input size and shape button */

.hold-width img {
 width: 375px;
 height: 375px;
}

.view-borders .views-field-nothing-2 a {
display: none;
}

.view-borders .open label {
text-transform: uppercase;
font-weight: normal;
cursor: pointer;
float: left;
text-transform: none;
padding: 5px;
border: 2px solid black;

}

.view-borders .open {
margin-top: -22px;
margin-left: 3px;
width: 300px;
}


#border-category-list {
background: white;
  border: 20px solid #736673;
  height: 148px;
margin-left: 410px;
  margin-top: 50px;
padding: 10px;
  position: absolute;
  top: 182px;
  width: 430px;
}

#border-category-list h2 {
margin-top: 0px;
}

.view-borders .views-slideshow-controls-bottom {
width: 450px;
position: absolute;
  top: 426px;
  right: 0px;
  border: 20px solid #736673;
  height: 260px;
  overflow-y: scroll;
}

.view-borders .views-field-field-half-image label {
  position: absolute;
  right: 0px;
 margin-right: -333px;
margin-top: -240px;
  font-size: 10px;
  width: 57px;
text-align: center;
}

.view-borders.only-one .views-field-field-half-image label {
 margin-right: -373px;
}

.or-link {
  position: absolute;
  top: 0px;
  left: 0px;
margin-left: 608px;
  margin-top: 560px;

}

.view-borders .views-field-field-1half-image label  {
position: absolute;
  margin-right: -414px;
  right: 0px;
  margin-top: 115px;
margin-top: -240px;
  font-size: 10px;
  width: 57px;
text-align: center;
}

.view-borders.only-one .views-field-field-1half-image label  {
  margin-right: -454px;
}

.view-borders .views-field-field-2half-image label {
position: absolute;
  margin-right: -495px;
  right: 0px;
margin-top: -240px;
  font-size: 10px;
  width: 57px;
text-align: center;
}

.view-borders.only-one .views-field-field-2half-image label  {
  margin-right: -535px;
}


.view-borders .views-field-field-half-image .lapped-one {
position: absolute;
  right: 0px;
  margin-right: -417px;
  margin-top: -330px;
}

.view-borders .views-field-field-half-image .mitered-one {
position: absolute;
  right: 0px;
  margin-right: -178px;
  margin-top: 20px;
  margin-top: -330px;
}

.view-borders.only-one .views-field-field-half-image .lapped-one {
  margin-right: -457px;
}

.view-borders.only-one .views-field-field-half-image .mitered-one {
  margin-right: -218px;
}


.view-borders .views-field-field-2half-image .mitered-side label {
  margin-right: -216px;
}

.view-borders .views-field-field-1half-image .mitered-side label {
  margin-right: -136px;
}

.view-borders.only-one .views-field-field-2half-image .mitered-side label {
  margin-right: -256px;
}

.view-borders.only-one .views-field-field-1half-image .mitered-side label {
  margin-right: -176px;
}



#hold-this {
  width: 450px;
  height: 200px;
  position: absolute;
  right: 0px;
  margin-right: -525px;
margin-top: -40px;
margin-top: -390px;
background: white;
  border: 20px solid #736673;
}

.only-one #hold-this {
margin-right: 0px;
  margin-top: -247px;
}

.only-one .views-field-field-half-lapped {
  position: absolute;
margin-left: 0px;
margin-top: 0px;
}

.only-one .views-field-field-1half-image, .only-one .views-field-field-2half-image {
  position: absolute;
margin-top: 160px;
  margin-left: 00px;
}

.only-one .or-link {
  margin-top: -95px;
margin-left: 575px;
  
}

.only-one.view-borders .views-field-field-half-image:before {
  margin-top: -360px !important;
  margin-right: -375px;
}


.view-borders .views-field-field-half-image:before {
content: '3. Select Your Border Corner and Width';
  font-weight: bold;
  font-size: 14px;
position: absolute;
  right: 0px;
  margin-right: -340px;
  margin-top: -10px;
  margin-top: -360px;
}


.view-border-categories .views-field-field-border li, .recommended-link li {
float: left;
list-style: none;
width: 100px;
  margin-left: 5px;
}

.view-border-categories .views-field-field-border li a:hover {
color: black;
}

.recommended-link li a, #link-93, #link-94, #link-96, #link-11, #link-95, #link-10 {
display: block;
background: url(images/recommended.jpg)   50% 10px no-repeat;
color: black;
text-align: center;
border: 4px solid white;
font-size: 10px;
line-height: 15px;
background-size: 70px;
padding: 0px 10px;
padding-top: 80px;
padding-bottom: 0px;
}

.recommended-link li a.active, #link-93.active, #link-94.active, #link-96.active, #link-11.active, #link-10.active, #link-95.active {
border: 4px solid #90101D;
}

#link-93 {
background: url(images/canvas.png)    50% 10px no-repeat;
background-size: 70px;
}

#link-94 {
background: url(images/serged.png)    50% 10px  no-repeat;
background-size: 70px;
}

#link-96 {
background: url(images/serged.png)   50% 10px  no-repeat;
background-size: 70px;
}

#link-11 {
background: url(images/canvas.png)    50% 10px no-repeat;
background-size: 70px;
}

#link-10 {
background: url(images/barely.png)    50% 10px no-repeat;
background-size: 70px;
}


#link-95 {
background: url(images/acrylic.png)     50% 10px no-repeat;
background-size: 70px;
}

#link-13 {
display: none;
}


.view-borders #buttons-1 {
position: absolute;
width: 450px;
margin-left: -35px;
  top: 0px;
margin-top: 390px;
}

.view-borders.only-one #buttons-1 {
margin-top: 620px;
margin-top: 670px;
}


.view-borders #buttons-1 a {
background: #f7f8f9;
  padding: 3px;
margin: 3px;
font-size: 11px;
color: black;
text-transform: uppercase;
}


.step-2-to-3 a, .views-field-nothing-5 a {
background: white;
  border: 2px solid black;
  color: black;
  padding: 10px 10px;
  font-size: 30px;
  margin-top: 5px;
position: absolute;
  right: 59px;
}
/* xxx */
.views-field-nothing-5 a{
 left: 508px;
  width: 349px !important;
margin-top: -145px;
height: 22px !important;;
}

.only-one .views-field-nothing-5 a{
 left: 707px;
margin-top: 49px;
}

.page-recommended-borders .views-field-nothing-5 a {
margin-top: 23px !important;
}


.canvas-no .views-field-nothing-5 {
display: none;
}


.step-2-to-3 {
position: absolute;
background: #736673;
  width:490px;
height: 70px;
margin-left: -20px;
margin-top: -240px !important;
}

.page-recommended-borders .step-2-to-3 {
margin-top: 220px !important;
}

.page-select-border .canvas-yes .step-2-to-3 {
margin-top: 220px !important;
}


.canvas-no .step-2-to-3 {
margin-left: 380px;
margin-top: -187px;
margin-top: -199px;
}


.page-recommended-borders .canvas-no .step-2-to-3 {
margin-top: -242px !important;
}



.view-borders .tpr-steps {
position: absolute;
 right: -30px;
  margin-top: 250px;
  margin-top: 90px
}


.view-borders.canvas-no .tpr-steps {
  margin-top: 20px;
margin-top: -160px;
}


.view-borders .addthis_inline_share_toolbox {
position: absolute;
 right: 10px;
  margin-top: 380px;
  margin-top: 230px;
}

.view-borders.canvas-no .addthis_inline_share_toolbox {
  margin-top: 150px;
  margin-top: -30px;
}



.view-borders {
min-height: 1100px;
}



.view-borders .views-slideshow-cycle-main-frame-row-item {
background: white;
  width: 315px;
  height: 225px;
  padding: 10px;
margin-top: 430px;
border: 20px solid #736673;
}


.view-borders.only-one .views-slideshow-cycle-main-frame-row-item {
margin-top: 480px;
}

#material-price-on-border {
  z-index: 98;
  position: absolute;
  height: 34px;
  width: 315px;
padding: 10px;
  font-size: 10px;
  margin-top: 690px;
background: white;  
border-left: 20px solid #736673;
border-right: 20px solid #736673;
border-bottom: 20px solid #736673;
border-top: 10px solid #736673;
font-weight: bold;
font-weight: bold;
background: #dddbdd;
}

#material-price-on-border a {
display: block;
  background: black;
  color: white;
  padding: 4px;
line-height: 9px;
  font-weight: normal;
  float: right;
  margin-top: 3px;
}

.view-borders .views-slideshow-cycle-main-frame-row-item img {
position: absolute;
  margin-left: -30px;
  margin-top: -460px;
}


.view-borders .views-field-body {
height: 310px;
overflow:hidden;
  margin-bottom: 50px;
  height: 150px;
}

.view-borders .views-field-field-price-of-border .views-label{
float: left;
margin-right: 5px;
}

.view-borders .views-field-field-price-of-border, .view-borders .views-field-field-price-of-material {
font-weight: bold;
}

.hold-width {
position: absolute;
z-index: 1;
margin-top: -360px;
margin-left: -3px;

}

/*  START STEP 3 */

#step-3-buttons {
  height: 120px;
  width: 473px;
  margin-top: -800px;
  margin-left: 418px;
background: #736673;
padding-top: 200px;
 z-index: 1;
}
 .views-field-uc-product-image-2 img{
 width: 277px;
 height: 201px;
border: 1px solid #ccc;
padding: 1px;
 }

.thumb-3 {
position: absolute;
margin-top: -25px;
}

.view-related-colors .views-row {
  margin: 0px;
margin-right: 10px;
}

.page-recommended-borders .views-field-uc-product-image {
position: absolute;
}

.view-borders .views_slideshow_pager_field_item div {
line-height: 10px !important;
  cursor: pointer;
}

.view-border-categories div li a{
line-height: 12px !important;  
}


.view-borders .views_slideshow_pager_field_item div {
font-size: 10px;
  text-align: center;
}

.page-recommended-borders .view-borders .views_slideshow_pager_field_item img {
margin-top: 5px !important;
}

.page-recommended-borders .view-borders .views_slideshow_pager_field_item .views-field-title {
margin-top: -45px;
}

.page-recommended-borders .view-borders .views-slideshow-pager-fields .views-slideshow-pager-field-item {
padding: 5px 0px 25px 0px;
}

.view-borders .views-field-field-half-image{
margin-top: 210px !important;
}

.view-borders.only-one .views-field-field-half-image{
margin-top: 160px !important;
}

.view-borders.only-one .views-slideshow-cycle-main-frame img{
 margin-left: -70px !important;
}


.page-recommended-borders .view-borders .views-field-nothing-5 a {
margin-top: 73px;
}

.page-recommended-borders .view-borders .only-one .views-field-nothing-5 a{
margin-top: 100px;
}

.page-recommended-borders .view-borders .views-field-nothing-5 {
  width: 490px !important;
  height: 100px !important;
  background:  #736673 !important;
  margin-left: 380px;
margin-top: -190px;
}

.page-recommended-borders .view-borders.only-one .views-field-nothing-5 {
margin-top: -25px;
}