@charset "utf-8";
body {
  color: #4C4C4C;
  background-image: url(http://www.ukjobs.net/images/bodybg.png);
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-repeat: repeat-x;
  background-color: #c7c7c7;
}
.style1 {color: #990000;
}
p {
  margin: 0px;
  padding: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}

.pageblock { width: 929px; margin: 0px auto; }

.container {
  height: auto;
  width: 929px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}
#bannerarea {
  float: left;
  height: 100px;
  width: 400px;
}
.banner {
  float: right;
  height: 30px;
  width: 468px;
  text-align: left;
  vertical-align: top;
  margin-top: 5px;
  margin-right: 30px;
  margin-bottom: 5px;
  margin-left: 5px;
}
#navigation {
  float: left;
  height: 45px;
  width: 100%;
  background-image: url(../images/newnav.png);
  background-repeat: no-repeat;
}
.sidenav {
  float: left;
  height: auto;
  width: 242px;
}
.sidenavcontainer {
  float: left;
  height: auto;
  width: 242px;
}
.mainbody {
  height: auto;
  width: 420px;
  margin-right: 5px;
  margin-left: 5px;
  float: left;
}
.toplefthead {
  background-image: url(../images/toplefthead.png);
  background-repeat: no-repeat;
  float: left;
  height: 32px;
  width: 6px;
}
.toprighthead {
  background-image: url(../images/toprighthead.png);
  background-repeat: no-repeat;
  float: left;
  height: 32px;
  width: 6px;
}
.topmiddlehead {
  background-image: url(../images/topmiddlehead.png);
  background-repeat: repeat-x;
  float: left;
  height: 22px;
  width: 230px;
  text-align: center;
  padding-top: 10px;
}
.topmiddleheadmainarea {
  background-image: url(../images/topmiddlehead.png);
  background-repeat: repeat-x;
  float: left;
  height: 22px;
  width: 390px;
  text-align: center;
  padding-top: 10px;
}


.spacer {
  height: 10px;
  width: 100%;
  line-height: 10px;
}
.spacer1 {
  width: 10px;
  float: left;
}
.picturelist {
  text-align: center;
  vertical-align: middle;
  float: left;
  height: auto;
  width: 114px;
  margin: 6px;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  padding-top: 3px;
  padding-bottom: 3px;
}
.picturelistcontainer {
  float: left;
  height: auto;
  width: 400px;
  margin-left: 21px;
  margin-right: 19px;
}


.smallnav {
  line-height: 30px;
  text-align: right;
  vertical-align: middle;
  float: right;
  height: 30px;
  width: 450px;
  clear: right;
}
a {
  color: #7C8B34;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  color: #333333;
  text-decoration: none;
  font-weight: bold;
}
#logo {
  float: left;
  height: auto;
  width: 450px;
  line-height: 70px;
}
.sidenavbody {
  float: left;
  height: auto;
  width: 240px;
  background-color: #fcfcfc;
  border: 1px solid #dddddd;
  text-align: left;
  vertical-align: top;
}
.bodycontainer {
  float: left;
  height: auto;
  width: 100%;
}
.container .bodycontainer .sidenav .sidenavbody h1 {
  font-size: 12px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  font-weight: bold;
}

.thumbstandard { float: left;  } 

.thumbstandard td { vertical-align: middle; } 


.thumbsize, .thumbsize1 { width: 53px; height: 60px; line-height: 60px; margin: 0 5px 5px 0; }
.thumbsize2 {	width: 72px; height: 82px; line-height: 82px; margin: 0 5px 5px 0; }
.thumbsize3 {	width: 110px; height: 125px; line-height: 125px; margin: 0 6px 6px 0; }


.myalbumthumbs img.scalewidth, .myalbumthumbs img.scalewidth1 {	width: 51px; }
.myalbumthumbs img.scaleheight, .myalbumthumbs img.scaleheight1 { height: 43px; }

.myalbumthumbs img.scalewidth2 { width: 70px; }
.myalbumthumbs img.scaleheight2 { height: 62px; }

.myalbumthumbs img.scalewidth3 { width: 105px; }
.myalbumthumbs img.scaleheight3 { height: 90px; }

