.principal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	text-decoration: none;
	border: none;
	font-weight: normal;
}
}
a.whiteLink:link, a.orangeLink:visited {
	font-weight: normal;
	color: #ffffff;
	text-decoration: none; 
}
	
a.orangeLink:hover {
	font-weight: normal;
	color: #660000;
	text-decoration: underline;
}

a.greenLink:link, a.greenLink:visited {
	font-weight: normal;
	color: #8C3227;
	text-decoration: none; 
}

a.blackLink:link, a.grisLink:visited {
	font-weight: normal;
	color: #8C3227;
	text-decoration: none; 
}
	
a.greenLink:hover {
	font-weight: normal;
	color: #83C227;
	text-decoration: underline;
}

a.goldLink:link, a.goldLink:visited {
	font-weight: normal;
	color: #CD9600;
	text-decoration: none; 
}
	
a.goldLink:hover {
	font-weight: normal;
	color: #CD9600;
	text-decoration: underline;
}


/* put all client specific styles below here */

.whiteText {
	font-size: 13px;
	color: #FFFFFF;
}

.lightGreyText {
	color: CCCCCC;
}


.blueText {
	color: #004D99;
}
.border
{
border-color: #ffffff;
border-style: solid;
border-width: 1px;
}

.borderContent
{
border-color: #ffffff;
border-style: solid;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
}

.summit
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #993300;
}
.darkred
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #993300;
}

.background
{
	background-repeat: repeat;
	background-color: #f7c003;
}

@media print {
    div.to_screen { display:none; }
    div.to_print { display:block; }
  }
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/* ---------- ( E.B. 2010-05-20 ) ---------------------------- */

/* ---------- ( NEW GLOBALS ) ---------------------------- */

.hidden {
	display: none;
}

ul#nav {
	height: 24px;
	margin: 0;
	padding: 0 0 0 44px;
	list-style-type: none;
	font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-size: 11px;
}

ul#nav li {
	margin: 0;
	padding: 0;
	height: 20px;
	width: 100px;
	margin: 2px 5px 0 5px;
	float: left;
	
}

ul#nav li a {
	display: block;
	height: 17px;
	padding-top: 3px;
	background: url(images/bg-nav.png) no-repeat top left;
	text-align: center;
	text-decoration: none;
	color: #222;
}

ul#nav li a:hover {background-position: bottom left;}

a.sell-burek {
	display: block;
	height: 91px;
	width: 186px;
	margin: 0 0 7px 6px;
	background: url(images/btn-sell-burek-at-your-store.png) no-repeat top left;
}

a.sell-burek:hover {background-position: bottom left;}

a.sell-burek span {display: none; }


/*retail outlets page*/

body {
	background-color: #f7c003;
}


#container {
	width: 755px;
	margin: 0px auto;
}

#header {
	height: 129px;
	background: url(images/banner_up.jpg) no-repeat top center;
}

#header h1 {
	margin: 0;
	padding: 0;
}


#header h1 span {display: none;}

#retail-outlets #nav,
#sell-burek #nav {
	background-color: #8c3227;
}

h2#subheader {
	margin: 0 0 9px 0;
	padding: 2px;
	height: 22px;
	text-align: center;
	text-transform: uppercase;
	color: #8c3227;
	background-color: #d4bf94;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}

#content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #8c3227;
	line-height: 1.6em;
}

#content a {color: #270007;}
#content a:hover {color: white; text-decoration: none;}


	#retail-outlets #content {
		padding-left: 285px;
		padding: 30px 180px 190px 285px;
	}
	
	#retail-outlets #content ul {
		margin: 0 0 42px 15px;
		padding: 0;
	}
	
	#retail-outlets #content p {
		color: #8e635c;
	}

#footer {
	height: 64px;
	background-color: #8c3227;
	border-top: 18px solid white;
	font-family: Verdana, sans-serif;
	font-size: 13px;
}

#footer p {margin: 20px 12px;}


/* ---------- ( RETAIL OUTLETS PAGE ) ---------------------------- */

/*selectors need to be refactored from the template above*/


/* ---------- ( SELL BUREK AT YOUR STORE PAGE ) ---------------------------- */

#sell-burek #content form {
	margin: 40px 0;
}

#sell-burek #content form p.intro {
	color: #8e635c;
	margin-left: 250px;
	width: 400px;
}

#sell-burek #content form p.error-explanation {
	color: red;
	margin-left: 250px;
	width: 400px;
} 

#sell-burek #content form p input,
#sell-burek #content form p textarea,
#sell-burek #content form p select {
	display: block;
	margin-left: 250px;
	font-family: 'Lucida Grande', 'Segoe UI', sans-serif;
}

#sell-burek #content form p textarea {
	padding: 4px;
	height: 120px;
	width: 300px;
	}

#sell-burek #content form p label {
	display: block;
	padding-left: 85px;
	width: 155px;
	float: left;
	text-align: right;
}

#sell-burek #content form p input[type=submit] {
	margin-left: 510px;
}

#sell-burek #content form p.error label {
	color: red;
}


#sell-burek #content form p.error input,
#sell-burek #content form p.error textarea {
	border: 2px solid red;
	padding: 2px;
}

#sell-burek div.confirm {
	padding: 40px 0;
}

#sell-burek div.confirm p {
	color: #8e635c;
	margin-left: 250px;
	width: 400px;
}


/* ---------- ( News section ) ---------------------------- */

#news-section {}

#news-section div.post blockquote {
	margin: 7px 0 7px 0;
	font-style: italic;
	font-family: Georgia, serif;
	font-size: 13px;
}

#news-section div.post blockquote strong {
	font-style: normal;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

#news-section div.post blockquote a {
	text-decoration: none;
	color: #222;
}

#news-section div.post blockquote a:hover {
/*	text-decoration: underline;*/
	color: blue;
}

#news-section div.post p {
	font-family: Arial, sans-serif; font-size: 12px; color: #333;
}

#news-section div.post p.date {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: white;
	margin-top: 20px;
	text-transform: uppercase;
	border-bottom: 1px dotted #f5d37e;
}