html { height: 100%; margin-bottom: 1px; }


@font-face {
	font-family: 'ArvoRegular';
	src: url('font/Arvo-Bold-webfont.eot');
	src: local('?'), 
    url('font/Arvo-Bold-webfont.woff') format('woff'), 
    url('font/Arvo-Bold-webfont.ttf') format('truetype'),
    url('font/Arvo-Bold-webfont.svg#webfontL3jEtZ1d') format('svg');
	font-weight: normal;
	font-style: normal;
	font-variant:normal;
}





body             { background-color:#918e87; background-image: url(inc/gfx/main_bg.jpg);  font-family: verdana;font-size: 11px; height: 100%; margin-bottom: 1px; text-align:center; }

a                { font-family: verdana; font-size:11px; font-weight:bold; text-decoration:none; color:#2c2c2c; }
a:hover          { font-family: verdana; font-size:11px; font-weight:bold; text-decoration:underline;  color:#4d4d4d; }

a.soklank        { font-family: verdana; font-size:15px; font-weight:bold; text-decoration:none; color:#2c2c2c; }
a.soklank:hover  { font-family: verdana; font-size:15px; font-weight:bold; text-decoration:underline;  color:#4d4d4d; }




h1 { font-family: 'ArvoRegular',arial; font-weight:normal; font-size:35px; margin-top:0px; margin-bottom:5px; letter-spacing: -1px; line-height: 35px; color:#666;}
h2 { font-family: 'ArvoRegular',arial; font-weight:normal; font-size:22px; margin-top:0px; margin-bottom:5px; letter-spacing: -1px; line-height: 21px; color:#ea9217;}
h3 { font-family: 'ArvoRegular',arial; font-weight:normal; font-size:18px; margin-top:0px; margin-bottom:7px; letter-spacing: -1px; line-height: 27px; color:#3d3d3d;}
h4 { font-family: 'ArvoRegular',arial; font-weight:normal; font-size:18px; margin-top:0px; margin-bottom:5px; padding-bottom:4px; letter-spacing: -1px; line-height: 17px; color:#3d3d3d;}


#container       { width:1074px;  margin:0px auto;  padding-bottom:20px; position:relative;}
#main_top        { width:1074px;height:110px;overflow:hidden;}
#main_top_left   { width:8px;height:110px; overflow:hidden; background-image: url(inc/gfx/top_left.png); background-repeat: no-repeat; float:left;}
#main_top_middle { width:1059px; height:110px;overflow:hidden; float:left;}
#main_top_right  { width:7px;height:110px; overflow:hidden; background-image: url(inc/gfx/top_right.png); background-repeat: no-repeat; float:left;}

#main_bottom        { width:1074px;height:16px;overflow:hidden;}
#main_bottom_left   { width:8px;height:16px; overflow:hidden; background-image: url(inc/gfx/bottom_left.png); background-repeat: no-repeat; float:left;}
#main_bottom_middle { width:1059px; height:16px;overflow:hidden; background-image: url(inc/gfx/bottom_middle.png); background-repeat: no-repeat; float:left;}
#main_bottom_right  { width:7px;height:16px; overflow:hidden; background-image: url(inc/gfx/bottom_right.png); background-repeat: no-repeat; float:left;}

#main_menu        { width:1074px;height:46px;overflow:hidden;}
#main_menu_left   { width:8px;height:46px; overflow:hidden; background-image: url(inc/gfx/left_skugga.png);  float:left;}
#main_menu_middle { width:1059px; height:46px;overflow:hidden; background-image: url(inc/gfx/menu_bg.jpg); background-repeat: no-repeat; background-color:#f89c1d; text-align:left; float:left;}
#main_menu_right  { width:7px;height:46px; overflow:hidden; background-image: url(inc/gfx/right_sugga.png);  float:left;}
#main_menu_padding{ margin-top:2px; margin-left:10px; }


#main_under_menu        { width:1074px;height:46px;overflow:hidden;}
#main_under_menu_left   { width:8px; height:46px; overflow:hidden; background-image: url(inc/gfx/left_skugga.png);  float:left;}
#main_under_menu_middle { width:1059px; height:46px;overflow:hidden; background-color: #000000; color:#FFFFFF; font-weight:bold; text-align:left; float:left;}
#main_under_menu_right  { width:7px;height:46px; overflow:hidden; background-image: url(inc/gfx/right_skugga.png);  float:left;}

#main_under_menu_box1 { width:827px; float:left; padding-left:30px; padding-top: 15px;}
#main_under_menu_box2 { width:auto; float:left; padding-left:4px; padding-top:8px; padding-bottom:0px; text-align:right; }

#main_main        { width:1074px; }
#main_main_left   { width:8px;     background-image: url(inc/gfx/left_skugga.png); ; float:left; }
#main_main_middle { width:1059px;  background-image: url(inc/gfx/undermeny_skugga.png); background-repeat: repeat-x; background-color: #FFFFFF; color:#4d4d4d; font-weight:bold; text-align:left; float:left; }
#main_main_right  { width:7px;     background-image: url(inc/gfx/right_skugga.png);  float:left; }

#tvaspalt_1       { width:735px; float:left; margin-left:20px; margin-top:25px; margin-bottom:25px; }
#tvaspalt_2       { width:251px; float:left; margin-left:15px; margin-top:25px; margin-bottom:25px; }
#helspalt         { width:1011px; padding:15px; margin-left:25px;}


.box_fragor_kategori       { height:auto; background-image: url(inc/gfx/box_black.jpg); background-repeat: no-repeat; background-color:#000000; color:#FFFFFF; font-weight:normal; margin-top:10px; margin-bottom:10px;}
.box_gra       { height:auto; background-color:#f2efe9; border: 1px solid #d3d2ce; font-weight:normal; margin-top:10px; margin-bottom:10px;
    		-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.box_gra2     { height:auto; background-color:#dbd6cd; border: 1px solid #c5c4c0; font-weight:normal; margin-top:10px; margin-bottom:10px;
    		-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.box_green     { height:auto; background-color:#d8e3bb; border: 1px solid #9eb560; font-weight:normal; margin-top:10px; margin-bottom:10px;
    		-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.box_fraga     { height:auto; background-color:#f2efe9; border: 1px solid #d3d2ce; font-weight:normal; }
.box_space     { height:20px;  background-color:#cbc5bd; margin-top:10px; margin-bottom:10px; }


.box_black_right { height:auto; background-image: url(inc/gfx/box_black.jpg); background-repeat: no-repeat; background-color:#000000; color:#FFFFFF; font-weight:normal; margin-top:10px; margin-bottom:10px; }
.box_green_right { height:auto; background-image: url(inc/gfx/box_green.jpg); background-repeat: no-repeat; background-color:#42870a; color:#FFFFFF; font-weight:normal; margin-top:10px; margin-bottom:10px; }
.box_grey_right { height:auto; background-image: url(inc/gfx/box_grey.jpg); background-repeat: no-repeat; background-color:#dbd6cd; color:#FFFFFF; font-weight:normal; margin-top:10px; margin-bottom:10px; }


#box_produkter { width:741px;height:192px;background-image: url(inc/bilder/front_produkter.jpg); background-repeat: no-repeat; }
#box_produkter_padding { padding-left:20px; padding-top:40px; }
.box_padding      { padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px; }
.padding          { padding:5px; }

a.menu       { font-family: 'ArvoRegular', arial; font-size:16px; font-weight:bold; text-decoration:none; color:#FFFFFF; }
a.menu:hover { font-family: 'ArvoRegular', arial; font-size:16px; font-weight:bold; text-decoration:underline;  color:#FFFFFF; }

a.u_menu       { font-family: arial; font-size:13px; font-weight:bold; text-decoration:none; color:#FFFFFF; margin-right:10px; }
a.u_menu:hover { font-family: arial; font-size:13px; font-weight:bold; text-decoration:underline;  color:#e8e5df; margin-right:10px; }
a.u_menu_h       { font-family: arial; font-size:13px; font-weight:bold; text-decoration:underline; color:#eb9619; margin-right:10px; }
a.u_menu_h:hover { font-family: arial; font-size:13px; font-weight:bold; text-decoration:underline;  color:#edb86b; margin-right:10px; }

.menu_box_h { background-color: #000000; color:#FFFFFF; float:left; margin-left:20px; padding-bottom:10px;
    		-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.menu_box { color:#FFFFFF; float:left; margin-left:20px; }
.menu_box_p { padding:13px;}

.farg { font-family:arial; font-size:10px; text-align:right; border: 1px solid #000000; width:36px; height:36px; float:left; margin:3px; }
.farg_dot { position:relative; top:0px; left:0px; width:36px;width:36px; z-index: 2; border:0px; }
.farg_text {position:relative; top:-36px; left:-4px; z-index: 1; }

.img { border:0px; }

/* --------------------------------------------------------------------------------------------------------------------------------------------------------
--- PRODUKTER -------------------------------------------------------------------------------- */

.box_produkter_container { margin-top: 5px; padding-bottom:10px; width:auto; height:auto; }
.box_produkter_front { width:117px; height:135px; text-align:center; float:left; } 
.box_produkter_front_bild { width:106px; height: 106px; border:0px;}
.clear { height:10px;clear:both; }
.prod_box_rubrik { padding-top:10px; }

#box_start_pike   { width:450px; float:left; }
#box_start_mossor { width:250px; height:509px; float:left; margin-right:20px; }
#box_start_byxor  { width:450px; float:left;  }
#box_start_ovrigt { height:auto; }

.produkter { clear:both; }
.produkter_left      { width:480px; height:auto; background-color:#f2efe9; border: 1px solid #d3d2ce; font-weight:normal; margin-top:10px; margin-bottom:10px; margin-right:20px;   overflow:hidden; float:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.produkter_pris      { width:480px; height:auto; background-color:#f2efe9; border: 1px solid #d3d2ce; font-weight:normal; margin-top:10px; margin-bottom:10px;  overflow:hidden; float:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
.produkter_mattlista { width:480px; height:auto; background-color:#f2efe9; border: 1px solid #d3d2ce; font-weight:normal; margin-top:5px; margin-bottom:10px;  overflow:hidden; float:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.produkter_bilder    { width:220px; height:320px; float:left; padding-right:10px; }
.produkter_info      { height: 320px; }
.produkter_farg      {padding-left:10px; }
.produkter_padding   { padding:10px; }

#main_under_menu_left   { width:8px; height:46px; overflow:hidden; background-image: url(inc/gfx/left_skugga.png);  float:left;}
.box_gra       { height:auto; background-color:#f2efe9; border: 1px solid #d3d2ce; font-weight:normal; margin-top:10px; margin-bottom:10px;}
#box_produkter { width:741px;height:192px;background-image: url(inc/bilder/front_produkter.jpg); background-repeat: no-repeat; }
#box_produkter_padding { padding-left:20px; padding-top:40px; }
.box_padding      { padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px; }
.padding          { padding:5px; }

.plagg_pris { width:125px; height:35px; background-color:#e1ded9; color:#000000; margin-top:10px; margin-bottom:10px;  padding:6px; overflow:hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }


.produkter_modell { float:right;width:32px;height:36px; }

/* ------ PRODUKTER MÅTTLISTA -------------------------------------------------------------------------------- */
.ml_size_box { margin-top:20px; margin-bottom:20px; padding-bottom:10px; clear:both; }
.ml_sizeing { width:45px; text-align:left;  float:left; overflow:hidden; }
.ml_size { width:40px; text-align:center; border-left: 1px solid #d3d2ce; float:left; overflow:hidden; }
.ml_storlek { font-weight:bold; background-color:#ece9e4; border-bottom: 1px solid #d3d2ce; }
.ml_hojd { font-weight:bold; border-bottom: 1px solid #d3d2ce; color:#c70506; }
.ml_bredd { font-weight:bold; color:#004481; }
.ml_p { padding:2px; }


/* ------- PRODUKTER PRISEXEMPEL BOX  -------------------------------------------------------------------------------- */
.prisex_container { clear:both; }
.prisex_box       { 
  cursor:pointer; 
  text-align:center; 
  width:100px; height:80px; 
  float:left; 
  color:#000000; 
  overflow:hidden; 
  margin-right:10px; 
  background-color:#e1ded9; 
  background-image: url(gfx/pris_bg1.gif); 
  background-repeat: no-repeat; 
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px; }

.prisex_antal     { font-size:19px; font-weight:bold; }
.prisex_pris      { font-size:18px; }
.prisex_egen      { 
  cursor:pointer; 
  float:left; 
  text-align:center; 
  width:100px; height:80px;  
  color:#ffffff; 
  background-color:#000000; 
  background-image: url(gfx/pris_bg2.gif); 
  background-repeat: no-repeat; 
  overflow:hidden; 
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px; } 
  
.prisex_egen_text { font-size:16px; font-weight:bold; }


/* ------- PORTFOLIO  -------------------------------------------------------------------------------- */
.portfolio_bild { padding-right:12px; padding-bottom:12px; border:0px; }


/* KONTAKT, KONTAKT-FORMULÄRET --------------------------------------------------------------------------------  */
.kontakt_fieldset 	{ width:100%; }
#kontakt_form 		  { font-family:arial,verdana,helvetica; font-size:15px;  line-height: 20px; color:#000000; text-align:left; padding:30px;}
.kontakt_form_amne  { width:620px; font-family:arial,verdana,helvetica; font-size:15px; background-color:#C2BEB3; color:#000000; padding:3px; }
.kontakt_form_input { width:300px; font-family:arial,verdana,helvetica; font-size:15px; background-color:#C2BEB3; color:#000000; padding:3px; }
.legend 		        { font-weight:bold; color:#EE7F00;}
.success            { background: #EFF8E1; padding: 5px; border: 2px solid #BDC9A7; color: #222F0A; }
.error 			        { background: #F9E9E8; padding: 5px; border: 2px solid #C47A79; color: #290100; }
.contact_lank 		  { font-size:11px; font-weight:bold; color:#000000; }
#personal 		      { margin-top:15px; clear:both; }
.personal_box      	{ 
  width:165px; height:280px; 
  background-color:#f2efe9; 
  border: 1px solid #d3d2ce; 
  font-weight:normal; 
  margin-bottom: 10px; margin-right:10px; 
  float:left; 
  overflow:hidden; 
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
  border-radius: 5px; }
  
.personal_box_padding 	{ padding:10px; }


/* NIVO SLIDER -------------------------------------------------------------------------------- */

table {	border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after,
q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
header, section, footer,aside, nav, article, figure { display: block; }
.theme-default #slider {
    margin:1px auto 0 auto;
    width:722px; /* Make sure your images are the same size */
    height:295px; /* Make sure your images are the same size */ }
.clear { clear:both; }


/* SEARCH BOX --------------------------------------------------------------------------------  */
#search { }
#search input[type="text"] {
    background: url(http://www.tshirt.se/inc/gfx/search-white.png) no-repeat 10px 6px #7d7d7d;
    border: 0 none;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #d7d7d7;
    width:110px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); 
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

#search input[type="text"]:focus {
    background: url(http://www.tshirt.se/inc/gfx/search-dark.png) no-repeat 10px 6px #fcfcfc;
    color: #6a6f75;
    width: 110px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    }