/*=================================================================================

Project:		PEREGRINUL.RO
Version:		1.0
Last Changed:	02/11/2009
Author:			Daniel Rus

=================================================================================*/


/*=================================================================================

[Table of Contents]

1. GENERAL [style for body, headers, default behaviour of paragraphs, images, links etc]
2. LAYOUT [elements used to define the layout of the site]
	2.1 HEADER
	2.2 CONTENT
	2.3 SIDEBAR
	2.4 FOOTER
3. NAVIGATORS [navigation for the site]
	3.1 TOP NAVIGATOR
	3.2 INTERIOR NAVIGATOR	
	3.3 BOTTOM NAVIGATOR
4. CONTENT ELEMENTS
	4.1 HOMEPAGE
	4.2 FORMS
	4.3 DIRECTORY

=================================================================================*/






/* 1. GENERAL -------------------------------------------------------------------*/

* { behavior: url(../../general/peregrinul/iepngfix.htc); }

.title
{
  font-weight: bold;
  font-variant: small-caps;
}

body
{
	margin: 0;
	padding: 0;
	background: #ebeaea url(../../general/peregrinul/bgMain.gif) repeat-x;
	font: normal 0.75em/1.8em Georgia, "Times New Roman", Times, serif;
}

h1
{
	margin: 0;
	padding: 0;
	font: bold 1.4em/1em Georgia;
	background: url(../../general/peregrinul/iconHeader.gif) no-repeat left center;
	padding: 10px 0 10px 40px;
	color: #9e100e;
}

h2
{
	margin: 2em 0 1em 0;
	padding: 0;
	font: bold 1em Georgia;
	text-transform: uppercase;
	color: #bf0f0e;
}

h3
{
	margin: 1.5em 0 0.5em 0;
	padding: 0;
	font: bold 1.1em/1em Georgia;
	color: #333333;
}

a
{
	color: #9e0a09;
	text-decoration: none;
}

a:hover
{
	color: #000000;
}

p
{
	margin: 1em 0;
	text-align: justify;
}

img { border: 0; }

em
{
	font-style: normal;
	font-weight: bold;
	color: #8e0908;
}

blockquote
{
	margin: 0;
	padding: 0;
	font-size: 0.85em;
	text-transform: uppercase;
	text-align: center;
}

.clearAll
{
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

.floatleft
{
	float:left;
}

.floatright
{
	float:right;
}

.orange
{
	color:#7c2e03;
}

.upper
{
	color:#65645a;
	font-size:0.9em;
	font-weight:bold;	
	text-transform:uppercase;
}

.upperOrange
{
	color:#7c2e03;
	font-size:1em;
	font-weight:bold;	
	text-transform:uppercase;
}

/* 2. LAYOUT --------------------------------------------------------------------*/

#container
{
	width: 782px;
	margin: 20px auto 10px auto;
	background: url(../../general/peregrinul/bgContainer.jpg) repeat-y;
}


/* 2.1 HEADER -------------------------------*/

#header
{
	position: relative;
	height: 225px;
	padding: 10px 30px;
	background: url(../../general/peregrinul/bgHeader.jpg) no-repeat;
}

#logo
{
	position: absolute;
	top: 60px;
	left: 36px;
}

.language
{
	float: right;
	width: 150px;
	padding-top: 7px;
	line-height: 20px;
	text-align: right;
	padding-right:5px;
}

.language img { vertical-align: middle; }

.topLogin
{
	width: 600px;
	height: 30px;
	padding-top: 6px;
}


.shopCart
{
	height: 25px;
	margin-left: 533px;
	font-size:0.9em;
	font-color:#6f6e64;
	padding-top:1px;
}


.navMain
{
	float: right;
	width: 187px;
	height: 154px;
}


/* 2.2 CONTENT ------------------------------*/

#contentHolder
{
	padding: 20px 25px 25px 25px;
	background: url(../../general/peregrinul/bgContent.jpg) no-repeat bottom;
}

#content
{
	background: url(../../general/peregrinul/bgContentMiddle.jpg) repeat-y;
}

#contentTop
{
	min-height: 200px;
	height: auto !important;
	height: 200px;
	background: url(../../general/peregrinul/bgContentTop.jpg) no-repeat;
}

#contentBottom
{
	clear: both;
	height: 10px;
	overflow: hidden;
	background: url(../../general/peregrinul/bgContentBottom.jpg) no-repeat;
}

.contentMain
{
	float: left;
	width: 515px;
	padding: 10px;
}


/* 2.3 SIDEBAR ------------------------------*/

.sidebar
{
	float: right;
	width: 177px;
	padding: 10px;
}

.sidebar h2
{
	padding-bottom: 20px;
	text-align: center;
	background: url(../../general/peregrinul/dividerH.gif) no-repeat bottom center;
}

.sidebar ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px dotted #65645a;
}

