/* CSS - by Allan Scott */

/*---[ undohtml ]-------------------------- */

:link,:visited { text-decoration:none }

ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

a img,:link img,:visited img { border:none }

address { font-style:normal }

html {
overflow-y: scroll;
}

body	{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#636363;	
font-size:0.625em;
background-color: #000;
background-image:url(../images/layout/body-bg.jpg);
background-repeat:repeat-x;
text-align:center;/* for IE */
}

#wrapper	{
margin:0 auto;
top:10px;
left:50px;
overflow:hidden;
width:900px;
text-align:left;/* for IE */
}

#wrapper .inside	{
padding:0 10px;
}

/*-- header container --*/
#header	{
width:100%;
height:120px;
}


#branding	{
float:left;
margin:50px 0 0 10px;
}

#branding p	{
text-indent:-999px;
}

#click-info	{
float:right;
}


/*-- header slides block --*/
#slides	{
width:330px;
height:265px;
float:right;
margin:38px 0 0 0;
background-image:url(../images/intro-pic-demo.png);
background-repeat:no-repeat;
background:#fff;
}

/* nav_main --*/
#nav_main	{
float:right;
width:300px;
height:30px;
margin:0px 0 0 0;
}

ul#navlist_main	{
list-style:none;
padding:5px 0 0 0;
text-align:center;
}

ul#navlist_main li	{
float:left;
display:inline;
color:#FFA200;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
}

ul#navlist_main li a	{
color:#FFA200;
font-weight:bold;
text-decoration:none;
}

ul#navlist_main li a:hover {
color:#fff;
font-weight:bold;
text-decoration:none;
}

/* current page styles */
#home #nav-home a,
#about #nav-about a,
#products #nav-products a,
#downloads #nav-downloads a,
#enquiry #nav-enquiry a,
#contact #nav-contact a,
#gallery #nav-gallery a,
#links #nav-links a	{
text-decoration:none;
font-weight:normal;
color:#fff;
}

/*-- SLIDING NAV --*/
#navigation-block {
position:relative;
top:10px;
left:6px;
}

#hide {
position:absolute;
top:-20px;
left:-200px;
}

* html #hide {
position:absolute;
top:-20px;
left:-200px;
}

ul#sliding-navigation	{
list-style: none;
font-size: 1em;
margin: 30px 0;
padding: 0;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a	{
display: block;
width: 180px;
padding:5px 10px;
margin: 0;
margin-bottom:5px;
}

* html ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a	{
display: block;
width: 150px;
padding:5px 10px;
margin: 0;
margin-bottom:5px;
}

ul#sliding-navigation li.sliding-element h3	{
color: #fff;
background:#333 url(../images/layout/heading_bg.jpg) repeat-y;
font-weight: normal;
}

ul#sliding-navigation li.sliding-element a	{
color:#FFA200;
font-weight:normal;
background:#222 url(../images/layout/tab_bg.jpg) repeat-y;
/*border: 1px solid #1a1a1a;*/
border-bottom: 1px solid #555;
text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { 
color: #ffff66; }

ul#sliding-navigation li.sliding-element a:active { 
outline: none;
}


/*-- CONTENT CONTAINERS --*/

#content	{
float:left;
position:relative;
width:700px;
height:360px;
margin:10px 0 10px 0;
background:#151515;
z-index:2;
}

#content .inside	{
padding:5px 10px;
}

#content-main	{
float:left;
width:440px;
}

#content-main-wide	{
float:left;
width:700px
}

#content-sub	{
float:right;
width:200px;
/*background: #ccc;*/
}

#content-sub2	{/* the main nav is in here */
float:right;
width:160px;
/*background: #ccc;*/
}

#content-wide	{
padding:0 15px;
}


/*-- SCROLL PANE LAYOUT --*/
.scroll-pane	{
height:340px;
}

/*-- home page 'teasers' --*/
div.teaser	{
float:left;
width:226px;
/*height:320px;*/
margin:0 0 0 42px;
}

div.teaser-inside	{
padding:10px;
}

.teaser img	{
}

.teaser h3	{
color:#233865;
font-size:1.8em;
font-weight:bold;
margin:0px 0px;
}

.teaser p	{
font-size:1.1em;
padding:0 0px 5px 0px;
}

.teaser p a:link, .teaser p a:visited	{
font-style:italic;
font-weight:bold;
font-size:1em;
color:#cc000e;
text-decoration:none;
}

.teaser p a:hover{
font-style:italic;
font-weight:bold;
font-size:1.0em;
color:#8e1682;
text-decoration:underline;
}

.teaser a:link, .teaser a:visited	{
font-style:italic;
font-weight:bold;
font-size:1.2em;
color:#223b51;
text-decoration:none;
}

.teaser a:hover{
font-style:italic;
font-weight:bold;
font-size:1.2em;
color:#8e1682;
text-decoration:underline;
}

/* content page thumbnails */
div.gallery_thumbs	{
float:left;
margin:0 0 0 0px;
}

.gallery_thumbs h3	{
font-family: Arial, Helvetica, sans-serif;
font-size:2.0em;
margin:0 0 10px 0;
}

.gallery_thumbs_caption	{
text-align:center;
font-size:1.2em;
font-weight:bold;
color:#223b51;
}

/*-- infobox --*/
.infobox	{
margin:0 0 15px 0;
}

.infobox h3	{
font-size:2.0em;
margin:0px;
}

.infobox img	{
/*float:left;*/
}

