/*
Theme Name: CELA Grafiska Theme
Theme URI: http://www.cela-grafiska.se/
Description: CELA Grafiska Wordpress Theme.
Version: 2.0


   style.css
   Cela
   
   Created by Patrik Wilhelmsson on 2009-06-11.
   Copyright 2008 Media Tech Design. All rights reserved.
*/

body			{background: #f0f0f0 url('images/bg.png') repeat-y 50% 0%; overflow-y: scroll; color: #8f8f8f;}
#header			{ padding-left: 5px;}
#wrapper{
	margin: 0 auto;
	padding: 8px 15px 25px 15px;
	width: 910px;
	font-size: 11px;
	background: #000 url('images/wrapper_bg.png') repeat-x left bottom;
}
#menu{
	margin:10px 0 10px 0;
	line-height: 23px;
	font-size: 11px;

}
#menu ul			{padding-left: 0px;}
#menu li			{display: inline; text-transform:uppercase; 	font-weight: normal;}
#menu li a			{padding: 0px 15px; color: #CCC; text-decoration: none; background: url(images/menu_sep.png) no-repeat right;}
#menu ul li ul li a	{ color: #333;background:url(images/menu_bg.png); border-bottom:1px solid #ccc;}
#menu ul li ul li a:visited { color: #333;}
#menu ul li ul li a:hover { color: #000;}
#menu li a:visited	{color: #CCC; text-decoration: none;}
#menu li a:hover	{color: #FFF; text-decoration: none;}
#menu li a.active	{text-decoration: underline;}
#tfn-menu	{float:right; color:#ccc; padding-right: 10px;}
#footer {
	background: transparent url(images/footer_sep.png);
	background-repeat:no-repeat;
	background-position:center top;
	margin:20px 0 150px 0;
	padding:15px 30px;
	color:#5e5e5e;
}
#footer a:visited,
#footer a:link		{color:#5e5e5e; text-decoration: none;}
#footer a:hover		{text-decoration:underline;}
#footer a:visited	{}
#footer ul			{float:left; width:200px; margin-right:10px;}

/* Content on ordinary pages */
#page{
	margin:20px 0px 20px 15px;
	background: transparent url(images/footer_sep.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-bottom:10px;
	color: #8f8f8f;
}
#page h1			{color:#81cff5; font-size:18px; font-weight:bold; margin-bottom:15px;}
#page p				{font-size:1em; }
#page #the_content	{width:570px; float:left; position: relative;}
#page #sidebar		{
	float:right;
	width:266px;
	padding:0px 20px 20px 20px;
}
#page #sidebar h2	{color:#000; font-size:15px; font-weight:bold; text-transform:uppercase; margin-bottom:5px;}
#page #sidebar ul li span	{color:#666;}
#page #sidebarImages{
	float:right;
	width:266px;
	padding:20px;
	background-repeat: no-repeat;
	background-position: top;
}
#page #sidebarImages .sidebarimg_top{
	background: transparent url(images/sidebarimg_top.png);
	width:303px;
	height:16px;
}
#page #sidebarImages .sidebarimg_middle{
	background: transparent url(images/sidebarimg_middle.png);
	width:303px;
}
#page #sidebarImages .sidebarimg_bottom{
	margin-bottom:10px;
	background: transparent url(images/sidebarimg_bottom.png);
	width:303px;
	height:16px;
}
#page #sidebarQ{
	float:right;
	width:266px;
	padding: 5px 20px;
	position: absolute;
	top: 0;
	right: -306px;
}
.wpfaqsearchformi{
	margin-bottom: 0;
}
#sidebarQ .search{
	height: 21px;
	font-size: 11px;
	padding: 0 5px;
	margin-left: 5px;
}

