/*Style sheet for Mixer Layout*/
*{
color:#002358;
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0
}

body{
background:#fff url(/media/bg.gif) repeat-y fixed 50% 50%;
font-size:75%;
line-height:160%
}

#wrapper{
margin:0 auto;
text-align:left;
width:963px
}

#pop{
background:#fff;
margin:0 0 0 15px;
width:400px
}

/*header*/
#header{
border-bottom:1px solid #acacac
}

#header p.logo{
float:left;
margin:0
}

#header div.contactinfo{
float:right;
font-weight:700;
}

#header div.contactinfo p.links img {
vertical-align:middle;
margin:10px 5px;
}

#header div.contactinfo p.links{
color:#999;
text-align:right
}

#header div.contactinfo p.contact{
color:#002358;
font-size:110%;
float:right;
}

#header div.contactinfo p.contact img{
vertical-align:top
}

/*breadcrumb*/
#breadcrumb{
height:30px
}

#breadcrumb p{
color:#c00;
font-size:90%;
line-height:15px;
margin:0
}

/*SideNav*/
#sidenavigation{
float:left;
margin:0 18px 20px 0;
width:201px
}

#sidenavigation li{
border-bottom:1px solid #999;
clear:left;
list-style-type:none;
margin:0;
padding:5px 0 0 15px;
background: transparent url(/media/smallerw.gif) no-repeat scroll left 11px;
}

#sidenavigation li a.highlighted{
margin:5px 0 -1px -20px;
padding:5px 0 0 20px;
background: #C8E9CC url(/media/smallerw.gif) no-repeat scroll 5px 11px;
}

#sidenavigation li li{
border-bottom:none;
list-style-type:circle;
margin:0 0 0 25px;
padding:5px 0 0
}

#sidenavigation li a{
color:#002358;
display:block;
font-weight:700;
text-decoration:none
}

div.box{
clear:left;
overflow:hidden
}

div.blue{
background:#f0f5f9
}

div.darkblue{
background:#EFF8F4
}

div.search{
background:#C8E9CC url(/media/topright_2.jpg) no-repeat 0 0;
z-index:99;
}

div.box div a.linkoverlay {
display:block;
height:217px;
position:absolute;
width:202px;
z-index:100;
}

div.search div.content{
margin:107px 0 0;
z-index:99;
}

div.box h2{
border-bottom:1px solid #999;
margin:0;
padding:0 0 5px
}

div.tab p{
background:url(/media/tab-off-right.gif) no-repeat top right;
color:#fff;
display:block;
float:left;
font-weight:700;
padding:0
}

div.tab a{
color:#fff;
display:block;
float:left;
font-weight:700;
line-height:21px;
padding:0 20px
}

div.tab:hover,div.selected{
background:#c00 url(/media/tab-hover-left.gif) no-repeat top left;
margin:3px 1px 0 0
}

div.tab p:hover,div.selected p{
background:url(/media/tab-hover-right.gif) no-repeat top right
}

div.tab:hover a,div.selected a{
line-height:28px
}

div.title h1{
background:url(/media/tab-off-right.gif) no-repeat top right;
color:#fff;
display:block;
float:left;
font-size:120%;
font-weight:700;
line-height:21px;
padding:0 20px
}

div.greentitle h1{
background:url(/media/tab-off-green-right.gif) no-repeat top right;
color:#002358;
display:block;
float:left;
font-size:120%;
font-weight:700;
line-height:21px;
padding:0 20px
}

div.box div.top{
background:url(/media/box-top.gif) no-repeat;
height:15px;
overflow:hidden
}

div.box div.content{
background:url(/media/box-content.gif) repeat-y;
padding:0 15px;
overflow:hidden
}

div.box div.bottom{
background:url(/media/box-bottom.gif) no-repeat;
height:15px;
overflow:hidden
}

#MainContent{
float:left;
margin:0 0 20px;
width:523px
}

/*MainContent*/
#MainContent div.box{
width:522px
}

#MainContent div.green{
background-color:#C8E9CC;
}

#MainContent div.blue{
background-color:#fff
}

#MainContent div.box div.top{
background:url(/media/mc-box-top.gif) no-repeat;
height:15px
}

#MainContent div.red div.top{
background-image:url(/media/mc-box-red-top.gif)
}

#MainContent div.blue div.top{
background-image:url(/media/mc-box-blue-top.gif)
}

#MainContent div.green div.top{
background-image:url(/media/mc-box-green-top.gif)
}

#MainContent div.box div.content{
background:url(/media/mc-box-content.gif) repeat-y
}

#MainContent div.red div.content{
background-image:url(/media/mc-box-red-content.gif)
}

#MainContent div.blue div.content{
background-image:url(/media/mc-box-blue-content.gif)
}

#MainContent div.green div.content{
background-image:url(/media/mc-box-green-content.gif)
}

#MainContent div.box div.bottom{
background:url(/media/mc-box-bottom.gif) no-repeat;
clear:both;
height:17px
}

#MainContent div.red div.bottom{
background-image:url(/media/mc-box-red-bottom.gif)
}

