/*------------------------------------------------------------------
[Generic Stylesheet]
-------------------------------------------------------------------*/

@import "reset.css";

/*--------------------------------------------------------------------------------------------------
Body and text
--------------------------------------------------------------------------------------------------*/
body									{font: normal 11px/16px sans-serif; color: #000; background: #7F1E27;}

h1										{font: bold 27px/1.2em Arial, Tahoma, Sans-Serif; color: #7f1e27; margin: 0 0 8px}
h2										{font: bold 15px/1.3em Arial, Tahoma, Sans-Serif; color: #6b1921; margin: 0 0 6px;}
h3										{font: bold 13px/1.3em Arial, Tahoma, Sans-Serif; color: #585858; margin: 0 0 6px;}
h3.order-spec							{font: bold 13px/1.3em Arial, Tahoma, Sans-Serif; color: #585858; margin: 0 0 6px; padding-bottom: 4px; border-bottom: solid 1px #585858;}
h3.group								{padding-top: 15px; font: bold 14px/18px sans-serif; border-top: solid 0px #ccc; clear: both;}

a										{}

.clearer								{height: 0; font-size: 0; line-height: 0; clear: both;}

/*--------------------------------------------------------------------------------------------------
Layout
--------------------------------------------------------------------------------------------------*/

div#masthead							{background: #fff url(../gfx/masthead-bg.png) repeat-x top;}
div#header								{background-color: #7f1e27; padding: 11px 0;}
div#container							{background-color: #dfdfdd; border-top: solid 10px #b9b9b8; padding: 0 0 25px;}
div#footer								{padding: 20px 0; color: #fff; text-align: center;}
div.content								{width: 940px; margin: 0 auto;}

/* Masthead */
div#masthead div#logo					{float: left; width: 182px; margin: 0 0 -4px !important;}
div#masthead div#navigation				{float: right; text-align: right;}

/* Container */
div#container div#breadcrumb			{padding: 13px 0 15px; color: #000;}				
div#container div#breadcrumb ul li		{display: inline;}			
div#container div#breadcrumb ul	li a	{color: #7f1e27; text-decoration: none;}
div#container div#breadcrumb ul li.delimiter {color: #4b4b4b; margin: 0 3px;}			
div#container div#breadcrumb ul li.grey	{color: #4b4b4b;}			

div#container div#subnav				{background-color: #fff; width: 220px; float: left; margin-right: 20px; padding: 0 0 1px;}		
div#container div#content				{background-color: #fff; width: 430px; float: left; margin-right: 20px; padding: 15px; min-height: 200px;}		
div#container div#sidebar				{background-color: #fff; width: 220px; float: left;}		

div#container div#content p				{margin: 0 0 1em;}
div#container div#content a				{color: #6b1921; text-decoration: underline;}
div#container div#content a:hover		{text-decoration: none;}
div#container div#content ul			{padding: 5px 10px; margin: 5px 15px; list-style: disc;}
div#container div#content ol			{padding: 5px 10px; margin: 5px 15px; list-style-type: decimal;}
div#container div#content ul li			{list-style: disc; font-size: 11px;}
div#container div#content ol li			{list-style: decimal; font-size: 11px;}

div#container div#sidebar div#clientzone {background-color: #c9c9c7; border-top: solid 10px #a7a7a6; padding: 10px;}
div#container div#sidebar div#clientzone h2 {color: #000;}
div#container div#sidebar div#clientzone fieldset label {font-size: 10px; color: #333;}
div#container div#sidebar div#clientzone fieldset .txt {width: 192px; border: solid 1px #a7a7a6; font-size: 10px; color: #333; margin: 0 0 5px; padding: 3px;}
div#container div#sidebar div#clientzone fieldset div.submitarea {text-align: right;}

/* Footer */
div#footer a							{color: #fff; text-decoration: none; font-weight: bold;}
div#footer a:hover						{text-decoration: underline;}
div#footer span.separator				{color: #6b1921; margin: 0 5px;}

/* Generic Styles */
img										{border: 0;}
img.left								{float: left; margin: 0 10px 5px 0;}
img.right								{float: right; margin: 0 0 5px 10px;}

div.company					            {width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #ccc;}

address.footer							{font: bold 12px sans-serif; display: block; clear: both;}
address.footer strong					{display: none;}
address.footer span.tel strong			{display: inline;}
address.footer span.fax strong			{display: inline;}
address.footer a						{}

/* ORDER/QUOTATIONS */
table.order-spec						{border-collapse: collapse; font: normal 11px/18px sans-serif; width: 100%;}
table.order-spec tr						{}
table.order-spec tr th					{border: solid 1px #333; padding: 3px; background-color: #eee; text-align: left; font-weight: bold;}
table.order-spec tr td					{border: solid 1px #333; padding: 3px; vertical-align: top;}
table.order-spec tr td span				{display: block; font-size: 10px; font-weight: bold;}
table.order-spec.rows tr td				{font-size: 11px;}
table.order-spec.rows tr td span		{font-weight: bold; font-size: 12px;}

table.order-list						{border-collapse: collapse; width: 100%;}
table.order-list tr th					{padding: 3px; background: #c9c9c7; border-bottom: solid 1px #fff; text-align: left;}
table.order-list tr td					{padding: 3px; background: #dddddd; border-bottom: solid 1px #fff;}

table.order-spec-vertical				{border-collapse: collapse; margin-bottom: 16px;}
table.order-spec-vertical tr th			{text-align: left; padding: 3px 0; width: 130px;}
table.order-spec-vertical tr td			{}

ul.actions								{list-style: none !important; padding: 0 !important; margin: 0 0 10px 0 !important;}
ul.actions li							{list-style: none !important; padding: 4px 0 4px 20px;}
ul.actions li a							{text-decoration: none !important; color: #000 !important;}
ul.actions li.back						{background: url(../gfx/icons/back.gif) no-repeat 0 50%;}
ul.actions li.print						{background: url(../gfx/icons/print.gif) no-repeat 0 50%;}
ul.actions li.cz						{background: url(../gfx/icons/cz.png) no-repeat 0 50%;}
ul.actions li.signout					{background: url(../gfx/icons/signout.png) no-repeat 0 50%;}

/*--------------------------------------------------------------------------------------------------
Navigation
--------------------------------------------------------------------------------------------------*/

div#navigation ul						{margin-top: 61px;}
div#navigation ul li					{display: inline;}
div#navigation ul li a					{display: block; float: left; padding: 6px 2.4em; border-bottom: solid 10px #6b1921; border-left: solid 1px #6b1921; font: normal 13px Arial, Helvetica, Sans-Serif; color: #5e5e5e; text-decoration: none;}
div#navigation ul li.last a				{border-right: solid 1px #6B1921;}
div#navigation ul li a:hover			{color: #7f1e27; border-bottom: solid 10px #7f1e27 !important;}
div#navigation ul li.on a				{color: #7f1e27; font-weight: bold; border-bottom: solid 10px #7f1e27 !important;  padding: 6px 2.25em;}

div#subnav ul							{}
div#subnav ul li						{}
div#subnav ul li a						{display: block; border-bottom: solid 1px #dfdfdd; padding: 10px; color: #535353; text-decoration: none;}
div#subnav ul li a:hover				{color: #7f1e27;}
div#subnav ul li.on a					{color: #7f1e27; font-weight: bold;}

div#subnav ul ul						{padding: 10px; border-bottom: solid 1px #dfdfdd;}
div#subnav ul ul li						{padding: 0 0 0 15px; margin: 0 0 1px;}
div#subnav ul ul li	a					{font-weight: normal !important; border: 0 !important; padding: 0 !important; color: #535353 !important;}
div#subnav ul ul li a:hover, div#subnav ul ul li.on a	{color: #7f1e27 !important;}

/*--------------------------------------------------------------------------------------------------
AddOns etc
--------------------------------------------------------------------------------------------------*/

span.smark								{background-color: #ccc; padding: 0 2px;}

ol.searchresult li						{margin-bottom: 20px;}
ol.searchresult h3						{margin: 0 0 5px 0;}
ol.searchresult h3 a					{text-decoration: none;}
ol.searchresult p						{margin: 3px 0;}

address.staff							{margin: 20px 0; display: block; clear: both;}
address.staff span						{margin: 0 0 3px 0; font: normal 12px sans-serif; display: block;}
address.staff span.wrapper				{width: 300px; float: left;}
address.staff span.photo				{width: 120px; margin-right: 5px; float: left;}
address.staff span.n					{margin-bottom: 5px; font-size: 14px; font-weight: bold;}
address.staff span.title				{margin: 10px 0; font-size: 14px;}
address.staff span.value				{display: inline;}


div.gallery								{width: 100%; margin: 10px 0; clear: both; float: left;}
p.gallerybreadcrumb						{margin: 10px 0 5px 0; padding: 5px; background: #dfdfdd;}
a.gallerydir							{width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff url(../gfx/bg_gallery.gif) no-repeat 100% 100%; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;}
a.galleryimg							{width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;}
a.gallerydir:hover						{color: #000; background-color: #f5f5f5;}
a.galleryimg:hover						{color: #000; background-color: #f5f5f5;}
a.gallerydir img, a.galleryimg img	    {display: block; clear: both;}
a.gallerydir span, a.galleryimg span    {width: 120px; font: normal 11px sans-serif; text-align: center; display: block; clear: both; position: absolute; bottom: 5px; left: 5px;}


body#viewphoto							{height: auto; margin: 10px; padding: 0; font: normal 12px sans-serif; color: #fff; background: #000;}
body#viewphoto h1						{font: bold 18px sans-serif; color: #fff;}
body#viewphoto p						{margin: 5px 0; color: #fff;}

fieldset.contact						{border: 0; margin: 10px 0; padding: 0;}
fieldset.contact legend					{margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000; display: none;}
fieldset.contact p						{margin: 5px 0;}
fieldset.contact label					{display: block;}
fieldset.contact label .rfv				{font-size: 11px; color: #f00;}
fieldset.contact input					{width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;}
fieldset.contact input.captcha-input	{width: 60px;}
fieldset.contact textarea				{width: 250px; height: 100px; padding: 2px; font: normal 12px sans-serif; color: #000; overflow: auto;}
fieldset.contact .btn					{width: auto;}

fieldset.loginprotectedpage				{border: 0; margin: 10px 0; padding: 0;}
fieldset.loginprotectedpage legend		{margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000;}
fieldset.loginprotectedpage p			{margin: 5px 0;}
fieldset.loginprotectedpage label		{display: block;}
fieldset.loginprotectedpage label .rfv	{font-size: 11px; color: #f00;}
fieldset.loginprotectedpage input		{width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;}
fieldset.loginprotectedpage .btn		{width: auto;}

dl#pageproperties						{width: 100%; margin: 20px 0; display: block; clear: both;}
dl#pageproperties dt					{width: 110px; font: bold 11px sans-serif; float: left;}
dl#pageproperties dd					{font: normal 11px sans-serif;}
dl#pageproperties dd a					{}

ul.sitemap								{margin: 5px 0 5px 20px; list-style-type: square;}
ul.sitemap ul							{margin: 5px 0 5px 20px; list-style-type: square;}

ul.breadcrumb							{margin: 0; padding: 0; list-style: none;}
ul.breadcrumb li						{margin-right: 5px; padding: 0; line-height: 25px; display: inline;}
ul.breadcrumb li.delimiter				{font-weight: bold;}

ul.documentlibrary						{list-style: none !important; margin: 5px 0 !important; padding: 0 !important;}
ul.documentlibrary li					{list-style: none !important; line-height: 20px !important;}
ul.documentlibrary li img				{vertical-align: top !important;}
ul.documentlibrary li a					{margin: 0 0 0 6px !important;}


/*--------------------------------------------------------------------------------------------------
CE
--------------------------------------------------------------------------------------------------*/
div.largeimage							{display:none; position: absolute; left:200px; background-color:#fff; border:solid 1px #ccc;}
div.largeimage a						{margin:10px; display: block;}

ol.guestbook							{width: 70%; margin: 0; padding: 0; list-style: none; float: left;}
ol.guestbook li							{margin: 0 0 10px 0; padding: 10px; background: #f5f5f5;}
ol.guestbook h3							{margin: 0; font: bold 11px sans-serif;}
ol.guestbook p							{margin: 0;}
ol.guestbook p.report					{margin-bottom: 10px;}
ol.guestbook a							{text-decoration: none; color: Blue;}
ol.guestbook a.reported					{text-decoration: none; color: Red;}

ol.guestbook li.pager					{margin: 0; padding: 0; line-height: 20px; text-align: center; background: none !important; clear: both;}
ol.guestbook li.pager a					{text-decoration: none;}
ol.guestbook li.pager a:hover			{text-decoration: underline;}
ol.guestbook li.pager a.left			{float: left;}
ol.guestbook li.pager a.right			{float: right;}

fieldset.guestbook						{width: 25%; padding: 10px; background: #f5f5f5; border: 0; float: right;}
fieldset.guestbook legend				{margin: 0 0 10px -7px; padding: 0; font: bold 14px sans-serif; color: #000;}
fieldset.guestbook p					{margin: 5px 0;}
fieldset.guestbook p.info				{margin: 10px 0;}
fieldset.guestbook p.error				{color: Red;}
fieldset.guestbook p.done				{color: Green;}
fieldset.guestbook p.checkbox			{margin: 0 0 10px 0;}
fieldset.guestbook p.checkbox label		{margin: 0 0 0 3px; vertical-align: middle; display: inline;}
fieldset.guestbook p.checkbox input		{width: auto; vertical-align: middle;}
fieldset.guestbook label				{display: block;}
fieldset.guestbook label span			{color: Red; visibility: hidden;}
fieldset.guestbook input				{width: 97%; font: normal 11px sans-serif;}
fieldset.guestbook textarea				{width: 97%; height: 80px; font: normal 11px sans-serif; overflow: auto;}
fieldset.guestbook input.btn			{width: auto;}

fieldset.guestbook fieldset				{margin: 0; padding: 0; border: 0; display: none;}
fieldset.guestbook fieldset legend		{display: none;}

ul.banners								{margin: 20px 0; padding: 0; list-style: none;}
ul.banners li							{margin: 5px 0;}