* {font-family: arial, sans-serif}

body {background: #F1F1F1 url(background-footer.gif) repeat-x bottom left; margin: 0; padding: 0}

td, div, input, select, textarea {font-size: 12px}

a {color: #15B0DE; font-weight: bold; text-decoration: none}
a:hover {color: #666}

.wagenstatus {font-size: 11px; color: #9d9d9d; margin-bottom: 10px}
.wagenstatus a {color: #fff; font-weight: normal; text-decoration: none}
.wagenstatus a:hover {color: #15B0DE}

.metamenu {font-size: 11px; color: #999; margin-bottom: 10px}
.metamenu a {color: #bfbfbf; font-weight: normal; text-decoration: none}
.metamenu a:hover {color: #fff}
.metamenu a.active {color: #fff}
.metamenu a.active:hover {color: #bfbfbf}

.shopmenu a {color: #fff; font-size: 16px; font-weight: bold; text-transform: uppercase; text-decoration: none}
.shopmenu a:hover {color: #15B0DE}
.shopmenu a.active {color: #15B0DE}
.shopmenu a.active:hover {color: #fff}

td.header    {background: #262626 url(background-header.gif) repeat-x}
td.homepage  {background: #fff url(background-homepage.jpg) no-repeat center}
table.footer {margin: 65px 0 25px 0}
td.white {background: #fff}

/* START style homepage version november 2009 */
td.logos      {border-top: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6}

td.labels .wrapper {width: 100%}
td.labels h3 {font-size: 16px; color: #15B0DE; margin: 0 0 10px 0; line-height: normal}
td.labels .left  {width: 199px; float: left; border-right: 1px solid #c6c6c6}
td.labels .left .wrapper {padding: 0 10px 10px 0; line-height: 18px}
td.labels .right {width: 199px; float: left}
td.labels .right .wrapper {padding: 0 0 10px 10px; line-height: 18px}
td.labels a {font-size: 14px; color: #000; font-weight: bold; text-decoration: none; text-transform: uppercase}
td.labels a:hover {color: #15B0DE}


td.hometright {border-left: 1px solid #c6c6c6}
td.hometright .wrapper {padding: 0 20px}
td.hometright h2 {font-size: 14px; color: #000; margin: 0 0 10px 0; text-transform: uppercase}
td.hometright p  {font-size: 11px; color: #161616; line-height: 19px; margin: 0 0 15px 0}
td.hometright a {color: #15B0DE; font-weight: normal; text-decoration: none}
td.hometright a:hover {color: #000}


td.homeoutter {border-left: 1px solid #c6c6c6}
td.homeoutter .wrapper {padding-left: 20px}
td.homeoutter h4 {font-size: 14px; color: #15B0DE; margin: 0 0 10px 0; text-transform: uppercase}
td.homeoutter p  {font-size: 11px; color: #161616; line-height: 19px; margin: 0 0 15px 0}
td.homeoutter a {color: #15B0DE; font-weight: normal; text-decoration: none}
td.homeoutter a:hover {color: #000}


td.homebleft .wrapper {padding: 10px 20px 0 0}
td.homebleft h1 {font-size: 14px; color: #000; margin: 0 0 10px 0; text-transform: uppercase}
td.homebleft p  {font-size: 11px; color: #161616; line-height: 19px; margin: 0 0 15px 0}
td.homebleft a {color: #15B0DE; font-weight: normal; text-decoration: none}
td.homebleft a:hover {color: #000}

td.homebright {border-left: 1px solid #c6c6c6}
td.homebright .wrapper {padding: 10px 20px 0 20px}
td.homebright h2 {font-size: 14px; color: #000; margin: 0 0 10px 0; text-transform: uppercase}
td.homebright p  {font-size: 11px; color: #161616; line-height: 19px; margin: 0 0 15px 0}
td.homebright a {color: #15B0DE; font-weight: normal; text-decoration: none}
td.homebright a:hover {color: #000}

/* END style homepage version november 2009 */

.hometext h1 {color: #212121; font-size: 16px; font-weight: bold; text-transform: uppercase; margin: 0 0 30px 0; height: 35px}
.hometext {font-size: 11px; color: #777; line-height: 19px}
.hometext div {font-size: 11px; color: #777; line-height: 19px}
.hometext a {color: #15B0DE; font-weight: normal; text-decoration: none}
.hometext a:hover {color: #333}

.ncontent h1 {color: #212121; font-size: 16px; font-weight: bold; text-transform: uppercase; margin: 0 0 30px 0}
.ncontent {font-size: 12px; color: #333; line-height: 19px}
.ncontent a {color: #15B0DE; font-weight: normal; text-decoration: none}
.ncontent a:hover {color: #333}

table.content {margin-top: 20px}
table.content h1.title {font-size: 26px; margin: 0 0 35px 0; text-transform: uppercase}
table.content h2 {color: #212121; font-size: 14px; font-weight: bold; margin: 0 0 20px 0}

div.submenu {font-size: 11px; color: #777; background: url(background-submenu.gif) no-repeat right bottom; width: 176px}
div.submenu ul {margin: 0; padding: 0; width: 175px; list-style: none}
div.submenu li {margin: 0; padding: 3px 0; width: 170px; border-right: 5px solid #fff}
div.submenu li.active {margin: 0; padding: 3px 0; width: 170px; border-right: 5px solid #262626}
div.submenu a {color: #777; font-weight: normal; text-decoration: none}
div.submenu a:hover {color: #262626}

div.submenu a.active {color: #262626; font-weight: normal; text-decoration: none}
div.submenu a.active:hover {color: #777}

.product {float: left; width: 350px; min-height: 160px; height: auto !important; height: 160px; margin: 0 0 50px 20px}
.product .thumbnail {float: left; width: 130px; margin-right: 10px}
.product .sale {position: absolute; z-index:2000}
.product .details {float: left; width: 210px}
.product .details a.price {font-size: 20px; color: #fff; font-weight: bold; text-decoration: none; background: #262626 url(icon-overviewarrow.gif) no-repeat right center; padding: 8px 10px; display: block; margin-bottom: 10px}
.product .details a.price:hover {color: #fff; background: #15B0DE url(icon-overviewarrow-o.gif) no-repeat right center}
.product .details a {font-size: 11px; color: #000; font-weight: normal; text-decoration: none}
.product .details a:hover {color: #000}

.product-detail .price {font-size: 20px; color: #fff; font-weight: bold; background-color: #262626; padding: 8px 10px; margin-bottom: 20px}
.product-detail .sockname {font-size: 20px; font-weight: normal}
.product-detail .size  {font-weight: bold; width: 100%; margin-bottom: 10px}
.product-detail .color {font-weight: bold; width: 100%; margin-bottom: 10px}
.product-detail .info  {line-height: 16px; float: left; width: 350px; margin-right: 40px}
.product-detail .specs {font-size: 11px; color: #555; line-height: normal; margin-top: 25px}
.product-detail .image {float: left; width: 350px}
.product-detail .orderbutton {font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: right; margin-top: 30px}
.product-detail a {color: #000; font-weight: bold; text-decoration: none}
.product-detail a:hover {color: #15B0DE}

.cartoverview {border-top: 1px solid #ccc}
.cartoverview td {padding: 10px 0; border-bottom: 1px solid #ccc}
.cartoverview .productclose {font-size: 11px; color: #fff; background: #15B0DE; padding: 1px 4px; float: right; margin-right: 20px; cursor: pointer}
.cartoverview .clabel {font-size: 14px; font-weight: bold; margin-bottom: 10px}
.cartoverview .cdescrp {margin-bottom: 10px}
.cartoverview .carticlenr {font-size: 11px; color: #666; margin-bottom: 10px}
.cartoverview input.prodcount {color: #000; text-align: center}
.cartoverview a {color: #000; font-weight: bold; text-decoration: none}
.cartoverview a:hover {color: #15B0DE}

.carttotal td {padding: 5px 0}

/*a.btn {font-size: 12px; color: #fff; background: #000; padding: 5px 8px}
a.btn:hover {color: #fff; background: #15B0DE; padding: 5px 8px}*/
a.btn {color: #000; font-size: 14px; font-weight: bold; text-decoration: none; text-transform: uppercase; text-align: right; margin-top: 30px}
a.btn:hover {color: #15B0DE;}

#changeaddressfields input.custdataf {width: 97%; margin-bottom: 5px}
#changeaddressfields select.custdataf {width: 99%; margin-bottom: 5px}
#changeaddressfields .required {font-weight: bold; color: #000; font-size: 14px; vertical-align: middle}

#sokkadoinfo {margin: 20px 0}
#sokkadoinfo .giftletter {font-size: 11px; width: 97%; height: 50px} 
#sokkadoinfo .giftletterd {font-size: 11px; width: 97%; height: 50px; filter:alpha(opacity=50); opacity:.5}

#differentdeliveryfields input.custdataf {width: 97%; margin-bottom: 5px}
#differentdeliveryfields select.custdataf {width: 99%; margin-bottom: 5px}
#differentdeliveryfields input.custdatadf {width: 97%; margin-bottom: 5px; filter:alpha(opacity=50); opacity:.5}
#differentdeliveryfields select.custdatadf {width: 99%; margin-bottom: 5px; filter:alpha(opacity=50); opacity:.5}

.legal {font-size: 10px; color: #333; margin-top: 10px}
.legal a {color: #333; font-weight: normal; text-decoration: none}
.legal a:hover {color: #777}


/* slightly enhanced, universal clearfix hack */
.clfx:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clfx { display: inline-block; }
/* start commented backslash hack \*/
* html .clfx { height: 1%; }
.clfx { display: block; }
/* close commented backslash hack */

div.popupoverlay {display:none; position: fixed; top: 0px; z-index:0; z-index:100; left: 0px; height:100%; width:100%;	}
div.bgr_overlay{display:none; position: fixed; top: 0px; z-index:100; left: 0px; height:100%; width:100%;	 background-color: #ffffff;  -moz-opacity: 0.6; opacity:.60;filter:alpha(opacity=60); }
div.popupmsg {padding:10px; overflow: hidden; z-index:101; height:90px; width:330px; background-color:#fff; position:absolute; top:30%; left:38%; border:1px solid #000000 }
div.popupmsg div.header {padding-left:4px; font-size:14px; margin-bottom:12px; color:#15B0DE; font-weight:bold; text-transform:uppercase }
div.popupmsg div.content {padding-left:4px; font-size:11px; margin-bottom:12px; color:#000; font-weight:normal; }


td.content #sock-overview {margin-bottom: 15px}

td.content .sock {float: left; width: 300px; min-height: 95px; height: auto !important; height: 95px; margin: 0 0 20px 20px; border: 1px solid #eee}
td.content .sockthumb {float: left; width: 75px; margin-right: 10px; margin-top: 5px}
td.content .sockdetails {float: left; width: 200px}
td.content .sockdetails .sockcat   {color: #15B0DE; font-weight: bold; margin-top: 8px; margin-bottom: 10px}
td.content .sockdetails .sockspec  {color: #333; margin-bottom: 10px}
td.content .sockdetails div.socksize {margin-bottom: 8px}
td.content .sockdetails input.amount {color: #000; width: 25px}
td.content .sockdetails select.size  {color: #000; margin-right: 5px}
td.content .sockdetails .confirm  {color: #15B0DE; font-weight: bold}
td.content .sockdetails .sale {position: absolute; z-index: 2000}