/* CSS Document */
body {
  background: #535353 url(/assets/images/bgr_main.jpg) top center no-repeat;
  text-align: center;
  font-family: tahoma, sans-serif;
  color: #FFF;
  font-size: 12px;
  line-height: 140%;
  vertical-align: middle;
}


a {
  text-decoration: none;
  color: #07b3ef;
  
}
a:hover {
  text-decoration: underline;
  
}
a span {
  cursor: pointer;
}
div#main {
  margin: 0 auto;
  width: 960px;
  text-align: left;
  position: relative;
  
}

div#head {
  width: 960px; height: 177px;
  position: relative;
}
div#head .h1 a {
  width: 137px; height: 43px;
  position: absolute; left: 0; top: 34px;
}
div#head .h1 a span {
  background: url(/assets/images/logo_laga.gif) no-repeat;
  width: 137px; height: 43px;
  position: absolute; left: 0; top: 0;
}

div.txtError {
  color: #FF0000; 
  font-size: 12px; 
  font-weight: bold;
}

div.gradientBG {
  background: #535353 url(/assets/images/bkgd_gradient_homepage.jpg) center top repeat-x;
  overflow: hidden; zoom: 1;
  
}
div.bannerArea a,
div.bannerArea a img {
  display: block;
}
div.bannerShadow {
  background: url(/assets/images/banner_shadow.png) no-repeat;
  width: 960px; height: 17px;
  overflow: hidden;
}
div#menuArea {
 background: url(/assets/images/bgr_menu_shadow.png) no-repeat;
 width: 960px; height: 55px;
 position: absolute; top: 107px; left: 0;
}
div#menuArea ul li {
  display: block;
  float: left;
  list-style: none;
  position: relative;
}
div#menuArea ul li a {
  display: block;
  float: left;
  position: relative;
  height: 53px;
}
div#menuArea ul li a span {
  display: block;
  position: absolute; top: 0; left: 0;
  background: url(/assets/images/text_menu.jpg) no-repeat;
  height: 53px;
}
div#menuArea ul li.mm01 a {
  width: 115px;
}
div#menuArea ul li.mm01 a span {
  width: 115px;
  background-position: 0 0;
}
div#menuArea ul li.mm01 a:hover span,
div#menuArea ul li.mm01:hover a span {
  background-position: 0 -53px;
}
div#menuArea ul li.mm01 a.selected span {
  background-position: 0 -106px;
}
div#menuArea ul li.mm02 a {
  width: 122.2px;
}
div#menuArea ul li.mm02 a span {
  width: 122.2px;
  background-position: -115px 0;
}
div#menuArea ul li.mm02 a:hover span,
div#menuArea ul li.mm02:hover a span {
  background-position: -115px -53px;
}
div#menuArea ul li.mm02 a.selected span {
  background-position: -115px -106px;
}
div#menuArea ul li.mm03 a {
  width: 140.45px;
}
div#menuArea ul li.mm03 a span {
  width: 140.45px;
  background-position: -237.2px 0;
}
div#menuArea ul li.mm03 a:hover span,
div#menuArea ul li.mm03:hover a span {
  background-position: -237.2px -53px;
}
div#menuArea ul li.mm03 a.selected span {
  background-position: -237.2px -106px;
}
div#menuArea ul li.mm04 a {
  width: 149.57px;
}
div#menuArea ul li.mm04 a span {
  width: 149.57px;
  background-position: -377.45px 0;
}
div#menuArea ul li.mm04 a:hover span,
div#menuArea ul li.mm04:hover a span {
  background-position: -377.45px -53px;
}
div#menuArea ul li.mm04 a.selected span {
  background-position: -377.45px -106px;
}
div#menuArea ul li.mm05 a {
  width: 124px;
}
div#menuArea ul li.mm05 a span {
  width: 124px;
  background-position: -527.02px 0;
}
div#menuArea ul li.mm05 a:hover span,
div#menuArea ul li.mm05:hover a span {
  background-position: -527.02px -53px;
}
div#menuArea ul li.mm05 a.selected span {
  background-position: -527.02px -106px;
}
div#menuArea ul li:hover ul {
  display: block;
}

div#menuArea ul li ul {
  width: 206px;
  background: #000;
  overflow: hidden; zoom: 1;
  padding: 8px 0 12px 0;
  display: none;
  position: absolute; top: 53px; left: 0;
}
div#menuArea ul li ul li {
  display: inline;
}
div#menuArea ul li ul li a {
  display: block;
  background: #181818;
  color: #07b3ef;
  padding: 5px 8px 5px 18px;
  height: auto; width: 180px !important;
  margin: 2px 0;
  font-size: 12px;
}
div#menuArea ul li ul li a:hover {
  color: #FFF;
  background: #07b3ef;
}

div#suppMenu {
  color: #FFF;
  position: absolute; top: 0px; right: 0;
  padding-top: 15px;
  font-size: 11px;
}
div#suppMenu a {
  color: #FFF;
}
div#suppMenu a:hover {
  color: #FFF;
  text-decoration: underline;
}

