/*
Theme Name: bringsonline
Description: WordPress Theme 
Author: Sabine Brings | brings-online.com
Author URI: http://brings-online.com


*/

html {overflow-y: scroll;}
body { margin:0; padding:0; text-align:center; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:86%; color:#3E3F4A; background:#fff url(images/wrapper.jpg) top left repeat-x; }
#wrapper { width:100%; margin:0; padding:0; background:;  }



h1, h2, h3, h4 { margin:0; padding:0;}
h1 { font-size:16px; color:#E71F1A; line-height:1.7em; margin:0 0 10px 0; font-weight: lighter;  padding:0 0 5px 0; letter-spacing:.05em; }
h2 { font-size:16px; color:#7d7f8f; line-height:1.5em; margin:5px 0; font-weight:normal; padding:0;  }
h3 { font-size:1.1em; line-height:1.5em; color:#b4b5bf; font-weight:normal; margin:5px 0; padding:0;}
h4 { font-size:1em; color:#B4B5BF; line-height:1.6em; font-weight:normal; }
h2 a, h3 a { text-decoration:none; color:#B4B5BF;}
h2 a:hover, h3 a:hover { text-decoration:none; color:#333;  }

body.home h1.pagetitle {display:none;} 



#content p { line-height:1.8em; margin:0; padding:11px 0; }
#content p.small { line-height:1.6em; margin:0; padding:6px 0; font-size:13px; }

#content p a {color:#E71F1A; text-decoration:none;}
#content p a:hover {text-decoration:underline;}
ul {margin:0; padding:0; list-style:none; }
li {margin:0; padding:0; list-style:none;}
img { border:none;}


#page {width:960px; margin:0 auto; padding:0; text-align:left; position:relative;   }
#mt {background:url(images/mtape.png) top left no-repeat; width:212px; height:553px; position:absolute; top:0; left:710px; display:block; z-index:900;}
#header { margin:0; padding:0; width:960px; height:175px; background:url(images/header.png) 320px 0 no-repeat;  }
#headerfront { margin:0; padding:0; width:960px; height:175px; background:;  }
.logo {margin:28px 0 0 0; padding:0; float:left; width:400px;  }
.rssicon { margin:0; padding:0; position:absolute; top:0; left:860px; width:67px; z-index:1000;}

#content { margin:25px 0 0 70px; padding:0;}
#content #columnLeft {width:562px; float:left; display:inline; margin:0; padding:0 50px 0 0; }
#content .post {}
#content .entry { padding:0 0 30px 0; margin:0; }
#content .homeentry { margin:0; padding:0;}
#content #sidebar {width:243px; float:left; display:inline; margin:0 0 20px 0; padding:0 0 0 20px; border-left:1px dotted #B4B5BF;}




/* menu */
#menu { float:right; width:275px; display:inline; margin:40px 0 0 0; }
#menu ul li a, #menu ul li a:visited 
{ text-decoration:none; font-weight:bold; color:#7D7F8F; line-height:22px; font-size:13px; margin:0; background:url(images/menubullet.gif) left no-repeat; padding:0 0 0 15px; }
#menu ul {padding:0; margin:0; list-style: none;}
#menu ul li {list-style:none;}
#menu ul li a:hover {color:#E71F1A;}

#headerfront #menu { float:right; width:400px; display:inline; margin:40px 0 0 0;}

/* home */

.homeentry { float:left; width:400px; display:inline; margin:0; padding:0; min-height:360px;}
.monitorframe { float:right; width:430px; display:inline; margin:15px 0 0 0; padding:0;}

#monitor {}
#slider { }
#slider ul, #slider li {margin:0; padding:0; list-style:none; }
#slider li{  width:225px; height:138px; overflow:hidden; }	

/* bottom */ 

#bottom { background:url(images/bottombg.jpg) top left repeat-x; margin:0; padding:23px 0 0 0; }
#bottom .bottomcontent { margin:0 auto; padding:0 0 0 85px; width:980px; text-align:left;}
#bottom .bottombox {width:270px; float:left; margin:0 0 20px 0; padding:0; display:inline;  }
#bottom h2.bottomtitle { color:#EAEAED; font-size:16px; font-weight:normal; margin:0; padding:0 0 0 35px; line-height:1.7em; }
#bottom p { color:#EAEAED; padding:6px 0 0 22px; margin:0 0 0 13px;  font-size:13px; line-height:1.6em; }
#bottom ul { margin:6px 0 0 13px; padding:3px 45px 3px 22px; list-style:none;  }
#bottom ul li { font-size:12px; line-height:2em; border-bottom:1px dotted #5a5a66; width:200px;}
#bottom a { color:#EAEAED; text-decoration:none;} 
#bottom a:hover { color:#fff; text-decoration:none;} 

#bottom .bottombagbox {width:380px; min-height:170px; float:left; margin:0; padding:0; display:inline; background:url(images/bottombag.png) bottom right no-repeat; }
#bottom .bottombagbox h2.bottomtitle { }
#bottom .bottombagbox a { color:#BDC218; text-decoration:underline;}

#bottom .contactdata p { color:#EAEAED; padding:6px 0 0 15px; margin:5px 0 3px 13px;  font-size:13px; line-height:2em; }

#bottom ul.recentposts { background:url(images/bottomline.png) top right no-repeat;}
#bottom .contactdata { background:url(images/bottomline.png) top left no-repeat;}



/* footer */

#footer { margin:0; padding:6px 0; border-top:1px solid #484953; background:#484953; color:#ccc; font-size:11px; text-align:center;}
#footercontent {width:960px; margin:0 auto;}
#footer ul { margin:0; padding:0; }
#footer ul li {display:inline; padding:0 30px 0 0; line-height:1.7em;}
#footer ul li a { color:#ccc; text-decoration:none;}



/* sidebar */ 
#sidebar h2 { font-size:16px; color:#E71F1A; line-height:1.6em; margin:0; font-weight:normal; padding:2px 0 5px 0; }
#sidebar h3 { font-size:1em; line-height:1.6em; color:#B4B5BF; margin:0 0 4px 0;  padding:0;}
#sidebar h3 a { text-decoration:none; color:#564942; }
#sidebar h3 a:hover { text-decoration:none; color:#666; }
#sidebar ul {margin:0 0 12px 0; padding:0; list-style:none; width:230px;}

#sidebar li { margin:3px 0; padding:0; line-height:1.8em; font-size:13px; border-bottom:1px dotted #B4B5BF; display:block; background:url(images/linkbullet.gif) left no-repeat; padding-left:15px;}
#sidebar li a { color:#3E3F4A; text-decoration:none;  }
#sidebar li a:hover { color:#666;}

#sidebar .sidebarbox { margin:0 0 25px 0; padding:0; }

#sidebar .sidebarbox img {margin:3px 9px 3px 0;}
#sidebar .sidebarbox ul.recentposts img {display:none;}
#sidebar p { font-size:12px; line-height:1.6em; margin:0; padding:3px 0 6px 0; width:220px;}






/* searchform */
#searchbox {margin:1px 0 25px 0;  padding:0; }
form#searchform { margin:0; padding:0; height:23px; -moz-border-radius:6px; -webkit-border-radius:6px; }
input#searchsubmit {cursor:pointer; width:22px; height:21px; background:url(images/zoom.png) right no-repeat; border:none;}

input#s { width:180px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px 0 2px 6px; color:#666; border:none; background:#B4B5BF; -moz-border-radius:8px; -webkit-border-radius:8px;}



/* misc */ 
.clear { clear:both;}


.searchlist { margin:0 0 0 10px; padding:0;}
.searchlist-entry{ margin:5px 50px 10px 0; padding:0 0 10px 0; border-bottom:1px dotted #B4B5BF;}
#content .searchlist p, #content .archivelist p {margin:0 0 10px 0; padding:0 0 6px 0; font-size:13px; }

#content .searchlist-entry h2 a { color:#B4B5BF; font-weight:normal; border-bottom:1px solid #B4B5BF; padding-bottom:1px; font-size:15px;}
#content .searchlist-entry h2 a:hover { color:#333; border-bottom:1px solid #333;}

#content p.metadata {font-size:11px; margin:0 0 15px 0; border-bottom:1px dotted #C4C831;}

#content p.metadata a {text-decoration:none;}

.bloglist {padding:0 0 15px 0; width:610px; border-bottom:1px solid #B4B5BF; margin:6px 0 0 0;}
#content img.blogimg {width:150px; height:75px; float:left; clear:left; margin:6px 20px 15px 0; padding:2px; border:1px solid #B4B5BF;}
#content .bloglist p { margin:0; padding:3px 0;}

#content img.archiveimg {width:220px; height:150px; float:left; clear:left; margin:6px 20px 15px 0; padding:4px; border:1px solid #B4B5BF;}

#content p.answer { padding:3px 0 6px 0; font-size:13px; color:#000; text-align:justify; border-bottom:1px dotted #B4B5BF;}

.search-navigation {margin:3px 0 3px 0px; padding:6px 0; }


.navigation {border-top:1px dotted #B4B5BF; margin:12px 0 0 0;}
.alignleft { float:left; margin:0; }
.alignright { float:right; margin:0;}
.navigation .alignleft a { background:url(images/prev.png) top left no-repeat; width:30px; height:47px; display:block; margin-left:5px;}
.navigation .alignright a { background:url(images/next.png) top left no-repeat; width:30px; height:47px; display:block; margin-right:5px;}


.singlenavigation {padding:5px 0; margin:0 0 25px 0; border-top:1px dotted #B4B5BF; border-bottom:1px dotted #B4B5BF; color:#B4B5BF; }
.singlenavigation a { color:#B4B5BF; font-size:11px; line-height:14px;  text-decoration:none;}
.singlenavigation a:hover {color:#333;} 

.entry img { padding:4px; border:1px solid #B4B5BF; margin:15px 10px 15px 0;}
.entry img.alignleft {margin:0 25px 5px 0;}
.entry img.alignright {margin:0 0 5px 25px;}

.entry img.noborder { padding:0; border:none;}

.entry ul { margin:3px 0 0 20px; padding:0 0 15px 0;}
.entry ul li { list-style:square; color:#3E3F4A; line-height:1.7em;}
.entry ul li a {color:#CCC436; text-decoration:underline;}
.entry ul li a:hover { color:#666; }

.entry ul.extern { margin:5px 0 15px 0; padding:0; font-size:13px;}
.entry ul.extern li { background:url(images/linkbullet_extern.gif) left no-repeat; padding:0 0 0 15px; margin:4px 0; list-style:none;}
.entry ul.extern li a { color:#7d7f8f; text-decoration:none;}
.entry ul.extern li a:hover { color:#E71F1A; text-decoration:none;}

.entry ul.intern { margin:5px 0 15px 0; padding:0; font-size:13px;}
.entry ul.intern li { background:url(images/poarrow.gif) left no-repeat; padding:0 0 0 15px; margin:4px 0; list-style:none;}
.entry ul.intern li a { color:#7d7f8f; text-decoration:none;}
.entry ul.intern li a:hover { color:#E71F1A; text-decoration:none;}




a.post-edit-link {margin:3px 0 3px 55px; background:url(images/edit-icon.png) left no-repeat; width:16px; height:16px; display:block;}

.date {margin:0; color:#B4B5BF; padding:0 0 3px 0;}


table { border:1px solid #D9D0CC; border-collapse:collapse; margin:7px 0 15px 0;}
td { border:1px solid #D9D0CC; padding:7px 12px;}
th {border:1px solid #D9D0CC; padding:7px 12px; background-color: #EEEAE8;}
caption{ margin-bottom:4px;	font-size:12px; color:#564942; text-align:left; font-weight:bold;}





/* portfolio */ 

.portfolioentry { float:left; width:400px; display:inline; margin:0; padding:0; }

.portfolioentry ul { margin:20px 0 ; padding:0; list-style:none;}
.portfolioentry li { font-size:13px; font-weight:bold; line-height:2em; background:url(images/poarrow.gif) left no-repeat; padding:0 0 0 18px;}
.portfolioentry li a {color:#7D7F8F; text-decoration:none;}
.portfolioentry li a:hover {color:#E71F1A; }


.pomonitorframe { float:right; width:400px; height:360px; display:inline; margin:0; padding:0; }

#pomonitor { }
#poslider { }

#poslider ul, #slider2 li {margin:0; padding:0; list-style:none; }
#poslider li {width:328px; height:203px; overflow:hidden; }	







/* contactforms */

.sidebarbox fieldset {border:none; margin:4px 0; padding:0; font-size:12px;}
.sidebarbox label { margin:2px 0 2px 0; padding:5px 0 0 0; color:#333;}
.sidebarbox label.invisible { visibility:hidden;}
.sidebarbox input {width:230px; margin:3px 0; padding:1px 0; font-size:12px; border:1px dotted #B4B5BF; background:none; color:#333;}
.sidebarbox input.submit {cursor:pointer; color:#fff; background:url(images/submit.png) top left no-repeat; margin:3px 0 0 175px; width:40px; height:40px; display:block; border:none; z-index:120;}
.sidebarbox textarea {width:230px; border:1px dotted #B4B5BF; background:none; margin:2px 0; color:#333; z-index:119;}
.sidebarbox input:focus, .sidebarbox textarea:focus {border:1px solid #B4B5BF;}


#contactform {margin:0; padding:0; font-size:12px;}
#contactform legend { font-weight: bold; color:#7D7F8F; margin:0; padding:0 0 4px 0; border-bottom:1px solid #7d7f8f; width:400px;}
#contactform fieldset { margin:10px 0; padding:18px 0; border:none; width:436px;}
#contactform label { float:left; clear:left; width:130px; margin:5px 0;}
#contactform label.invisible { visibility:hidden;}
#contactform input {width:280px; margin:5px 0;}
#contactform input.submit {cursor:pointer;  width:140px;}
#contactform textarea {width:280px;}





/* intro */ 

body.page-template-countdown-php { background:#fff; margin:0; padding:0; text-align:center;}
#countdownpage {}
#countdownpage h3 {font-weight:normal; font-size:18px; line-height:1.7em;  color:#eee; margin:0 0 12px 0;}

#countdownpage h1 { color:#eee; margin-top:30px;}
#countdownpage p { line-height:1.6em; font-size:15px;}
#line { background:#7D7F8F url(introimages/colorline.jpg) 0 3px repeat-x; margin:0; padding:0; height:31px;}
#line .minimenu { width:960px; margin:0 auto; padding:11px 0 0 0; font-size:11px; color:#fff; text-align:left;}
#top { background:#fff url(introimages/topbg.jpg) center repeat-y; height:335px; margin:0; padding:0; width:960px; margin:0 auto; padding:0; position:relative; }
#top .topleft { float:left; width:480px; padding:20px 0 0 0; margin:0; display:inline; text-align:left; background:url(introimages/measurement.jpg) bottom left no-repeat; height:315px;}
#top .topright { float:right; width:480px; padding:20px 0 0 0; margin:0; display:inline; text-align:right; background:url(introimages/shoppingbags.jpg) bottom right no-repeat; height:315px;}

#countdownwrapper { background:url(introimages/contentbg.jpg) top left repeat-x; min-height:450px; padding:15px 0 0 0;}
#countdownwrapper ul#qtranslate-chooser { width:960px; text-align:right; margin:0 auto; padding:0;}
#countdownwrapper li { float:right; display:inline-block; width:25px;}

#imprint, #contact { position:absolute; top:105px; left:170px; padding:20px;  width:560px; background:#7D7F8F; border:1px solid #595A66; z-index:100; text-align:left; color:#eee;}

#imprint .closeimprint, #contact .closecontact { background:url(introimages/close.jpg) top right no-repeat; width:46px; height:49px; float:right; margin:0; display:block;}
#contact .closecontact {}

.hasCountdown {
margin:0 auto;
width:400px;

	background: url(introimages/countdownbg.png) top center no-repeat;
	height:135px;
	padding:25px 0 0 0;
	color:#fff;
}
.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
	background-color: #ccc;
}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
}
.countdown_show1 .countdown_section {
	width: 98%;
}
.countdown_show2 .countdown_section {
	width: 48%;
}
.countdown_show3 .countdown_section {
	width: 32.5%;
}
.countdown_show4 .countdown_section {
	width: 24.5%;
}
.countdown_show5 .countdown_section {
	width: 19.5%;
}
.countdown_show6 .countdown_section {
	width: 16.25%;
}
.countdown_show7 .countdown_section {
	width: 14%;
}
.countdown_section {
	display: block;
	float: left;
	font-size: 14px;
	text-align: center;
}
.countdown_amount {
	font-size: 46px;
}
.countdown_descr {
	display: block;
	width: 100%;
}