/* 940 px */


/* Columns
----------------------------------------------------------------------------- */

.column1of2							{ float:left; width:49%; margin-right:2%; }
.column2of2							{ float:left; width:49%; }

.column1of3							{ float:left; width:32%; margin-right:2%; }
.columnfirst2of3					{ float:left; width:66%; margin-right:2%; }
.columnlast2of3						{ float:left; width:66%; }
.column3of3							{ float:left; width:32%; }

.column1of4							{ float:left; width:23.5%; margin-right:2%; }
.columnfirst3of4					{ float:left; width:74.5%; margin-right:2%; }
.columnlast3of4						{ float:left; width:74.5%; }
.column4of4							{ float:left; width:23.5%; }

.floatleft							{ float:left; }
.floatright							{ float:right; }


/* Tables
----------------------------------------------------------------------------- */
.fancy								{ border-collapse:collapse; margin:0; padding:0; border-top:#e0e0e0 1px solid; }
.fancy th,
.fancy th,
.fancy td							{ padding:4px 12px; border-bottom:#e0e0e0 1px solid; }
.fancy tr:first-child				{ background-color:transparent !important; }
.fancy tr:nth-child(even)			{ background-color:#f7f7f7; }
.fancy tr:nth-child(odd)			{ background-color:#f0f0f0; }
.fancy tr:hover						{ background-color:#e7e7e7; }
.emptytable							{ text-align:center; height:50px; }	

.nopadding							{ border-collapse:collapse; padding:0; margin:0; }
.nopadding th, .nopadding td		{ padding:0; margin:0; }

.thinborder							{ border-collapse:collapse; border-top:#e1e1e1 1px solid; border-left:#e1e1e1 1px solid; }
.thinborder th, .thinborder td		{ border-bottom:#e1e1e1 1px solid; border-right:#e1e1e1 1px solid; padding:4px; }
.thinborder th						{ background-color:#e1e1e1; }


/* Layout
----------------------------------------------------------------------------- */
#background							{  }

.page-width							{ width:940px; margin:auto; position:relative; }

#pre-header-row						{ background-color:#f8f8f8; border-bottom:#e0e0e0 1px solid; }
#pre-header							{ height:40px; color:#808080; font-size:0.8em; }
#pre-header a						{ color:#808080; }
#pre-header a:hover					{ color:#f5bd49; text-decoration:none; }
#pre-header--contact				{ position:absolute; left:0; top:0; }
#pre-header--contact ul				{ margin:0; padding:0; list-style:none; overflow:hidden; }
#pre-header--contact ul li			{ margin:0; padding:0; float:left; display:block; height:40px; line-height:40px; padding:0 10px; }
#pre-header--contact ul li i		{ color:#f5bd49; }
#pre-header--menu					{ position:absolute; right:260px; top:0; }
#pre-header--menu ul				{ display:table; margin:0; padding:0; }
#pre-header--menu ul li				{ display:table-cell; margin:0; padding:0; list-style:none; }
#pre-header--menu ul li a			{ display:block; padding:0 8px; height:40px; line-height:40px; text-transform:uppercase; }
#pre-header--menu ul li a:hover		{ background-color:#f0f0f0; color:#666666; }
#pre-header--menu ul li a.active	{  }
#pre-header--search					{ position:absolute; right:0; top:0; }
#pre-header--search-box				{ width:238px; height:40px; background-color:#f0f0f0; border-left:#e0e0e0 1px solid; border-right:#e0e0e0 1px solid; border-top:none; border-bottom:none; }

#header-row							{ height:120px; border-bottom:#f5bd49 10px solid; }
#header								{  }

#header--logo						{ position:absolute; left:0; top:20px; width:250px; height:80px; }
#header--logo h1					{ margin:0; padding:0; }
#header--logo h1 a					{ display:block; width:250px; height:80px; background:url(../Images/Layout/OptitechPro-250x80.png); }
#header--logo h1 a span				{ display:none; }

#header--trolley					{ position:absolute; right:0; top:20px; box-sizing:border-box; background-color:#f7f7f7; padding:19px; border:#e0e0e0 1px solid; border-radius:3px; padding-right:90px; }
#header--trolley a					{ color:#333333; }
#header--trolley a:hover			{ text-decoration:none; }
#header--trolley h3					{ margin:0; font-size:1.25em; }
#header--trolley p					{ margin:0; }
#header--trolley i					{ position:absolute; right:20px; top:18px; font-size:2.5em; }

#header--hamburger-menu				{ display:none; }

/* Header navigation */
#header--navigation					{ position:absolute; right:260px; top:20px; height:40px; max-width:400px; }
#header--navigation ul				{ margin:0; padding:0; overflow:hidden; }
#header--navigation ul li			{ margin:0; padding:0; list-style:none; float:left; }
#header--navigation ul li a			{ display:block; font-family:"hurmegeometric", "Century Gothic", sans-serif; height:40px; line-height:40px; padding:0 10px; color:#333333; text-transform:uppercase; }
#header--navigation ul li a:hover	{ text-decoration:none; background-color:#f0f0f0; border-radius:3px; }

#content-row						{  }
#content							{ padding:20px 0 60px 0; }
#content--breadcrumb-trail			{ color:#f5bd49; }

#footer-row							{ position:absolute; bottom:0; left:0; height:40px; width:100%; }
#footer								{ height:40px; line-height:40px; background-color:#101115; border-top:#202020 1px solid; margin:auto; position:relative; font-size:0.85em; }
#footer--copyright					{ position:absolute; left:24px; top:0; }
#footer--wyattsoftware				{ position:absolute; right:24px; top:0; }
#footer--wyattsoftware a			{ display:block; width:18px; height:12px; margin-top:14px; background:url(../Images/Layout/WyattSoftware.png); }
#footer--wyattsoftware a:hover		{ background-position:0 -12px; }
#footer--wyattsoftware a span		{ display:none; }