.sidebar ul li
{
	border-bottom: 1px dotted #65645a;
	text-align: center;
}

.sidebar ul li a
{
	color: #65645a;
	font: bold 0.9em Georgia;
	text-transform: uppercase;
}

.sidebar ul li a:hover
{
	color: #7c2e03;
}


/* 2.4 FOOTER -------------------------------*/

#footer
{
	width: 750px;
	margin: 10px auto;
	text-align: center;
}

#footer p
{
	text-align: center;
	color: #818181;
	margin: 0;
}




/* 3. NAVIGATORS ----------------------------------------------------------------*/

/* 3.1 TOP NAVIGATOR ------------------------*/

.navMain ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.navMain ul li
{
	float: left;
	height: 22px;
}

.navMain ul li a
{
	float: left;
	width: 187px;
	height: 22px;
	text-indent: -9999px;
	background: url(../../general/peregrinul/navMain.gif) no-repeat;
}

.navMain ul li a.nav-home { background-position: 0 0; }
.navMain ul li a.nav-about { background-position: 0 -22px; }
.navMain ul li a.nav-clients { background-position: 0 -44px; }
.navMain ul li a.nav-jobs { background-position: 0 -66px; }
.navMain ul li a.nav-newsletter { background-position: 0 -88px; }
.navMain ul li a.nav-forum { background-position: 0 -110px; }
.navMain ul li a.nav-contact { background-position: 0 -132px; }

.navMain ul li a.nav-home:hover { background-position: 0 -154px; }
.navMain ul li a.nav-about:hover { background-position: 0 -176px; }
.navMain ul li a.nav-clients:hover { background-position: 0 -198px; }
.navMain ul li a.nav-jobs:hover { background-position: 0 -220px; }
.navMain ul li a.nav-newsletter:hover { background-position: 0 -242px; }
.navMain ul li a.nav-forum:hover { background-position: 0 -264px; }
.navMain ul li a.nav-contact:hover { background-position: 0 -286px; }

.navMain ul li a:focus
{
	outline: none;
}


/* 3.2 INTERIOR NAVIGATOR ------------------------*/

.dirInterior
{
	background: #eae7dc url(../../general/peregrinul/bgDirListTop.gif) no-repeat top;	
	margin: 0 -10px 0 -8px;
}

.dirInterior ul
{
	margin: 0 -10px 0 -8px;
	padding: 0;
	list-style: none;
}


.interiorNavigator
{
	width:530px;
	font-size:12px;
}


.interiorNavigator ul
{
	margin: 0 auto;
	width:530px;
	text-align:justify;	
}


.interiorNavigator ul li
{
	padding:5px 2px;
	display:inline-table;
	float:left;
	line-height:1.6em;
	text-align:center;

}

.interiorNavigator ul li a
{

	background:url(../../general/peregrinul/arrow.gif) no-repeat left ;color:#5b5b5b;
	text-decoration:underline;
	padding-left:13px;
	padding-bottom:5px;
	line-height:2.4em;
}

.interiorNavigator ul li a:hover
{
	color:#9e100e;
	text-decoration:underline;
}