#MainContent div.blue div.bottom{
background-image:url(/media/mc-box-blue-bottom.gif)
}

#MainContent div.green div.bottom{
background-image:url(/media/mc-box-green-bottom.gif)
}

#MainContent div.CategoryBox{
margin:0 12px;
width:121px
}

#MainContent div.CategoryBox div.content{
background:url(/media/categories/cat_1px.gif) repeat-y;
height:40px;
}

#MainContent div.CategoryBox div.content p{
font-weight:700;
line-height:13px;
text-align:center
}

#MainContent div.CategoryBox div.bottom{
background:url(/media/categories/cat_bottomcurve.gif) no-repeat;
height:12px
}

#MainContent div.GalleryBox{
margin:0 5px;
width:121px
}

#MainContent div.GalleryBox div.content{
background:url(/media/gallerysections/cat_1px.gif) repeat-y;
height:50px;
padding:0 5px;
}

#MainContent div.GalleryBox div.content p{
font-weight:700;
line-height:13px;
padding:8px 0 0 0;
text-align:center;
}

#MainContent div.GalleryBox div.bottom{
background:url(/media/gallerysections/cat_bottomcurve.gif) no-repeat;
height:12px
}

/*rightnavigation*/
#rightnavigation{
float:left;
margin:0 0 20px 20px;
width:201px
}

#footer {
border-top:1px solid #ACACAC;
clear:both;
font-weight:700;
padding:10px 0 0;
text-align:center;
}

#footer p{
color:#999;
margin:0
}

/*Typography*/
h1,h2,h4,h5,h6{
font-size:110%
}

h3{
color:#c00;
font-size:100%
}

p,h1,h2,h3,h4,h5,h6{
padding:8px 0;
}

li a{
color:#3836FC;
text-decoration:underline
}

#MainContent li.radr_item{
margin:0;
}

a:hover{
text-decoration:underline
}

label{
font-weight:700
}

.small{
font-size:85%
}

.large{
font-size:120%
}

.alignright{
text-align:right
}

.alignleft{
text-align:left
}

.floatleft{
float:left;
margin:0 10px 0 0;
}

/*Error Box*/
.errorbox{
border:1px solid #C00;
margin:10px 0 10px 15px;
padding:0 10px 10px;
width:90%
}

.errorbox li{
color:#3836FC;
margin:0 0 0 25px
}

.errorbox p strong{
background-color:#C00;
color:#fff;
display:block;
text-align:center;
width:100%
}

/*FAQ panel*/
.questionpanel{
cursor:pointer;
font-weight:700
}

.answerpanel{
height:0;
margin:0 0 0 9px;
overflow:hidden;
padding:0 2px;
width:85%
}

div.contactform label,div.contactform input{
font-size:90%;
margin-bottom:5px;
width:160px
}

div.contactform input[type="submit"]{
background:url(/media/submit.gif) no-repeat;
border:0;
color:#fff;
cursor:pointer;
float:right;
height:21px;
line-height:21px;
width:66px
}

/*Article Template*/
div.Article{
border-bottom:2px solid #EAEAEA;
margin:0 15px 20px
}

#ArticleTemplate p span{
font-size:75%
}

/*Link Styles*/
div.button{
background:url(/media/button-left.gif) no-repeat left;
height:20px;
margin:5px 0 5px 0;
padding:0 0 0 4px
}

div.search div.button{
background-image:url(/media/button-left-g.gif)
}

div.search div.button a{
background-image:url(/media/button-right-g.gif)
}

div.button a{
background:#3836FC url(/media/button-right.gif) no-repeat scroll right center;
color:#fff;
display:block;
float:left;
font-size:90%;
height:20px;
line-height:20px;
padding:0 14px 0 10px;
text-align:center
}

.red{
color:#c00
}

/*Rad Tabs*/
#MainContent li.rtsLI{
display:inline;
margin:0
}

#MainContent li.rtsLI a.rtsLink span.rtsOut{
background:#3836FC url(/media/tab-b-l.gif) no-repeat 0 0;
cursor:pointer;
display:block;
float:left;
height:20px;
margin:20px 2px 0 0
}

#MainContent li.rtsLI a.rtsSelected span.rtsOut{
height:30px;
margin:10px 2px 0 0
}

#MainContent li.rtsLI a.rtsLink span.rtsIn{
background:url(/media/tab-b-r.gif) no-repeat 100% 0;
display:block;
float:left;
height:20px
}

#MainContent li.rtsLI a.rtsLink span.rtsTxt{
color:#fff;
cursor:pointer;
display:block;
font-weight:700;
margin:0 15px;
text-decoration:none
}

/*Form*/
.button{
background:url(/media/button-left.gif) no-repeat;
float:left;
height:20px;
margin:0 2px 0 0;
padding:0 0 0 4px
}

div.FindOutMore{
margin:0 110px
}

.button input{
background:#3836FC url(/media/button-right.gif) no-repeat scroll right center;
border:medium none;
color:#fff;
cursor:pointer;
font-size:90%;
height:20px;
padding:0 10px 0 6px;
text-align:center
}

