/* DEFAULTS
----------------------------------------------------------*/

html, body   
{
	background: #000 url('/images/body_background.png') no-repeat left -150px;
	font-size: 13px;
	font-family: "Georgia", "Times", "Times New Roman", "Garamond", "Palatino", Serif;
	margin: 0px;
	padding: 0px;
	color: #000;
}

a:link, a:visited
{
	color: #cc9900;
	text-decoration: none;
}

a:hover
{
	color: #cc9900;
	text-decoration: underline;
}

a:active
{
	color: #cc9900; /* Mustard: cc9900 / Old: 034af3*/
}

p
{
	margin-bottom: 10px;
	line-height: 130%;
}

td 
{
	vertical-align: top; 
}

strong { font-weight: bold; }

.but 
{
	display: inline-block;
	width: 100%;
	outline: none;
	border: 0;
	color: White;
	text-transform: uppercase;
	cursor: pointer;
	text-align: left;
	text-decoration: none;
	font: 12px/100% Georgia, Times, Serif;
	padding: .54em 2em .54em 1em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	background: url('/images/button-background.png') repeat-x top;
}
.but:hover
{
	/** #EDD47F **/
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#D09F15), to(#EDD47F));
	background: -moz-linear-gradient(top,  #D09F15,  #EDD47F);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#D09F15', endColorstr='#EDD47F');
}
.but:active {
	position: relative;
	top: 1px;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, .h1
{
	display: block;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 200;
	margin-bottom: 0px;
}

h1, .h1
{
	text-transform: uppercase;
	font-size: 22px;
	line-height: 26px;
	padding-bottom: 0px;
	margin-bottom: 15px;
}

h1.special 
{
	font-size: 15px;
	margin: 0;
	line-height: 20px;
}

h2
{
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 5px;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

#page {
	width: 994px;
	min-height: 400px;
	margin: 0 auto;
	text-align: left;
}
#page.simple {
	width: 600px;
	margin-top: 50px;
}

#header {
	background: url('/images/header_bkgrnd.gif') no-repeat left top;
	height: 106px;
}
#header a.frontpage-link 
{
	position: absolute;
	width: 110px;
	height: 50px;
	margin-top: 52px;
	margin-left: 852px;
}

/*
#header h1 {
	text-indent: -90000px;
}
*/

#footer {
	background: url('/images/footer_bkgrnd.gif') no-repeat left top;
	height: 110px;
}
#footer a:hover { text-decoration: underline; }
#footer a.frontpage-link 
{
	position: absolute;
	width: 125px;
	height: 70px;
	margin-top: 10px;
	margin-left: 25px;
}

#TopNavigation {
	position: absolute;
	margin-top: 79px;
	margin-left: 10px;
	width: 810px;
}

#content {
	background: white url('/images/content_side_borders.png') repeat-y left;
	padding: 10px;
}

#background-image 
{
	margin-left: 6px;
	margin-right: 6px;
	width: 960px;
	min-height: 500px;
	background: white url('/images/fiilis.jpg') no-repeat left top;
}

/* TOP NAVIGATION
----------------------------------------------------------*/
#TopNavigation li { 
	font-family: Georgia, Times New Roman, Garamond, Times, Palatino, Serif ;
	font-size: 14px;
	float: left;
	padding: 0 14px;
}

#TopNavigation li a { 
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
}

#TopNavigation li a:hover 
{
	text-decoration: underline;
}
#TopNavigation li a.active { 
	font-weight: bold;
}

/* BOTTOM NAVIGATION
----------------------------------------------------------*/
#BottomNavigation 
{
	position: absolute;
	margin-left: 200px;
	margin-top: 27px;
	width: 760px;
}

#BottomNavigation,
#BottomNavigation a 
{
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	font-size: 12px;
}

#languages 
{
	float: right;
}


/* LEFT NAVIGATION
----------------------------------------------------------*/
#LeftNavigation li 
{
	font-size: 14px;
	margin-bottom: 14px;
	text-transform: uppercase;
}

#LeftNavigation li a { 
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
}

#LeftNavigation li a:hover,
#LeftNavigation li a.active
{
	text-decoration: underline;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
	margin: 1em 0px;
	padding: 1em;
	border: 1px solid #ccc;
}

fieldset p 
{
	margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
	display: block;
}

fieldset label.inline 
{
	display: inline;
}

legend 
{
	font-size: 1.1em;
	font-weight: 600;
	padding: 2px 4px 8px 4px;
}

input.textEntry 
{
	width: 320px;
	border: 1px solid #ccc;
}

input.passwordEntry 
{
	width: 320px;
	border: 1px solid #ccc;
}

div.accountInfo
{
	width: 42%;
}


.failureNotification
{
	font-size: 1.2em;
	color: Red;
}

.submitButton
{
	text-align: right;
	padding-right: 10px;
}

/* Content
----------------------------------------------------------*/
#full-page 
{
	width: 906px; /*906*/
	position: relative;
	top: 20px;
	margin-left: 26px;
}

