/*
Theme Name: Service Theme
Theme URI: http://srvc.se/
Description: Service WordPress Theme
Version: 1.0
Author: Richard Brattlund
Author URI: http://richardbrattlund.se/
Tags: white, fixed width, six columns
*/


/* Specific Stuff */

	* { outline: none; }

	body { font-size: 62.5%; font-family: 'Lucida Grande', Arial, Sans-Serif; color: #000; text-align: center; }

	#page { width: 940px; margin: 0px auto; padding: 0px 10px 0px 10px; background-color: white; font-size: 1.1em; text-align: left; }

	#header { padding: 40px 0px 20px 0px; }
	#links { padding: 0px 240px 0px 240px; color: #666666; text-transform: uppercase; text-align: center; letter-spacing: 0.1em; }
		#links .currentLink { color: #000; }

	#content { position: relative; min-height: 500px; height: auto !important; height: 500px; margin: 0px; padding: 20px 0px 20px 0px; border-top: 1px solid #000; border-bottom: 1px solid #000; }

	/* Start Page/List Page */
		.post { position: relative; float: left; width: 140px; height: 240px; margin: 0px 0px 0px 20px; }
			.post img { padding-bottom: 10px; }
			.firstPost { margin-left: 0px; }
			.postInfo { display: block; margin: 0px; padding: 5px 0px 0px 0px; border-top: 1px solid #000; }
/*				.catName { text-transform: uppercase; letter-spacing: 0.1em; }*/
				.catName { color: #aaa; }

	/* Sub Page */
		#mediaBox { float: left; width: 540px; margin-right: 20px; }
		#infoBox { float: right; width: 340px; margin: 0px; padding: 20px; border-top: 1px solid #000; border-bottom: 1px solid #000; }
			#toggle { display: none; color: #666; cursor: pointer; }
				#toggle img { margin: 0px 4px -4px 0px; }
			#hidden-9 { overflow: hidden; }
				#hidden-9 p { margin: 10px 0px 10px 23px; padding: 0px; }
		.innerInfoBox { float: right; width: 340px; margin: 0px 0px 0px 0px; padding: 20px; }
		.buyBtn { float: right; margin: 20px 20px 0px 0px; text-transform: uppercase; }

	/* Footer */
		#footer { padding: 10px 0px 0px 0px; font-size: 1.1em; text-align: center; }
			#footer a { padding-bottom: 10px; }
			#footer form { display: inline; padding-top: 10px; }
				#footer form #inputNewsletter { border: 1px solid #666; font-size: 1.0em; color: #666; }
				#footer form #submitNewsletter { width: 32px; height: 17px; margin: 0px; padding: 9px 0px 0px 0px; background: #fff url("images/btn_ok.gif") no-repeat;
					border: 0px; font-size: 0.0001em; color: #666; cursor: pointer; }

/* End Specific Stuff */


/* Common stuff */

	a { outline: none; color: #666; text-decoration: none; }
	a:hover { color: #000; }

	h1, h2, h3 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; outline: none; }
	h1 { margin: 0px 0px 15px 0px; padding: 0px; font-size: 4em; text-align: center; }
	h2 { margin: 0px; font-size: 1.6em; }
	h3 { padding: 0; margin: 30px 0 0; font-size: 1.3em; }

	a img { border: none; }
	p img { padding: 0; max-width: 100%; }

	img.centered { display: block; margin-left: auto; margin-right: auto; }
	img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
	img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
	.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
	.alignright { float: right; }
	.alignleft { float: left; }

	.clear { clear: both; margin: 0px; padding: 0px; }
	.screen-reader-text { position: absolute; left: -1000em; }
	.greyed { color: #666; }
	button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; }

/* End common stuff */


/* Cart */

/* cart specific */

div#cartinfo {font-weight:bold; color:#FFF; margin-top:20px;}

div#cart-header    { background-color:#8A7F6C; width:538px; margin:auto; }

div#cart                 { margin:auto; margin-bottom:20px; margin-top: 75px; font-size:10px; }
   #continueshopping	 	{ position:absolute; left:0px; bottom:0px; }
   #checkoutbutton             { position:absolute; right:0px; bottom:0px; }
   #cart table           { margin:auto; }
   #cart th              { text-align:left; padding-bottom:5px; font-size:10px; }
   #cart td              { border-bottom:1px solid #00062b; padding:0px; padding-top:5px; padding-bottom:5px; margin:0px; vertical-align:top;
                                      text-align:left; }

   #cart th.sek,   #cart td.sek     { width:50px; text-align:right; }
   #cart th.eur,   #cart td.eur     { width:40px; text-align:right; }
   #cart th.usd,   #cart td.usd     { width:40px; text-align:right; }
   #cart th.qty,   #cart td.qty     { width:70px; }
   #cart th.title, #cart td.title   { width:320px; }

   /* special styles for recipe */
   #cart th.title-wide, #cart td.title-wide   { width:380px; }

   #cart td.item-actions,
   #cart th.item-actions 			{ padding:0px; padding-top:5px; padding-bottom:5px;
                                      margin:0px; vertical-align:bottom; width:60px; text-align: right; }

   #cart #sum                       { margin-top:5px; border:1px soid red; margin-right:0px; }
   #cart #sum td          		    { border-bottom:0; padding-bottom:0; padding-top:0; font-weight:bold; text-align:right;}
   #cart #sum td.sum-total    	    { width: 280px; font-weight:bold; text-align:right; font-size:10px; }
   #cart #sum td.sum-total span     { /*margin-right:20px;*/ }

div#cartbody { height:195px; overflow:auto; border-bottom:1px solid #555; border-top:1px solid #00062b;
               scrollbar-face-color: #FFFEFA;
               scrollbar-highlight-color: #FFFFFF;
			   scrollbar-3dlight-color: #FFFFFF;
			   scrollbar-darkshadow-color: #FAF8F1;
			   scrollbar-shadow-color: #F1EEE7;
			   scrollbar-arrow-color: #81D0F4;
			   scrollbar-track-color: #FFFEFA;
			 }
div#cartbody-recipe { height:80px; overflow:auto; border-bottom:1px solid #555; border-top:1px solid #00062b;
               scrollbar-face-color: #FFFEFA;
               scrollbar-highlight-color: #FFFFFF;
			   scrollbar-3dlight-color: #FFFFFF;
			   scrollbar-darkshadow-color: #FAF8F1;
			   scrollbar-shadow-color: #F1EEE7;
			   scrollbar-arrow-color: #81D0F4;
			   scrollbar-track-color: #FFFEFA;
}


