/***************************************************
    MASTER CSS file for Aristos
    Author: WEB Marketing (www.wem.hr)
    Media: Screen
    
    STRUCTURE:
    01/ BASIC SETTINGS 
    02/ LAYOUT & GRID
    03/ NAVIGATION
    04/ CONTENT
    05/ MISC
	
***************************************************/

/*
01/ BASIC SETTINGS
==================================================*/
*    { margin: 0; padding: 0; list-style: none; outline: none; }
body { font: normal .75em/1em Arial, Helvetica, sans-serif; color: #000; background: #333; padding-bottom: 80px; }

/**** RESET ***/
a img                                      { border: none; }
a,a img,a:link,a:visited, a:hover,a:active { outline: none; }
input:focus,textarea:focus,select:focus    { outline: none; } /* Safari Fix. */
#printlogo, #printContacts                 { display: none; }

/*** headings ***/
h1, h2, h3, h4, h5, h6                     { clear: both; line-height: 1.5em; }

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

/*
02/ LAYOUT & GRID
==================================================*/
#wrapper              { width: 960px; height: 100%; overflow: hidden; margin: 20px auto; background: transparent url(../images/layout/wrapper-top.gif) no-repeat 0 0; padding-top: 28px; }
#wrapperInner         { width: 960px; height: 100%; overflow: hidden; background: #efefef url(../images/layout/wrapper-bottom.gif) no-repeat left bottom; padding-bottom: 30px; }
#mainWrapper          { width: 900px; height: 100%; overflow: hidden; margin: 0 30px; }

#mainNavWrapper       { height: 100%; overflow: hidden; margin-bottom: 25px; }
	#logo         { display: inline; float: left; clear: none; width: 151px; height: 59px; overflow: hidden; margin: 2px 0 0 0; }
	#mainNav      { display: inline; float: right; width: 700px; padding-top: 28px; }
	
	#header       { width: 900px; height: 340px; overflow: hidden; margin-bottom: 20px; line-height: 1.5em; }

#nav                  { height: 100%; overflow: hidden; margin-bottom: 20px; }

#container            { width: 900px; height: 100%; overflow: hidden; }
#mainContainer        { display: inline; float: right; width: 675px; height: 100%; overflow: hidden; }
#mainContent          { width: 675px; height: 100%; overflow: hidden; }

#mainContentWrapper   { width: 675px; height: 100%; overflow: hidden; background: transparent url(../images/layout/maincontent-bg.gif) repeat-y 0 0; margin-bottom: 20px; }
#mainContentHolder    { width: 675px; height: 100%; overflow: hidden; background: transparent url(../images/layout/maincontent-top.gif) no-repeat 0 0; padding-top: 45px; }
#mainContentHolder #mainContent { background: transparent url(../images/layout/maincontent-bottom.gif) no-repeat left bottom; width: 595px; padding: 0 40px 35px 40px; }

#catalogMenuHolder    { display: inline; float: left; width: 200px; height: 100%; overflow: hidden; }

/*
03/ NAVIGATION
==================================================*/

/*** MAIN MENU ***/
#mainMenu             { float: right; font-size: 14px; line-height: normal; z-index: 1000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#mainMenu li          { float: left; height: 40px; overflow: hidden; background: transparent url(../images/layout/mainmenu-right.gif) no-repeat right top; margin-left: 12px;  }
#mainMenu #firstItem  { background: transparent url(../images/layout/mainmenu-first-right.gif) no-repeat right top; }
#mainMenu a           { display: block; color: #fff; text-decoration: none; padding: 8px 15px; background: transparent url(../images/layout/mainmenu-left.gif) no-repeat left top; letter-spacing: 0; }
#mainMenu a:hover     { text-decoration: underline; }
#mainMenu .on a       { text-decoration: underline; }

/*** CATALOG MENU ***/
#catalogMenuHolder    { background: transparent url(../images/layout/catalog-menu-top.gif) no-repeat 0 0; padding-top: 10px; }
#catalogMenu          { height: 100%; overflow: hidden; background: #666 url(../images/layout/catalog-menu-bottom.gif) no-repeat left bottom; padding: 0 13px 10px 13px; line-height: 1.5em; }
#catalogMenu li       { margin: 4px 0; background: transparent url(../images/layout/catalog-menu-arrow.gif) no-repeat 0 6px; padding-left: 13px; }
#catalogMenu ul li    { background: transparent url(../images/layout/catalog-menu-sub-arrow.gif) no-repeat 0 6px; }

#catalogMenu a        { color: #fff; text-decoration: none; font-weight: bold; }
#catalogMenu a:hover  { color: #fff; text-decoration: underline; }
#catalogMenu .on a,
#catalogMenu .on a:hover { color: #fff; text-decoration: underline; }
#catalogMenu .on ul a,
#catalogMenu ul a        { color: #fff; text-decoration: none; font-weight: normal; }
#catalogMenu .on ul a.on,
#catalogMenu ul a.on     { color: #fff; text-decoration: underline; }

/*
04/ CONTENT
==================================================*/

/*** LOGO ***/
#logo a       { display: block; width: 151px; height: 59px; overflow: hidden; text-indent: -9999px; background: transparent url(../images/layout/logo.gif) no-repeat 0 0; }

/*** PATH ***/
#path         { display: inline; float: left; width: 700px; font-size: .9em; }
#path li      { float: left; margin-right: 5px; padding-right: 10px; background: transparent url(../images/layout/path-arrow.gif) no-repeat right center; }
#path .on     { padding: 0; margin: 0; background: none; }
#path a       { color: #444545; text-decoration: underline; }
#path .on a   { text-decoration: none; }

/*** OPTIONS ***/
#options     { display: inline; float: right; height: 100%; overflow: hidden; }
#printIcon   { display: inline; float: left; width: 11px; height: 10px; overflow: hidden; background: transparent url(../images/layout/print.gif) no-repeat 0 0; text-indent: -9999px; margin: 3px 15px 0 0; }
#fontSize    { display: inline; float: left; height: 100%; overflow: hidden; letter-spacing: 2px; padding-bottom: 2px; }
#fontSize a  { color: #444545; text-decoration: none; }
#fontSize a:hover { color: #444545; text-decoration: underline; }

#small  { font-size: 10px; }
#normal { font-size: 12px; }
#large  { font-size: 15px; }

/*
05/ MISC
==================================================*/
#topLink   { width: 665px; height: 13px; padding-right: 7px; overflow: hidden; }
#topLink a { display: block; float: right; width: 18px; height: 13px; text-indent: -9999px; background: transparent url(../images/layout/toplink.gif) no-repeat 0 0; cursor: pointer;}

#featuredContentHolder { width: 675px; height: 100%; overflow: hidden; background: transparent url(../images/layout/featured-bottom.gif) no-repeat left bottom; margin-bottom: 17px; }
#featuredContent       { width: 750px; height: 100%; overflow: hidden; background: transparent url(../images/layout/featured-top.gif) no-repeat 0 0; padding: 8px 10px; }
#featuredContent li    { display: inline; float: left; width: 180px; height: 100%; overflow: hidden;  padding: 0 20px 0 0; margin-right: 20px; border-right: 1px solid #dedddd; line-height: 1.5em; }

#featuredContent a       { display: block; color: #000; text-decoration: none; }
#featuredContent a:hover { color: #000; text-decoration: underline; }

#featuredContent #coffee2go a { background: transparent url(../images/layout/coffee2go.gif) no-repeat 0 10px; height: 60px; padding: 15px 0 0 77px; }
#featuredContent #mykey       { width: 200px; }
#featuredContent #mykey a     { background: transparent url(../images/layout/mykey.gif) no-repeat 0 12px; height: 60px; padding: 15px 0 0 79px; }
#featuredContent #support     { border: none; }
#featuredContent #support a   { background: transparent url(../images/layout/support.gif) no-repeat 0 9px; height: 60px; padding: 15px 0 0 80px; }

#basicContacts                { color: #666766; font-size: 11px; line-height: 13px; width: 675px; margin-bottom: 17px; }
#basicContacts a              { color: #666766; text-decoration: underline; }
#basicContacts a:hover        { color: #000; text-decoration: none; }

#development                  { font-size: 11px; color: #666766; text-align: right; }
#development a                { color: #666766; text-decoration: underline; }
#development a:hover          { color: #000; text-decoration: none; }