body {

  font-family: Arial, Verdana;
  color: #5C5C5C;
}

table {
  border-collapse: collapse;
}

.label {
  font-size: .8em;
}

.textbox {
	font-size: .75em;
  height: 1.05em;
}

.smalltextbox {
	font-size: .75em;
  height: 1.05em;
  width: 20px;  
}

.multilinetextbox {
  width: 188px;
  height: 80px;  
}

.largemultilinetextbox {
  width: 350px;
  height: 150px;  
}

.longmultilinetextbox {
  width: 350px;
  height: 75px;  
}

.longtextbox {
  font-size: .75em;
  height: 1.05em;
  width: 325px;
}

.dropdownlist {
  font-size: .7em;
  color: #5C5C5C;
}

.fwdropdownlist {
  font-size: .7em;
  font-family: Courier New;
}

.button {
	font-size: .7em;
	height: 20px;
	font-weight: bold;
	padding-bottom: 5px;
}

.rightbutton {
	font-size: .7em;
	height: 20px;
	font-weight: bold;
  float: right;
}

.menuItem {
  color: #fff;
}

.menuItem a {
  cursor: pointer;  
}

.menuItem #left{
  width: 5px;
  display: inline;
  background: url(images/blue_tab_left.gif) no-repeat;
  height: 30px;
  position: relative;
  float: left;
}

.menuItem #mid {
  display: inline;
  background: url(images/blue_tab_middle.gif) repeat-x;
  height: 30px;
  position: relative;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
}

.menuItem #mid #text {
  position: relative;
  top: 5px;
  color: #FFF;
}

.menuItem #right {
  width: 5px;
  display: inline;
  background: url(images/blue_tab_right.gif) no-repeat;
  height: 30px;
  position: relative;
  float: left;
}

.menuItemSelected {
  color: #fff;
}

.menuItemSelected a {
  cursor: pointer;  
}

.menuItemSelected #left {
  width: 5px;
  display: inline;
  background: url(images/lightblue_tab_left.gif) no-repeat;
  height: 30px;
  position: relative;
  float: left;
}

.menuItemSelected #mid {
  display: inline;
  background: url(images/lightblue_tab_middle.gif) repeat-x;
  height: 30px;
  position: relative;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
}

.menuItemSelected #right {
  width: 5px;
  display: inline;
  background: url(images/lightblue_tab_right.gif) no-repeat;
  height: 30px;
  position: relative;
  float: left;
}

#all
 {
	width: 961px;
	margin: 0px auto;
}

#headerRegion {
  margin-bottom: 15px;  
}

#mainContentRegion {
  display: block; 
  clear: both;
}

.sectionHeader {
  border-bottom: 1px solid rgb(235, 235, 235);
  color: #024A76;
  font-size: .9em;
  padding-bottom: 5px;
  font-weight: bold;
}

.navigationRule {
  border: 2px solid #024A76;
  position: relative;
  top: -8px; 
}

.defaultTable {
  width: 99%;  
}

.defaultTable a {color:#000 !important; text-decoration:underline !important;}

.verticalalign img {
  vertical-align: middle;
}

.verticalalign span {
  vertical-align: top;
}

.showAll {
  float: right;
}


.modalbutton {
	font-size: .7em;
	height: 20px;
	vertical-align: middle;
	margin-left: 10px;
	margin-right: 10px;
	font-weight: bold;
	float: right;
}

hr {
  border-bottom: 1px solid #CCC;
  color: #FFF;  
}

a:link {
  color: #0066A6;
  text-decoration: none;
}

a:visited {
  color: #0066A6;
  text-decoration: none;
}

.smallleft {
  float: left;
}

.smallright {
  float: right;  
}

#footer a {
  text-decoration: none;
  font-size: .7em;
  color: #C0C0C0;
}

#footer a:visited {
  color: #C0C0C0;
}

#footer a:hover {
  color: #0066A6;
}


