html {overflow-x:hidden; margin:0 auto; text-align:left; padding:0}
body {font: 10px/1.2 Verdana, Arial, Helvetica, sans-serif;}
img {border:none; outline: none;}
a {text-decoration:none;}
p {margin-bottom: 10px;}
div {margin:0; padding:0;}

form {margin: 0; padding:0}
form input {font-family:Verdana, Arial, Helvetica, sans-serif}

h1, h2, h3, h4 { font-family: Verdana, Arial, Helvetica, sans-serif, font-weight: normal;}
h2, h3 {margin-top:20px; }
h1 {font-size:14px; margin-bottom: 5px;}
h2 {font-size:12px;clear:both }
h3,h4 {font-size:11px}
h4 {margin:0}

ol, ul { list-style: none; margin: 10px 0}

ol {padding:10px;}
ol li {margin-left:10px; font-weight: bold;}

div#mainWrapper {width:590px; margin:10px 0 10px 5px;}

div#mainWrapper ul li input.btn {width:120}

#productWrapper {padding:10px 0; width:590px;}
#productWrapper input {width:25px; font-size:10px;}
#productWrapper h2 {font-size: 10px; margin: 0; padding:0; line-height: 1;}
#productWrapper p {font-size: 10px; margin: 0}
#productWrapper ul li {font-size: 10px;}

#productWrapper ul {list-style:none; padding-right:10px; }
#productWrapper ul li {text-align:right;}

#productWrapper div div.blockLeft {float:left; width:200px; margin-right:5px; padding:0}
#productWrapper div div.blockLeft ul li {margin-bottom:5px; font-weight: bold}
#productWrapper div div.blockLeft .unity {margin:0; padding:0; }

#productWrapper div div.blockRight {float:left; width:375px; padding: 0 5px; }

#productWrapper div div.blockRight ul {float:left; width:170px; margin:5px 0 0 0; padding:0 }
#productWrapper div div.blockRight ul.bRight {border-right: 1px solid #333; margin-right:17px; width:145px;}
#productWrapper div div.blockRight ul li {text-align: left; margin: 0; padding:0; line-height: 1.2}

/* BESTÄLL SIDA*/

	/* SNUSWORLDWIDE LEVERERAR TILL USA MSG*/
	#goSnusWWnet {float:left; background: #880000 url(../img/order_usa_snusww.png) no-repeat 0 0; width:280px; height:160px; position:relative; margin-top:5px; }
		#goSnusWWnet div {position:absolute; left: 0; top: 0; width:280px; height:155px}
		#goSnusWWnet div a {display:block; color:#f5f5f5; padding:12px 15px; height:155px;}
			#goSnusWWnet a:hover {display:block; color:#fff;}
		
			#goSnusWWnet h2 {margin:0; font:700 18px/20px Arial, Helvetica, sans-serif; }
			#goSnusWWnet p {padding: 3px 0; font-size: 12px; margin:5px 0; line-height:120%}
			#goSnusWWnet p span {font-weight:700; display:block; text-align:right; font-size:12px; position: relative; top:20px; right:0 }

	/* MSG EFTER EPOST */		
	#snusWWNet_US_msg {width:548px; padding: 10px 20px; background: #eaeaea url(../img/order_usa_bg.png) no-repeat left bottom; color:#454545; border: 1px solid #ccc; }
	#snusWWNet_US_msg * {padding:0;margin:0}
		#snusWWNet_US_msg h2 {font: 700 14px/24px Arial, Helvetica, sans-serif;}	
		#snusWWNet_US_msg h3 {font: 700 12px/24px Arial, Helvetica, sans-serif; color: #888; margin:5px 0 -5px 0;}	
		#snusWWNet_US_msg p {font: normal 11px/18px Arial, Helvetica, sans-serif; width: 75%;}	
	
		#snusWWNet_US_msg p a {display:block; float:left; width:100px; height: 25px; line-height: 25px; background: transparent url(../img/buttons.png) no-repeat 0 0px; margin:10px 10px 10px 0; text-align:center; color: #454545}	
		
			#snusWWNet_US_msg p a:hover,
			#snusWWNet_US_msg p a:hover {background-position: 0 -25px; color:#454545 }		

