/* Resets the stylesheet
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


/* Body and html elements
-------------------------------------------------------------- */
html { background: #666 url(/CommonResources/Files/www.arcam.com/Images/design-elements/body-bg.png); height: 100%;}
body {font:62.5%/1.5 "Helvetica neue", Helvetica, Arial, sans-serif; padding: 0 0 30px 0; color: #333; }

hr {color:#ccc; background-color:#ccc; height:1px; border:none; margin: 10px; }


/* WPC specific styles
--------------------------------------------------------------*/
body.RadEContentBordered { font-size: 11px !important; background: #fff !important; padding: 15px; height: 100%; }
body.RadEContentBordered .section, body.RadEContentBordered .aside { border: 2px solid #000; padding: 15px; float: left; margin: 5px;}

body.RadEContentBordered .section { background: #f4f4f4 url(/CommonResources/Files/www.arcam.com/Images/design-elements/wysiwyg-section-bg.gif) 3px 3px  no-repeat !important; padding: 83px 15px 15px 15px; width: 55%;}
body.RadEContentBordered div.section:hover { border: 2px solid #fbf2b4 !important; background-color: #fff !important  }

body.RadEContentBordered .aside { background: #f4f4f4 url(/CommonResources/Files/www.arcam.com/Images/design-elements/wysiwyg-aside-bg.gif) 3px 3px no-repeat !important; padding: 83px 15px 15px 15px; width: 35%;}
body.RadEContentBordered div.aside:hover { border: 2px solid #a9ccde !important;  background-color: #fff !important; }  

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-family: "helvetica neue", Helvetica, Arial, sans-serif; padding: 0 10px;}

h1{ color:#cc0000; font-size:3em; margin-bottom:0.6em;  line-height:1.2em; }
h2{ font-size:2em; margin-bottom:0.9em; line-height: 1.2em; font-family: Georgia, "Times New Roman", Times, serif;}
h3{ font-size:1.5em; margin-bottom:1.2em; line-height:1.2em; font-variant:small-caps; font-family: Georgia, "Times New Roman", Times, serif;}
h4{ font-size:1.2em; margin-bottom:1.2em; line-height:1.5em; font-variant:small-caps;}
h5{ font-size:1em; margin-bottom:1.2em; line-height:1.8em; font-variant:small-caps;}
h6{ font-size:1em; margin-bottom:1.2em; line-height:1.8em;}

/* Text elements
-------------------------------------------------------------- */
p, address { font-size:1.3em; line-height:1.5em; margin-bottom:1.5em; padding: 0 10px;}

abbr {}
acronym {}
address { font-style: normal;}
blockquote {margin-bottom: 1em; padding: 0 10px; font-style: italic; font-size: 1.2em; }
code {}
del {}
dfn {}
dfn {}
em {}
p {margin-bottom:1em;}
pre {}
strong {}

/* Link elements 
-------------------------------------------------------------- */
a img {border: none;}
p a, a, a:link { color:#000; }
p a:hover{ text-decoration:none;}
h1 a{ color:#000; }
h1 a:hover{ text-decoration:none; }
li a{ color:#000; }
li a:hover{ text-decoration:none; }

a.arrow {display: block;  background: url(/CommonResources/Files/www.arcam.com/Images/design-elements/arrow.png) right no-repeat; width: 225px; text-decoration: none;  text-shadow: 1px 1px 2px #fff; color: #555; text-transform: capitalize; font-size: 0.9em;   margin-bottom: 1.5em; padding: 7px 20px 8px 15px; }

/* List elements 
-------------------------------------------------------------- */
ul{ margin-bottom:1.8em; list-style:square; }

ul li{ line-height:1.5em; }
ul li p {font-size: 1em;}
li > ul, li > ol{ margin-bottom:0; margin-left:5em; }
li > ul li, li > ol li{ font-size:1em; }
ol{ margin-bottom:1.8em; list-style:decimal;}
ol li{ font-size:1.2em; line-height:1.5em; }

.text-content ul, .text-content ol, .text-content dl {padding: 0 20px; }

#content .aside ul li, #content .section ul li, #blog-news-container ul li { font-size: 1.2em; }



/* Tables
-------------------------------------------------------------- */
table {margin: 0 20px 1em 20px;}
caption {}
thead {}
tfoot {}
tbody {}
tr {}
th {}
td {}


/* Some general classes
-------------------------------------------------------------- */
.align-left {float:left;}
.align-right {float:right;}
.bottom {margin-bottom:0; padding-bottom:0;}
.hide {display:none;}
.highlight {}
.large {}
.small {}
.off-screen {position:absolute; left:-999em;}
.top {margin-top:0; padding-top:0;}
.d, .m, .y, .date, .to { font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.9em;}

.shadow {  
box-shadow: 0 0 50px black;  
-moz-box-shadow: 0 0 50px black; 
-webkit-box-shadow: 0 0 50px black; 
}

.low-shadow {box-shadow: 0 5px 15px black;  
-moz-box-shadow: 0 5px 15px black; 
-webkit-box-shadow: 0 5px 15px black; 
}  

.sup { vertical-align: top; font-size: 0.6em; line-height:1;}
.sub { vertical-align: bottom; font-size: 0.6em; line-height:1;}



/*  Forms
-------------------------------------------------------------- */
legend {font-size: 1.3em; font-weight: bold;}
fieldset { margin: 20px 10px; padding:0; }
label { display: inline-block; line-height: 1.8; vertical-align: top;  width: 90px;}
Input, textarea { display: inline-block; vertical-align: top;  width: 180px; border: 1px #ccc solid; box-shadow: 1px 1px 2px black;  -moz-box-shadow: 1px 1px 2px black;  -webkit-box-shadow: 1px 1px 2px black;}
Input[type=submit], input.button, .search-button { background: #000 url(/CommonResources/Files/www.arcam.com/Images/design-elements/nav-bg.png) repeat-x; color: #ccc;  border: solid 1px #555; text-shadow: 2px 2px 5px #000;  margin-top: 1.5em; text-transform: uppercase; width: auto !important;}

#content  fieldset { font-size: 1.1em; }

#content  label {width: 160px; font-weight: bold; }
#content  input, #content textarea {width: 220px; padding: 3px; }

fieldset p { padding: 0 0 5px 0; margin: 0; }

#aspnetForm {margin: 0; padding: 0;}

input[type="hidden"] {display: none; }


/* Navigation
---------------------------------------------------------------*/
.top-nav { background: #000 url(/CommonResources/Files/www.arcam.com/Images/design-elements/nav-bg.png) repeat-x; padding: 10px 20px; border-bottom: solid 1px #777;  position: relative; height: 14px;}
.top-nav li {float: left; }
.top-nav ul li a { color: #fff; text-decoration: none; text-transform: uppercase; margin: 0; text-shadow: 2px 2px 5px #000; font-size: 0.95em; margin: 0 5px; }
.top-nav ul li a:hover { text-decoration: underline; }

.top-nav ul {padding: 10px; background: #000 url(/CommonResources/Files/www.arcam.com/Images/design-elements/nav-bg.png) repeat-x; border: solid 1px #777; right: 20px; top: 15px; position: absolute; color: #555; list-style: none; margin: 0;}



#primary-nav { background: #000 url(/CommonResources/Files/www.arcam.com/Images/design-elements/nav-bg.png) repeat-x; padding: 10px 20px; border-bottom: solid 1px #888; border-top: solid 1px #777; clear: both; height: 2.2em; }

#primary-nav ul { list-style:none; margin:0; font-size: 1.2em; }
#primary-nav ul li {float: left; position: relative; padding: 0; margin:0 2.5em 0 0; }

#primary-nav ul li a{display: block;  margin: 0 0 2px 0; color: #fff; text-decoration:none; text-transform: uppercase; font-size: 1.3em; text-shadow: 2px 2px 5px #000; letter-spacing: 1px; float: left; }
#primary-nav li:hover, #primary-nav li.selected { border-bottom: 2px solid #cc0000; }


#secondary-nav ul { list-style: none; margin: 0;  }
#secondary-nav ul li { padding: 4px 0 7px 0; font-family: Georgia, "Times New Roman", Times, serif; border-bottom: 1px #777 dashed; margin-left: 10px; }
#secondary-nav ul a { text-decoration: none; font-size: 1.2em; }
#secondary-nav ul li.selected a, #secondary-nav ul li a:hover {text-decoration: underline; }

#secondary-nav ul { list-style: none; margin: 0;}
#secondary-nav ul li ul { padding: 0; font-family: Georgia, "Times New Roman", Times, serif; border-top: 1px #777 dashed; margin: 9px 0 0 0; background: #fff;}
#secondary-nav ul li ul li { border: none; padding: 2px 0 3px 0;}
#secondary-nav ul li ul a { text-decoration: none !important; font-size: 0.9em; margin-left: 10px; color: #444; display: block; }
#secondary-nav ul li ul li.selected a, #secondary-nav ul li ul li a:hover {text-decoration: underline !important; }


/* Layout containers
-------------------------------------------------------------- */
#wrapper {background: #555 url(/CommonResources/Files/www.arcam.com/Images/design-elements/header-bg.png) repeat-x; height: 100%; margin: 0 auto;}

#skip {position:absolute; top:-999em; left:-999em;}
#skip a:focus,
#skip a:active {display:block; padding:1em; position:absolute; left:999em; top:999em; width:10em; text-align:center; background:#ededee; color:#000;}

#logo {position: absolute; top: 35px; left: 20px;  }
#logo a { background: url(/CommonResources/Files/www.arcam.com/Images/design-elements/arcam-logo.png) repeat-x; width: 181px; height: 50px; text-indent: -999em; display: block; focus: none; }

.header { height: 138px; position: relative; }
.aside, .section  { padding: 20px 0; zoom: 1;}
.aside img, #content .section img {border: 1px #ccc solid !important; }

#search { width: 280px; position: absolute; right: 20px; top: 45px; text-align: right;}
#search input { width: 150px;}

#content { background: #f4f4f4; padding-bottom: 60px; zoom: 1;}
#content:after {content: ""; display: block; height: 0; clear: both;}

#content.start-content { background: url(/CommonResources/Files/www.arcam.com/Images/design-elements/content-bg.png);  border-bottom: 1px #333 solid; padding-bottom: 0; }

#marketing-space { background: #000; color: #fff; margin-left: -10px; border-top: #000 1px solid;  position: relative; zoom: 1;}
#marketing-space h1 {color: #fff; text-transform: uppercase; font-size: 2.8em; letter-spacing: 1px; position: relative; text-shadow: 0 5px 15px black; }
#marketing-space h1 span { background: url(/CommonResources/Files/www.arcam.com/Images/design-elements/gradient.png) bottom repeat-x; position: absolute; display: block; width: 580px; height: 30px;  }

#marketing-space a {color: #fff; text-decoration: none;}
#marketing-space a:hover {text-decoration: underline;}

#alternative-content { height: 360px;  background: #000 url(/CommonResources/Files/www.arcam.com/Images/design-elements/marketing-space-bg.png) repeat-x; color: #fff; width: 638px; position: absolute; top: 0; left: 0; }


#marketing-space ul { list-style: none; margin-bottom: 45px; overflow: auto;}
#marketing-space ul li { font-family: Georgia, "Times New Roman", Times, serif; color: #fff; float: left; font-size: 1.75em; padding: 10px; }
#marketing-space img {display: block; margin: 0 auto; }

#company-info { background: #eee; padding: 20px 20px 60px 10px; margin-left: -10px; zoom: 1; position: relative;}
#company-info .ingress, .ingress {font-size: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; }

#footer {width: 100%; clear: both; }

#blog-news-container { color: #f4f4f4; border-top: 4px #aaa solid; background: url(/CommonResources/Files/www.arcam.com/Images/design-elements/news-content-bg.png); padding-bottom: 40px; border-bottom: 1px #333 solid; zoom: 1;}
#blog-news-container:after {content: ""; display: block; height: 0; clear: both;}

.start-content .aside h3, #blog-news-container h3 {color: #111; text-shadow: 0 1px 1px #ccc; font-size: 2em; text-transform: uppercase; margin-bottom: 0.3em;} 
.start-content .aside ul, #blog-news-container ul { background: url(/CommonResources/Files/www.arcam.com/Images/design-elements/line.gif) repeat-x; padding: 0; margin: 0 10px; list-style: none; zoom: 1;}
.start-content .aside li, #blog-news-container li {padding: 3px 0 3px 0; margin: 0; }
.start-content .aside ul li a, #blog-news-container ul li a { text-decoration: none !important;}
.start-content .aside ul li a:hover, #blog-news-container ul li a:hover { text-decoration: underline !important;}
.start-content .aside li p, #blog-news-container li p  {margin: 0; padding: 0;}
.start-content .aside ul {margin-bottom: 1.2em;}
.start-content .aside { color: #fff;}
.start-content .aside  h3 { clear: both; }
.start-content .banner-add  img {position: absolute; top: 0; left: 0;}
.start-content .banner-add h3 { color: #000; text-shadow: 0 1px 1px #aaa;}
.start-content .banner-add { height: 130px; background: url(/CommonResources/Files/www.arcam.com/Images/design-elements/footer-bg.png) bottom repeat-x; margin: -20px -10px 20px -20px; padding: 20px; color: #eee; border-bottom: 5px #999 solid; zoom: 1;  position: relative; }
.start-content .banner-add p { padding: 0 10px; }
.banner-add img {border: 0 !important;}

a.newslink { text-decoration:none; padding: 7px 0 14px 0; display: block; text-decoration:none;}
a:hover.newslink { text-decoration:underline;}

#pre-footer {clear: both; background: url(/CommonResources/Files/www.arcam.com/Images/design-elements/footer-bg.png); overflow: auto; color: #ddd; border-bottom: 4px #888 solid; border-top: 1px #999 solid; zoom: 1;}
#pre-footer ul {margin: 0 10px; list-style-position: inside; font-size: 1.2em; }

#pre-footer a {color: #fff; text-decoration: underline; }
#pre-footer a:hover { text-decoration: none; }


#end-footer {clear: both;  background: #222; overflow: auto; color: #bbb; zoom: 1;}
#end-footer a {color: #f00; text-decoration: none;}

.footer  {overflow: auto;}

/* Gallery hover effect
-------------------------------------------------------------- */

.gallery .cursor {display: none;}

.gallery a:hover .cursor {display: block; position: absolute;  background: url(/CommonResources/Files/www.arcam.com/Images/design-elements/cursor.png) no-repeat; top: -20px; left: -20px;  height: 50px; width: 57px; }

.gallery a { position: relative; display: inline-block; }



/* News component
-------------------------------------------------------------- */


.newsdate {display: block; clear: both; border-bottom: 1px #000 solid; margin: 0 10px 10px 10px; font-weight: bold; font-size: 1.2em; }
.newsheading { font-family: "helvetica neue", Helvetica, Arial, sans-serif; }

.newscontent {margin-bottom: 30px;}
.newscontent .active {border: 1px #eee solid; padding: 10px; }

.aside ul.latest-news, .text-content  ul.latest-news { list-style: none; margin: 0 important!; padding: 0 !important;}

.aside .category-name,  .text-content  .category-name { display: none;  }


/* Calendar
-------------------------------------------------------------- */

.events-container {margin: 20px 10px; font-size: 1.2em; }

.t { display: none; }

.details {margin: 0 10px; font-size: 1.2em;}

.events li { margin: 0 0 30px 0; }

.text-content .events  { list-style: none; padding: 10px !important; }

.text-content  .when {font-weight: bold;  font-size: 1.2em;  }


/* Search
-------------------------------------------------------------- */


.search-block {width: 500px;}
#search .search-button { width: auto; margin: 0; margin-left: 10px;}

div.searchEngine {font-size: 1.1em !important;}

.search-info {font-size: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; margin-left: 10px;}

#search-result {margin-top:1em}
#search-result dd {margin:0; padding:0;}
#search-result dd blockquote {margin:0; padding:0; font-style:normal;}
#search-result .meta {overflow:hidden; border-bottom:1px dotted #000; padding-bottom:.7em; margin-bottom:.7em;}
#search-result cite {font-size:.9em; font-style:normal;}
#search-result cite a {color:#999;}
.search-paging {margin:1.5em 0;}
.search-pages a {padding:.3em; border:1px solid #ccc; margin-left:.2em}