/*

    CSS Document


    Site: Jesus For President
    URL: http://www.jesusforpresident.se
    Author: PS Kommunikation
    Version: 1.0

    Date: 2010.05.07

*/


/*
 *      DEFAULT
 *
 */

BODY.BgImg {
    background:#fff url(/images/bg-body.jpg) no-repeat center 20px;
	text-align:center;
}

BODY.NoBgImg {
	text-align:center;
}

DIV#Wrapper {
	margin:0 auto; 
	padding:0; 
    text-align:left;	
    width:1200px;
}
DIV#Masthead {
    height:54px;
    width:1090px;    
    margin:50px 50px 10px 77px;
}
DIV#Logo {
    float:left;
    height:54px;
    margin:0;
    width:380px;    
}

/*
 *      NAVIGATION
 *
 */
 
DIV#MainNav  {
    background:url(/images/bg-main-nav.png) no-repeat top left;    
    height:57px;
    left:0;
    margin:0;
    width:1046px;
}
DIV#MainNav UL  {
    float:left;    
    list-style-type:none;
    margin:0 0 0 50px;
    padding:0;
    width:996px;    
}
DIV#MainNav LI  {
    float:left;
    font-size:1.2em;
    font-weight:bold;
    line-height:2.2em;
    margin:19px 5px 0 5px;
}
DIV#MainNav A  {
    color:#fff;
    display:block;
    padding:0 50px 0 5px;
    text-decoration:none; 
}
DIV#MainNav LI.Active A {
    background:#fff;    
    color:#121212;
}

/*
 *      CONTENTT
 *
 */

DIV#Placeholder {
    margin:0 77px;
    width:1046px;
}
DIV#Content {
    margin:20px 0 0 0;
    width:1046px;
}


/** Primary Content **/

DIV#PrimaryContent {
    float:left;
    width:340px;
	display:none;
}

/* gallery */

DIV#Gallery {
    position:relative;
    text-align:center;
    height:299px;
     width:532px;
}
DIV#Gallery IMG.MainImg {
    margin:20px 32px;
}
DIV#Gallery P {
    padding:140px 0 0 0;
}
DIV#Gallery IMG {
    border:none;
}
.ArrowLeft {
    left:0;
    position:absolute;
    top:136px;
}
.ArrowRight {
    right:0;
    position:absolute;
    top:136px;
}

/* order */

FIELDSET#OrderInformation {
    width:300px;
}
FIELDSET#OrderInformation INPUT {
    margin:0 5px 0 0;    
    text-align:right;
    width:55px;
}
TABLE#BuyerInformationFinal,
TABLE#OrderInformationFinal {
    margin:15px 80px 10px 0;
    padding:0;
}
TABLE#BuyerInformationFinal TD,
TABLE#OrderInformationFinal TD {
	padding:2px 15px 2px 0;    
    width:auto;
}

/** Secondary Content **/

DIV#SecondaryContent {
    float:right;
    margin:0 45px 0 30px;
    width:532px;
	float:left;
}
DIV#SecondaryContent H1 SPAN {
    color:#ef4144;
	
}

/* data info */

UL#DataInfo {
    margin:0 0 10px 0;
    padding:0;
    list-style-type:none;
}
UL#DataInfo LI {
    margin:0;
    padding:0;
}

/*** PUFFS ***/

DIV#PuffOne {
    background:url(/images/bg-star-one.png) no-repeat top left;
    bottom:40px;
    height:241px;
    left:0px;
    position:absolute;
    width:241px;
    z-index:2;    
}
DIV#PuffTwo {
    background:url(/images/bg-star-two.png) no-repeat top left;
    bottom:0px;
    height:220px;
    left:140px;
    position:absolute;
    width:220px;
    z-index:1;
}


/*
 *      CLASSES
 *
 */

.Hide {
    position:absolute;
	left:-9999px;
	z-index:100;
}
.Clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.Clearfix {display:inline-block; clear:both;}
/* Hides from IE-mac \*/
* html .Clearfix {height:1%;}
.Clearfix {display:block;}
/* End hide from IE-mac */