/* The three blue boxes on front page */
#puffImage{
	height:244px;
	background: transparent url(images/bildvisare_bg.png) no-repeat;
	text-align: center;
	margin:10px 0 0 0;
	padding:6px 0 0 5px;
	position: relative;
}
#puffBoxes	{margin:10px 0 0 0;}
.puffBox{
	background: transparent url(images/puffbox_bg.png);
	background-repeat:no-repeat;
	width:400px;
	height:178px;
	padding:15px 25px;
	float:left;
}
.puffBoxSep		{background:transparent url(images/puffbox_sep.png); height:1px; background-repeat:no-repeat; margin:10px -4px 5px -9px;}
.puffBoxTitle	{font-size:1.5em; text-transform:uppercase; font-weight:bold; margin:0; color:#383838;}
.puffBox ul li	{ float: left; width: 180px; padding-left:20px; background: url(images/dot.gif) no-repeat 0 3px;}
.puffBox a:link,
.puffBox a:visited	{text-decoration:none; color: #666666;}
.puffBox a:hover	{text-decoration:underline; color: #666666;}
#puffOffers ul,
#puffNews ul		{height:115px; overflow:hidden;}
#puffInfo p.excerpt	{margin:0; padding:0; height:115px;}
#puffOffers			{margin-left:11px;}
#puffInfo			{float:left; margin-right: 10px;}

/* The bottom boxes at front page */
#botBoxes	{margin:10px 0 0 0; }
.botBox		{
	background-image: none !important;	
	width:448px;
	height:100px;
	float:left;
}
.botBox .sep{
	background: transparent url(images/botbox_sep.png);
	background-repeat:no-repeat;
	width:2px;
	height:98px;
	float:left;
}
.botBox .content		{padding:10px; float:left; width:300px;}
.title	{color:#81cff5; text-transform:uppercase; font-weight:bold; font-size:1.5em; margin:0;}
#botTips				{float:right; margin-right:0px;}
#botCustomerArea .icon	{background: transparent url(images/kundzon_big.png);}
#botTips .icon			{background: transparent url(images/tips_big.png);}
#botCustomerArea .icon,
#botTips .icon{
	background-repeat:no-repeat;
	background-position:center;
	width:100px;
	height:100px;
	float:left;
}
.botBox a:link,
.botBox a:visited	{text-decoration:none; color:#8f8f8f; font-weight: normal;}
.botBox a:hover		{text-decoration:underline;}
.botBox ul{
	width: 140px; 
	float: left;
	margin-right:10px;
}

/* Address book */
.addressbook-list li{
	width:47%;
	margin:0 15px 15px 0;
	float:left;
}
.addressbook-list li.clear{
	float:none;
}
.addressbook-list li.division{
	float:none;
	font-size:1.3em;
	font-weight:bold;
	clear: left;
}
.addressbook-list li img{
	margin:0 .5em .5em 0;
	float: left;
}.addressbook-list li .meta{
	margin-left:100px;
}
.addressbook-list li .name{
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:.3em;
	display:block;
}
.addressbook-list li .org{
	font-size:.9em;
	margin-bottom:1em;
	display:block;
}
.addressbook-list li .phone,
.addressbook-list li .cell,
.addressbook-list li .email,
.addressbook-list li .notes
{
	font-size:.9em;
	display:block;
	margin-bottom:.2em;
}
.addressbook-list li .notes{
	margin-top:.2em;
}

/* HEADINGS */ 
h1{
	text-transform: uppercase;
	color: #FFF;
	font-size: 1.3em;
}
h2{
	font-size: 1.2em;	
	text-transform: capitalize;
}
/* TEXT */
p, #content ul{
	margin-bottom: 15px;
}
#content li	{list-style: disc inside;}
.uppercase	{text-transform:uppercase;}


/* LINKS */
a:link			{ color: #81cff5; text-decoration: none;}
a:visited		{ color: #81cff5; text-decoration: none;}
a:hover			{ color: #81cff5; text-decoration: underline;}


/* FORMS */
input				{ border: 1px solid #000; font-size: 1em; padding: 2px; }
input.submit		{ border: 1px solid #FFED03; font-size: 1em; padding: 2px; background-color: #FFED03; color: #00469E; text-transform: uppercase; font-weight: bold; margin-top: 10px;}
input.submit:hover	{ border: 1px inset #000; }
textarea			{ border: 1px solid #000; font-size: 1em; width: 200px;}
select				{  border: 1px solid #000; font-size: 1em;}
label				{display: block; text-transform: uppercase; font-weight: bold; margin-bottom: 3px;}
form div			{ margin-bottom: 15px;}
form#searchform div { margin-bottom: 0px;}
form .legend		{font-size: 1em; font-weight: bold; border-bottom: 1px solid #666; margin-bottom: 5px; width: 333px;}
form input.checkbox	{border: none;}
form fieldset		{margin-bottom: 10px;}
#validationmsg		{display: none; background: #fff6bf url(images/exclamation.png) 15px center no-repeat;text-align: left; padding: 5px 20px 5px 45px; margin-bottom: 10px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; color: #444;}
#validationmsg h4	{font-size:1em; text-transform: uppercase; font-weight: bold;}
#validationmsg li	{list-style: disc inside;}
.error				{padding: 10px; background: #FFEBE8; border: 1px solid #DD3C10;}
.notvalid			{border-color: #FF0000;}
.info				{padding: 10px; border: 1px solid #00469E;}
#searchform			{padding-left: 20px; background:transparent url(images/sok.png) 0 2px no-repeat; margin-left: 0px; margin-top: 3px; }
#s					{width: 100px; -moz-border-radius: 5px; border-radius: 5px; border: none;}
#yui-gen5			{background: url("images/menu_sep.png") no-repeat scroll right 1px transparent; padding: 0 15px;}
form table td		{vertical-align: top;}


/* VARIOUS */
p img			{vertical-align: middle;}
acronym, abbr	{cursor: help;}
strong, b		{font-weight: bold;}
.left 			{float: left;}
.center 		{text-align: center;}
.right 			{float: right;}
.hide 			{text-indent: -9999px;}
.hidden 		{clear: both;display: none;}
.alignright 	{float: right;display: block;}
.alignleft 		{float: left;display: block;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix 		{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix 		{display: block;}

/* PRODUKTER */
.produkt_item	{ float: left; width: 285px;}
#produktlist	 ul {margin-top: 5px;}
#produktlist li,
#sidebarImages li { background: url(images/orange_dot.png) no-repeat 0 6px; padding-left:  8px;}
.button {padding: 5px; position: relative;}
#sidebarImages p.title { color: #81CFF5; font-size: 14px; }

/* SLIDESHOW */
#prev	{ width: 20px; height: 20px; position: absolute; top: 47%; left: 13px; z-index: 20; }
#next	{ width: 20px; height: 20px; position: absolute; top: 47%; right: 13px; z-index: 21; }
#controls { display: none;}
#pager { position: absolute; top: 12px; right: 12px; z-index: 22;}
#pager > li	{ display: block; list-style: none; width: 11px; height: 11px; background:transparent url(images/slideDot.png) 0 0 no-repeat; margin-right: 3px; float: left;}
#pager > li.activeSlide{ background:transparent url(images/slideDotActive.png) 0 0 no-repeat; }