.contentNavigator { margin: 0 -10px 0 -8px; background: #eae7dc url(../../general/peregrinul/bgDirListTop.gif) no-repeat top; }
.contentNavigator ul { margin: 0; padding: 10px; list-style: none; background: url(../../general/peregrinul/bgDirListBottom.gif) no-repeat bottom; text-align: center; }
.contentNavigator ul li { display: inline; padding: 0 5px; }
.contentNavigator ul li a { background: url(../../general/peregrinul/arrow.gif) no-repeat left ; color: #5b5b5b; text-decoration: underline; padding-left: 13px; padding-bottom: 5px; line-height: 2.4em; }




/* 3.3 BOTTOM NAVIGATOR ---------------------*/

#footer ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul li
{
	display: inline;
	padding: 0 7px 0 10px;
	background: url(../../general/peregrinul/navBottomSeparator.gif) no-repeat left center;
}

#footer ul li.first { background: none; }




/* 4. CONTENT ELEMENTS ----------------------------------------------------------*/

/* 4.2 FORMS ------------------------*/

form
{
	margin: 0;
	padding: 0;
}

form br
{
	clear: left;
}

form label
{
	float: left;
	width: 120px;
	line-height: 28px;
}

.loginField
{
	float: left;
	margin: 3px;
	width: 100px;
	padding: 2px 5px;
	background-color:#f5f4ed;
	border:1px solid #b2aa9d;
	font-size:0.9em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#87100e;
}

.formField
{
	float: left;
	margin: 3px;
	width: 140px;
	padding: 2px 5px;
	background-color:#f2f1eb;
	border:1px solid #b2aa9d;
	font-size:0.9em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#87100e;
}

.textareaField
{
	float: left;
	margin: 3px;
	width: 250px;
	height:100px;
	padding: 2px 5px;
	background-color:#f2f1eb;
	border:1px solid #b2aa9d;
	font-size:0.9em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#87100e;
}

.loginButton
{
	float: left;
}

.loginLabel
{
	width: 90px;
}

.loginLinks
{
	float: left;
	padding: 0 5px;
	font-size: 10px;
	line-height: 26px;
}

.searchField
{
	float: left;
	width: 136px;
	padding: 0 5px;
	background-color:#eeede7;
	border:1px solid #b2aa9d;
	margin-top:3px;	
}

.searchButton
{
	float: left;
}



/* 4.3 DIRECTORY --------------------*/

.dirList ul
{
	margin: 0 -10px 0 -8px;
	padding: 0;
	list-style: none;
}

.dirList ul li
{
	background: #eae7dc url(../../general/peregrinul/bgDirListTop.gif) no-repeat;
	padding-top:3px;
}


.topContent
{
	background: #eae7dc url(../../general/peregrinul/bgDirListTop.gif) no-repeat top;
	height:5px;	
	margin: 0 -10px 0 -8px;	
	font-size:1px;
	line-height:1px;
}

.bottomContent
{
	background: url(../../general/peregrinul/bgDirListBottom.gif) no-repeat bottom;
	height:5px;
	margin: 0 -10px 0 -8px;
	font-size:1px;
	line-height:1px;	
}

.infoContent
{
	font-size:0.9em;	
	padding:0px;
	width:510px;
}

.infoContent ul
{
	margin: 0;	
	text-align: left; 		
	list-style-type: none;
	padding: 10px 0px;
}

.infoContent ul li
{

	line-height: 1.6em;
	margin: 0;
	color: #7b2121;
	padding-left: 15px;
	background: url(../../general/peregrinul/arrowContent.gif) left top no-repeat;
}


.dirProductContainer
{
	width:220px;
	float:left; 
	margin-right:15px;

}

.dirProductContainer h2 { margin-top: 0; }

.dirItem
{
	background: url(../../general/peregrinul/bgDirListBottom.gif) no-repeat bottom;
	padding: 10px;
}


.dirItemPhotoContainer
{
	float: left;
	width:140px;
	height:200px;
	background:url(../../general/peregrinul/bgrProduct.gif) no-repeat;

}
.dirItemPhoto
{
	padding-top:10px;
	padding-left:8px;
}

.dirItemDetails
{
	float: left;
	width: 350px;
	font-size:12px;
	padding-left:10px;
	padding-top:6px;
}

.dirItem h2
{
	margin: 0;
	padding: 0;
	text-transform: none;
	font-size: 1.3em;
}

.dirItem h3
{
	margin: 6px 0 12px 0;
	padding: 0;
}

.dirItem p
{
	font: normal 0.9em/1.5em Georgia;
}

.dirItemPrice { height: 90px; background: url(../../general/peregrinul/bgDirItemPrice.gif) no-repeat; font: bold 14px/18px Georgia; color: #9f6a00; position: relative; }
.dirItemPrice ul { width: 200px; margin: 0; padding: 10px 0 0 0; list-style: none; }
.dirItemPrice ul li { display: block; background: none; text-align: right; }
.dirItemPrice ul li span { float: left; width: 85px; color: #48453e; text-align: left; font-size: 12px; font-weight: normal; }
.dirItemPrice ul li em { font-weight: normal; font-size: 12px; }
.dirItemPrice a { position: absolute; right: 8px; bottom: 20px; font-weight: normal; text-decoration: underline; }
.btAddCart { float: right; margin-top: 10px; }
.dirItemPrice span { color: #a06900; }




/* Checkout */


#contentCheckout
{
	background: url(../../general/peregrinul/bgCheckoutContentMiddle.jpg) repeat-y;
}

#contentCheckoutTop
{
	min-height: 200px;
	height: auto !important;
	height: 200px;
	background: url(../../general/peregrinul/bgCheckoutContentTop.jpg) no-repeat;
}

#contentCheckoutBottom
{
	clear: both;
	height: 10px;
	overflow: hidden;
	background: url(../../general/peregrinul/bgCheckoutContentBottom.jpg) no-repeat;
}

.topContentCheckout
{
	background: #eae7dc url(../../general/peregrinul/bgCheckoutDirListTop.gif) no-repeat top;
	height:5px;	
	margin: 0 -10px 0 -8px;	
	font-size:1px;
	line-height:1px;
}

.topBottomCheckout
{
	background: #eae7dc url(../../general/peregrinul/bgCheckoutDirListBottom.gif) no-repeat top;
	height:5px;	
	margin: 0 -10px 0 -8px;	
	font-size:1px;
	line-height:1px;
}

.contentCheckoutMain
{
	float: left;
	width: 710px;
	padding: 10px;
}

.checkoutSteps
{
	text-align:left; 	
	font-weight:normal; 
	background: url(../../general/peregrinul/bgCheckoutSteps.gif) repeat-x; 
	line-height:50px;
	font-size:11px;
	color:#333333;
}

.checkoutSteps th { font-weight:normal; padding-left:5px;}

.checkoutTitle
{
	background: url(../../general/peregrinul/bgCheckoutMain.gif) repeat-x; 	
	color:#7e7e7e;
	font-size:16px;
	padding:14px 5px 10px;
	margin:5px 0px;
}



.clearFloat:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility: hidden; }
.clearFloat { display: inline-block; } /* Hides from IE Mac \*/ * html .clearFloat { zoom: 1;} .clearFloat { display: block; } /* End Hack */
.recommendedProduct { float: left; width: 220px; border: 1px solid #cfcaa9; background-color: #dfdbc5; padding: 5px; margin-right: 5px; color: #333333; }
.recommendedProduct img { float: left; width: 60px; height: 85px; margin-right: 10px; }
.recommendedProduct a { font-weight: bold; }
.recommendedProduct br { clear: none; }



.edituraPeregrinul {color: #8E2B5A; font-weight:bold}
.edituraDiscipolul {color: #000080; font-weight:bold}
.edituraLogos {color: #DB0000; font-weight:bold}