/* FRAMSIDA*/
	/* Framside information leverans USA */
	#us_Info {background: url(../img/bg_rcol_snusww_net.jpg) no-repeat left top; padding:3px 0 0 10px; margin-bottom: 10px;  width: 170px; height: 60px;}
		#us_Info h2 {margin:8px 0 5px; font:700 14px/14px Arial, Helvetica, sans-serif; color:#fff; }
		#us_Info p {font: 11px/16px Arial, Helvetica, sans-serif; color:#fff; margin:0; padding-bottom:5px}
	
		#us_Info a:hover {text-decoration:none;}	


.roundedCorners {-moz-border-radius: 6px; -webkit-border-radius: 6px;}


/* HÄMTA TIDIGARE ORDER */
div#myGetOrder {float:right; width: 300px; clear:right; height:145px; background: url(../img/bckg_getLastOrder.jpg) no-repeat ; margin:5px 0 10px 0px; padding:10px 0px 5px 0px;}
div#myGetOrder p, div#myGetOrder ul, div#myGetOrder h4 {padding:5px 15px;}
div#myGetOrder ul {list-style:none;}
div#myGetOrder ul li {margin-bottom:10px; margin-right: 10px; text-align: right; font-weight:bold}
div#myGetOrder ul li input {width:180px; font-size:10px; margin-left:10px; padding:2px;}
div#myGetOrder ul li input.btn {width:125px;}


/**/

#myAdress {width:340px; list-style: none;}
#myAdress input {width:200px; list-style: none;  padding:0 5px 0 5px; font-size:10px; margin-left:10px;}
#myAdress input.btn {width:125px;}
#myAdress select {width:214px; padding:0 2px 0 2px; margin-left:10px; font-size:10px;}
#myAdress select#myCountry { width:200px;}
#myAdress li {text-align:right; margin-bottom: 5px; font-weight:bold}


/* Generella Klasser */
.highLight {color:#f4b44d; font-size:18px; font-weight: bold;}
.fLeft {float:left;}
.fRight {float:right; margin: 0 0 10px 10px;}
.red {color:#cc0000}
.unity {margin-top:0px;}
.mustfill {color:#cc0000;}

.btn {width:100px;}

.odd {background:#f8f8f8; padding: 5px 0}
.even {background:#eaeaea; padding: 5px 0}

/* TOPMESSAGE */

div#topmessage {padding:10px 0;}
div#topmessage span {color: #993333; font-weight:700;}
div#topmessage a {font-weight:700;}



/* OLDER GLOBAL.CSS */

#mainContainer {width:615px; margin:10px 0 0 5px;}
#floatItem {float:left; width:273px; margin:0 5px 5px 0; padding:5px; background-color:#eaeaea; border:1px solid #ccc;}
#floatItem h2{font-size:10px; margin:0;}
#floatItem p{margin:0;}
#floatItem form{margin:0}
#floatItem input{font-size:10px; width:40px;}
#floatItem td{font-size:10px;}

/********* KASSASTEG ***********/
.outerwrapper {clear: both; margin: 10px 0; padding: 0px; width: 610px;}
h1#outerHeader { font-size: 14px; color:#333; margin: auto 0; padding: 0 0 0 0; text-align: center}

div.wrapper {width: 610px; clear: both; background-color:#fff; margin: 0px auto; padding: 10px 0;} 

div.wrapper form { margin: 0; padding: 0}

div.wrapper .left { position: relative; float: left; height: 280px; width: 290px; border: solid 1px #eaeaea; padding: 5px 5px; margin: 0 }
div.wrapper .right { position: relative; float: right; height: 280px; width: 290px; border: solid 1px #eaeaea; padding: 5px 5px; margin: 0}
div.wrapper .left input, div.wrapper .right input { position: absolute; bottom: 10px; left: 10px; margin: 0px; padding: 0px;}

.betalkort{float: left; margin: 0px; padding: 20px 0 0 0; border-top: solid 0px #000; }
#text{ height: 180px; padding: 0; margin: 0} 

/* INLINE CSS */


table#bestallform tr {}
table#bestallform td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding:15px 5px 15px 5px;}
td.fontMedium {font-size: 11px;} 
tr.ljus td{background-color: #f8f8f8;}
tr.mork  td{background-color: #eaeaea;}
tr.vit { background-color: #fff;}
.red {color: #cc0000;}		
table tr td input {margin:0}