div.box.noBorder  {
	border-width:0;
	clear:both;
	margin:0 10px 10px 0;
}

div.box {
	border:1px solid #D8D8D8;
	clear:both;
	margin:0 10px 10px 0;
}

div.box div {
	margin:20px;
}

div.box a {
	color:#336699;
	text-decoration:none;
}



div.box.shopTop span {
	color:#CC0000;
}

div.box.fadedBlack {
	background-color:#313131;
	background-image:url("/imagesframework/bg_box_fadedBlack.gif");
	background-position:center top;
	background-repeat:repeat-x;
	color:white;
}

div.box.shopTop  {
	background-image:url("/imagesframework/shopbg.png");
}

div.box.twoThird  {
	clear:none;
	float:left;
	width:580px;
}

div.twoThird {
	clear:none;
	float:left;
	width:595px;
}

div.box.third  {
	clear:none;
	float:left;
	width:285px;
}

div.third {
	clear:none;
	float:left;
	width:295px;
}

div.box div.header {
	background-image:url("/imagesframework/header.gif");
	border-bottom:1px solid #D8D8D8;
	margin:0;
	padding:2px;
}

div.box.shopProducts h2 {
	background-color:#B3B3B3;
	margin:10px;
	padding:3px;
}

div.box.shopProducts h2 a {
	color:white;
	font-size:10px;
}

div.box.shopProducts a, div.box div.product a {
	color:black;
}

div.fader {
	background-image: 				url(/imagesframework/popup_background.png); 
	width: 							100%; 					
	height: 						100%; 
	position: 						absolute; 
	top: 							0; 
	left: 							0;
	display:						none;
}

div.fadedPopup {
	width:							635px;
	height:							713px;
	background-image:				url(/imagesframework/popup.png);
	position:						absolute;
	margin-left: 					135px;
	display:						none;
	z-index:						10;
}

div.fadedPopup img.close {
	cursor:							pointer;
	margin-left:					20px;
	margin-top:						20px;
}

div.fadedPopup img.next {
	bottom:							22px;
	position:						absolute;
	right:							20px;
	cursor:							pointer;
}

div.fadedPopup img.prev {
	bottom:							22px;
	position:						absolute;
	right:							100px;
	cursor:							pointer;
}

div.fadedPopup div.popupContent {
	margin:							10px 22px 0 22px;
	height:							600px;
	overflow-y:						auto;
	overflow-x:						hidden;
}

div.fadedPopup div.popupContent div {
	margin-top:						10px;
	/*padding:						0 20px;*/
}

div.fadedPopup div.popupContent div.innerPopup {
	padding:						0 20px;
}

div.fadedPopup div.popupContent form div {
	margin-top:						inherit;
	padding:						inherit;
}

div.fadedPopup div.popupContent div.teamers {
	margin-top:						10px;
	padding:						0;
}

div.fadedPopup div.popupContent div.teamers ul li {
	float: 							left;
	width:							240px;
	margin:							0 20px 20px 20px;
}

div.fadedPopup div.popupContent div.teamers ul li img {
	float: 							left;
	margin-right:					10px;
}

div.fadedPopup form div.formRow {
	clear: 							both;
	margin-bottom:					10px;
}

div.fadedPopup div.popupContent div.blackBox {
	background-image:				url(/imagesframework/bg_box_fadedBlack.gif);
	background-repeat:				repeat-x;
	background-position:			bottom;
	background-color:				#000;
	color:							white;
	padding:						10px;
	height:							70px;
	width:							570px;
}

div.blackBox p {
	color: white;
}

div.fadedPopup div.popupContent div.blackBox span {
	color:							#CC0000;
}

div.box div.jScrollPaneContainer, div.box div.jScrollPaneContainer div {
	margin:							0;
	padding:						0;
}

div.box div.jScrollPaneContainer div.tvOrNews {
	margin:							5px;
	height:							75px;
}