/*Extra bits*/
div.DetailButton{
padding:0 0 0 30px;
}

div.PaddedDiv{
padding:0 0 0 15px
}

div.PDF a{
background:url(/media/blue_clickpdf.gif);
display:block;
height:101px;
width:218px
}

div.PDF a:hover{
background:url(/media/red_clickpdf.gif)
}

td,th{
padding:1px 5px;
vertical-align:top
}

table.styled{
border:1px solid #999;
width:492px
}

#MainContent table.CircleChart li{
background:url(/media/circle.gif) no-repeat;
display:block;
font-size:90%;
height:55px;
line-height:13px;
margin:0;
padding:10px 15px 0;
width:80px
}

table.styled th{
background-color:#fff;
padding:5px;
text-align:center;
vertical-align:bottom
}

table.styled td{
background-color:#dde1e4;
padding:5px;
text-align:center
}

table.MeetTheTeam{
border-spacing:0;
margin:0 0 0 10px;
width:502px
}

table.MeetTheTeam td{
border-bottom:2px solid #eaeaea;
padding:10px 5px
}

.clearfloat{
clear:both
}

hr.clearfloat{
clear:both;
height:0;
line-height:0;
visibility:hidden
}

.hide{
height:0;
width:0
}

img{
border:0
}

hr{
border:0;
border-bottom:2px dotted #eaeaea;
margin:5px 0
}

.floatleftmargin{
float:left;
margin-bottom:5px;
margin-right:10px
}

.floatright{
float:right;
margin:0 0 0 5px;
}

.floatrightmargin{
float:right;
margin-bottom:10px;
margin-left:10px
}

.center{
text-align:center
}

.hidden{
visibility:hidden
}

#imgProductImage{
background-color:#999;
padding:1px;
text-align:center;
width:300px
}

/*Site credits*/
#sitecredit{
background:#fff;
border:solid 10px #fff;
margin:0 auto;
text-align:center;
width:963px
}

#sitecredit a{
background:url(/media/flareicon.gif) no-repeat left;
color:#999;
font-weight:600;
margin:3px 0;
padding:5px 5px 5px 23px
}

#header div.contactinfo p.links a,#footer a{
color:#999
}

#header div.contactinfo p.contact a,#MainContent li.rtsLI a.Green span.rtsTxt{
color:#002358;
}

#navigation,.rtSp,.rtMinus{
display:none
}

#sidenavigation div.box,#rightnavigation div.box{
margin:0 0 10px
}

div.tab,div.title{
background:#3836FC url(/media/tab-off-left.gif) no-repeat top left;
float:left;
margin:10px 1px 0 0
}
div.greentitle {
background:#C8E9CC url(/media/tab-off-green-left.gif) no-repeat top left;
float:left;
margin:10px 1px 0 0
}

#MainContent div.CategoryBox div.top,#MainContent div.GalleryBox div.top{
background:none;
height:89px
}

#MainContent div.GalleryBox div.content p a,div.button strong{
color:#fff
}

#footer img{
margin:0 10px
}

a,li a:hover{
color:#c00;
text-decoration:none
}

li,#MainContent li{
list-style-type:disc;
margin:0 0 0 25px
}

div.button a:hover,#MainContent li.rtsLI a.rtsLink{
text-decoration:none
}

#MainContent li.rtsLI a.rtsLink:hover span.rtsOut,#MainContent li.rtsLI a.Red span.rtsOut,#MainContent li.rtsLI a.Red:hover span.rtsOut{
background:#c00 url(/media/tab-r-l.gif) no-repeat 0 0
}

#MainContent li.rtsLI a.Blue span.rtsOut,#MainContent li.rtsLI a.Blue:hover span.rtsOut{
background:#3836FC url(/media/tab-b-l.gif) no-repeat 0 0
}

#MainContent li.rtsLI a.Green span.rtsOut,#MainContent li.rtsLI a.Green:hover span.rtsOut{
background:#C8E9CC url(/media/tab-g-l.gif) no-repeat 0 0
}

#MainContent li.rtsLI a.rtsLink:hover span.rtsIn,#MainContent li.rtsLI a.Red span.rtsIn,#MainContent li.rtsLI a.Red:hover span.rtsIn{
background:url(/media/tab-r-r.gif) no-repeat 100% 0
}

#MainContent li.rtsLI a.Blue span.rtsIn,#MainContent li.rtsLI a.Blue:hover span.rtsIn{
background:url(/media/tab-b-r.gif) no-repeat 100% 0
}

#MainContent li.rtsLI a.Green span.rtsIn,#MainContent li.rtsLI a.Green:hover span.rtsIn{
background:url(/media/tab-g-r.gif) no-repeat 100% 0
}

table.styled td p,table.styled th p,table.MeetTheTeam td p{
padding:0;
text-align:left
}

#MainContent li.rrItem {
margin:0;
}

div.SearchBox {
margin:0 0 0 25px;
}

div.SearchBox p.button {
float:right;
margin:8px 50px 8px 0;
}