div#menuArea form {
  width: 210px; height: 30px;
  position: absolute; top: 13px; right: 13px;
  background: #d7e6f4 url(/assets/images/bgr_input_search.png) 0 0 no-repeat;
}
div#menuArea form button {
  background: url(/assets/images/btn_search.png) no-repeat;
  width: 36px; height: 29px;
  position: absolute; top: 0; right: 0;
  cursor: pointer;
  border: 0;
}
div#menuArea form button:hover {
  background: url(/assets/images/btn_search.png) -36px 0 no-repeat;
}
div#menuArea form button:active {
  background: url(/assets/images/btn_search.png) -72px 0 no-repeat;
}
div#menuArea form input {
  width: 188px; height: 24px;
  position: absolute; top: 2px; left: 2px;
  border: 0;
  padding-left: 20px;
}
div#footer {
  background: url(/assets/images/footer_line.png) center 0 repeat-x;
  padding: 11px 28px 30px 28px;
  font-size: 10px;
}
div#footerText {
  padding: 11px 28px 30px 40px;
  font-size: 10px;
}
div#footerText a {
  color: #07b3ef;
  text-decoration: none;
  font-weight: bold;
}
div#footerText a:hover {
  text-decoration: underline;
}

div.pacMenu {
	color: #FFF;
	position: absolute; top: 35px; right: 0px;
	font-size: 11px;
}
div.pacMenu img {
  position: absolute; top: 19px; right: 3px;
}

div.textMain {
  padding: 50px 75px 50px 75px;
  overflow: hidden; zoom: 1;
}
div.textMain p {
  margin: 0 0 2em 0;
  font-size: 14px;
  line-height: 140%;
}
div.textMain p strong {
  font-size: 16px;
  color: #07b3ef;
}
div.textMain p b {
  color: #07b3ef;
}
div.textMain ul {
   padding-left: 20px;
   font-size: 14px;
}
div.textMain td {
   font-size: 14px;
}
div.textMain td strong {
  font-size: 16px;
  color: #07b3ef;
}

div.textShop {
  padding: 20px 0px 50px 2px;
  overflow: hidden; zoom: 1;
}
div.textShop p {
  margin: 0 0 2em 0;
  font-size: 14px;
  line-height: 140%;
}
div.textShop p strong {
  font-size: 16px;
  color: #07b3ef;
}
div.textShop p small {
  font-size: 12px;
}
div.textShop p b {
  color: #07b3ef;
}
div.textShop ul {
   padding-left: 20px;
   font-size: 14px;
}

div .hpBanner img {
   float: left;
   padding: 0 0 50px 0;
}

div.hpProduct {
  width: 684px;
  float: right;
  padding-top: 41px;
  position: relative;
}
div.hpProduct img {
  position: absolute; top: 0px; left: px;
}
div.hpProduct div.infoHpProduct {
  width: 530px;
  float: right;
  color: #d6d6d6;
}
div.hpProduct div.infoHpProduct p {
  font-size: 10px;
}
div.hpProduct div.infoHpProdTop {
  width: 392px;
  min-height: 93px;
  padding: 24px 0 10px 138px;
  background: #303030
  
}
div.hpProduct div.infoHpProdBottom {
  width: 392px;
  margin-left: 0px;
  padding: 10px 0 0 138px;
  min-height: 32px;
  background: #202022;
}
div.hpProduct div.infoHpProduct h2 {
  font-size: 21px;
  color: #07b3ef;
  margin-bottom: 15px;
}
div.hpProduct div.infoHpProduct p b {
  font-size: 18px;
}

a.btnFacebook {
  float: right;
  padding: 10px 3px 0px 0px;
}
a.btnFacebook span {
  background: url(/assets/images/btn_facebook.png) 0 0px no-repeat;
  width: 20px; height: 20px;
  display: block;
}
a.btnFacebook:hover span {
  background: url(/assets/images/btn_facebook.png) -20px 0px no-repeat;
}
a.btnFacebook:active span {
  background: url(/assets/images/btn_facebook.png) -40px 0px no-repeat;
}

a.btnTwitter {
  float: right;
  padding: 10px 20px 0px 0px;
}
a.btnTwitter span {
  background: url(/assets/images/btn_twitter.png) 0 0px no-repeat;
  width: 20px; height: 20px;
  display: block;
}
a.btnTwitter:hover span {
  background: url(/assets/images/btn_twitter.png) -20px 0px no-repeat;
}
a.btnTwitter:active span {
  background: url(/assets/images/btn_twitter.png) -40px 0px no-repeat;
}

a.btnCustomize {
  width: 104px; height: 23px;
  display: block;
  position: relative;
}
a.btnCustomize span {
  background: url(/assets/images/btn_customize.png) 0 0px no-repeat;
  width: 104px; height: 23px;
  display: block;
  position: absolute; top: 0; left: 0;
}
a.btnCustomize:hover span {
  background: url(/assets/images/btn_customize.png) -104px 0px no-repeat;
}
a.btnCustomize:active span {
  background: url(/assets/images/btn_customize.png) -208px 0px no-repeat;
}


