/*
################# Style Sheet for petrol-kerosene.ch ################
### |-----------------------------------------------------------| ###
### |    © 2006 by bitsolution stalder, www.bitsolution.ch      | ### 
### |    Cascading Style Sheet for  petrol-kerosene.ch website  | ### 
### |-----------------------------------------------------------| ###
#####################################################################
*/





/*
####################################################
################## GENERAL TAGS ####################
####################################################
*/


body				{ background-image:url(/shop/templates/petrol/img/bg_main.gif); background-repeat:no-repeat; background-position:top center; }
body				{ font-family: Arial, Helveteica, sans-serif; font-size:11px; color:#666; line-height:150%; }


a					{ color:#6699FF; text-decoration:none; }
a:hover				{ color:#6699FF; text-decoration:underline; }


/* headlines */
h1, .contentsTopics	{ color:#333; font-size:14px; padding:0px; margin:0px 0px 15px 0px; font-weight:bold; line-height:150%;}
h2					{ color:#222; font-size:12px; padding:0px; margin:0px 0px 0px 0px; font-weight:bold; line-height:150%;}
h3					{ color:#222; font-size:11px; padding:0px; margin:0px 0px 10px 0px; font-weight:normal; line-height:150%;}
h4					{ color:#222; font-size:11px; padding:0px; margin:0px 0px 10px 0px; font-weight:normal; line-height:150%;}

p					{ margin:0px; padding:0px;}


/*
####################################################
#################### Classes #######################
####################################################
*/


/*BLOCKS*/
.blockMain			{ width:908px; text-align:left; }
.blockTop			{ height:117px; }
.blockMid			{  }
.blockLeft			{ float:left; width:192px;}
.blockContent		{ float:left; width:498px; margin:0px 13px 0px 13px; }
.blockRight			{ float:right; width:192px; }


/*ELEMENTS*/
.elementLogo		{ float:left; }
.elementFuncs		{ float:right; text-align:right; }
.elementLangCurr	{ height:43px; padding-top:7px; text-transform:uppercase; font-size:12px; font-weight:bold; }
.elementLangCurr a, .elementDeeplinks a	{ color:#666; text-decoration:none; }
.elementLangCurr a:hover, .elementDeeplinks a:hover { color:#666; text-decoration:underline; }
.elementLangCurr a#selected { color:#6699FF; text-decoration:underline; }
.elementDeeplinks	{ margin-top:38px; text-transform:uppercase; font-size:12px; font-weight:bold;}
.elementDeeplinks a	{ color:#666; text-decoration:none; }
.elementDeeplinks a:hover { color:#666; text-decoration:underline; }
.elementFooter		{ color:#888; margin-top:5px; font-size:11px color:#ccc; text-align:center; }
.elementFooter a	{  color:#666; text-decoration:none; }
.elementFooter a:hover {  color:#6699FF; text-decoration:none; }
.elementNavtrail	{ background-color:#f1f1f1; padding:3px; font-size:10px; margin-bottom:15px; line-height:130%; }
.navigationBottom	{ background-color:#f1f1f1; padding:3px; font-size:10px; margin-top:15px; line-height:130%;}


/*PRODUCTS*/
.elementProduct		{}
.elementProduct .images { float:left; width:100px;  padding-top:2px;}
.elementProduct .images a { display:block; margin-bottom:10px;}
.elementProduct .description { float:right; width:357px; padding-bottom:10px; }
.elementProductDetails td { background-color:#f8f8f8; border:2px solid #eee; border-left:none; border-right:none; }
.elementProductDetails td#spacer { background-color:#fff; border:none; width:2px;}
.elementProductDetails .content { padding:4px 7px 4px 7px;}
.elementProductDetails .productPrice		{ font-weight:bold; }
.elementProductDetails .inputLine { background-color:#fff; }
.elementProductDetails #qty { width:51px;  }
.elementProductDetails #basket { margin-top:2px;  }
.elementProductDetails { line-height:180%; }
.selectOptions		{ width:100px; border:1px solid #e0e0e0; background-color:#fbfbfb; font-size:10px;  padding:1px; color:#111; }


/* LISTNGS */
.listingRow			{ padding:7px 0px 7px 0px; border-top:1px dotted #ccc;}
#firstRow			{ border:none; }
.listingRow .image	{ float:left; width:100px; padding-top:4px; }
.listingRow .description { float:right; width:357px; }
.listingRow .description .price { float:left; text-align:left; font-weight:bold; }
.listingRow .description .details { float:right; }
.listingRow .price	{ width:130px; text-align:right; }


/* LISTING ALSO PURCHASED */
.elementAlsoPurchased { width:233px; background-color:#f8f8f8; padding:7px; margin:0px 1px 1px 0px; border-bottom:3px solid #fff; }
.elementAlsoPurchased .image { width:93px; padding-top:2px;}
#borderRight		{  border-right:3px solid #fff;}
.elementAlsoPurchased .details { vertical-align:bottom; text-align:left; padding-top:2px;}


/*CATLISTING*/
.elementCatHeading	{ background-color:#f6f6f6; border:2px solid #eee; border-left:none; border-right:none;  padding:4px 7px 3px 7px; margin-bottom:8px; }
.elementCatHeading h1 { margin:0px; }
.elementMoreCats	{ margin-top:7px;}
.elementMoreCats a.cat { display:block; background-color:#d8d8d8; color:#999; font-weight:bold; border-left:4px solid #fff; }
.elementMoreCats a.cat:hover { background-color:#d0d0d0; text-decoration:none; color:#fff; }
.elementMoreCats a#first { border:none; }


/*CART*/
#cartItems td		{ padding:3px; }


/*HOME*/
.blockMainHome		{ width:821px; text-align:left; }
.elementLogoHome	{ text-align:center; margin:30px 0px 25px 0px;}
.elementContentHome	{ margin-bottom:10px; }


/*BOXES*/
.boxTop				{ height:13px; line-height:13px;}
.box				{ background-color:#fff;  border:1px solid #ccc; border-top:none; padding:13px; margin-bottom:13px;  }
.boxTitle			{ font-weight:bold; margin-bottom:5px;}


/*CATEGORIES*/
.categories			{ margin:0px 0px 0px 28px; }
.navLevel1			{ font-size:11px; }
.navLevel2			{ padding-left:15px; font-size:11px;  }
.navLevel3			{ padding-left:30px; font-size:11px;  }
.navLevel4			{ padding-left:45px; font-size:11px;  }
.navLevel5			{ padding-left:60px; font-size:11px;  }
.nav1Container		{ margin:5px 0px 7px 0px;}


/*FORMS*/
.inputLine, .inputSelect, .inputField { border:1px solid #e0e0e0; background-color:#f1f1f1; font-family:"Courier New", Courier, mono; font-size:10px;  padding:1px; color:#CC0000; }
.inputSelect		{ padding:0px 0px 0px 2px; font-style:normal; }
.formArea .inputLine{ background-color:#fcfcfc; border:1px solid #e0e0e0; }
.formArea .main		{ width:150px; }
.formArea td		{ padding-left:4px; }
.formArea .inputRequirement .inputLine { width:200px;}
.formArea .inputRequirement .inputSelect { width:204px; background-color:#fcfcfc;}
.formArea .inputRequirement { color: #333; }



/* SHIPPING MODULES */
fieldset.shippingMethod		{ border:1px solid #ccc; padding:5px!important; padding:8px; margin-bottom:10px!important; margin-bottom:3px; }


/*POPUPs*/
.popupContainer		{ padding:17px;}


/* IMAGES POPUP */
.imageBorder		{ border:3px solid #003F9A; }
.popupHeading		{ background-color:#003F9A; text-transform:uppercase; font-size:13px; font-weight:bold; text-align:center;  color:#fff; margin-bottom:15px;}
.popupImage			{ margin-bottom:15px;}


/*IDs*/
#clear				{ clear:both; height:0px; line-height:0px; font-size:0px; }
#dblue				{ background-color:#00579E; }
#blue				{ background-color:#1479FF; }
#menu				{ line-height:160%; font-weight:bold;}
#menu a				{ color:#828282; }
#menu a strong		{ color:#6699FF; }
#padBot				{ margin-bottom:3px; }
#padTop				{ margin-top:3px; }
#imgMid				{ vertical-align:-2px; }
#quickSubmit		{ vertical-align:-5px; margin-left:5px; }
#full				{ width:100%;}
#left				{ float:left; }
#right				{ float:right; }
#singleRow			{ height:1px; line-height:1px; }

/*
####################################################
################## SHOP DEFs #######################
####################################################
*/







.boxText { 
	font-family: Arial, Helveteica, sans-serif;
	font-size: 11px;
}

.boxTextBG {
	font-family: Arial, Helveteica, sans-serif;
	background-color: #f1f1f1;
}
.boxTextBGII {
	font-family: Arial, Helveteica, sans-serif;
	background-color: #e8e8e8;
}
.boxTextPrice {
	font-family: Arial, Helveteica, sans-serif;
	color: #FF0000;
}


.gvBox {
	font-family: Arial, Helveteica, sans-serif;
	font-size : 14px;
	font-weight: bold;
	border-color: #FFFFFF;
	border: 1px solid;
	background-color: #ffb3b5;
}
.stockWarning { 
	font-family: Arial, Helveteica, sans-serif;
	font-size : 11px;
	color: #cc0033;
}

.productsNotifications {
	background-color: #f2fff7;
}

.orderEdit { 
	font-family: Arial, Helveteica, sans-serif;
	font-size : 11px;
	color: #70d250;
	text-decoration: underline;
}

BODY {
	color: #000000;
	margin: 0px;
	background-color: #ffffff;
}

img{
	border:0;
}


FORM {
	display: inline;		   
}


TR.header {
	background-color: #ffffff;
}

TR.headerNavigation {
  background: #F6F6F6;
}

TD.headerNavigation {
	font-family: Arial, Helveteica, sans-serif;
	font-size : 11px;
	color: #000000;
	font-weight : bold;
	border-bottom: 1px solid;
	border-color: #b6b7cb;
	background-color: #F6F6F6;
}

A.headerNavigation { 
}

A.headerNavigation:hover {
}

TD.conditions {
  background-color: #FFCCCC;
}

A.confirmationEdit {
	color: #009933;
	font-style: italic;
}
A.confirmationEdit:hover {
	color: #009933;
	font-style: italic;
	text-decoration: underline;
}
TR.headerError {
  background-color: #ff0000;
}

TR.headerMessage {
	background-color: #00CC33;
}

.moduleHeading {
	font-family: Arial, Helveteica, sans-serif;
	font-size: small;
	font-weight: bold;
	padding-bottom: 11px
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Arial, Helveteica, sans-serif;
  font-size : 11px;
    background: #F6F6F6;
  color: #000000;
  font-weight : bold;
  border-bottom: 1px solid;
  border-color: #b6b7cb;
}

.infoBox {
}

.infoBoxContents {
  font-family: Arial, Helveteica, sans-serif;
  font-size : 11px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Arial, Helveteica, sans-serif;
  font-size : 11px;
}

TD.infoBoxHeading {
  font-family: Arial, Helveteica, sans-serif;
  font-size : 11px;
  font-weight: bold;
  background: #666666;
  height:17px;
  color: #ffffff;
}

TD.infoBoxHeading_right {
  font-family: Arial, Helveteica, sans-serif;
  font-size : 11px;
  font-weight: bold;
  background: #C4C4C4;
  height:17px;
  color: #000000;
}

TD.infoBox, SPAN.infoBox {
  font-family: Arial, Helveteica, sans-serif;
  font-size : 11px;
  border-right: 4px solid;
  background: #E6E6E6; 
  border-color: #C4C4C4;
}

TD.infoBox_right, SPAN.infoBox_right {
  font-family: Arial, Helveteica, sans-serif;
  font-size : 11px;
  background: #E6E6E6; 

}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Arial, Helveteica, sans-serif;
  font-size : 11px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Arial, Helveteica, sans-serif;
  font-size : 11px;
}

A.pageResults {
	color: #0000FF;
	text-decoration: underline;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Arial, Helveteica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Arial, Helveteica, sans-serif;
  font-size : 11px;
  color: #000000;
}

TD.main, P.main {
  font-family: Arial, Helveteica, sans-serif;
  font-size : 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Arial, Helveteica, sans-serif;
  font-size : 11px;
}

TD.accountCategory {
  font-family: Arial, Helveteica, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Arial, Helveteica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Arial, Helveteica, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Arial, Helveteica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Arial, Helveteica, sans-serif;
  font-size : 11px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
	font-family: Arial, Helveteica, sans-serif;
	font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Arial, Helveteica, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-weight: bold;
}

SPAN.underline {
	text-decoration: underline;
}

TABLE.formArea {
  background: #f4f4f4;
  border-color: #ddd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.copyright {
  font-family: Arial, Helveteica, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
}
A.copyright {
  color: #000000;
}
A.copyright:hover {
  color: #0000ff;
  text-decoration: underline;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Arial, Helveteica, sans-serif;
  color: #ff0000;
}
SPAN.productOldPrice {
	font-family: Arial, Helveteica, sans-serif;
	color: #ff0000;
	text-decoration: line-through;
}
SPAN.errorText {
  font-family: Arial, Helveteica, sans-serif;
  color: #ff0000;
}

SPAN.productDiscountPrice {
  font-family: Arial, Helveteica, sans-serif;
  color: #ff0000;
  font-weight: bold;
}

.smallHeading {
	font-weight: bold;
}

.moduleRow {
 font-family: Arial, Helveteica, sans-serif;
 font-size: 11px;
 line-height: 1.5;
 background-color: #E6E6E6;
 border: 1px solid;
 border-color: #E6E6E6;

}
.moduleRowOver { 
	background-color: #D7E9F7; 
	border: 1px solid;
	border-color: #ffffff;
	font-family: Arial, Helveteica, sans-serif;
    font-size: 11px;
    line-height: 1.5; 
	
	}
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Arial, Helveteica, sans-serif; font-size: 11px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Arial, Helveteica, sans-serif; font-size : 11px; color: #000000; }

/* sitewide font classes */
/* Note: heading<Number> equals <font size="Number"> */
.heading1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; }
.heading2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }
.heading3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }
.heading4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; }
.heading5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; }

/* Sitemap Tables */
.sitemap_heading {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; 
	background-color: #666666; 
	padding-top: 2px; padding-bottom: 2px;}
.sitemap_heading a {color:#FFFFFF;}
.sitemap_heading a:hover {color:#CCCCCC; text-decoration:none;}

.sitemap_sub {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; background-color: #E6E6E6; padding: 2px 2px;}
.sitemap_sub a {color:#000000;}
.sitemap_sub a:hover {color:#999999; text-decoration:none;}



/* message box */
.msgContainer		{ margin:10px 0px 15px 0px;}
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox, .messageStackError, .messageStackWarning { padding:3px; background-color:#FFCC00; }
div.messageStackWarning	{ margin:2px 0px 4px 0px;}
.messageStackSuccess { background-color:#D3EFD4; }


.tableShop {
background-color: #ffffff;
border-left: 1px solid;
border-right: 1px solid;
border-color: #b6b7cb;
}

.navLeft {
	border-right: 1px solid;
	border-color: #b6b7cb;
	background-image: url(img/bg_left_column.jpg);
	width: 185px;
}
.navRight {
	border-color: #666666;
	border-top-width: 4px;
	border-top-style: solid;
	border-left-width: 4px;
	border-left-style: solid;
	background-color: #E6E6E6;
	width: 185px;
}


.tableListingI {
	background-color: #eeeeee;
}

.tableListingII {
	background-color: #d0d0d0;
}

.tableBody {
padding: 5px;
}

.poweredby {
  font-family: Arial, Helveteica, sans-serif;
  font-size : 11px;
  color: #000000;
  font-weight: bold;
}
.onepxwidth {
	width: 1px;
}