table.content-table 
{
	width: 915px; /*906*/
	position: relative;
	top: 20px;
	margin-right: 27px;
	margin-left: 27px;
}
table.content-table td { vertical-align: top; }
table.content-table td#right { padding-left: 24px; }

#frontpage #left { width: 370px; }
#frontpage #right { width: 521px; }
#maincategory #left { width: 255px; }
#maincategory #right { width: 636px; }
#subcategory #left { width: 255px; }
#subcategory #right { width: 636px; }
#product #left { width: 255px; }
#product #right { width: 636px; }

.white-box 
{
	background: white;
	padding: 20px;
	margin: 0 0 14px 0;
}

.white-box.bottom
{
	margin: 0 0 36px 0;
}

#right .white-box 
{
	padding: 10px 20px;
	
}

/** Pictures **/

.picture 
{
	display: inline-block;
	vertical-align: top;
}
.picture a.title
{
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
}

div.products .picture
{
	width: 124px;
	background: black;
	padding: 12px 10px 8px 10px;
	margin: 0 12px 18px 0;
}
div.products .picture a.title  
{
	color: #fff;
	margin-top: 6px; 
}

div#subcategories .picture 
{
	width: 180px;
	background: #fff;
	padding: 0;
	margin: 0 14px 18px 0;
}
div#subcategories .picture a.title
{
	color: #000;
	text-align: center;
	padding: 10px 0;
}

div#product-info .picture 
{
	margin-bottom: 3px;
}
div#product-info .odd.picture 
{
	margin-right: 13px;
}

/** /Pictures **/

div.pager, div.back-link
{
	float: right; 
	text-transform: uppercase;
}
div.pager a, div.back-link a
{
	color: Black;
	text-decoration: none;
}
div.pager a:hover
{
	text-decoration: underline;
}
div.pager a.aspNetDisabled { display: none; }

/** Product **/
table#product-data { }
table#product-data td.first { width: 370px; padding-bottom: 14px; }
table#product-data td.second { width: 266px; padding-left: 11px; }

#main-picture { width: 370px; height: 370px; background: white; }
#variation-select { margin: 10px 0; }
#variation-select select { width: 100%; }

.error { color: Red; }
a.mini-pic:hover { cursor: pointer; }
a.mini-pic:hover img { outline: 1px solid #666; }

/** Shopping carts **/
#shopping-cart 
{
	padding-top: 11px;
	padding-bottom: 11px;
}
#shopping-cart .but { margin-top: 10px; }

#shopping-cart td { border-top: 1px solid #ccc; padding: 10px 5px 5px 0; vertical-align: top; }
#shopping-cart th { padding: 5px 5px 5px 0; font-weight: bold; }

#shopping-cart .amount { width: 62px; text-align: center; }
#shopping-cart .amount a { font-size: 18px; line-height: 15px; }
#shopping-cart .amount a:hover { font-weight: bold; }
#shopping-cart .amount a.reduce { color: Red; }
#shopping-cart .amount a.add { color: Green; }

#shopping-cart .price { width: 100px; text-align: right; }
#shopping-cart .name { width: 500px; }
#shopping-cart .remove { width: 70px; text-align: right; }
#shopping-cart .remove a { color: Red; font-size: 11px; }
#shopping-cart .remove a:hover { font-weight: bold; }
#shopping-cart a { text-decoration: none; }

/** Ordering **/

table#order-info { }
table#order-info td.left { width: 441px; padding-bottom: 14px; }
table#order-info td.right { width: 441px; padding-left: 24px; }

#order-form .input-block { padding-bottom: 5px; }
#order-form .input-block input.text { width: 200px !important; }
#order-form .input-block .button-block { width: 200px; padding-top: 10px; }

/** News **/

#frontpage-news h2 
{
	font-size: 18px;
	color: #d2a119;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#frontpage-news .news-post p { }

.news-post div.title,
.news-post div.title a { color: inherit; text-decoration: none; font-size: 14px; text-transform: uppercase; }
.news-post div.title a:hover { text-decoration: underline; } 
.news-post div.date { float: right; }

.external-link				{ margin-bottom: 0.5em; }
.external-link ins			{ background-image: url("/images/icons-16x14.png"); background-repeat: no-repeat; background-position: -16px -16px; }
.external-link ins			{ float: left; width: 14px; height: 14px; margin-right: 4px; margin-top: 3px; }


/** Static pages **/

table#static {}
table#static td#left { width: 255px; }
table#static td#left h1 { margin-bottom: 0; }
table#static td#left .white-box { padding-bottom: 13px; padding-top: 13px;  }
table#static td#right { padding-top: 56px; }
table#static td#right .white-box { width: 470px; }

#back-block .white-box { float: right; margin-top: 15px; padding-left: 40px; }
#back-block .white-box a { color: #000; text-decoration: none; text-transform: uppercase; }
#back-block .white-box a:hover { text-decoration: underline; }