a.btnCheckout span {
  width: 212px; height: 39px;
  position: absolute;
  right: 45px;
  background: url(/assets/images/btn_checkout.png) no-repeat;
  border: 0px;
  cursor: pointer;
  margin-left: 40px;
}
a.btnCheckout:hover span {
  background: url(/assets/images/btn_checkout.png) -214px 0 no-repeat;
}
a.btnCheckout:active span {
  background: url(/assets/images/btn_checkout.png) -428px 0 no-repeat;
}


a.btnSend {
  width: 104px; height: 23px;
  display: block;
  position: relative;
}
a.btnSend span {
  background: url(/assets/images/btn_send.png) 0 0px no-repeat;
  width: 104px; height: 23px;
  display: block;
  position: absolute; top: 0; left: 0;
}
a.btnSend:hover span {
  background: url(/assets/images/btn_send.png) -104px 0px no-repeat;
}
a.btnSend:active span {
  background: url(/assets/images/btn_send.png) -208px 0px no-repeat;
}




a.btnBuy {
  width: 96px; height: 29px;
  display: block;
  position: relative;
}
a.btnBuy span {
  background: url(/assets/images/btn_buy.png) 0 -31px no-repeat;
  width: 96px; height: 29px;
  display: block;
  position: absolute; top: 0; left: 0;
}
a.btnBuy:hover span {
  background: url(/assets/images/btn_buy.png) -96px -31px no-repeat;
}
a.btnBuy:active span {
  background: url(/assets/images/btn_buy.png) -192px -31px no-repeat;
}

br.clear {
  clear: both;
  font-size: 1px;
  height: 1px;
}
p.nextProd {
  text-align: right;
  padding: 10px 30px 0 0;
  font-size: 10px;
}
p.nextProd a {
  color: #FFF;
  text-transform: uppercase;
  background: url(/assets/images/arr_01.png) right no-repeat;
  padding-right: 14px;
}
p.nextProd a:hover {
  text-decoration: underline;
}
ul.toggleMenu {
  display: block;
  height: 51px;
}
ul.toggleMenu li {
  list-style: none;
  display: inline;
}
ul.toggleMenu li a {
  height: 35px;
  padding: 15px 32px 0 32px;
  background: url(/assets/images/bgr_zalozky.png) 0 -50px repeat-x;
  display: block;
  float: left;
  margin-right: 4px;
  border-top: 1px solid #818181;
  border-right: 1px solid #818181;
  font-size: 21px;
  color: #FFF;
}
ul.toggleMenu li a:hover {
  background: url(/assets/images/bgr_zalozky.png) 0 -100px repeat-x;
  border-top: 1px solid #9acae4;
  border-right: 1px solid #9acae4;
  text-decoration: none;
}
ul.toggleMenu li.selected a {
  background: url(/assets/images/bgr_zalozky.png) 0 0 repeat-x;
  border-top: 1px solid #5b5b5b;
  border-right: 1px solid #5b5b5b;
  font-size: 21px;
  color: #07b3ef;
}






div.gradientBG h1 {
  color: #07b3ef;
  font-size: 17px;
  padding: 42px 32px 18px 34px;
}




div.productAreaDesign {
  width: 892px;
  background: url(/assets/images/bgr_gradient_back_gray.png) top center repeat-x;
  border: 1px solid #666666;
  margin: 0px auto 30px auto;
  overflow: hidden; zoom: 1;
}
div.productAreaDesign .imgArea {
  width: 494px;
  text-align: left;
  text-indent: 75px;
  padding: 36px 0 20px 0;
  float: left;
  position: relative;
}
div.productAreaDesign .descrArea {
  width: 395px;
  padding-top: 78px;
  float: left;
  color: #d6d6d6;
  font-size: 12px;
  text-align: left;
  text-indent: 0px;
}
div.productAreaDesign .descrArea p {
  margin: 0 0 1em 0;
}
div.productAreaDesign .descrArea p.views {
  margin: 4em 0 1em 0;
  line-height: 100%;
}

div.productAreaDesign .descrArea p.viewsSocks {
  margin: 4em 0 1em 0;
  line-height: 100%;
}

div.productAreaDesign .descrArea ul li {
  list-style: none;
  background: url(/assets/images/btn_list.png) 0 7px no-repeat;
  padding-left: 14px;
  margin: 0 0 0.3em 0;
}
div.productAreaDesign .descrArea ul {
  margin: 1.8em 0;
}


div.productAreaCustom {
  width: 905px;
  background: url(/assets/images/bgr_gradient_back_gray.png) top center repeat-x;
  border: 1px solid #666666;
  margin: 0px auto 30px 2px;
  overflow: hidden; zoom: 1;
}
div.productAreaCustom .imgArea {
  width: 494px;
  text-align: left;
  text-indent: 75px;
  padding: 36px 0 20px 0;
  float: left;
  position: relative;
}
div.productAreaCustom .descrArea {
  width: 395px;
  padding-top: 78px;
  float: left;
  color: #d6d6d6;
  font-size: 12px;
  text-align: left;
  text-indent: 0px;
}
div.productAreaCustom .descrArea p {
  margin: 0 0 1em 0;
}
div.productAreaCustom .descrArea p.views {
  margin: 4em 0 1em 0;
  line-height: 100%;
}

div.productAreaCustom .descrArea p.viewsSocks {
  margin: 4em 0 1em 0;
  line-height: 100%;
}

