@import url("http://www.redcloudinc.com/css/dynamic_css.php");

* {margin:0; padding:0; text-align:left}
body,html {width:100%; font-size: 11px; font-family: arial,helvetica,sans-serif; background-color:#fff; text-align:center; color:#222}
strong {font-weight:bold;}
img {border:0}
ul {margin:0 0 0 0 auto; list-style-type:none}

li {text-align:left; margin:0px 0px 5px 15px; }

h1 {font-size:1.6em; color:#ca0000}
h2 {font-size:1.1em; color:#4d0002}
h3 {font-size:1.3em; color:#c30000}
p.subheader{font-size:1.1em; font-weight:bold}

table {border-collapse:collapse;}

dt {text-align:right; width:40%; float:left; line-height:2.5em; clear:both}
dd {width:58%; float:right; line-height:2.5em; text-align:left; clear:right}

p{margin:8px 0}

a {color:#c30000; text-decoration:none}
a:hover{color:#930000; text-decoration:underline}

input.text {border: 1px solid #000; font-size:1.1em}

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.listnospace {
	margin: 5px 0 0 0;
}

.sidebox {
	margin: 0 ; /* center for now */
	width: 25em; /* ems so it will grow */
	background: url(../img/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}

.sidebox2 {
	margin: 0 ; /* center for now */
	width: 23em; /* ems so it will grow */
	background: url(../img/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../img/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	font-size:10px;
	text-align: center;
}
.boxhead h2 {
	background: url(../img/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 15px 30px 5px;
	color: white; 
	font-weight: bold; 
	text-align:center;
	font-size: 1.2em; 
	line-height: 1em;
}
.boxbody {
	background: url(..s/img/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 20px;
	font-size: 10px;
}

.right{float:right; margin:10px; display:inline}
.left{float:left; margin:10px; display:inline}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.clear{clear:both}

.list {margin-left:1.2em; margin-top:5px; list-style-type:disc;}

.alignRight {text-align:right; padding-right:5px;}

.caseLeftCol {float:left; width:275px; padding-top:10px;}
.caseRightCol {margin-left:300px; padding-top:10px;}

.testimonialLogo {float:left; width:103px; margin:0; padding-right:10px; border-top:1px black solid;}
.testimonial {padding-top:5px; margin-left:113px; border-top:1px black solid; width:420px;}

/*header styles*/
#main{width:890px; margin:0 auto; padding:0 11px;  background: url(../img/bg_main.gif) left top repeat-y}
#mainSec{width:890px; margin:0 auto; padding:0 11px;  background: url(../img/bg_main2.jpg) left top repeat-y}
#logo{width:100%; height:82px; background-color:#cc0000;}
#logo img{margin-left:10px; margin-top:3px}
#login {width:125px; height:74px;  float:right; display:inline; background: url(../img/bg_login.gif) left top repeat-x; border-left: 1px solid #fff;  padding-left:4px; padding-top:8px}
#login span{font-size:1.2em; font-weight:bold}
#login input.text{width:80px; margin-top:5px}
#login input.button{position:relative; top:8px}

#mainMenu {margin:0; padding-left:10px;  height:21px; clear:both;  background: url(../img/bg_menu.gif) left top repeat-x; border-top: 1px solid #fff}
#mainMenu li{ float:left; margin:0; height:15px; background: url(../img/menu_separator.gif) left top no-repeat; position:relative}
#mainMenu li a{color:#fff; text-decoration:none; padding:3px 20px; font-weight:bold; font-size:1.1em; display:block; background: url(../img/menu_separator.gif) left top no-repeat;}
#mainMenu li a:hover, #mainMenu li a.selected{background:url(../img/button_strip.gif) left top repeat-x;}
#mainMenu li.first{background:none}

#mainMenu li ul {position:absolute; top:10px; left:0px; width:200px; display:none}
#mainMenu li:hover ul {display:block}
#mainMenu li ul li{float:none; background:none; display:block; margin:0; height:20px; border-bottom:1px solid #ddd;  padding:0}
#mainMenu li ul li a{width:100%; height:100%; text-align:center; background-color:#888; font-weight:normal; line-height:1.9em}
#mainMenu li ul li a:hover{color:#fff; background-color:#555}



/* main styles */
#content 
#secNav {background: url(../img/bg_left_bar.jpg) left top no-repeat; min-height:500px; width: 108px; padding:75px 19px 0;float:left; display:inline; background-color:#938d8d;}
* html #secNav {height:452px}

#secNav #navHeader{font-size:1.2em; font-weight:bold; color:#ca0000; text-align:center; margin-bottom:10px;}
#secNav ul{margin:0}
#secNav li{margin:0; padding:6px 0; font-size:1.0em; background: url(../img/sec_menu_separator.gif) center bottom no-repeat}
#secNav li a {padding-left:8px; color:#555}
#secNav li a:hover, #secNav li a.selected {padding-left:8px; background: url(../img/arrow3.gif) left 3px no-repeat;  color:#ca0300}

#baner img{margin-left:0px}

#cols {float:right; background-color:#fff; width:740px;}
#cols h2{float:left; display:inline; height:34px; padding-left:5px; padding-top:2px}
#cols h2#col1 {width:181px; background: url(../img/subhead_1.gif) left top no-repeat}
#cols h2#col2 {width:362px; background: url(../img/subhead_2.gif) left top no-repeat;}
#cols h2#col3 {width:180px; background: url(../img/subhead_4.gif) left top no-repeat; border-right:1px solid #ccc;}
#cols div{float:left; display:inline; background: url(../img/bg_col_bin.gif) left top repeat-x; position:relative}
#cols div a.bottomLink{position:absolute; bottom:5px; right:5px; font-weight:bold; padding-right:20px;margin-right:10px; background: url(../img/arrow.gif) right center no-repeat}
#cols div p, #cols div h3{margin:5px 10px}
#cols div p a img {margin:0 15px 0 0}

#cols div#col1Content {width:185px; border-right:1px solid #ccc; padding-bottom:20px; height:250px;}
#cols div#col2Content {width:366px; border-right:1px solid #ccc; padding-bottom:20px; height:250px;}
#cols div#col3Content {width:185px; border-right:1px solid #ccc; padding-bottom:20px; background-color:#fff; height:250px; display:auto;}

#footer {width:912px; margin:auto;  height: 63px; background: url(../img/bg_bottom.gif) left top no-repeat; margin-bottom:0px;}
#logos{margin:auto; margin-bottom:10px; margin-top:-20px}


#secContent {width:724px; background: url(../img/bg_main_sec.jpg) left top no-repeat; float:right; padding:45px 0  0 20px;}
#secContent h1{background-color:#fff; border-bottom: 1px solid black; }
#secContent #rNavLinkWrapper1Link {padding-top:60px;}
#secContent #rNavLinkWrapper2Links {padding-top:80px;}
#secContent #rNavLinkWrapper3Links {padding-top:100px;}
#secContent #bar{width:162px; background-color:transparent; float:right; min-height:427px; text-align:center; padding-left:10px; position: relative;}
#secContent #bar h3{background-color:#cc0000; width:124px; height:22px; padding-top:8px; text-align:center; color:white; margin: 20px auto 0 auto; }
#secContent #bar ul{width:122px; padding:12px 0; border: 1px solid #a20202; margin-top:0; background-color:white; position:absolute; top:50px; left:29px; }
#secContent #bar ul li{padding: 2px 0 2px 8px; margin-left:7px; color:#777; }
#secContent #bar ul li a{color:#666; padding: 2px 0 2px 8px; background: url(../img/arrow2.gif) left 4px no-repeat}
#secContent #bar ul li a:hover, #secContent #bar ul li a.selected {background: url(../img/arrow3.gif) left 4px no-repeat;  color:#ca0300;}
* html #secContent #bar{height:427px; }

#secContent .col{float:left; width:33%; margin:20px 5% 0 0}

.promotionsBoxContainer_1 { float:right; padding: 40px 0 0 0; position:relative; }
.promotionsBoxContainer { float:right; padding: 40px 0 0 0; display: none; position:relative; }
.promotionsBox { width: 190px; border: solid 1px #9e9e9e; padding: 10px; position: absolute; right: 8px;}
.promotionsBox ul { list-style-type: none; vertical-align: middle; margin: 0px; padding: 0px;}
.promotionsBox ul li { background: url("/html/img/red_ul.gif") .5em .41em no-repeat; margin-left: 0px; padding-left: 15px; }
.promotionsBox ul li.promotionsBox_inside_1 { background-color: #e7e7e7; }
.promotionsBox ul li.promotionsBox_inside_2 { background-color: #fff; }

.promotionsBox_header { font-weight: bold; padding: 0 0 5px 0;}
.promotionsBox_footer { font-weight: bold; padding: 5px 0 0 0;}

#specialsBox {width:400px; border:1px solid #a20202; background-color:#fff;}
#specialsBox #specialsHeader {background-color:#cc0000; color:#fff; font-weight:bold; padding:5px;}

#birdsallFooter {font-size:10px; color:#aaaaaa; text-align:center; padding-bottom:10px;}
#birdsallFooter a {font-size:10px; color:#aaaaaa; text-align:center; text-decoration:none;}
#birdsallFooter a:hover {text-decoration:underline;}

#sitemap #l1 a {color:#666; padding: 2px 0 2px 8px; background: url(../img/arrow2.gif) left 4px no-repeat; font-weight:bold;}
#sitemap #l1 a:hover {color:#ca0300; padding: 2px 0 2px 8px; background: url(../img/arrow3.gif) left 4px no-repeat; font-weight:bold;}
#sitemap #l1NoLink {color:#000; padding: 2px 0 2px 8px; background: url(../img/arrow2.gif) left 4px no-repeat; font-weight:bold;}
#sitemap #l2 a {color:#666; margin-left:8px; padding: 2px 0 2px 8px; background: url(../img/arrow2.gif) left 4px no-repeat;}
#sitemap #l2 a:hover {background: url(../img/arrow3.gif) left 4px no-repeat;  color:#ca0300}