/* hide away various sections temporarily */
.productBox a {color:#000 !important;}


.contentMenu,
.widget,
.pagingLeft,
.pagingRight {display:none !important;}

.categoryLevel1 {background:#000 !important;}

.contentGroupHeader,
.accordionHeader {background:#000 !important; color:#fff !important;}

.checkoutRightPanel,
.accordionContent,
.productBox,
.productSummary,
#threeColumnRightContent div,
#ctl00_ContentPlaceHolder1_pnlCart,
#site_centercontent {background:#fff !important;}

#threeColumnMainContent {background:#fff !important; color:#000 !important;}
#threeColumnMainContent a {color:#000;}
.pagingMid,
.cartSubTotal,
#threeColumnRightContent .accordionHeader {background:#000 !important; color:#fff !important;}
.pagingMid .totals,
.productName,
#ctl00_ContentPlaceHolder1_pnlCart .itemName a {color:#fff !important;}

.welcomePanel {margin:1em 0 0 0;}

#allContent {padding-top:20px; background:url(images/bg-shapes-june-08.jpg) no-repeat right top; margin:0; width:100%; height:642px; height:auto !important; min-height:642px;}
#headerRegion,
#content,
#footer {width:961px; margin:0 auto;}

#content {margin-top:20px; min-height:510px; height:auto !important; height:510px; clear:both;}
#leftContent {position:relative !important;}

.orderSummaryTable {font-size:1.2em !important}
#ctl00_ContentPlaceHolder1_pnlCart {padding-bottom:60px !important; border:1px solid black}

#ctl00_ContentPlaceHolder1_pnlCart a,
.button,
#threeColumnRightContent a {color:#000 !important;}

a#ctl00_ContentPlaceHolder1_lbCheckout,
a#ctl00_ContentPlaceHolder1_lbUpdate {background:#7bb139; no-repeat 100% 50%; padding:.5em 1em; border:1px solid black; color:#fff; float:right; margin:1em 1em 1em 0; font-size:.9em; font-weight:normal; color:#fff !important;}
a#ctl00_ContentPlaceHolder1_lbUpdate {float:left; margin:1em 0 1em 1em;}

#ctl00_ContentPlaceHolder1_ctl04_contentRegion a {color:#000 !important;}
.contentRegion {font-size:.8em !important;} 

#rightbox { background:transparent none repeat scroll 0 0;
border:1px solid #2B913B;
color:#000000;
float:right;
font-size:1em !important;
margin:0 0 2em 2em;
padding:15px;
width:200px; 
}

/* Triforce.se styles */

/* General settings 
---------------------*/
html {height:100%}    

body { margin: 0; padding:0; font: 100% Arial, Verdana, sans-serif; color:#fff; height:100%;}

p {margin-top:0}

ul {margin-bottom:1em; margin:0; padding:0; list-style-position:inside;}

/* Links */
a {color:#fff !important; font-weight:normal}

/* Headings */
h1, h2, h3, h4, h5, h6 {
font-family: "Trebuchet MS", "Century Gothic", Georgia, Arial, Verdana, sans-serif; margin:0; font-weight:normal; margin-bottom:.5em; }
h1 {font-size:2.3em; font-weight:bold; }
h2 {font-size:2.0em;}
h3 {font-size:1.5em}
h4 {font-size:1.2em}

/* Page structure 
-------------------*/
#wrapper { min-height:100%; height:auto !important; height:100%; position:relative;}
#wrapper:after { content:"."; display:block; clear:both; visibility:hidden; }

#head { height:100px; border-bottom:1px solid white; position:relative; }

#logo {font-size:1em; margin:30px 0 30px 40px; text-indent:-9999px; width:199px; float:left; display:inline; }
#logo a {display:block; text-decoration:none; background:url(img/logo.gif) no-repeat; width:204px; height:45px; }
#logo a:focus {outline:none;}
.logo {float:left;}

#main-nav {list-style:none; margin:0; padding:0; float:right; font-size:.8em;}
#main-nav li {float:left; margin-left:7px}

 #main-nav li a {text-decoration:none; background:#680755 url(http://www.triforce.se/img/btn-right.gif) no-repeat top right; display:block; float:left; padding-right:4px} 
#main-nav li a span {display:block; background:url(http://www.triforce.se/img/btn-left.gif) no-repeat top left; padding:10px; padding-left:11px }
#main-nav li a:hover {background:url(http://www.triforce.se/img/btn-right-hover.gif) no-repeat top right;}
#main-nav li a:hover span {background: #66598a url(http://www.triforce.se/img/btn-left-hover.gif) no-repeat top left;} 

#acceptedPayment {text-align: right; }



/* Content containers */
#main-content { margin: 30px 30px 30px 40px; max-width:680px; }
#side-content { float:right; width:373px; margin-left:50px}

#advantages {margin:0; padding:0; margin-bottom:1em; list-style-position:outside; margin-top:20px; margin-left:17px; margin-right:80px}
#advantages li {line-height:1.5}

#main-content,
#side-content {font:1.4em/1.5 Arial, Verdana, Helvetica, sans-serif; padding-bottom:30px; }

#produktbilder { width: 180px;}
#produktbilder ul li{ list-style:none; float:left;}
#produktbilder h4 {clear:left;}
#produktbilder img{padding: 0 10px 10px 0; }
#produktbilder a img{border: 0 }

/* Page footer */
#footer {font-size:1.4em; text-align:right; line-height:88px; background: #680755; min-height:88px; height:auto !important; height:88px; padding:0 2.5%; color:#fff; clear:both; background:url(img/footer-bg-trans.gif) repeat-x;}

#company-info {margin:0; padding:0; list-style:none; padding-right:2.5%;  background:url(img/footer-triforce.png) no-repeat left top; }

#handContainer {margin-top:40px}

.gallery {list-style:none; margin:0; padding:0; margin-top:20px; height:1%; clear:left}
.gallery li {float:left; margin:0 20px 20px 0; }
.gallery li a {display:block; border:5px solid #680755;}
.gallery li a:hover {border:5px solid white;}
.gallery li a img {display:block; border:none}


/* spring '08 styles */
/*body {background:url(images/spring-08-bg.jpg) repeat-x; color:#000;   }
#wrapper {background:url(img/bg-shapes-08.jpg) no-repeat top right;}*/
body {background:#fff url(images/bg-june-08.jpg) repeat-x !important; color:#000}
#wrapper {background:url(images/bg-shapes-june-08.jpg) no-repeat top right;}
#main-nav li a {background:transparent url(http://www.triforce.se/img/btn-right-green.gif) no-repeat top right;}
#main-nav li a span {background:transparent url(http://www.triforce.se/img/btn-left-green.gif) no-repeat top left; padding:10px 10px 10px 11px;}
#main-nav li a:hover {background:url(http://www.triforce.se/img/btn-right-green-hover.gif) no-repeat top right;}
#main-nav li a:hover span {background: transparent url(http://www.triforce.se/img/btn-left-green-hover.gif) no-repeat top left;}
#logo {margin:1.8em 0 0 3.4em}
#logo a {display:block; text-decoration:none; background:url(img/triforce-logo-08.gif) no-repeat; width:339px; height:72px; }
#footer {background:url(images/footer-bg-08-trans.gif) no-repeat; min-height:72px; line-height:72px}
#footer a {background:none; padding:0 1em; font-size:.6em;}
#footer hr {display:none;}
.gallery li a {display:block; border:5px solid #17711b;}
#main-content a {color:#000; font-weight:normal}