.infobox a:link, .infobox a:visited	{
font-style:italic;
font-weight:bold;
font-size:1.4em;
color:#cc000e;
text-decoration:none;
}

.infobox a:hover{
font-style:italic;
font-weight:bold;
font-size:1.4em;
color:#cc000e;
text-decoration:underline;
}

#associate-logos	{
clear:both;
margin:20px 0 0 0;
height:66px;
text-align: center;
}


/*-- footer --*/
#footer	{
clear:both;
/*float:left;*/
/*width:100%;*/
width:900px;
height:110px;
margin:20px auto;
/*border-top:1px solid #ccc;*/
}

/*-- site_info --*/
#site_info	{
float:left;
width:100%;
color:#999;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.3em;
line-height:1.6em;
text-align:center;
padding:10px 0 0 0;
}

#site_info a	{
color:#999;
font-weight:bold;
text-decoration:none;
}

#site_info a:hover	{
color:#FFA200;
font-weight:bold;
text-decoration:none;
}

/* additional LAYOUT ----------------------------------*/
.clearboth	{
clear:both;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* formatting -------------------------------*/
h1	{
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
color:#fff;
font-size:2.6em;
font-weight:normal;
line-height:normal;
margin:0 0 3px 0;
}

h2	{
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size:2.6em;
font-weight:normal;
line-height:normal;
color:#fff;
margin:3px 0;
}

h3	{
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size:1.6em;
font-weight:normal;
line-height:normal;
color:#fff;
margin:3px 0;
}

h4	{
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size:1.4em;
font-weight:normal;
line-height:normal;
color:#fff;
margin:3px 0;
}


p, li	{
font-size:1.3em;
line-height:1.4em;
margin:0 0 10px 0;
font-family:Arial, Helvetica, sans-serif;
}

.caption	{
font-size:10px;
line-height:11px;
margin:5px 0;
font-family:Arial, Helvetica, sans-serif;
}

a:link, a:visited	{
font-weight:bold;
text-decoration:none;
color:#FFA200;
}

a:hover	{
text-decoration:underline;
}

/*---[ block quotes ]----------------------------------*/

blockquote {
width:290px;
margin:0 0 20px 0;
padding:0;
background:url(../images/layout/quote-start.png) top left no-repeat;
/*position: relative;*/
}

p.quotebody {
font-family: Arial, Helvetica, sans-serif;
line-height: 1.6em;
font-weight:bold;
font-style:italic;
color:#8e1682;
padding:0px 50px 0px 50px;
text-align:left;
background: url(../images/layout/quote-end.png) bottom right no-repeat;
}

p.quotecite {
color: #444;
font-size:1.2em;
font-weight:bold;
text-align:left;
padding:5px 0px 15px 50px;
margin-bottom: 0;
}


/*---[ basiclists ]---------------------------*/

ul.basiclist	{
margin:10px 0;
list-style-type:square;
}

ul.basiclist li	{
margin-left:20px;
margin-top:5px;
}

ul.introlist	{
margin:10px 0;
list-style-type:square;
}

ul.introlist li	{
margin-left:20px;
margin-top:5px;
color:#fff;
}

ol	{
margin:10px 0;
padding:0;
list-style-type:decimal;
}

ol li	{
margin-left:25px;
margin-top:5px;
}

ol.basicorderedlist	{
margin:10px 0;
list-style-type:decimal;
}

ol.basicorderedlist li	{
margin-left:25px;
margin-top:5px;
}	

/*-- QuickFlip Panel --*/
.quickFlip, .quickFlipPanel {
/*height: 100px;
width: 200px;*/
height:300px;
width:460px;
}

/* the rest of this is irrelevent */

.quickFlip {
clear: both;
}

.quickFlipPanel {
/*text-align: center;*/
}

.frontPanel {
/*background-color: #ccc;
border: 2px solid black;*/
}

.backPanel {
/*background-color: #fff;
color: #444;
border: 2px solid red;*/
}

.quickFlipCta {
cursor: pointer;
color:#FFA200;
}

/*-- Product List --*/
.product-list	{
height:260px;
width:150px;
float:left;
margin:0 10px 0 0;
padding:0 10px 0 0;
border-right:1px solid #ccc;
}


.product-list-last	{
height:260px;
width:150px;
float:left;
margin:0;
padding:0 10px 0 0;
border-right:1px solid #ccc;
}

/*-- Download List --*/
.download-list	{
height:220px;
width:150px;
float:left;
margin:0 10px 0 0;
padding:0 10px 0 0;
border-right:1px solid #ccc;
}


.download-list-last	{
height:220px;
width:150px;
float:left;
margin:0;
padding:0 10px 0 0;
border-right:1px solid #ccc;
}

ul.linklist 	{
margin:10px 0;
}

.linklist li	{
font-size:11px;
padding:0;
margin:0 0 2px 0;
}

.linklist li a:hover	{
color:#ffff66;
text-decoration: none;
}

/*-- Product Highslide PopUp divs, tables and content --*/
div.product-container	{
width:620px;
margin:0 auto;
text-align:left;
}

div.product-container h3	{
font-size:18px;
background: #000;
color:#fff;
padding:4px;
margin:4px 0;
}

div.product-container h4	{
font-size:14px;
background: #000;
color:#fff;
padding:4px;
margin:4px 0;
}

div.product-container p, div.product-container li, div.product-container td	{
font-size:11px;
}

div.product-container .product-intro p img	{
float:right;
margin:0 0 0 10px;
}

table.product-table {

}

.producttitles	{
background:#000;
color:#fff;
}