.negative1 td { background-image: url(/images/negative53.gif); text-align: center; }
.negative2 td { background-image: url(/images/negative72.gif); text-align: center; }
.negative3 td { background-image: url(/images/negative110.gif); text-align: center; }

.generalpadding {
  height: 100%;
  width: 95%;
  margin-top: 10px;
  margin-left: 10px;
}
img {
  border:none;
}
.footer {
  height: 40px;
}
.footerleft {
  background-image: url(../images/footerleftbg.png);
  float: left;
  height: 39px;
  width: 6px;
}
.footermiddle {
  background-image: url(../images/footermiddlebg.png);
  background-repeat: repeat-x;
  height: 39px;
  width: 912px;
  float: left;
  line-height: 39px;
  text-align: center;
  vertical-align: middle;
}
.footerright {
  background-image: url(../images/footerrightbg.png);
  background-repeat: no-repeat;
  float: left;
  height: 39px;
  width: 6px;
}
.basket {
  height: auto;
  width: 300px;
  float: right;
  clear: right;
  text-align: right;
  vertical-align: middle;
}
.baskethead {
  text-align: center;
  float: left;
  height: 15px;
  width: 145px;
  padding-top: 5px;
}
.baskettitle {
  line-height: 12px;
  text-align: left;
  vertical-align: top;
  float: left;
  height: auto;
  width: 65px;
  padding-left: 7px;
}
.basketcontents {
  line-height: 12px;
  text-align: right;
  vertical-align: top;
  float: left;
  height: auto;
  width: 65px;
  padding-right: 7px;
}
.checkout {
  float: left;
  height: 29px;
  width: 137px;
  padding-left: 7px;
  padding-top: 5px;
}
form {
  margin: 0px;
  padding: 0px;
}
input {
  margin: 0px;
  padding: 0px;
}
#pageheader {
  float: left;
  width: 924px;
}
.albumheaderr {
  line-height: 30px;
  color: #858585;
  float: left;
  height: 30px;
  width: 390px;
  text-align: left;
  vertical-align: middle;
}
.container .bodycontainer .mainbody .picturelistcontainer .albumheaderr h1 {
  font-size: 18px;
  margin: 0px;
}
.albumname {
  font-size: 16px;
  font-weight: bold;
  color: #858585;
}
.createformleft {
  line-height: 20px;
  font-weight: bold;
  text-align: right;
  vertical-align: middle;
  float: left;
  height: 20px;
  width: 150px;
}
.createformright {
  line-height: 20px;
  text-align: left;
  vertical-align: middle;
  float: left;
  height: 20px;
  width: 230px;
  padding-left: 10px;
}
.infobox {
  background-color:#CCCCCC;
  border: 1px solid #666666;
  float: left;
  height: auto;
  width: auto;
}
.picturemodarea {
  text-align: center;
  vertical-align: top;
  width: 620px;
  margin: 0px auto;
}
#gallerycontainer {
  float: left;
  height: auto;
  width: 690px;
}
.mainbodytext {
  border: 1px solid #DDDDDD;
  margin-right: 10px;
  margin-left: 10px;
  background-color: #FFF;
}
.container .bodycontainer .mainbody .mainbodytext h1 {
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
}
.container .bodycontainer .mainbody .mainbodytext #form1 {
  text-align: center;
  vertical-align: top;
}
.mainbodyformfill {
  text-align: right;
  vertical-align: middle;
  float: left;
  height: 25px;
  width: 150px;
  line-height: 25px;
}
.mainbodyformfillright {
  text-align: left;
  vertical-align: middle;
  float: left;
  height: 25px;
  width: 210px;
  line-height: 25px;
}
.formleftmain {
  float: left;
  height: 25px;
  width: 150px;
  line-height: 25px;
  text-align: right;
  vertical-align: middle;
}
.formrightmain {
  float: left;
  height: 25px;
  width: 240px;
  line-height: 25px;
  text-align: left;
  vertical-align: middle;
}
.textboxmainbody {
  float: left;
  height: auto;
  width: 390px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.sidenavcontainerr li {
  list-style-type: none;
  display: block;
  float: left;
  margin: 5px;
}
/*
height: 45px;
width: 45px;
*/
ul {
  padding: 0px;
  margin: 0px;
}
.sidenavcontainers {
  text-align: left;
  vertical-align: top;
  float: left;
  height: auto;
  width: 240px;
}
.manbodysplit {
  text-align: center;
  vertical-align: top;
  float: left;
  height: 100px;
  width: 190px;
}
.wrapexamplesplit {
  text-align: center;
  vertical-align: top;
  float: left;
  height: 130px;
  width: 238px;
  border: 1px solid #A0A0A0;
}
.imageholder {
  float: left;
  height: auto;
  width: 390px;
  text-align: center;
  vertical-align: top;
  padding-top: 10px;
  padding-bottom: 10px;
}
.sidenavfullbody {
  float: left;
  width: 240px;
}
.pricelistlength {
  line-height: 20px;
  text-align: left;
  float: left;
  height: auto;
  width: 50%;
  vertical-align: middle;
}
.sidenaveformleft {
  float: left;
  height: 25px;
  width: 25px;
  text-align: left;
  vertical-align: bottom;
  padding-right: 5px;
}
.sidenaveformleft1 {
  float: left;
  height: 20px;
  width: 130px;
  text-align: right;
  vertical-align: bottom;
  padding-right: 5px;
}
.sidenavformright {
  float: left;
  height: 25px;
  width: 180px;
  text-align: left;
  vertical-align: bottom;
  line-height: 25px;
}
.sidenaveformleftauto {
  line-height: 20px;
  float: left;
  height: auto;
  width: 50px;
  text-align: right;
  vertical-align: middle;
  padding-right: 5px;
}
.sidenavformrightauto {
  line-height: 20px;
  float: left;
  height: auto;
  width: 175px;
}
.colourchoice {
  vertical-align: top;
  text-align: center;
  width: 140px;
  float: left;
  border: 1px solid #aaa;
  background-color: #eee;
  margin-right: 40px;
  margin-left: 20px;
}

.colourchoice .inner
{
  padding: 10px;
}

.effectimage { margin-top: 8px; }

.submitimg {
  background-image: url(../images/blackwhite.gif);
  height: 86px;
  width: 115px;
}
.pictureborder {
  background-color: #FFF;
  border: 1px solid #CCCCCC;
  width: 100%;
}
.sidenavbutton {
  float: left;
  height: auto;
  width: 146px;
  padding-top: 20px;
  padding-right: 44px;
  padding-bottom: 5px;
  padding-left: 44px;
}
.pricelistlengthsm {
  line-height: 22px;
  float: left;
  height: 22px;
  width: 178px;
  font-size: 12px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCCCCC;
}
.pricelistlengthsm1 {
  line-height: 22px;
  float: left;
  height: 22px;
  width: 30px;
  font-size: 12px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCCCCC;
  font-weight: bold;
}
.sizetickbox {
  float: left;
  height: 22px;
  width: 22px;
  text-align: center;
  vertical-align: middle;
}
.nopadmarbor {
  margin: 0px;
  padding: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
.thumbpic {
  float: left;
  height: auto;
  width: 100px;
}
.thumbdesc {
  float: left;
  height: auto;
  width: 280px;
  text-align: left;
  vertical-align: top;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 17px;
  overflow: hidden;
}
.blockcontainers {
  width: 100%;
}
.copyright {
  line-height: 30px;
  text-align: center;
  vertical-align: top;
  height: 30px;
  width: 924px;
}
.selectwrapleft1 {
  text-align: center;
  vertical-align: middle;
  float: left;
  height: auto;
  width: 100%;
}
.selectwrapleft {
  text-align: center;
  vertical-align: middle;
  float: left;
  height: 100px;
  width: 80px;
  line-height: 100px;
}
.selectwrapright {
  float: left;
  height: 100px;
  width: 150px;
  text-align: center;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
}
.mainpiccontainer {
  float: left;
  height: auto;
  width: 100%;
}
.basketimage1 {
  height: 20px;
  width: 15%;
  text-align: center;
  vertical-align: middle;
  line-height: 20px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCCCCC;
}
.basketitemdesc1 {
  text-align: left;
  vertical-align: middle;
  width: 35%;
}
.basketqty1 {
  width: 10%;
  text-align: center;
}
.basketqty1 input { width: 30px; }

.basketsubslabel { text-align: right; }

.basketprice1 {
  text-align: right;
  vertical-align: middle;
  width: 15%;
}
.basketremove1 {
  text-align: center;
  vertical-align: middle;
  height: 20px;
  width: 10%;
}
.totalsl {
  text-align: right;
  vertical-align: middle;
  float: left;
  height: 20px;
  width: 20%;
  line-height: 20px;
  padding-right: 5px;
}
.totalsr {
  text-align: left;
  vertical-align: middle;
  float: left;
  height: 20px;
  width: 195px;
  line-height: 20px;
}
.inputresizer {
  height: 15px;
}
.statuslayoutl {
  float: left;
  height: 20px;
  width: 180px;
  vertical-align: top;
}
.statuslayoutr {
  float: left;
  height: 20px;
  width: 300px;
  vertical-align: top;
}
.colourpickerselect {
  text-align: right;
  vertical-align: bottom;
  height: 30px;
  width: 350px;
  padding-top: 190px;
  padding-right: 20px;
}
.selectedcolour {
  float: left;
  height: 15px;
  width: 15px;
  border: 1px solid #999999;
  margin-right: 5px;
}
.container .bodycontainer .mainbody .picturemodarea .pictureborder .mainpiccontainer #form1 #input {
  width: 20px;
  text-align: center;
  vertical-align: middle;
}
.container .bodycontainer .mainbody .picturemodarea .pictureborder .mainpiccontainer #form1 .basketremove #update {
  width: 50px;
  margin: 0px;
  padding: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
.container .bodycontainer .mainbody .picturemodarea .pictureborder .mainpiccontainer #form1 .basketremove #delete {
  margin: 0px;
  padding: 0px;
  width: 50px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
.registerleft {
  float: left;
  height: 20px;
  width: 60px;
  padding-left: 5px;
}
.registerright {
  float: left;
  height: 20px;
  width: 120px;
  line-height: 20px;
  text-align: left;
  vertical-align: middle;
  padding-left: 5px;
}
.loginformsresize {
  line-height: 20px;
  height: 20px;
  width: 120px;
}
.buttonfix {
  height: 25px;
  width: 120px;
}
.informationlink {
  font-size: 9px;
  color: #990000;
}
.myalbumleftform {
  float: left;
  width: 90px;
  text-align: left;
  vertical-align: middle;
  font-size: 10px;
}
.myalbumrightform {
  float: left;
  width: 180px;
  text-align: left;
  vertical-align: middle;
  padding-bottom: 4px; 
}
.qtyformsize {
  width: 20px;
}
.bodysplitby3 {
  float: left;
  height: auto;
  width: 301px;
}
.bodysplitby4 {
  float: left;
  width: 25%;
}
.menusplit {
  width: 100%;
  float: left;
  height: auto;
}
.centersplits {
  height: auto;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  float: left;
}
.splitpictures {
  float: left;
  height: auto;
  width: 250px;
  text-align: center;
  vertical-align: top;
}
.loggedinnav {
  display: block;
  width: 500px;
  height: 20px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  text-align: center;
  vertical-align: middle;
  background-color: #FFF0F0;
  line-height: 20px;
  border: 1px solid #CCCCCC;
}
.orderhistory {
  display: block;
  float: left;
  height: 20px;
  width: 95px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCCCCC;
  line-height: 20px;
  text-align: left;
  vertical-align: middle;
}
.orderhistoryview {
  display: block;
  width: 40px;
  float: left;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  line-height: 20px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCCCCC;
}
.basketlistleft {
  line-height: 20px;
  float: left;
  height: auto;
  width: 95px;
  text-align: right;
  vertical-align: top;
  padding-right: 5px;
}
.basketlistright {
  line-height: 20px;
  float: left;
  height: auto;
  width: 283px;
  text-align: left;
  vertical-align: top;
  padding-left: 5px;
}
.middleform {
  float: left;
  height: 23px;
  width: 80px;
  text-align: right;
  vertical-align: middle;
  line-height: 23px;
  margin-right: 10px;
}
.middleformr {
  line-height: 23px;
  float: left;
  height: 23px;
  width: 300px;
  text-align: left;
  vertical-align: middle;
}
.pricecontainer {
  float: left;
  height: auto;
  width: 100%;
}
.container .bodycontainer .mainbody .picturemodarea .pictureborder h1 strong {
  font-size: 16px;
  margin: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
.mainbodycontainer {
  float: left;
  height: auto;
  width: 659px;

}
.uploadstepscontainer {
  float: left;
  height: auto;
  width: 200px;
}
.boxheaderleft {
  background-image: url(../images/boxheaderleft.gif);
  background-repeat: no-repeat;
  background-position: left top;
  float: left;
  height: 33px;
  width: 100%;
}
.boxheaderright {
  background-image: url(../images/boxheaderright.gif);
  background-repeat: no-repeat;
  background-position: right top;
  float: right;
  height: 33px;
  width: 100%;
}
.boxheaderleft1 {
  background-image: url(../images/newboxhead.png);
  background-repeat: no-repeat;
  background-position: left top;
  float: left;
  height: 24px;
  width: 100%;
}
.boxheaderright1 {
  background-image: url(../images/newboxhead.png);
  background-repeat: no-repeat;
  background-position: right top;
  float: right;
  height: 24px;
  width: 100%;
}
.container .bodycontainer .mainbodycontainer .uploadstepscontainer .boxheaderleft .boxheaderright h1 {
  font-size: 12px;
  text-transform: uppercase;
  padding: 0px;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
}
.boxheaderleftmiddle {
  height: auto;
  width: 100%;
  float: left;
  background-image: url(../images/boxheaderleftmiddle.gif);
  background-repeat: repeat-y;
  background-position: left top;
}
.boxheaderrightmiddle {
  background-image: url(../images/boxheaderrightmiddle.gif);
  background-repeat: repeat-y;
  float: left;
  height: auto;
  width: 100%;
  background-position: right top;
}
.boxheaderbottomleft {
  background-image: url(../images/boxheaderleftbottom.gif);
  background-repeat: no-repeat;
  background-position: left top;
  float: left;
  height: 9px;
  width: 100%;
  line-height: 9px;
}
.boxheaderbottomright {
  background-image: url(../images/boxheaderrightbottom.gif);
  background-repeat: no-repeat;
  background-position: right top;
  float: left;
  height: 9px;
  width: 100%;
  line-height: 9px;
}
.newboxcontents {
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 1px;
  margin-left: 10px;
}
.newboxcontents h1 {
  font-size: 12px;
  margin: 0px;
  padding: 0px;
}
.boxheaderright h1 {
  font-size: 12px;
  padding: 0px;
  margin-top: 9px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
}
.placeimage {
  text-align: center;
  vertical-align: top;
  width: 100%;
  float: left;
  height: auto;
}
.sidenavcontainerr {
  float: right;
  width: 255px;
}
.sidenavcontainerl {
  float: left;
  height: auto;
  width: 242px;
}
.boxcontainer {
  float: left;
  margin-top: 10px;
  width: 100%;
}
.progressimagecell {
  width: 222px; padding-bottom: 8px;
}
.progressimage { width: 110px; }

.progressimageformat {
  margin-right: auto;
  margin-left: auto;
  width: 110px;
  background-color: #eee;
  text-align: center;
}
.progressleft {
  float: left;
  height: auto;
  width: 111px;
  text-align: right;
  vertical-align: middle;
  line-height: 18px;
}
.progressright {
  float: left;
  height: auto;
  width: 111px;
  line-height: 18px;
}
.progressstepcontainer {
  float: left;
  height: auto;
  width: 222px;
}
.fullwidth {
  width: 100%;
}
.manlayout {
  float: left;
  height: 110px;
  width: 120px;
  text-align: center;
}
.colourchoiceimage {
  float: left;
  height: auto;
  width: 435px;
}
.progressimageformat img {
  vertical-align:middle;
}
.imageplaceholder {
  float: left;
  width: 390px;
}
.imagedetailsplaceholder {
  float: left;
  height: auto;
  width: 229px;
  margin-left: 15px;
  margin-top: 30px;
}
.imagedetailsplaceholder2 {
  float: left;
  width: 229px;
  margin-left: 15px;
  margin-top: 30px;
}
.newmainsplitleft {
  float: left;
  height: auto;
  width: 320px;
}
.newmainsplitright {
  float: left;
  height: auto;
  width: 310px;
  border: 1px dashed #CDCDCD;
  background-color: #FFFFE8;
  margin-bottom: 10px;
}
.boxcenter {
  text-align: center;
  vertical-align: middle;
  width: 100%;
  float: left;
}
.boxcenter a {
  background-image: url(../images/blankbutton.png);
  display: block;
  height: 36px;
  width: 146px;
  font-size: 14px;
  text-align: center;
  line-height: 15px;
  background-repeat: no-repeat;
  font-weight: bold;
  margin: 20px;
  background-position: left top;
  color:#666666;
  float:left;
  padding-top:6px;
}
.boxcenter1 a {
  background-image: url(../images/blankbutton.png);
  display: block;
  height: 36px;
  width: 146px;
  font-size: 14px;
  text-align: center;
  line-height: 15px;
  background-repeat: no-repeat;
  font-weight: bold;
  background-position: left top;
  color:#666666;
  float:left;
  padding-top:6px;
  margin-left: 50px;
  margin-top: 20px;
}
.boxcenter a:hover {
  background-image: url(../images/blankbutton.png);
  background-position: left bottom;
  color:#E5E5E5;
}
.canvaswrapcontainer {
  width: 30%;
  float: left;
  height: auto;
  text-align: center;
  vertical-align: top;
}
.pricecontainer {
  width: 470px;
  float: left;
  height: auto;
}
.container .bodycontainer .mainbodycontainer .boxcontainer .boxheaderleftmiddle .boxheaderrightmiddle .newboxcontents #form2, .container .bodycontainer .mainbodycontainer .boxcontainer .boxheaderleftmiddle .boxheaderrightmiddle .newboxcontents #form4, .container .bodycontainer .mainbodycontainer .boxcontainer .boxheaderleftmiddle .boxheaderrightmiddle .newboxcontents #form5, #container .bodycontainer .mainbodycontainer .boxcontainer .boxheaderleftmiddle .boxheaderrightmiddle .newboxcontents #form6 {
  width: 480px;
}
.massive {
  font-size: 18px;
  font-weight: bold;
}
.buttonleft {
  background-image: url(../images/blankbuttono.gif);
  background-repeat: no-repeat;
  background-position: left top;
  float: left;
  height: 42px;
}
.continuebutton {
  float:left;
  height:auto;
  margin-left:5px;
  margin-top:10px;
  text-align:center;
  width:auto;
}

.buttonright {
  background-image: url(../images/blankbuttono.gif);
  background-repeat: no-repeat;
  background-position: right top;
  float: left;
  height: 42px;
  width: auto;
  margin-left: 5px;
}
.buttonright a {
  line-height: 14px;
  font-size: 14px;
  font-weight: bold;
  display: block;
  padding-top: 7px;
  padding-right: 17px;
  text-align: center;
  vertical-align: middle;
  color: #f8f8f8;
  padding-left: 15px;
  padding-bottom: 7px;
  white-space: nowrap;
}

.buttonright:hover { background-position: right bottom;}
.buttonleft:hover { background-position: left bottom;}

.buttoncontainer {
  float: left;
  height: auto;
  width: auto;
}
.buttonspacing {
  float: left;
  height: auto;
  width: 13px;
}
.sizechartleft {
  float: left;
  height: 25px;
  width: 50px;
  line-height: 25px;
  text-align: right;
  vertical-align: middle;
}
.sizechartright {
  float: left;
  height: 25px;
  width: 160px;
  line-height: 25px;
}
.container .blockcontainers .centersplits .bodysplitby3 .menusplit .sidenavbody .sidenavfullbody {
  margin-left: 5px;
  margin-bottom: 5px;
}
.container .blockcontainers .centersplits .bodysplitby3 .menusplit .sidenavbody .sidenavfullbody div img {
  margin-top: 5px;
}
/* New css for new site */

#navigation a {
  width:120px;
  height: 45px;
  display: block;
  float: left;
  line-height: 45px;
  vertical-align: middle;
  text-align: center;
  color: #333;
  font-weight: bold;
  background-image: url(../images/navsplit.png);
  background-repeat: no-repeat;
  background-position: right center;
}
#navigation a:hover {
  text-decoration: underline;
}
.boxtopleft {
  background-image: url(../images/newboxhead.png);
  background-repeat: no-repeat;
  background-position: left top;
  height: 24px;
  width: 10px;
}
.boxtopmiddle {
  background-image: url(../images/newboxhead.png);
  background-repeat: no-repeat;
  background-position: center top;
}
.boxtopright {
  background-image: url(../images/newboxhead.png);
  background-repeat: no-repeat;
  background-position: right top;
  width: 10px;
}
.headermiddle1 h1 {
  font-size: 12px;
  line-height: 24px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  color: #f8f8f8;
}
.headerleft1 {
  background-image: url(../images/newboxhead.png);
  background-repeat: no-repeat;
  background-position: left top;
  height: 24px;
  width: 10px;
}
.headermiddle1 {
  background-image: url(../images/newboxhead.png);
  background-repeat: no-repeat;
  background-position: center top;
  height: 24px;
  font-weight: bold;
}
.headerright1 {
  background-image: url(../images/newboxhead.png);
  background-repeat: no-repeat;
  background-position: right top;
  height: 24px;
  width: 10px;
}
.leftsidepage {
  width: 222px;
}
.rightsidepage {
  width: 235px;
}
.boxleft1 {
  background-color:#FFF;
  height: auto;
  width: 5px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CCC;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCC;
}
.boxright1 {
  background-color:#FFF;
  height: auto;
  width: 5px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color:#CCC;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCC;
}
.boxmiddle1 {
  background-color:#FFF;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCC;
  padding-bottom: 6px;
}
.newboxcontents1 {
  margin-bottom: 5px;
  margin-top: 10px;
}
.newboxcontents1 h1 {
  font-size: 12px;
  margin: 0px;
  padding: 0px;
}
.boxmiddle1 h2, .boxmiddle1 h3 {
  font-size: 12px;
  margin: 0px;
}
.headermiddle1  {
  font-size: 12px;
  margin: 0px;
  line-height: 24px;
  color: #f8f8f8;
}
.textpadding {
  padding: 10px;
}
.sidenav1 {
  width: 33%;
  float: left;
}
.toppadding {
  margin-top: 10px;
}
.margright {
  margin-right: 10px;
}
.homeboxtext {
  height: 85px;
  font-size: 12px;
  margin-top: 5px;
}
.redtext {
  color: #F90;
  font-weight: bold;
}
.indstart { font-size: 25px; 
  color: #F90;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}
.starttext {
  font-size: 20px;
  color: #F90;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

.starttextpad { padding-bottom: 3px; }

.headermiddle1 h2, .headermiddle1 h3 {
  font-size: 12px;
  margin: 0px;
}
.centertext {
  text-align: center;
}

.aboutusbody { width: 72%; float: left; }

.headerbox { margin-bottom: 8px; }

.contactusa { float: left; width: 49%; }
.contactusb { float: left; width: 49%; }

.chooseframeinfo { width: 58%; float: left; }
.customframe { width: 40%; float: right; }

.depthitem { padding-bottom: 5px; }

table.baskettable {
  border-width: 1px;
  border-spacing: ;
  border-style: solid;
  border-color: gray;
  border-collapse: collapse;
  background-color: white;
}
table.baskettable th {
  border-width: 1px;
  padding: 3px;
  border-style: inset;
  border-color: gray;
  background-color: white;
  -moz-border-radius: ;
}
table.baskettable td {
  border-width: 1px;
  padding: 3px;
  border-style: inset;
  border-color: #ccc;
  background-color: white;
  -moz-border-radius: ;
}

.imagedetailsinner { padding-left: 10px; padding-top: 10px; padding-bottom: 10px; margin-top: 17px;}

.imgsplit4 { width: 204px; height: 103px;} 

.steps { width: 300px; height: 100px; margin-bottom: 10px; }
.step1 { background-image: url(http://www.tocanvas.com/images/step1.png); position: relative; }
.step2 { background-image: url(http://www.tocanvas.com/images/step2.png); }
.step3 { background-image: url(http://www.tocanvas.com/images/step3.png); }
.stepinner { font-size: 26px; font-weight: bold; line-height: 27px;}
.stepinner1 { padding-left: 70px; padding-top: 40px; }
.stepinner2 { padding-left: 70px; padding-top: 20px; }

.indleftbox { float: left; width: 22%; }
.indmidbox  { float: left; width: 53%; text-align: left;}
.indrightbox  { float: left; width: 24%; border-right: 1px solid #eee; height: 145px;}

.albalt { font-size: 12px; width: 140px; }

.greenbox { background-color: #c6d7cf; }
#newalbum,#renamealbum { margin: 10px 0 10px 0; padding: 10px 0 10px 0; border: 1px solid #777; background-color: #c6d7cf; display: none; visibility: none; color: #000000;}
#newalbum input,#renamealbum input { font-size: 12px; } 

#ulfile1, #ulfile { font-size: 12px; }
.errorcol { color: #c00; }

#nohere { display: none; visibility: none; position: absolute; width: 210px; height: 45px; background-image: url("http://www.tocanvas.com/images/uploadhere.gif"); } 
.step1 #nohere { margin-left: 6px; margin-top: -82px; }
.uploadlink #nohere { margin-left: 715px; margin-top: 190px;}
.step1:hover #nohere, .uploadlink:hover #nohere { display: block; visibility: visible; }

#upbut { margin-top: 7px; width: 206px; height: 42px; }
#butlink { width: 206px; height: 42px; border: 0px; display: block; cursor: default; }

.loginbox { width: 20%; float: left; }

.thumbicon  { background-color: #cedf75; border: 1px solid #292929; display: block; float: left; margin-left: 6px;}
.tilarge    { width: 12px; height: 12px; }
.timid      { width: 8px;  height: 8px; margin-top: 4px; }
.tismall    { width: 6px;  height: 6px; margin-top: 6px; }
.tiselected { background-color: #949e5f; }

.picbord { width: 310px; margin-bottom: 10px; }
.picbord .inner { padding: 5px 5px 10px 5px; margin-top: 2px; background: #f8f8f8; }
.toolheader { color: #f90; font-size: 15px; font-weight: bold; padding-top: 5px; }

.gallerypreview { background-color: #4c4c4c; }
.gallerypreview .bord { height: 65px; }
.gallerypreview .corn { width: 10px; }

.boxrightpad { padding-right: 7px; }
.boxleftpad  { padding-left: 7px; }
.colorpicker { width: 30px; border: 1px solid #ddd; cursor: pointer; }

.spiffy {display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#c6d7cf
}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e6edea;
  border-right:1px solid #e6edea;
  background:#d4e1db;
}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f9fbfa;
  border-right:1px solid #f9fbfa;
  background:#d0ded8;
}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #d0ded8;
  border-right:1px solid #d0ded8;
}
.spiffy4{
  border-left:1px solid #e6edea;
  border-right:1px solid #e6edea
}
.spiffy5{
  border-left:1px solid #d4e1db;
  border-right:1px solid #d4e1db
}
.spiffyfg{
  background:#c6d7cf
}
.spiffyfg .greenbox { padding-left: 7px; padding-right: 7px; }

.nojscript { margin-bottom: 5px; padding: 5px; font-size: 19px; font-weight: bold; color: #c00; text-align: center;}

.pbar { height: 45px; margin-bottom: 7px; color: #292929; margin-top: -7px; }

.pbar a, .progressbar a:visited { color: #292929; } 
.pbar a:hover { text-decoration: underline; } 

.progressstart { width: 10px; height: 45px; float: left; background-image: url(/images/otepleft.png);}

.progressmid  { height: 45px; float: left; line-height: 45px; width: 13.6%; text-align: center; font-weight: bold; }
.progressend  { height: 45px; float: left; width: 30px; } 
.progressmid0 { background-image: url(/images/progressmid0.png); }
.progressmid1 { background-image: url(/images/progressmid1.png); }
.progressmid2 { background-image: url(/images/progressmid2.png); }


.progressbegin  { height: 45px; float: left; width: 29px; margin-left: -29px; } 
.progressbegin0 { background-image: url(/images/progressbegin0.png); }
.progressbegin1 { background-image: url(/images/progressbegin1.png); }
.progressbegin2 { background-image: url(/images/progressbegin2.png); }

.progressclose { height: 45px; float: left; width: 10px; }
.progressclose0 { background-image: url(/images/progressclose0.png); }
.progressclose1 { background-image: url(/images/progressclose1.png); }
.progressclose2 { background-image: url(/images/progressclose2.png); }