div.productAreaCustom .descrArea ul li {
  list-style: none;
  background: url(/assets/images/btn_list.png) 0 7px no-repeat;
  padding-left: 14px;
  margin: 0 0 0.3em 0;
}
div.productAreaCustom .descrArea ul {
  margin: 1.8em 0;
}


div.productArea {
  width: 892px;
  background: url(/assets/images/bgr_gradient_back_gray.png) top center repeat-x;
  border: 1px solid #666666;
  margin: 0 auto 30px auto;
  overflow: hidden; zoom: 1;
}
div.productArea .imgArea {
  width: 594px;
  text-align: center;
  padding: 36px 0 20px 0;
  float: left;
  position: relative;
}
div.productArea .descrArea {
  width: 275px;
  padding-top: 78px;
  float: right;
  color: #d6d6d6;
  font-size: 12px;
}
div.productArea .descrArea p {
  margin: 0 0 1em 0;
}
div.productArea .descrArea p.views {
  margin: 4em 0 1em 0;
  line-height: 100%;
}

div.productArea .descrArea ul li {
  list-style: none;
  background: url(/assets/images/btn_list.png) 0 7px no-repeat;
  padding-left: 14px;
  margin: 0 0 0.3em 0;
}
div.productArea .descrArea ul {
  margin: 1.8em 0;
}
.descrArea b.price {
  font-size: 21px;
  font-weight: bold;
  color: #d6d6d6;
  margin: 0.2em 1em;
  display: inline-block;
}

.views a {
  background: url(/assets/images/btn_views.png) -71px 0 no-repeat;
  width: 71px; height: 21px;
  display: inline-block;
  padding-top: 7px;
  text-align: center;
  text-transform: uppercase;
  color: #d6d6d6;
  margin-top: 12px;
}
.views a.active {
  background: url(/assets/images/btn_views.png) 0 0 no-repeat;
}
.views a:hover {
  background: url(/assets/images/btn_views.png) -142px 0 no-repeat;
  color: #FFF;
  text-decoration: none;
}
.views a:active {
  background: url(/assets/images/btn_views.png) -213px 0 no-repeat;
  color: #FFF;
}



.viewsSocks a {
  background: url(/assets/images/btn_views.png) -71px 0 no-repeat;
  width: 71px; height: 21px;
  display: inline-block;
  padding-top: 7px;
  position:relative; left: 50px;
  text-align: center;
  text-transform: uppercase;
  color: #d6d6d6;
  margin-top: 12px;
}
.viewsSocks a.active {
  background: url(/assets/images/btn_views.png) 0 0 no-repeat;
}
.viewsSocks a:hover {
  background: url(/assets/images/btn_views.png) -142px 0 no-repeat;
  color: #FFF;
  text-decoration: none;
}
.viewsSocks a:active {
  background: url(/assets/images/btn_views.png) -213px 0 no-repeat;
  color: #FFF;
}





ul.btnLine {
  height: 30px;
  display: block;
  clear: both;
  padding: 0px 0 18px 50px;
}
ul.btnLine li {
  display: inline;
}
ul.btnLine li a {
  height: 24px; width: 81px; /* width here changes the spacing of the words */
  background: url(/assets/images/btn_timeline.png) -126px -60px no-repeat;
  display: block;
  float: left;
  color: #FFF;
  text-align: center;
  padding: 6px 15px 0 0;
  font-size: 13px;
  font-weight: bold;
}
ul.btnLine li a:hover {
  text-decoration: none;
}
ul.btnLine li a.next {
  background: url(/assets/images/btn_timeline.png) -126px 0 no-repeat;
}
ul.btnLine li a.next:hover {
  color: #07b3ef;
}
ul.btnLine li a.active {
  background: url(/assets/images/btn_timeline.png) -126px -30px no-repeat;
  color: #FFF;
}
ul.btnLine li.colors a {
  height: 24px; width: 91px;
  background: url(/assets/images/btn_timeline.png) 0 -60px no-repeat;
}
ul.btnLine li.review a {
  height: 24px; width: 81px;
  padding: 6px 0 0 0;
  background: url(/assets/images/btn_timeline.png) -1px -60px no-repeat;
}
ul.btnLine li.colors a.next {
  height: 24px; width: 81px;
  background: url(/assets/images/btn_timeline.png) 0 0 no-repeat;
}
ul.btnLine li.review a.next {
  height: 24px; width: 81px;
  padding: 6px 0 0 0;
  background: url(/assets/images/btn_timeline.png) -1px 0 no-repeat;
}
ul.btnLine li.colors a.active {
  height: 24px; width: 91px;
  background: url(/assets/images/btn_timeline.png) 0 -30px no-repeat;
}
ul.btnLine li.review a.active {
  height: 24px; width: 81px;
  padding: 6px 0 0 0;
  background: url(/assets/images/btn_timeline.png) -1px -30px no-repeat;
}





