/* Red Style */

/*  Primary Light: #d20028 #d20028
    Primary Dark:  #850018 #850018
    Secondary Light: #d16654 #d16654
    Secondary Dark: #854135 #854135
*/

html, body { background-color: #d20028; }
body, input, select, textarea { font-size: 13px; font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-Serif; color: #696969; }
input, select, textarea { font-size: 12px; }

#bg-1 { background-color: transparent; background-image: url(/content/common/blank.gif); background-position: 50% 0%; background-repeat:no-repeat;  }
#bg-2 { background-color: transparent; background-image: url(/content/themes/red/images/top-fade.png); background-position: 50% 0%; background-repeat: repeat-x;  }
#bg-3 { background-color: transparent; background-image: url(/content/themes/red/images/bottom-fade.png); background-position: 50% 100%; background-repeat: repeat-x; }

#wrapper-head { background-color: #850018;}
#wrapper-main { background-color: #ffffff;}
#wrapper-foot { background-color: #850018; }

h1,h2,h3,h4,h5,h6 { color: #854135; }
a { color: #850018; text-decoration: none;  }
a:hover { color: #d20028; text-decoration: underline; }

div.calendar .container { border:2px solid #850018; }
div.calendar .header { background-color:#850018; color:White; }
div.calendar .content { color:#850018; }

/* UI */
.ui { background-image: url('/content/themes/red/images/sprites.png'); background-color: transparent; cursor: pointer; text-indent: -9999px; border: 0; display: block;}
.ui-noindent { background-image: url('/content/themes/red/images/sprites.png'); background-color: transparent; border: 0; display: block;}

/* Buttons */
.button  
{
    color: white; background: #854135; cursor:pointer;
    background: -webkit-gradient(linear, left top, left bottom, from(#d20028), to(#850018));
    background: -webkit-linear-gradient(top, #d20028, #850018);
    background: -moz-linear-gradient(top, #d20028, #850018);
    background: -ms-linear-gradient(top, #d20028, #850018);
     background: -o-linear-gradient(top, #d20028, #850018);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d20028', endColorstr='#850018')";
 }
.button:hover, .button_screen:hover { border-top-color: #2f2f2f; background: #2f2f2f; color: #ccc; text-decoration: none; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f2f2f', endColorstr='#2f2f2f')"; }
.button:active, .button_screen:active { border-top-color: #5c87b2; background: #000047; }

/* Footer */
#content-foot {color: #d0d0d0;}
#content-foot h1,#content-foot h2,#content-foot h3,#content-foot h4,#content-foot h5,#content-foot h6 {color: #d16654;}

/* Slider Control */
.slider-nav a {  background-image:url('/content/themes/red/images/sprites.png');}
.flex-control-paging li a.flex-active { background: #000; background: rgba(255,0,0,0.5); cursor: default; }

/* Side Nav */
ul.navlist li a { background-color: #d20028; color:#ffffff; }
ul.navlist li a:hover { background-color: #850018; color: #ffffff; }
ul.navlist .subnav { background-color: #ffffff; z-index: 100; }
ul.navlist .subnav li a { background-color: #d20028; color:#ffffff; }
ul.navlist .subnav li a:hover { background-color: #850018; color: #ffffff; }

ul.navlisthorz li a { background-color:transparent; color:#ffffff; }
ul.navlisthorz li a:hover { background-color: #d20028; color: #ffffff; }
ul.navlisthorz ul,
ul.navlisthorz ul ul { background-color: #000066;  }
ul.navlisthorz .subnav { background-color: #ffffff; }
ul.navlisthorz .subnav li a { background-color: #d20028; color:#ffffff; }
ul.navlisthorz .subnav li a:hover { background-color: #850018; color: #ffffff; }

/* Pager */
div.paging a, 
div.paging span.select,
div.paging strong, 
div.paging a:hover,
div.paging span.option span.items { border: 1px solid #850018; }
div.paging strong  { color: #ffffff; background-color: #850018; } 
div.paging a:hover { color: #ffffff; background-color: #854135; border: 1px solid #854135; }

/* Headers */
div.tblhdr, .carthdr { color:#ffffff; 
    background-color: #d20028; 
    background-image: -webkit-gradient(linear,left top,left bottom,from(#850018),to(#d20028));
    background-image: -moz-linear-gradient(top,#850018,#d20028);
    background-image: linear-gradient(top,#850018,#d20028);
    background-image: -o-linear-gradient(top,#850018 1%,#d20028 100%);}

.home-widget-header, .widget-header { background-color: #850018;}
.home-widget-header h4, .widget-header h4 { border:0;}
.home-widget-row, .widget-row { border-color: #850018; }
.home-widget-footer { background-color: #d20028; }
.home-widget-footer a { color:#eee;}

#previewcontainer div.preview.over { border: solid 1px #d20028; }

#modelList p.subheader, #modelFilter p.header  
{
    background-color: #d20028; 
    background-image: -webkit-gradient(linear,left top,left bottom,from(#850018),to(#d20028));
    background-image: -moz-linear-gradient(top,#850018,#d20028);
    background-image: linear-gradient(top,#850018,#d20028);
    background-image: -o-linear-gradient(top,#850018 1%,#d20028 100%);
}
#invunits {border: 1px solid #850018;}
#invunits div.unitwrapper div.color {color: #850018;}
ul.widget-tabs { border-bottom: 2px solid #850018; }
ul.widget-tabs li { background-color: #850018; border-color: #850018;}
ul.widget-tabs li.active a {border-color: #850018 !important;color: #850018 !important;}
ul.widget-tabs li a {border: 2px solid #850018;	background: #850018;}
ul.widget-tabs li a:hover {border: 2px solid #850018;background: #850018;}
.widget-content-block { border: 2px solid #850018; }