input.qty  { width:20px; border:1px solid #999; }
img#update { margin-left:6px; margin-right:3px; }

#cart-area { margin:auto; text-align:center; }
#checkout { width:538px; border:1px solid #999; padding:10px; height:320px; margin: auto; margin-bottom:20px; text-align:center; }
a.linkbutton { border: 1px solid #999; padding:2px; display:compact; width:200px; margin:auto; margin-bottom:5px; }

div#paymentoptions       { width:538px; margin:auto; margin-top:0px; line-height:15px;  }
   #paymentoptions form  { margin-bottom:0px; margin-top:5px; }
   #paymentoptions input { margin:0px; }
   #paymentoptions hr    { margin-bottom:0px; margin-top:10px; }
   #paymentoptions h2    { margin-top:5px; margin-bottom: 5px; }

#formcontainer { width:225px; padding-top:10px; text-align:left; margin:auto; }


#checkout-form input { margin-bottom:10px; margin-top:2px; /*width:220px; border: 1px solid #999; color:#5D5D5D; font-size:11px; padding:2px;*/ }
#checkout-form select { margin-bottom:10px; width:220px; color:#5D5D5D; font-size:11px; margin-top:2px; }
input.submit { margin-bottom:5px; }
/*input.submit { border: 1px solid #999; padding:2px; width:180px; margin:auto; margin-bottom:5px; color: #81D0F4!important; background-color:#FFF; font-weight:bold; font-size:11px; }*/


div#recipe { width:470px; margin:auto; text-algin:left; }

div#sum-shipping { display:none; }

select#select-shipping { position:absolute; left:175px; top:0px; }

table#paymentopt { width:100%; }
table#paymentopt td { border-top:1px solid #00062b; vertical-align:top; padding-bottom:10px; text-align:left;  }
table#paymentopt #rightcol { width:175px; }

/* End Cart */