ul.btnLineReview {
  height: 30px;
  display: block;
  clear: both;
  padding: 0px 0 18px 50px;
}
ul.btnLineReview li {
  display: inline;
}
ul.btnLineReview li a {
  height: 24px; width: 81px; /* width here changes the spacing of the words */
  background: url(/assets/images/btn_timeline.png) -126px -60px no-repeat;
  display: block;
  float: left;
  color: #FFF;
  text-align: center;
  padding: 6px 15px 0 0;
  font-size: 13px;
  font-weight: bold;
}
ul.btnLineReview li a:hover {
  text-decoration: none;
}
ul.btnLineReview li a.next {
  background: url(/assets/images/btn_timeline.png) -126px 0 no-repeat;
}
ul.btnLineReview li a.next:hover {
  color: #07b3ef;
}
ul.btnLineReview li a.active {
  background: url(/assets/images/btn_timeline.png) -126px -30px no-repeat;
  color: #FFF;
}
ul.btnLineReview li.colors a {
  height: 24px; width: 91px;
  background: url(/assets/images/btn_timeline.png) 0 -60px no-repeat;
}
ul.btnLineReview li.review a {
  height: 24px; width: 81px;
  padding: 6px 0 0 0;
  background: url(/assets/images/btn_timeline.png) -1px -60px no-repeat;
}
ul.btnLineReview li.colors a.next {
  height: 24px; width: 81px;
  background: url(/assets/images/btn_timeline.png) 0 0 no-repeat;
}
ul.btnLineReview li.review a.next {
  height: 24px; width: 81px;
  padding: 6px 0 0 0;
  background: url(/assets/images/btn_timeline.png) -1px 0 no-repeat;
}
ul.btnLineReview li.colors a.active {
  height: 24px; width: 91px;
  background: url(/assets/images/btn_timeline.png) 0 -30px no-repeat;
}
ul.btnLineReview li.review a.active {
  height: 24px; width: 81px;
  padding: 6px 0 0 0;
  background: url(/assets/images/btn_timeline.png) -1px -30px no-repeat;
}







.setField {
  background: url(/assets/images/bgr_colorset.gif) repeat-x;
}
.changedSF {
  background: url(/assets/images/bgr_colorset.gif) 0-53px repeat-x !important;
}
.colorSet {
  background: #232326;
  display: none;
}
#colors {
  display: block;
}
.colorSet h2 {
  color: #ffffff;
  padding: 13px 20px 0 52px;
  font-size: 17px;
  height: 30px;
  position: relative;
  border-top: 1px solid #535353;
  cursor: pointer;
}
.colorSet h3 {
  color: #d6d6d6;
  padding: 6px 0;
  font-size: 12px;
}
.colorSet h2 span {
  background: url(/assets/images/btn_switch.png) no-repeat;
  width: 19px; height: 19px;
  display: block;
  position: absolute; top: 12px; left: 21px;
}
.colorSet h2:hover span {
  background: url(/assets/images/btn_switch.png) -19px 0 no-repeat;
  width: 19px; height: 19px;
  display: block;
  position: absolute; top: 12px; left: 21px;
}
.changedSF h2 span {
  background: url(/assets/images/btn_switch.png) 0 -19px no-repeat;
}
.changedSF h2:hover span {
  background: url(/assets/images/btn_switch.png) -19px -19px no-repeat;
}

.colorSet div.colorsField {
  width: 790px;
  margin: 0 0 0 48px;
  border-top: 1px solid #47494c;
  display: none;
  padding-top: 10px;
}
.colorSet div.colorsField p {
  margin: 1em 0;
}
.colorSet div.colorsField fieldset {
  border-bottom: 1px solid #47494c;
  padding-bottom: 10px;
}
.colorSet div.colorsField label.color {
  width: 124px; height: 36px;
  display: inline-block;
  color: #d6d6d6;
  padding: 8px 0 0 4px;
  overflow: hidden;
  cursor: pointer;
}
.colorSet div.colorsField label.color span {
  width: 96px; height: 16px;
  display: inline-block;
  vertical-align: top;
}
.colorSet div.colorsField label.color b {
  padding: 0 0 0 22px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 10px;
  position: relative; top: -2px;
}
.colorSet div.colorsField label.color input {
  position: relative; top: -2px;
}
.colorSet div.colorsField label.color:hover {
  background: url(/assets/images/label_color.gif) no-repeat;
  color: #000;
}



.colorSetReview {
  background: #232326;
  display: none;
}
#colors {
  display: block;
}
.colorSetReview h2 {
  color: #ffffff;
  padding: 13px 20px 0 52px;
  font-size: 17px;
  height: 30px;
  position: relative;
  border-top: 1px solid #535353;
  cursor: pointer;
}
.colorSetReview h3 {
  color: #d6d6d6;
  padding: 6px 0;
  font-size: 12px;
}
.colorSetReview h2 span {
  background: url(/assets/images/btn_switch.png) no-repeat;
  width: 19px; height: 19px;
  display: block;
  position: absolute; top: 12px; left: 21px;
}
.colorSetReview h2:hover span {
  background: url(/assets/images/btn_switch.png) -19px 0 no-repeat;
  width: 19px; height: 19px;
  display: block;
  position: absolute; top: 12px; left: 21px;
}
.changedSF h2 span {
  background: url(/assets/images/btn_switch.png) 0 -19px no-repeat;
}
.changedSF h2:hover span {
  background: url(/assets/images/btn_switch.png) -19px -19px no-repeat;
}