div.box div.jScrollPaneContainer div.tvOrNews a {
	color:							#00FFFF;
}

div.box div.jScrollPaneContainer div.tvOrNews img {
	float:							left;
	margin-right:					10px;
}

div.box div.jScrollPaneContainer div.tvOrNews strong {
	font-weight:					normal;
	font-size:						12px;
	color: 							white;
}

div.jScrollPaneTrack {
	background: 					none;
	border-left:					1px solid #4D4D4D;
}
div.jScrollPaneDrag {
	background: 					#4D4D4D;
}

div.box.twoThird div.product {
	float:left;
	height:190px;
	margin:0;
	padding:5px 20px;
	width:100px;
}

table.checkoutProducts  {
	background-image:url("/imagesframework/bg_box_fadedBlack.gif");
	width:561px;
}

table.checkoutProducts td {
	color:							white;
	padding:						10px;
	vertical-align:					middle;
}

table.checkoutProducts td a {
	color:							white;
}

table.checkoutProducts td span {
	color:							#C00;
}

div.fadedPopup div.popupContent div.checkoutHalf {
	background-image: 				url(/imagesframework/bg_box_fadedBlack.gif);
	background-position:			bottom;
	background-repeat:				repeat-x;
	background-color:				black;
	width:							240px;
	margin:							0;
	color:							#C00;
	float:							left;
	border-top:						1px solid grey;
	padding:						20px;
}

div.fadedPopup div.popupContent div.checkoutHalf div {
	width:							100px;
	margin:							0;
	color:							white;
	float:							left;
}

div.fadedPopup div.popupContent div.checkoutHalf span {
	color:							white;
	font-size:						20px;
	font-weight:					bold;
}

div.fadedPopup div.popupContent div.checkoutHalf input.formInput {
	width:							230px;
}

.blackBox  input, .blackBox  textarea, .blackBox  button, .blackBox  select {
	border:1px solid #B5B5B5;
	font-family:Arial;
	font-size:12px;
	line-height:1.3em;
}

.blackBox input[type=text] {
	height: 13px
}

#shopSubmit {
	float:right;
	height:auto;
	padding:0;
	width:auto;
}


.wrap_guestbook{
	width:410px;
}

ul.guestbook{
	list-style:none;
	margin:0;
	padding:0;
}
ul.guestbook li{
	list-style:none;
	margin:0;
	padding:5px 0 5px 0;
	border-top:solid 1px #CCC;
}
ul.guestbook li div.date{
	float:left;
	clear:both;
	width:100%;
	text-decoration:right;
	background-image:url(../bilder/guestBookLineBg.png);
	background-repeat:repeat-x;
	background-position:center;
}

ul.guestbook li div.date div{
	background:#FFF;
	float:left;
	white-space:nowrap;
}

ul.guestbook li p.header{
	font-size:18px;
	color:#7d1019;
}

ul.guestbook li p.message{
}

ul.guestbook li p.author{
	color:#7d1019;
}

ul.guestbook li img{
	margin:5px 0 10px 0;
}



.wrap_movie{
	width:528px;
}

.tvScreen{
	float:left;
	clear:both;
	width:100%;
	background-color:#333;
}
.tvScreen div{
	padding:10px;
	color:#FFF;
}
.tvScreen div p{
	color:#FFF;
}

.tvScreen div h3{
	color:#FFF;
	font-size:14px;
}

.tvList{
	float:left;
	clear:both;
	width:508px;
	background-color:#EE4043;
	padding:10px;
	margin:2px 0 0 0;
}

.tvList h3{
	font-size:12px;
}
.tvList p{
	padding:0;
	margin:0;
}

.videoDate{
	float:right;
	color:#FFF;
}

.wrap_movieContent{
	width:680px;
	padding:10px;
	float:left;
	clear:left;
}

.movieRight{
	float:right;
	width:270px;
	padding:7px 10px 0 0;
}

.movieRight .tvList{
	width:250px;
}