/* By Johannes Leuchvoius @ Wepic visions, www.wepic.se - johannes@wepic.se
-------------------------------------------------------------------------------------------------------------------------------------------------*/

.left { float:left; }
.right { float:right; }
strong {font-weight:bold !important; }
br { line-height: 8px; }
/* =Global
-------------------------------------------------------------------------------------------------------------------------------------------------*/
body { background-color: #fefef9; }
a, a:active, a:focus { outline: 0 } /* Removes the ugly dotted border */
.swesocksContainer { background: url('../images/wholeStructure.png') no-repeat scroll top left; width: 750px; height: 622px; padding: 0 100px 0 100px; margin: 0 auto; position:relative;}
.branding { width: 750px; height: 115px; float:left; position: relative; }
.branding h1 { text-indent: -99999px; }
.branding h2 { background: url('../images/swesocks.com.png') no-repeat scroll top left; width: 110px;height: 25px; position: absolute; top: 82px; right: 80px;}
.branding h2 a { width: 100%; height: 100%; display: block; text-indent: -99999px; }
.branding .FlashReplacement { position:absolute; top: 0; left: -98px; }

.mainContent { width: 750px; height: 330px; padding: 100px 0 0 0; float:left; position:relative; }
.mainContent ul.threeSteps { width: 191px;height: 203px; position:absolute; right: -205px; top: 105px; display:block; }
.mainContent ul.threeSteps li.step2 { background: url('../images/step1_normal.png') no-repeat scroll top left;width: 191px;height: 60px; display:block; float:left; clear:left; text-indent: -99999px; }
.mainContent ul.threeSteps li.step2Active { background: url('../images/step1_active.png') no-repeat scroll top left;width: 191px;height: 60px; display:block; float:left; clear:left; text-indent: -99999px; }
.mainContent ul.threeSteps li.step3 { background: url('../images/step2_normal.png') no-repeat scroll top left;width: 191px;height: 85px; display:block; float:left; clear:left; text-indent: -99999px; }
.mainContent ul.threeSteps li.step3Active { background: url('../images/step2_active.png') no-repeat scroll top left;width: 191px;height: 85px; display:block; float:left; clear:left; text-indent: -99999px; }
/*.mainContent ul.threeSteps li.step3 { background: url('../images/step3_normal.png') no-repeat scroll top left;width: 191px;height: 91px; display:block; float:left; clear:left; text-indent: -99999px; }
.mainContent ul.threeSteps li.step3Active { background: url('../images/step3_active.png') no-repeat scroll top left;width: 191px;height: 91px; display:block; float:left; clear:left; text-indent: -99999px; }
*/

/*.mainContent a.start { background: url('../images/start.png') no-repeat scroll top left; width: 334px; height: 154px; display:block; text-indent: -99999px; margin: 0 auto 0 auto; }
.mainContent a.start:link { background: url('../images/start.png') no-repeat scroll top left; }
.mainContent a.start:visited { background: url('../images/start.png') no-repeat scroll top left; }
.mainContent a.start:hover { background: url('../images/start.png') no-repeat scroll top right; }

.mainContent a.moreInfo { background: url('../images/more_info_normal.jpg') no-repeat scroll top left;width: 107px;height: 85px; display:block; text-indent: -99999px; position:absolute; right: 90px; top: 182px;}
.mainContent a.moreInfo:link { background: url('../images/more_info_normal.jpg') no-repeat scroll top left; }
.mainContent a.moreInfo:visited { background: url('../images/more_info_normal.jpg') no-repeat scroll top left; }
.mainContent a.moreInfo:hover { background: url('../images/more_info_active.jpg') no-repeat scroll top right; }*/

.mainContent .subscribe { background: url('../images/subscribe.png') no-repeat scroll top center; width: 397px; height: 40px; text-indent: -99999px; margin: 60px auto 0 auto; }
/*.mainContent .order { color: #e8e7e6; width: 450px; padding: 30px 150px 40px 150px; text-align:center; float:left; }*/
.mainContent .order { color: #e8e7e6; width: 670px; padding: 30px 40px 20px 40px; float:left; position:relative; }

.mainContent .order p.swesocksHead { background: url('../images/head_loggo.png') no-repeat scroll top left; width: 260px; height: 125px; text-indent: -99999px; display:block; position:absolute; top:-80px; left: 245px; }
/*.mainContent .order p.swesocksHead { background: url('../images/swesocks_farsdagbanner.gif') no-repeat scroll top left; width: 260px; height: 125px; text-indent: -99999px; display:block; position:absolute; top:-80px; left: 245px; }
*/
.mainContent .order a { color: #dcb940; }
.mainContent .order a:hover { color: #e8e7e6; }
.mainContent .order .form {  }
.mainContent .order .form legend { color: #e8e7e6;  }
.mainContent .order h3 { color: #e8e7e6; font-size: 1.3em; font-weight: bold; padding: 5px 0 5px 0; }
.mainContent .order h4 { color: #dcb940; font-size: 1.3em; font-weight: bold; padding: 20px 0 20px 0; text-align:center; }
.mainContent .order .leftColumn { width: 330px; float:right; position:relative;}
.mainContent .order .leftColumn p {padding: 0px 0 8px 0px; }
.mainContent .order .leftColumn .sSNContainer input { color: #dcb940; background: #351802; border: 1px solid #4a3d32; padding: 3px 0 3px 2px; width: 100px; }
.mainContent .order .leftColumn .addressContainer input { color: #dcb940; background: #351802; border: 1px solid #4a3d32; padding: 3px 0 3px 2px; width: 100px; }
.mainContent .order .leftColumn .acceptSubmit { width: 330px; padding: 15px 0 0 0; float:left; clear:left;}
.mainContent .order .leftColumn .acceptera { text-align:left; width: 155px; padding: 20px 0 0 0; float:left; }
.mainContent .order .leftColumn .acceptera input.accept { float:left; width: auto; background: none; border: none; color: #fff; }
.mainContent .order .leftColumn .acceptera label { float:left; display:block;}
.mainContent .order .leftColumn .submit { text-align:left; cursor: pointer; color: #000; background: #351802; border: none; padding: 0px 0 3px 0; text-indent: -99999px; width: 141px;height: 59px; background: url('../images/skicka.png') no-repeat scroll top left; float:right;}

.mainContent .order .leftColumn .sSNContainer { width: 100%; float:left; padding: 0 0 10px 0; }
.mainContent .order .leftColumn .sSNContainer input { float:left; }
.mainContent .order .leftColumn .sSNContainer a { float:right; display: block; padding: 4px 0 0 0; }

*html .mainContent .order .leftColumn .addressContainer { display:block !important; }
.mainContent .order .leftColumn .addressContainer a { float:right; display: block; padding: 8px 0 0 0; }

.mainContent .order .leftColumn .addressContainer { width: 100%; float:left; }
.mainContent .order .leftColumn .addressContainer div h5 { width: 100%; padding: 10px 0 2px 0; float:left; text-align:left; }
.mainContent .order .leftColumn .addressContainer div input { float:left; margin: 0 3px 0 0; }
.mainContent .order .leftColumn .addressContainer div input.name { width:159px; }
.mainContent .order .leftColumn .addressContainer div input.street { width: 70px; }
.mainContent .order .leftColumn .addressContainer div input.zip { width: 80px; }

.mainContent .order .form .rightColumn { width: 300px; float:left; }
.mainContent .order .form .rightColumn p { width: 305px; float:left; text-align: left; }

.terms_of_service .mainContent .order { width: 550px; padding: 0px 100px 0px 100px; text-align:center; float:left;  }
.terms_of_service .mainContent .order .TermsOfService { height:300px; width:550px; padding: 0 100px 0 0; overflow:scroll; overflow-x: auto; text-align:left;  }
.terms_of_service .mainContent .order .TermsOfService h2 { font-size: 1.4em; }
.terms_of_service .mainContent .order .TermsOfService h3 { font-size: 1.3em; font-weight:normal; padding: 15px 0 5px 0; }

.foot { color: #e8e7e6; font-size: 11px; width: 620px; padding: 18px 65px 0 65px; height: 50px; float:left; }
.foot ul { width: 620px; float:left; }
.foot ul li { padding: 0 30px 0 0; float:left; }
.foot ul li a { color: #e8e7e6; }
.foot ul li a:hover { color: #dcb940; }
.foot ul li.last { padding: 0; float:right; }
.foot ul li.last a { color: #dcb940; }
.foot ul li.last a:hover { color: #e8e7e6;  }