.colorSetReview div.colorsField {
  width: 790px;
  margin: 0 0 0 48px;
  border-top: 1px solid #47494c;
  display: none;
  padding-top: 10px;
}
.colorSetReview div.colorsField p {
  margin: 1em 0;
}
.colorSetReview div.colorsField fieldset {
  border-bottom: 1px solid #47494c;
  padding-bottom: 10px;
}
.colorSetReview div.colorsField label.color {
  width: 124px; height: 36px;
  display: inline-block;
  color: #d6d6d6;
  padding: 8px 0 0 4px;
  overflow: hidden;
  cursor: pointer;
}
.colorSetReview div.colorsField label.color span {
  width: 96px; height: 16px;
  display: inline-block;
  vertical-align: top;
}
.colorSetReview div.colorsField label.color b {
  padding: 0 0 0 22px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 10px;
  position: relative; top: -2px;
}
.colorSetReview div.colorsField label.color input {
  position: relative; top: -2px;
}
.colorSetReview div.colorsField label.color:hover {
  background: url(/assets/images/label_color.gif) no-repeat;
  color: #000;
}




.colorSetNamebars {
  background: #535353;
  display: none;
}
#colors {
  display: block;
}
.colorSetNamebars h2 {
  color: #ffffff;
  padding: 13px 20px 0 52px;
  font-size: 17px;
  height: 30px;
  position: relative;
  border-top: 1px solid #535353;
  cursor: pointer;
}
.colorSetNamebars h3 {
  color: #d6d6d6;
  padding: 6px 0;
  font-size: 12px;
}
.colorSetNamebars h2 span {
  background: url(/assets/images/btn_switch.png) no-repeat;
  width: 19px; height: 19px;
  display: block;
  position: absolute; top: 12px; left: 21px;
}
.colorSetNamebars h2:hover span {
  background: url(/assets/images/btn_switch.png) -19px 0 no-repeat;
  width: 19px; height: 19px;
  display: block;
  position: absolute; top: 12px; left: 21px;
}
.changedSF h2 span {
  background: url(/assets/images/btn_switch.png) 0 -19px no-repeat;
}
.changedSF h2:hover span {
  background: url(/assets/images/btn_switch.png) -19px -19px no-repeat;
}

.colorSetNamebars div.colorsField {
  width: 790px;
  margin: 0 0 0 48px;
  border-top: 1px solid #47494c;
  display: none;
  padding-top: 10px;
}
.colorSetNamebars div.colorsField p {
  margin: 1em 0;
}
.colorSetNamebars div.colorsField fieldset {
  border-bottom: 1px solid #47494c;
  padding-bottom: 10px;
}
.colorSetNamebars div.colorsField label.color {
  width: 124px; height: 36px;
  display: inline-block;
  color: #d6d6d6;
  padding: 8px 0 0 4px;
  overflow: hidden;
  cursor: pointer;
}
.colorSetNamebars div.colorsField label.color span {
  width: 96px; height: 16px;
  display: inline-block;
  vertical-align: top;
}
.colorSetNamebars div.colorsField label.color b {
  padding: 0 0 0 22px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 10px;
  position: relative; top: -2px;
}
.colorSetNamebars div.colorsField label.color input {
  position: relative; top: -2px;
}
.colorSetNamebars div.colorsField label.color:hover {
  background: url(/assets/images/label_color.gif) no-repeat;
  color: #000;
}






<!-- JUST FOR THE NAMEBAR PAGE THE BACKGROUND IS A CONSTANT COLOR -->
.setFieldNamebars {
  background: #535353;
}
.changedSF {
  background: url(/assets/images/bgr_colorset.gif) 0-53px repeat-x !important;
}






<!-- JUST FOR THE LOGO PAGE THE BACKGROUND IS A CONSTANT COLOR -->
.setFieldLogo {
  background: #232326;
}
.changedSF {
  background: url(/assets/images/bgr_colorset.gif) 0-53px repeat-x !important;
}



button.addComments {
  background: url(/assets/images/btn_save_changes.png) no-repeat;
  width: 174px; height: 26px;
  border: 0;
  cursor: pointer;
}
button.addComments:hover {
  background: url(/assets/images/btn_save_changes.png) -174px 0 no-repeat;
}
button.addComments:active {
  background: url(/assets/images/btn_save_changes.png) -348px 0 no-repeat;
}
p.rightThing {
  text-align: left;
  padding: 10px 0 18px 0;
}



button.saveChanges {
  background: url(/assets/images/btn_save_changes.png) no-repeat;
  width: 174px; height: 26px;
  border: 0;
  cursor: pointer;
}
button.saveChanges:hover {
  background: url(/assets/images/btn_save_changes.png) -174px 0 no-repeat;
}
button.saveChanges:active {
  background: url(/assets/images/btn_save_changes.png) -348px 0 no-repeat;
}

