/*
Theme Name: Royal Canin - Niclas utvecklingsversion
Description: Custom theme for Royal Canin Sweden
Version: 0.1
Author: Erik Pettersson
Author URI: http://carnaby.se/
*/

/* RESET v1.0, 2008-02-12 */
/*html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
img {border:0}
body{line-height:1}
ol,ul{list-style:none}blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
/* remember to define focus styles! */
:focus{outline:0}
/* remember to highlight inserts somehow! */
ins{text-decoration:none}
del{text-decoration:line-through}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0}

/* GENERAL */
html,body{
font-family:Arial;
font-size:85%;
word-spacing:0;
color:#000;
text-decoration:none;
text-align:center;
}
body{background:#fefefe url(gfx/bg_body.gif) center top no-repeat}
p{margin-bottom:10px;}
/* TYPOGRAPHY */
#content h1,h2,h3,h4{font-family:Arial}
#content h1{font-size:1.4em;line-height:2em;background:url(gfx/bg_heading.gif) bottom left no-repeat;padding:0 13px;margin:.5em 0 1em 0;}
#content h2{font-size:1.3em;line-height:1.4em;margin:1em 0 .5em 0;}
#content h3{font-size:1.2em;line-height:1.4em;margin:.2em 0 .5em 0;}
#content p {font-size: 11px; line-height: 1.5em;}
#content small{font-size:.9em;padding-bottom:1.5em;line-height:1.5em;}
#content small{display:block;color:#555;}
#content hr{margin-right:20px;color: #ccc;background-color: #ccc;height: 1px;border:0}
.container h1 { padding:0 0 0 230px !important; width:460px;}
/* Links */
a{color:#ed1b2e;text-decoration:none}
p.left,
p.right{float:left;overflow:hidden;display:inline;}
p.right{float:right}

/* IMAGES */
img.alignleft,
img.alignright{float:left;overflow:hidden;display:inline;}
img.alignleft{margin:0 10px 5px 0;}
img.alignright{margin:0 0 5px 10px;float:right;}

/* FORMS */
#adressinput{display: inline;}
.inrow{display: inline;}


/* LAYOUT */
#wrapper{width:990px;margin:0 auto;text-align:left;overflow:auto;}
#header{}
    h1#logo,
    p#logo{margin:0;padding:0;line-height:1em;font-size:1em;float:left;display:inline;}
    h1#logo a,
    p#logo a{display:block;background:url(http://royalcanin.se/wp-content/uploads/2010/03/royal_canin_logo_2010.gif) no-repeat;width:200px;height:69px;text-indent:-9999px;margin:24px 0 15px 17px;}
    #topnav{text-align:right;float:right;display:inline;overflow:hidden;width:773px;}
    #topnav li{float:right;display:inline;overflow:hidden;padding:10px 0 5px 8px;}
    #topnav a{display:block;color:#000;padding-top:5px;font-size:11px;}
    #topnav li.current_page_item,
    #topnav li.current_page_parent,
    #topnav li.current_page_ancestor{}
    #topnav a:hover,
    #topnav li.current_page_item a,
    #topnav li.current_page_parent a,
    #topnav li.current_page_ancestor a{color:#ed1b2e;}
    #topnav li.search{margin-left:10px;}
	#topnav #topsearchbox{width:180px;}
    #nav{width:990px;height:35px;background:url(gfx/bg_nav.png) top center no-repeat;}
    #nav li{float:left;display:inline;overflow:hidden;background:url(gfx/bg_nav_left.png) no-repeat;padding-left:11px;margin-right:-9px;}
    #nav a{display:block;background:url(gfx/bg_nav_right.png) top right no-repeat;padding:0 15px 0 4px;color:#000;font-size:1.1em;height:35px;line-height:3em;}
    #nav li.current_page_item,
    #nav li.current_page_parent,
    #nav li.current_page_ancestor{background:url(gfx/bg_nav_left_active.png) no-repeat}
    #nav li.current_page_item a,
    #nav li.current_page_parent a,
    #nav li.current_page_ancestor a{background:url(gfx/bg_nav_right_active.png) top right no-repeat;color:#ed1b2e;}
    #nav li.home{margin-left:10px;}
    #nav li.home span{display:block;background:url(gfx/bg_home.png) no-repeat;width:14px;height:26px;text-indent:-9999px;}
#article{background:url(gfx/bg_article.png) no-repeat;}
    /* Subnav */
    #subnav{margin-left:25px;}
    #subnav li{float:left;display:inline;padding:10px 15px 2px 9px;background:url(gfx/reddot.gif) top left no-repeat;}
    #subnav a{color:#000;font-size:.95em;word-spacing:0}
    #subnav li.current_page_item a,
    #subnav li.current_page_parent a,
    #subnav li.current_page_ancestor a{color:#ed1b2e}
    /* Middlenav */
    #middlenav{}
    #middlenav li{margin-bottom:10px;}
    #middlenav a{display:block;background:url(gfx/bg_middlenav.gif) no-repeat;height:42px;width:220px;color:#000;line-height:3.8em;text-indent:25px;}
    /* Endnav */
    #endnav{border-top:1px solid #bfbfbf;margin:0;padding:0 0 1em 0;}
    #endnav li{border-bottom:1px solid #bfbfbf;}
    #endnav a{display:block;padding:8px 0;color:#303030;line-height:1.4em;}
    #endnav li.current_page_item a,
    #endnav li.current_page_parent a,
    #endnav li.current_page_ancestor a{background:#f2f2f2 url(gfx/bg_endnav.gif) center left no-repeat;padding-left:15px;font-weight:700;}
#content,
#aside,
.column,
.middle{float:left;overflow:hidden;display:inline;}
    .middle h1,
    .middle h2,
    .middle h3,
    .middle p,
    .middle ul{margin-right:30px}
    .middle h1{background:none!important;padding:0!important;font-size:3em!important;line-height:1em!important;margin-bottom:.5em!important;}
.middle .column p{
padding-left:65px;
}
.middle .column h3{color:#0f0;}
/* .column li{padding:4px 0 8px 0;} */
#content{width:700px;margin:0 0 0 25px;}
    .container{margin-bottom:15px; width:720px;}
        .container_inner{background:url(gfx/bg_container_inner.gif) left bottom no-repeat;padding:1em 0;width:720px;}
        .grey{background:#fff url(gfx/bg_container_grey.gif) bottom left no-repeat;}
            .grey h1{background:none!important;margin:20px 0 0 10px!important;font-size:2em!important;}
    .column{width:220px;margin:0 20px 20px 0;}
        .red{color:#fff;text-indent:1em;}
            .red h2{font-size:1.6em;font-weight:400;line-height:2em;}
            .red a{color:#fff; font-weight: bold;}
			.red p{text-indent:0; padding-left:1em;}
        .product_size{background:url(gfx/bg_product_size.gif) no-repeat;min-height:250px;height:250px;}
            .product_size h2{font-size:2.2em!important;line-height:1.1em!important;margin:12px 20px 3px 20px!important;}
            .product_size p,
            .product_size ul{padding:0 20px 1em 20px;}
            .product_size li{padding:0 0 .5em 20px;}
            .product_size img{margin:15px 20px 0 20px;}
        /* .columnbox{margin-top:20px;background:url(gfx/bg_columnbox_bottom.gif) left bottom no-repeat !important;} */
		.columnbox{margin-top:20px;}
        .columnbox h3{background:url(gfx/bg_columnbox_top.gif) left top no-repeat;line-height:37px!important;text-indent:11px;font-size:1.5em!important;font-weight:400!important;margin-bottom:10px;}
        .columnbox p,
        .columnbox ul{padding:0 10px 1em 10px;}
        .columnbox li{padding:.3em 0;line-height:1.4em;}
        .row{display:block; clear:both;}
		.blogwidget{margin-top:20px;background:url(gfx/bg_columnbox_bottom.gif) left bottom no-repeat !important;}
        .blogwidget h3{background:url(gfx/bg_columnbox_top.gif) left top no-repeat;line-height:37px!important;text-indent:11px;font-size:1.5em!important;font-weight:400!important;margin-bottom:10px;}
        .blogwidget p,
        .blogwidget ul{padding:0 10px 1em 10px;}
        .blogwidget li{padding:.3em 0;line-height:1.4em;}
        
        
        h3.red{background:url(gfx/bg_columnbox_top_red.gif) left top no-repeat;color:#fff}
        h3.kalender{background:url(http://royalcanin.se/wp-content/uploads/2010/03/kalenderwidget.jpg) left top no-repeat;color:#fff; height: 60px; text-indent: -300px;}
        h3.bloggen{background:url(http://royalcanin.se/wp-content/uploads/2010/03/royalbloggpuffen.jpg) left top no-repeat;color:#fff; height: 60px; text-indent: -300px;}
        .product_type{background:url(gfx/bg_container.gif) left top no-repeat;}
        .puff{margin-bottom:5px;}
        .bloggPuff {margin-top:0px; padding-top:0px;}
    .middle{width:480px;}
    .middle3{float:left;overflow:hidden;display:inline;width:720px;}
#aside{width:220px;margin:0 0 0 20px;}
#footer{border-top:1px solid #adadad;margin:0 25px;}
#footer li{float:right;display:inline;overflow:hidden;padding:10px 0 20px 10px;font-size:.9em;}
#footer a{color:#000;}
#footer a:hover,
#footer .current_page_item a{color:#ed1b2e;}
.kontaktsida td{vertical-align: bottom!important;}

/* Nya sidtyper*/
.sidtyp1 #subnav
{
	margin:0;
	margin-bottom:10px;
	padding:0;
}

.sidtyp1 #subnav li
{
	margin:0 0 10px 0;
	padding:0;
	display:block;
	clear:both;
}

.sidtyp1 #subnav li a
{
	width:204px;
	height:40px;
	margin:0;
	padding:0 8px;
	line-height:40px;
	color:#fff;
	font-weight:bold;
	background: url(gfx/pageMenuItemBg.png);
	display:block;
}

.sidtyp1 #subnav li.current_page_item a
{
	width:204px;
	height:40px;
	margin:0;
	padding:0 8px;
	line-height:40px;
	color:#fff;
	font-weight:bold;
	background: url(gfx/selectedPageMenuItemBg.png);
	display:block;
}

.sidtyp1 #subnav li span
{
	width:204px;
	height:40px;
	margin:0;
	padding:0 8px;
	line-height:40px;
	color:#fff;
	font-weight:bold;
	background: url(gfx/pageMenuItemBg.png);
	display:block;
	cursor:pointer;
}

.sidtyp1 #subnav li.current_page_item span
{
	width:204px;
	height:40px;
	margin:0;
	padding:0 8px;
	line-height:40px;
	color:#fff;
	font-weight:bold;
	background: url(gfx/selectedPageMenuItemBg.png);
	display:block;
	cursor:pointer;
}

.sidtyp1 #subnav li span:hover
{
	background: url(gfx/selectedPageMenuItemBg.png);
}

.sidtyp1 #subnav li a:hover
{
	background: url(gfx/selectedPageMenuItemBg.png);
}

.sidtyp1 #subnav li ul
{
	margin-top:3px;
}

.sidtyp1 #subnav li ul li
{
	padding:0;
	margin:0;
	background:#fff;
}

.sidtyp1 #subnav li ul li a
{
	height:auto;
	background:#fff;
	color:#000;
	font-weight:normal;
	line-height:160%;
}

.sidtyp1 #subnav li ul li a:hover
{
	color:#f00;
	background:#fff;
}

.sidtyp1 #subnav li ul .page_item a
{
	height:auto;
	background:#fff;
	color:#000;
	font-weight:normal;
	line-height:140%;
	margin-bottom:8px;
}

.sidtyp1 #subnav li ul .current_page_item a
{
	height:auto;
	background:#fff;
	color:#f00;
	font-weight:normal;
	line-height:140%;
	margin-bottom:8px;
}

.sidtyp1 #subnav li .subLevel li a
{
	width:204px;
	height:22px;
	margin:0 0 5px 0;
	padding:0 12px;
	line-height:22px;
	color:#fff;
	font-weight:bold;
	background: url(gfx/pageMenuSubItemBg.png) no-repeat;
	overflow:hidden;
	display:block;
}

.sidtyp1 #subnav li .subLevel li.current_page_item a
{
	background: url(gfx/selectedPageMenuSubItemBg.png) no-repeat;
	overflow:hidden;
}

.sidtyp1 #subnav li .subLevel li a:hover
{
	width:204px;
	height:22px;
	margin:0 0 5px 0;
	padding:0 12px;
	line-height:22px;
	color:#fff;
	font-weight:bold;
	background: url(gfx/selectedPageMenuSubItemBg.png) no-repeat;
	overflow:hidden;
	display:block;
}

.sidtyp1 #subnav li .subLevel li.current_page_item ul a
{
	height:auto;
	background:#fff;
	color:#000;
	font-weight:normal;
	line-height:140%;
	margin-bottom:8px;
	display:block;
}

.sidtyp1 #subnav li .subLevel li ul a
{
	height:auto;
	background:#fff;
	color:#000;
	font-weight:normal;
	line-height:140%;
	margin-bottom:8px;
}

.sidtyp1 #subnav li .subLevel li ul li.current_page_item a
{
	height:auto;
	background:#fff;
	color:#f00;
	font-weight:normal;
	line-height:140%;
	margin-bottom:8px;
}

.sidtyp1 #subnav li .subLevel li ul a:hover
{
	height:auto;
	background:#fff;
	color:#f00;
	font-weight:normal;
	line-height:140%;
	margin-bottom:8px;
}


.sidtyp1 #subnav .current_page_item a
{
	width:204px;
	height:40px;
	margin:0;
	padding:0 8px;
	line-height:40px;
	color:#fff;
	font-weight:bold;
	background: url(gfx/selectedPageMenuItemBg.png);
	display:block;
}

.sidtyp1 #topImage
{
	margin-bottom:10px;
	display:block;
	clear:both;
}
.puffBottom #puffbottomleft
{
	width:220px;
	margin-right:10px;
}

.puffBottom #puffbottomright
{
	width:220px;
	margin-left:10px;
}

/* Produkter*/
.productBox {margin-bottom:20px; border-bottom:1px solid #ccc; float:left;}
.productBoxHeader {padding:0 8px; margin-bottom:10px; background: #af1023 url(http://royalcanin.se/wp-content/themes/royalcanin/gfx/productBox_header.gif) no-repeat;}
.productBoxHeader h2 a {color:#fff;}
.productBoxHeader h2 {margin:0 !important; padding-top:4px;}
.productBoxHeader p {color:#fff; padding-bottom:5px;}

/* BLOGG */

#blogghuvud {margin: 20px 0 0 0;}
.blogg h3.red {background: url(gfx/bg_columnboxblogg_top.gif) left top no-repeat;color:#fff;}
.blogg .blogwidget{margin-top:20px;background:url(gfx/bg_columnboxblogg_bottom.gif) left bottom no-repeat !important;}
.blogg .blogwidget li{font-size: 0.9em; padding:.3em 0;line-height:1.4em;}
#content.blogg .blogwidget h3 {font-weight: bold;line-height: 1.4em;margin: 1em 0.5em 0 0;padding-top: 0.2em;color: #666;}
#content.blogg h2 {font-size: 2.3em;line-height: 1.3em;margin: 1em 0.5em 0 0;}
#content.blogg h2 a{color: #000;}
#content.blogg h2 a:hover{color: #ed1b2e;}
.postfoot{padding:1em 1em 0 1em;background:#f1f1f1;}
.postfootouter{margin-right:20px;}

#content.blogg .middle img {padding:4px;border:solid #bbb 1px;}
/* #content.blogg .wp-caption {font-style: italic;background: #666;padding:3px 0 8px 0;} */
#content.blogg .wp-caption-text {font-style: italic;color: #aaa;padding:3px 0 1.4em 0;}
#content.blogg .middle img.wp-smiley {padding:0;border:0;}
#content.blogg .middle .sociable img {padding:0.6em 2px 0 0;border:0;}

#content.blogg ul.commentlist li {background:#f6f6f6;margin: 0 0 6px 0;padding: 1.2em;}
#content.blogg ul.commentlist li.bypostauthor {background:#f3e3e3;margin: 0 0 6px 0;padding: 1.2em;}
#content.blogg ul.commentlist li .comment-author .fn {font-weight: bold;margin:1.2em 0 0 0;}
#content.blogg ul.commentlist li .comment-author .says {font-size: 0.8em;} 
#content.blogg .comment-meta {font-size: 0.8em;padding:4px 0 3.2em 0;border-bottom: solid 1px;margin-bottom: 1.4em;}
#content.blogg img.avatar {float:right;}


#content.blogg #respond {border-right: 20px #fff solid;background:#f6f6f6;margin: 1.4em 0 6px 0;padding: 1.2em;}
#content.blogg #comment {width: 420px !important;}



/* TOOLS m Nicclas fix */

#fragment-1 {font-family: Arial; font-size:11px; overflow:hidden;} 
#fragment-2, fragment-3 {font-family: Arial; font-size:11px;}

/* #ipd_general_2008_Product_description_text li { {list-style-image:url('http://rc.atdt.se/wp-content/uploads/2009/10/li-bullet.jpg');} */

#ipd_general_1_content li {list-style-image:url("http://rc.atdt.se/wp-content/uploads/2009/10/li-bullet.jpg") !important;
font-size: 10px;}

.produktfixx {margin-bottom: -20px;}

#ipd_general_1_content p {font-size: 1em !important; font-family: Arial;}
#ipd_general_2_content p {font-size: 1em !important; font-family: Arial;}
#ipd_general_3_content p {font-size: 1em !important; font-family: Arial;}

.ec3_schedule { display:none; }

.fotobokKampanj
{
width:638px; 
margin:0 auto
}

.fotobokKampanj p
{
margin-bottom:10px;
}

.fotobokKampanj ol
{
padding:0px 10px;
list-style:decimal;
}

.fotobokKampanj li
{
margin:10px;
}

.fotobokKampanj .error
{
color:#f00;
}

.fotobokKampanj #conditions
{
margin-bottom:20px;
}

.fotobokKampanj .showConditions
{
margin-bottom:20px;
border:1px solid #ccc;
padding:5px;
overflow:auto;
height:200px;
}

.textwidget
{
	background:#fff;
}

/* Kampanj */
#aktuellKampanj
{
text-align:center;
}

#aktuellKampanj h2
{
color:#f00;
font-size:36pt;
margin-top:0px;
}

#aktuellKampanj p
{
font-size:14pt;
}

#aktuellKampanj span
{
font-size:8pt;
line-height:140%;
}

.aktuellaKampanjerPuffar
{
overflow:auto;
}

.aktuellaKampanjerPuffar div
{
width:340px; 
float:left;
}

.aktuellaKampanjerPuffar a
{
 display:block; 
width:280px; 
height:120px; 
margin-right:15px; 
margin-bottom:15px; 
}

#content input
{
display:block;
}



/* Evenemangskalendern */
#royalcaninevent{}	

#royalcaninevent h1{font-size:18pt!important;}

#royalcaninevent h2{font-size:11pt!important; margin-top:0px; padding:5px 5px 0px 5px; background:#eee;}

#royalcaninevent a h2{color:#000;}

#royalcaninevent p{height:10px;}

#royalcaninevent p a{font-size:12px; color:#000; text-decoration:underline; font-weight:bold;}

#royalcaninevent ul{padding:5px 5px; margin-bottom:10px; margin-right:5px; background:#eee; line-height:130%;}

#royalcaninevent li{margin-bottom:7px;}

#royalcaninevent a{color:#000;}

#royalcaninevent a:hover{color:#333; text-decoration:underline;}

#quizBox{width:404px; padding:38px 0px 80px 56px; background:url(gfx/quizBg.png) no-repeat; line-height:130%; font-size:8pt;}

#quizTop{width:404px; height:21px; background:url(gfx/quizTop.png) no-repeat;}
#quizBottom{width:404px; height:28px; background:url(gfx/quizBottom.png) no-repeat;}
#quiz h2,p{margin:0 0 5px 0; padding:0;}
#quiz{width:364px; padding:0px 20px; background:url(gfx/quizMiddle.png) repeat-y;}

#quiz p input{}

#quiz span{display:block;}

#quiz #quizNext{display:block; margin-top:5px;}

#quiz p input{display:block; clear:left;}

#registernewowner{overflow:auto; border:1px solid #ccc; padding:10px 9px; width:440px;}
#registernewowner h2{margin:0;}
#registernewowner #kennel,#litter, #owner{width:440px; clear:both; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ccc; font-size: 12px;}
#registernewowner table{width:440px; line-height:120%;}
#registernewowner table tr td{width:220px;}


#wpcf7-f2-p622-o1 span.wpcf7-list-item {
    float: left;
    margin: 0.5em 0 0.5em 0.5em;
    width: 120px;
	}

table.mypages th {
	font-weight: bold;
	line-height: 25px;
	width: 120px;
	height: 25px;
	padding-left: 10px;
}

table.mypages td {
	padding-right: 10px;
}

table.mypages tr:nth-child(odd) {
	background-color: #f2f2f2;
}

table.mypages tr:nth-child(even) {
	background-color: #fff;
}

table.mypoints th {
	font-weight: bold;
	line-height: 25px;
	height: 25px;
}

table.mypoints tr.withdrawn {
	color: #bfbfbf;
}

table.mypoints td {
	line-height: 25px;
	height: 25px;
}

table.mypoints tr:nth-child(odd) {
	background-color: #f2f2f2;
}

table.mypoints tr:nth-child(even) {
	background-color: #fff;
}

#kennel {
	font-size: 11px !important;
}

table {
	font-size: 100%;
}

table td {
	font-size: 11px !important;
}

label.error {
	color: #ff0000;
	font-style: italic;
}

#breederloginform {
	line-height: 15px;
}

span.darkred {
	color: #cd0000;
}

.green {
	color: #00cd00;
}

.bold {
	font-weight: bold;
}