button.login {
  background: url(/assets/images/btn_blue_login.png) no-repeat;
  width: 174px; height: 26px;
  border: 0;
  cursor: pointer;
  position: relative;
  display: inline-block;
}
button.login:hover {
  background: url(/assets/images/btn_blue_login.png) -174px 0 no-repeat;
}
button.login:active {
  background: url(/assets/images/btn_blue_login.png) -348px 0 no-repeat;
}

button.send {
  background: url(/assets/images/btn_blue_send.png) no-repeat;
  width: 174px; height: 26px;
  border: 0;
  cursor: pointer;
  position: relative;
  display: inline-block;
}
button.send:hover {
  background: url(/assets/images/btn_blue_send.png) -174px 0 no-repeat;
}
button.send:active {
  background: url(/assets/images/btn_blue_send.png) -348px 0 no-repeat;
}


button.register {
  background: url(/assets/images/btn_blue_register.png) no-repeat;
  width: 174px; height: 26px;
  border: 0;
  cursor: pointer;
  position: relative;
  display: inline-block;
}
button.register:hover {
  background: url(/assets/images/btn_blue_register.png) -174px 0 no-repeat;
}
button.register:active {
  background: url(/assets/images/btn_blue_register.png) -348px 0 no-repeat;
}

button.add {
  background: url(/assets/images/btn_blue_add.png) no-repeat;
  width: 174px; height: 26px;
  border: 0;
  cursor: pointer;
  position: relative;
  display: inline-block;
}
button.add:hover {
  background: url(/assets/images/btn_blue_add.png) -174px 0 no-repeat;
}
button.add:active {
  background: url(/assets/images/btn_blue_add.png) -348px 0 no-repeat;
}

button.submit {
  background: url(/assets/images/btn_blue_submit.png) no-repeat;
  width: 174px; height: 26px;
  border: 0;
  cursor: pointer;
  position: relative;
  display: inline-block;
}
button.submit:hover {
  background: url(/assets/images/btn_blue_submit.png) -174px 0 no-repeat;
}
button.submit:active {
  background: url(/assets/images/btn_blue_submit.png) -348px 0 no-repeat;
}

button.purchase {
  background: url(/assets/images/btn_blue_purchase.png) no-repeat;
  width: 174px; height: 26px;
  border: 0;
  cursor: pointer;
  position: relative;
  display: inline-block;
}
button.purchase:hover {
  background: url(/assets/images/btn_blue_purchase.png) -174px 0 no-repeat;
}
button.purchase:active {
  background: url(/assets/images/btn_blue_purchase.png) -348px 0 no-repeat;
}

p.leftThing {
  text-align: right;
  padding: 10px 0 18px 0;
}
button.continue {
  width: 164px; height: 35px;
  position: relative;
  display: inline-block;
  background: url(/assets/images/btn_continue.png) no-repeat;
  border: 0;
  cursor: pointer;
}
button.continue:hover {
  background: url(/assets/images/btn_continue.png) -164px 0 no-repeat;
}
button.continue:active {
  background: url(/assets/images/btn_continue.png) -328px 0 no-repeat;
}
button.toBuy {
  width: 114px; height: 32px;
  position: relative;
  display: inline-block;
  background: url(/assets/images/btn_buy.png) no-repeat;
  border: 0;
  cursor: pointer;
  margin-left: 50px;
}
button.toBuy:hover span {
  background-position: -114px 0;
}
button.toBuy:active span {
  background-position: -228px 0;
}

button.uploadfile {
  width: 164px; height: 35px;
  position: absolute;
  display: inline-block;
  left: 45px;
  background: url(/assets/images/btn_uploadfile.png) no-repeat;
  border: 0px;
  cursor: pointer;
  margin-left: 40px;

}
button.uploadfile:hover {
  background: url(/assets/images/btn_uploadfile.png) -163px 0 no-repeat;
}
button.uploadfile:active {
  background: url(/assets/images/btn_uploadfile.png) -327px 0 no-repeat;
}


button.addplayer {
  width: 164px; height: 35px;
  position: absolute;
  left: 315px;
  background: url(/assets/images/btn_addplayer.png) no-repeat;
  border: 0px;
  cursor: pointer;
  margin-left: 40px;

}
button.addplayer:hover {
  background: url(/assets/images/btn_addplayer.png) -164px 0 no-repeat;
}
button.addplayer:active {
  background: url(/assets/images/btn_addplayer.png) -328px 0 no-repeat;
}


button.toSocks {
  width: 214px; height: 41px;
  position: absolute;
  right: 45px;
  background: url(/assets/images/btn_build_matching_socks.png) no-repeat;
  border: 0px;
  cursor: pointer;
  margin-left: 40px;
}

button.toSocks:hover {
  background: url(/assets/images/btn_build_matching_socks.png) -214px 0 no-repeat;
}
button.toSocks:active {
  background: url(/assets/images/btn_build_matching_socks.png) -428px 0 no-repeat;
}




button.addMatchingSocks {
  width: 209px; height: 35px;
  position: relative;
  background: url(/assets/images/btn_addmatchingsocks.png) no-repeat;
  border: 0px;
  cursor: pointer;
  margin-left: 80px;
  margin-right: 30px;
  display: inline-block;
}
button.addMatchingSocks:hover {
  background: url(/assets/images/btn_addmatchingsocks.png) -209px 0 no-repeat;
}
button.addMatchingSocks:active {
  background: url(/assets/images/btn_addmatchingsocks.png) -418px 0 no-repeat;
}

button.addMatchingSocks2 {
  width: 209px; height: 35px;
  position: relative;
  background: url(/assets/images/btn_addmatchingsocks.png) no-repeat;
  border: 0px;
  cursor: pointer;
  left: -660px;
  top: -75px;

}
button.addMatchingSocks2:hover {
  background: url(/assets/images/btn_addmatchingsocks.png) -209px 0 no-repeat;
}
button.addMatchingSocks2:active {
  background: url(/assets/images/btn_addmatchingsocks.png) -418px 0 no-repeat;
}



div.continueArea {
  padding: 25px 0 52px 674px;
}
strong label {
  display: inline-block;
  margin: 1em 0 0.4em 0;
  color: #d6d6d6;
}
#bl02 label input {
  vertical-align: top;
}
.imgArea img {
  display: none;
}
div.productList {
  padding: 32px 0 10px 26px;
  overflow: hidden; zoom: 1;
}
div.productOne {
  background: url(/assets/images/bgr_product.png)  no-repeat;
  width: 288px;
  border: 1px solid #585858;
  float: left;
  margin: 0 19px 16px 0;
}
div.productOne h2 {
  padding: 0 18px 6px 18px;
  color: #07b3ef;
  font-size: 14px;
}
div.productOne div.imgPr {
  text-align: center;
  padding: 0 0 0 0;
  height: 200px;
}
div.productOne div.bottom {
  height: 34px;
  background: url(/assets/images/bgr_product.png) 0 bottom no-repeat;
  overflow: hidden;
}
div.productOne div.bottom a.customize {
  width: 104px; height: 23px;
  float: right;
  display: block;
  background: url(/assets/images/btn_customize.png) 0 0px no-repeat;
  margin: 6px 12px 0 0;
}
div.productOne div.bottom a.customize:hover {
  background: url(/assets/images/btn_customize.png) -104px 0px no-repeat;
}
div.productOne div.bottom a.customize:active {
  background: url(/assets/images/btn_customize.png) -208px 0px no-repeat;
}
div.productOne div.bottom a.view {
  width: 71px; height: 23px;
  float: right;
  display: block;
  background: url(/assets/images/btn_view.png) 0 0px no-repeat;
  margin: 6px 12px 0 0;
}
div.productOne div.bottom a.view:hover {
  background: url(/assets/images/btn_view.png) -71px 0px no-repeat;
}
div.productOne div.bottom a.view:active {
  background: url(/assets/images/btn_view.png) -142px 0px no-repeat;
}

div.productOne div.bottom p {
  width: 140px;
  float: left;
  padding: 8px 0 0 18px;
  text-transform: uppercase;
}
div.bottomDetail {
  background: #2a2a2c url(/assets/images/bgr_detailbottom.gif) repeat-y;
  padding: 12px 114px 20px 114px;
  line-height: 110%;
}
a.buyProduct {
  width: 114px; height: 32px;
  display: block;
  margin: 1.5em 0;
  position: relative;
}
a.buyProduct span {
  width: 114px; height: 32px;
  display: block;
  background: url(/assets/images/btn_buy.png) 0 0 no-repeat;
  position: absolute; top: 0; left: 0;
}
a.buyProduct:hover span {
  background-position: -114px 0;
}
a.buyProduct:active span {
  background-position:) -228px 0;
}
div.inspiration {
  padding: 0 0 30px 32px;
}
div.inspiration h5 {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 0.5em;
}

div.oneInspiration {
  background: #434343;
  width: 292px; height: 104px;
  float: left;
  margin: 0 7px 8px 0;
  overflow: hidden; zoom: 1;
}
div.oneInspiration img {
  padding: 14px 0 0 18px;
  float: left;

}
div.allInspirations {
  padding: 20px 0 0 0;
  overflow: hidden; zoom: 1;
}
div.oneInspiration a.view {
  margin: 64px 16px 0 0;
  float: right;
}
div.oneInspiration a.btnBuild {
  margin: 64px 16px 0 0;
  float: right;
}

a.view {
  width: 71px; height: 23px;
  display: inline-block;
  position: relative;
}
a.view span {
  background: url(/assets/images/btn_view.png) 0 0 no-repeat;
  width: 71px; height: 23px;
  display: block;
  position: absolute; top: 0; left: 0;
}
a.view:hover span {
  background: url(/assets/images/btn_view.png) -71px 0 no-repeat;
}
a.view:active span {
  background: url(/assets/images/btn_view.png) -142px 0 no-repeat;
}

a.btnBuild {
  width: 71px; height: 23px;
  display: inline-block;
  position: relative;
}
a.btnBuild span {
  background: url(/assets/images/btn_build.png) 0 0px no-repeat;
  width: 71px; height: 23px;
  display: block;
  position: absolute; top: 0; left: 0;
}
a.btnBuild:hover span {
  background: url(/assets/images/btn_build.png) -71px 0px no-repeat;
}
a.btnBuild:active span {
  background: url(/assets/images/btn_build.png) -142px 0px no-repeat;
}