static/beagle.css

   1 @charset "utf-8";
   2 /* CSS Document */
   3
   4 body {
   5         font: Arial, Helvetica, sans-serif;
   6         font-size:12px;
   7         background-color: #fcf7ed;
   8         margin: 0;
   9         padding: 0;
  10         color: #525252;
  11 }
  12
  13 /* Element/tag selectors */
  14 /*
  15 ul, ol, dl {
  16         padding: 0;
  17         margin: 0;
  18 }
  19
  20
  21 h1, h2, h3, h4, h5, h6, p {
  22         margin-top: 0;
  23         padding-right: 15px;
  24         padding-left: 15px;
  25         }*/
  26
  27         h2, h3 {
  28                 margin-top: 5px;
  29                 margin-bottom: 5px;
  30         }
  31
  32 a img {
  33         border: none;
  34 }
  35 a.external {
  36     background: url(/static/images/icon_offsite.gif) center right no-repeat;
  37     padding-right: 13px;
  38 }
  39
  40 ul.square {
  41         list-style-type:square;
  42         color: #525252;
  43         padding-left:10px;
  44         margin:10px;
  45         }
  46
  47 /* Element/tag selectors end */
  48
  49 .top {
  50         background-color: #de7224;
  51         height: 75px;
  52         text-align: center;
  53 }
  54 .top-header {
  55         width: 950px;
  56         padding-left:50px;
  57         padding-top:10px;
  58         text-align:left;
  59         margin: 0 auto;
  60 }
  61 .social{
  62         width:200px;
  63         float:right;
  64         padding-top:15px;
  65 }
  66 .container {
  67         width: 950px;
  68         height: 600px;
  69         background-color: #FFFFFF;
  70         margin: 0 auto;
  71 }
  72
  73 /* main menu */
  74 #cssmenu ul,
  75 #cssmenu li,
  76 #cssmenu span,
  77 #cssmenu a {
  78   margin: 0;
  79   padding: 0;
  80   position: relative;
  81 }
  82 #cssmenu {
  83   height: 39px;
  84   width: 950px;
  85   border-radius: 0px 0px 0 0;
  86   -moz-border-radius: 0px 0px 0 0;
  87   -webkit-border-radius: 0px 0px 0 0;
  88   background: #141414;
  89   background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;
  90   background: -moz-linear-gradient(top, #515151 0%, #222222 100%);
  91   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #222222));
  92   background: -webkit-linear-gradient(top, #515151 0%, #222222 100%);
  93   background: -o-linear-gradient(top, #515151 0%, #222222 100%);
  94   background: -ms-linear-gradient(top, #515151 0%, #222222 100%);
  95   background: linear-gradient(to bottom, #515151 0%, #222222 100%);
  96   border-bottom: 2px solid #de7224;
  97 }
  98 #cssmenu:after,
  99 #cssmenu ul:after {
 100   content: '';
 101   display: block;
 102   clear: both;
 103 }
 104 #cssmenu a {
 105  background: #141414;
 106   background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;
 107   background: -moz-linear-gradient(top, #515151 0%, #222222 100%);
 108   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #222222));
 109   background: -webkit-linear-gradient(top, #515151 0%, #222222 100%);
 110   background: -o-linear-gradient(top, #515151 0%, #222222 100%);
 111   background: -ms-linear-gradient(top, #515151 0%, #222222 100%);
 112   background: linear-gradient(to bottom, #515151 0%, #222222 100%);
 113   color: #ffffff;
 114   display: inline-block;
 115   font-family: Arial, Helvetica, sans-serif;
 116   font-size: 12px;
 117   line-height: 39px;
 118   padding: 0 25px;
 119   text-decoration: none;
 120 }
 121 #cssmenu ul {
 122   list-style: none;
 123 }
 124 #cssmenu > ul {
 125   float: left;
 126 }
 127 #cssmenu > ul > li {
 128   float: left;
 129 }
 130 #cssmenu > ul > li:hover:after {
 131   content: '';
 132   display: block;
 133   width: 0;
 134   height: 0;
 135   position: absolute;
 136   left: 50%;
 137   bottom: 0;
 138   border-left: 10px solid transparent;
 139   border-right: 10px solid transparent;
 140   border-bottom: 10px solid #e05f0f;
 141   margin-left: -10px;
 142 }
 143 #cssmenu > ul > li:first-child > a {
 144   border-radius: 5px 0 0 0;
 145   -moz-border-radius: 5px 0 0 0;
 146   -webkit-border-radius: 5px 0 0 0;
 147 }
 148 #cssmenu > ul > li:last-child > a {
 149   border-radius: 0 5px 0 0;
 150   -moz-border-radius: 0 5px 0 0;
 151   -webkit-border-radius: 0 5px 0 0;
 152 }
 153 #cssmenu > ul > li.active > a {
 154   box-shadow: inset 0 0 3px #000000;
 155   -moz-box-shadow: inset 0 0 3px #000000;
 156   -webkit-box-shadow: inset 0 0 3px #000000;
 157   background: #070707;
 158   background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%;
 159   background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
 160   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
 161   background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
 162   background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
 163   background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
 164   background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
 165 }
 166 #cssmenu > ul > li:hover > a {
 167   background: #070707;
 168   background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%;
 169   background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
 170   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
 171   background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
 172   background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
 173   background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
 174   background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
 175   box-shadow: inset 0 0 3px #000000;
 176   -moz-box-shadow: inset 0 0 3px #000000;
 177   -webkit-box-shadow: inset 0 0 3px #000000;
 178 }
 179 #cssmenu .has-sub {
 180   z-index: 1;
 181 }
 182 #cssmenu .has-sub:hover > ul {
 183   display: block;
 184 }
 185 #cssmenu .has-sub ul {
 186   display: none;
 187   position: absolute;
 188   width: 200px;
 189   top: 100%;
 190   left: 0;
 191 }
 192 #cssmenu .has-sub ul li {
 193   *margin-bottom: -1px;
 194 }
 195 #cssmenu .has-sub ul li a {
 196   background: #de7224;
 197   border-bottom: 1px dotted #ec9f6f;
 198   filter: none;
 199   font-size: 11px;
 200   display: block;
 201   line-height: 120%;
 202   padding: 10px;
 203 }
 204 #cssmenu .has-sub ul li:hover a {
 205   background: #b04b0c;
 206 }
 207 #cssmenu .has-sub .has-sub:hover > ul {
 208   display: block;
 209 }
 210 #cssmenu .has-sub .has-sub ul {
 211   display: none;
 212   position: absolute;
 213   left: 100%;
 214   top: 0;
 215 }
 216 #cssmenu .has-sub .has-sub ul li a {
 217   background: #b04b0c;
 218   border-bottom: 1px dotted #d0936d;
 219 }
 220 #cssmenu .has-sub .has-sub ul li a:hover {
 221   background: #803709;
 222
 223 /* end main menu */
 224 }
 225 #search  {padding-top:8px; padding-right:25px; text-align:right;}
 226
 227 .breadcrumbs  {
 228         padding-top:10px;
 229         padding-left:25px;
 230         float:left;
 231         font-size:10px;
 232         font-family:Arial, Helvetica, sans-serif;
 233         color; #525252;
 234 }
 235 a:link
 236 {
 237 color: #de7224;
 238 }
 239 a:hover   {color:#de7224; text-decoration:underline;}
 240
 241 .breadcrumb_divider{
 242         font-size:13px;
 243 }
 244 .leftmenu {
 245         float: left;
 246         width: 180px;
 247         background-color: #EADCAE;
 248         padding-bottom: 10px;
 249 }
 250
 251 /* floating menu */
 252 #floatMenu {
 253     position:absolute;
 254     top:200px;
 255     right:50%;
 256     margin-right:265px;
 257     width:240px;
 258 }
 259 #floatMenu ul {
 260     margin-bottom:20px;
 261         list-style:none;
 262         font-family:Arial, Helvetica, sans-serif
 263 }
 264 #floatMenu ul li a {
 265     display:block;
 266         color:#de7224;
 267         border-radius: 5px 5px 5px 5px;
 268    -moz-border-radius: 5px 5px 5px 5px;
 269    -webkit-border-radius: 5px 5px 5px 5px;
 270     background-color:#f1f1f1;
 271     border-bottom:1px dotted #999;
 272         border-left:15px solid #de7224;
 273     text-decoration:none;
 274     padding:5px 5px 5px 8px;
 275 }
 276
 277 #floatMenu ul.menu1 li a:hover {
 278     background-color:#de7224;
 279         color:#fff;
 280         border-left:15px solid #b04b0c;
 281 }
 282 #floatMenu ul.menu2 li a:hover {
 283     background-color:#de7224;
 284         color:#fff;
 285         border-left:15px solid #b04b0c;
 286 }
 287 #floatMenu ul.menu3 li a:hover {
 288     background-color:#de7224;
 289         color:#fff;
 290         border-left:15px solid #b04b0c;
 291 }
 292
 293 img.steps { vertical-align: middle; }
 294 img.start { vertical-align: middle; padding-right:3px; }
 295
 296 /* Accordion menu*/
 297 .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; }
 298 .ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
 299 .ui-accordion .ui-accordion-noicons { padding-left: .7em; }
 300 .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
 301 .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
 302 .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; }
 303 /* Layout helpers
 304 ----------------------------------*/
 305 .ui-helper-hidden { display: none; }
 306 .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
 307 .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
 308 .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
 309 .ui-helper-clearfix:after { clear: both; }
 310 .ui-helper-clearfix { zoom: 1; }
 311 .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
 312
 313
 314 /* Interaction Cues
 315 ----------------------------------*/
 316 .ui-state-disabled { cursor: default !important; }
 317
 318
 319 /* Icons
 320 ----------------------------------*/
 321
 322 /* states and images */
 323 .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
 324
 325
 326 /* Misc visuals
 327 ----------------------------------*/
 328
 329 /* Overlays */
 330 .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
 331
 332
 333
 334
 335 #gettingstarted {
 336         padding-left:200px;
 337 }
 338
 339 /* main content divs*/
 340 /* homepage content divs*/
 341 #hp-c1 {
 342         width:600px;
 343         margin-left:25px;
 344
 345 }
 346 #hp-c2 {
 347         float:left;
 348         width:280px;
 349         margin-left:25px;
 350 }
 351
 352
 353 #hp-c3 {
 354         float:left;
 355         width:590px;
 356         margin-left:25px;
 357         padding-left:10px;
 358         padding-top:10px;
 359         padding-right:0px;
 360         padding-bottom:0px;
 361          border-radius: 5px 5px 5px 5px;
 362   -moz-border-radius: 5px 5px 5px 5px;
 363   -webkit-border-radius: 5px 5px 5px 5px;
 364   border:1px solid #b4a279;
 365 }
 366 #hp-c3-content {
 367         float:right;
 368         width:300px;
 369 }
 370 #hp-c4 {
 371         float:left;
 372         width:280px;
 373         margin-top:15px;
 374         margin-left:25px;
 375         margin-bottom:25px;
 376 }
 377 #hp-c5 {
 378         float:left;
 379         width:280px;
 380         margin-top:62px;
 381         margin-left:25px;
 382         margin-bottom:25px;
 383 }
 384 #hp-c6 {
 385         float:left;
 386         width:280px;
 387         margin-top:47px;
 388         margin-left:25px;
 389         margin-bottom:25px;
 390 }
 391 table#features {
 392         width:250px;
 393 }
 394 #homepage-gettingStarted
 395 {
 396                border: 1px solid #B4A279;
 397                border-radius: 5px 5px 5px 5px;
 398                float: right;
 399                margin-top: 65px;
 400                margin-right: 35px;
 401                padding: 10px;
 402                width: 240px;
 403                background-color:#de7224;
 404                text-align:center;
 405 }
 406
 407
 408 /* end homepage content divs*/
 409
 410 .t3_sidebar {
 411         float: left;
 412         width: 180px;
 413         background-color: #f1f1f1;
 414         padding-bottom: 10px;
 415          border-radius: 5px 5px 5px 5px;
 416   -moz-border-radius: 5px 5px 5px 5px;
 417   -webkit-border-radius: 5px 5px 5px 5px;
 418   border:1px solid #b4a279;
 419 }
 420 ul.left-menu {
 421         list-style:none;
 422         color:#de7224;
 423         padding: 10px;
 424         margin: 10px;
 425         margin-bottom:20px;
 426         line-height:150%;
 427 }
 428 ul.left-menu a {
 429         list-style:none;
 430         color:#de7224;
 431
 432 }
 433 ul.left-menu a:hover{
 434         list-style:none;
 435         color:#fff;
 436         display:block;
 437         background-color:#de7224;
 438         text-decoration:none;
 439 }
 440
 441 .t3_content_1 {
 442         width:650px;
 443         float: left;
 444         padding-left:30px;
 445 }
 446
 447 #t2-c1 {
 448 float:left;
 449         width:575px;
 450         margin-left:0px;
 451         margin-bottom:20px;
 452         padding-left:10px;
 453         padding-top:10px;
 454         padding-bottom:0px;
 455         border-radius: 5px 5px 5px 5px;
 456    -moz-border-radius: 5px 5px 5px 5px;
 457    -webkit-border-radius: 5px 5px 5px 5px;
 458     border:1px solid #b4a279;
 459 }
 460 #t2-c1-content {
 461         float:right;
 462         width:295px;
 463
 464
 465 }
 466 #t2-c1a {
 467 float:left;
 468         width:567px;
 469         margin-right:25px;
 470         margin-bottom:20px;
 471         padding:0px;
 472         padding-bottom: 10px;
 473 }
 474 #t2-c2 {
 475         float:left;
 476         padding:10px;
 477         width:270px;
 478         margin-left:10px;
 479 }
 480 #t2-c4 {
 481         float:left;
 482         width:260px;
 483         padding:10px;
 484         margin-bottom: 20px;
 485         border-radius: 5px 5px 5px 5px;
 486    -moz-border-radius: 5px 5px 5px 5px;
 487    -webkit-border-radius: 5px 5px 5px 5px;
 488     border:1px solid #b4a279;
 489
 490 }
 491 #t2-c5 {
 492         float:left;
 493         width:260px;
 494         margin-left:25px;
 495         margin-bottom: 20px;
 496         padding:10px;
 497         padding-bottom: 10px;
 498         border-radius: 5px 5px 5px 5px;
 499    -moz-border-radius: 5px 5px 5px 5px;
 500    -webkit-border-radius: 5px 5px 5px 5px;
 501     border:1px solid #b4a279;
 502
 503 }
 504 #t2-c6 {
 505         float:left;
 506         width:260px;
 507         margin-left:25px;
 508         margin-bottom: 20px;
 509         padding:10px;
 510         padding-bottom: 10px;
 511         border-radius: 5px 5px 5px 5px;
 512    -moz-border-radius: 5px 5px 5px 5px;
 513    -webkit-border-radius: 5px 5px 5px 5px;
 514     border:1px solid #b4a279;
 515
 516 }
 517 #t2-video-1 {
 518         float:left;
 519         width:420px;
 520         margin-right:53px;
 521 }
 522 #t2-video-2 {
 523         float:left;
 524         width:420px;
 525 }
 526 /*temp
 527 #t2-c7 {
 528         float:left;
 529         width:875px;
 530         margin-bottom: 20px;
 531         padding:10px;
 532         border-radius: 5px 5px 5px 5px;
 533    -moz-border-radius: 5px 5px 5px 5px;
 534    -webkit-border-radius: 5px 5px 5px 5px;
 535     border:1px solid #b4a279;
 536
 537 }
 538
 539 #t2-c7-content {
 540         float:right;
 541         width:600px;
 542 }
 543 */
 544
 545
 546 .browser-connect {
 547         width: 600px;
 548         padding:10px;
 549         border-radius: 5px 5px 5px 5px;
 550   -moz-border-radius: 5px 5px 5px 5px;
 551   -webkit-border-radius: 5px 5px 5px 5px;
 552   color:#fff;
 553   background: #de7224;
 554   border:1px solid #803709;
 555 }
 556 .browser-connected {
 557         width: 600px;
 558         padding:10px;
 559         border-radius: 5px 5px 5px 5px;
 560   -moz-border-radius: 5px 5px 5px 5px;
 561   -webkit-border-radius: 5px 5px 5px 5px;
 562   color:#fff;
 563   background: #00993f;
 564   border:1px solid #803709;
 565 }
 566 #browser-content {
 567         padding-top:8px;
 568         float:right;
 569         width:500px;
 570 }
 571
 572 /*Juan added */
 573 /*temp
 574 #t2-c5a {
 575
 576     border-radius: 5px 5px 5px 5px;
 577     float: left;
 578     width: 200px;
 579                margin-left:5px;
 580 }
 581
 582 #t2-c5b {
 583
 584     border-radius: 5px 5px 5px 5px;
 585     float: left;
 586     width: 180px;
 587                margin-left:5px;
 588 }
 589
 590 #t2-c5c {
 591     /*border: 1px solid #B4A279;*//*temp
 592     border-radius: 5px 5px 5px 5px;
 593     float: left;
 594     width: 200px;
 595                margin-left:5px;
 596 }
 597
 598 */
 599 /* ########      PRODUCT DETAILS page table holders begin   #######      */
 600 /* ################################################################# */
 601 /* SUPPORT
 602 /* ################################################################# */
 603
 604 #sup-forum
 605 {
 606                border: 1px solid #B4A279;
 607                border-radius: 5px 5px 5px 5px;
 608                float: left;
 609                margin-bottom: 20px;
 610                margin-left: 25px;
 611                padding: 10px;
 612                width: 260px;
 613 }
 614
 615 #sup-irc
 616 {
 617                border: 1px solid #B4A279;
 618                border-radius: 5px 5px 5px 5px;
 619                float: left;
 620                margin-bottom: 20px;
 621                margin-left: 25px;
 622                padding: 10px;
 623                width: 260px;
 624                                                 background-color:#de7224;
 625                                                 text-align:center;
 626 }
 627 #sup-irc h2
 628 {
 629                color:#fff;
 630                font-weight:bold;
 631 }
 632
 633 #sup-faq
 634 {
 635                border: 1px solid #B4A279;
 636                border-radius: 5px 5px 5px 5px;
 637                float: left;
 638                margin-bottom: 20px;
 639                margin-left: 25px;
 640                padding: 10px;
 641                width: 260px;
 642                                                 background-color:#de7224;
 643                                                 text-align:center;
 644 }
 645
 646 #sup-faq h2
 647 {
 648                color:#fff;
 649                font-weight:bold;
 650 }
 651
 652 #sup-flash
 653 {
 654                border: 1px solid #B4A279;
 655                border-radius: 5px 5px 5px 5px;
 656                float: left;
 657                margin-bottom: 20px;
 658                margin-left: 0;
 659                padding: 10px;
 660                width: 567px;
 661                height:195px;
 662                min-height:195px;
 663 }
 664
 665 #sup-guide
 666 {
 667                border: 1px solid #B4A279;
 668                border-radius: 5px 5px 5px 5px;
 669                float: left;
 670                margin-bottom: 20px;
 671                margin-left: 0;
 672                padding: 10px;
 673                width: 567px;
 674                height:195px;
 675                min-height:195px;
 676 }
 677
 678 #sup-exDoc
 679 {
 680                /*border: 1px solid #B4A279;*/
 681                border-radius: 5px 5px 5px 5px;
 682                float: left;
 683                margin-bottom: 20px;
 684                margin-left: 25px;
 685                padding: 0 10px 10px 10px;
 686                width: 260px;
 687 }
 688
 689 #sup-softSup
 690 {
 691                border: 1px solid #B4A279;
 692                border-radius: 5px 5px 5px 5px;
 693                float: left;
 694                margin-bottom: 20px;
 695                margin-left: 0;
 696                padding: 10px;
 697                width: 870px;
 698                height:auto;
 699                min-height:195px;
 700 }
 701
 702 #sup-hardSup
 703 {
 704                border: 1px solid #B4A279;
 705                border-radius: 5px 5px 5px 5px;
 706                float: left;
 707                margin-bottom: 20px;
 708                margin-left: 0;
 709                padding: 10px;
 710                width: 870px;
 711                height:auto;
 712                min-height:195px;
 713 }
 714 #sup-forum h2
 715 {
 716                color:#fff;
 717                font-weight:bold;
 718 }
 719 #t2-c4-prod-details {
 720     border: 1px solid #B4A279;
 721     border-radius: 5px 5px 5px 5px;
 722     float: left;
 723     margin-bottom: 20px;
 724     padding: 10px;
 725     width: 260px;
 726                height:auto;
 727                min-height:345px;
 728 }
 729 #t2-c5-prod-details {
 730     border: 1px solid #B4A279;
 731     border-radius: 5px 5px 5px 5px;
 732     float: left;
 733     margin-bottom: 20px;
 734     margin-left: 25px;
 735     padding: 10px;
 736     width: 260px;
 737                height:auto;
 738                min-height:345px;
 739 }
 740 #t2-c6-prod-details {
 741     border: 1px solid #B4A279;
 742     border-radius: 5px 5px 5px 5px;
 743     float: left;
 744     margin-bottom: 20px;
 745     margin-left: 25px;
 746     padding: 10px;
 747     width: 260px;
 748                height:auto;
 749                min-height:345px;
 750 }
 751 /* ########      PRODUCT DETAILS page table holders ends   #######      */
 752 #t2-c7
 753 {
 754                border: 1px solid #B4A279;
 755                border-radius: 5px 5px 5px 5px;
 756                float: left;
 757                margin-bottom: 20px;
 758                padding: 10px 0 0 10px;
 759                width: 885px;
 760 }
 761
 762 #t2-c7-content
 763 {
 764                float: right;
 765                width: 600px;
 766 }
 767
 768 #t2-c5a
 769 {
 770
 771                float: left;
 772                width: 280px;
 773
 774 }
 775
 776 #t2-c5b
 777 {
 778                padding-left:20px;
 779                float: left;
 780                width: 280px;
 781
 782 }
 783
 784 #t2-c5c
 785 {
 786
 787                            float: left;
 788                width: 280px;
 789
 790
 791 }
 792
 793
 794 #t2-c5d
 795 {
 796
 797                float: left;
 798                width: 590px;
 799
 800 }
 801
 802 #CTA
 803 {
 804                background-color:#de7224;
 805                width:225px;
 806                height:72px;
 807                display:block;
 808                margin-top:20px;
 809                background:url(images/CTA-tilt.jpg) no-repeat;
 810                padding: 8px 0 0 45px;
 811                float:right;
 812 }
 813 /* ################################################################# */
 814 /* HARDWARE SUPPORT
 815 /* ################################################################# */
 816 #hard-sup
 817 {
 818                border: 1px solid #B4A279;
 819                border-radius: 5px 5px 5px 5px;
 820                float: left;
 821                margin-bottom: 20px;
 822                margin-left: 0;
 823                padding: 10px;
 824                width: 567px;
 825                height:auto;
 826                min-height:120px;
 827 }
 828 #hard-sup-inter
 829 {
 830                /*border: 1px solid #B4A279;*/
 831                border-radius: 5px 5px 5px 5px;
 832                float: left;
 833                margin-bottom: 20px;
 834                margin-left: 25px;
 835                padding: 0 10px 10px 10px;
 836                width: 260px;
 837                height:auto;
 838                min-height:120px;
 839 }
 840
 841 #hard-sup-level-doc
 842 {
 843                /*border: 1px solid #B4A279;
 844                border-radius: 5px 5px 5px 5px;*/
 845                float: left;
 846                margin-bottom: 10px;
 847                margin-left: 0;
 848                padding: 10px;
 849                width: 870px;
 850                height:auto;
 851                min-height:150px;
 852 }
 853
 854 #hard-sup-level-doc-prod-a
 855 {
 856                border: 1px solid #f1f1f1;
 857                            background-color:#f1f1f1;
 858                border-radius: 5px 5px 5px 5px;
 859                float: left;
 860                margin-bottom: 20px;
 861                padding: 10px;
 862                width: 180px;
 863                height:auto;
 864                min-height:150px;
 865 }
 866
 867 #hard-sup-level-doc-prod-b
 868 {
 869                border: 1px solid #f1f1f1;
 870                            background-color:#f1f1f1;
 871                border-radius: 5px 5px 5px 5px;
 872                float: left;
 873                margin-bottom: 20px;
 874                margin-left: 15px;
 875                padding: 10px;
 876                width: 180px;
 877                height:auto;
 878                min-height:150px;
 879 }
 880
 881 #hard-sup-level-doc-prod-c
 882 {
 883                border: 1px solid #f1f1f1;
 884                            background-color:#f1f1f1;
 885                border-radius: 5px 5px 5px 5px;
 886                float: left;
 887                margin-bottom: 20px;
 888                margin-left: 15px;
 889                padding: 10px;
 890                width: 180px;
 891                height:auto;
 892                min-height:150px;
 893 }
 894
 895 #hard-sup-level-doc-prod-d
 896 {
 897                border: 1px solid #f1f1f1;
 898                            background-color:#f1f1f1;
 899                border-radius: 5px 5px 5px 5px;
 900                float: left;
 901                margin-bottom: 20px;
 902                margin-left: 15px;
 903                padding: 10px;
 904                width: 180px;
 905                height:auto;
 906                min-height:150px;
 907 }
 908
 909 #hard-sup-capes
 910 {
 911                border: 1px solid #B4A279;
 912                border-radius: 5px 5px 5px 5px;
 913                float: left;
 914                margin-bottom: 20px;
 915                margin-left: 0;
 916                padding: 10px;
 917                width: 567px;
 918                height:auto;
 919                min-height:120px;
 920 }
 921
 922 #hard-sup-repair
 923 {
 924                border: 1px solid #B4A279;
 925                border-radius: 5px 5px 5px 5px;
 926                float: left;
 927                margin-bottom: 20px;
 928                margin-left: 20px;
 929                padding: 10px;
 930                width: 260px;
 931                height:auto;
 932                min-height:120px;
 933 }
 934
 935
 936 #hard-sup-materials
 937 {
 938                border: 1px solid #B4A279;
 939                border-radius: 5px 5px 5px 5px;
 940                float: left;
 941                margin-bottom: 20px;
 942                margin-left: 0;
 943                padding: 10px;
 944               width: 870px;
 945                height:auto;
 946                min-height:5px;
 947 }
 948
 949
 950
 951 #hard-sup-materials-a
 952 {
 953                /*border: 1px solid #f1f1f1;
 954                background-color:#f1f1f1;*/
 955                border-radius: 5px 5px 5px 5px;
 956                float: left;
 957                margin-bottom: 10px;
 958                padding: 10px;
 959                width: 250px;
 960                height:auto;
 961                min-height:5px;
 962 }
 963
 964 #hard-sup-materials-b
 965 {
 966                /*border: 1px solid #f1f1f1;
 967                background-color:#f1f1f1;*/
 968                border-radius: 5px 5px 5px 5px;
 969                float: left;
 970                margin-bottom: 10px;
 971                margin-left: 25px;
 972                padding: 10px;
 973                width: 250px;
 974                height:auto;
 975                min-height:5px;
 976 }
 977
 978 #hard-sup-materials-c
 979 {
 980                /*border: 1px solid #f1f1f1;
 981                background-color:#f1f1f1;*/
 982                border-radius: 5px 5px 5px 5px;
 983                float: left;
 984                margin-bottom: 10px;
 985                margin-left: 25px;
 986                padding: 10px;
 987                width: 250px;
 988                height:auto;
 989                min-height:5px;
 990 }
 991
 992 /* ################################################################# */
 993 /* SOFTWARE SUPPORT
 994 /* ################################################################# */
 995
 996 #soft-sup-bonescript
 997 {
 998                border: 1px solid #B4A279;
 999                border-radius: 5px 5px 5px 5px;
1000                float: left;
1001                margin-bottom: 20px;
1002                margin-left: 0;
1003                padding: 10px;
1004                width: 567px;
1005                height:auto;
1006                min-height:100px;
1007 }
1008
1009 #soft-sup-gettingStarted
1010 {
1011                border: 1px solid #B4A279;
1012                border-radius: 5px 5px 5px 5px;
1013                float: left;
1014                margin-bottom: 20px;
1015                margin-left: 20px;
1016                padding: 10px;
1017                width: 260px;
1018                background-color:#de7224;
1019                text-align:center;
1020 }
1021
1022 #soft-sup-gettingStarted h2
1023 {
1024                color:#fff;
1025                font-weight:bold;
1026 }
1027
1028 #soft-sup-download
1029 {
1030                /*border: 1px solid #B4A279;*/
1031                border-radius: 5px 5px 5px 5px;
1032                float: left;
1033                margin-bottom: 20px;
1034                margin-left: 25px;
1035                padding: 0 10px 10px 10px;
1036                width: 260px;
1037 }
1038
1039 #soft-sup-SoftwareSupport
1040 {
1041                border: 1px solid #B4A279;
1042                border-radius: 5px 5px 5px 5px;
1043                float: left;
1044                margin-bottom: 20px;
1045                margin-left: 0;
1046                padding: 10px;
1047                width: 567px;
1048                height:auto;
1049                min-height:300px;
1050 }
1051
1052 #soft-sup-links
1053 {
1054                border: 1px solid #B4A279;
1055                border-radius: 5px 5px 5px 5px;
1056                float: left;
1057                margin-bottom: 20px;
1058                margin-left: 20px;
1059                padding: 10px;
1060                width: 260px;
1061                height:auto;
1062                min-height:150px;
1063 }
1064
1065 /*Juan added end*/
1066
1067 /* main content divs end*/
1068 /*temp
1069 .footer {
1070         clear:left;
1071         margin: 0 auto;
1072         width: 950px;
1073         height: 200px;
1074         font-size:12px;
1075         padding:10px 0;
1076         text-align:left;
1077         color: #ffffff;
1078         background: #141414;
1079         background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;
1080         background: -moz-linear-gradient(top, #515151 0%, #222222 100%);
1081         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #222222));
1082         background: -webkit-linear-gradient(top, #515151 0%, #222222 100%);
1083         background: -o-linear-gradient(top, #515151 0%, #222222 100%);
1084         background: -ms-linear-gradient(top, #515151 0%, #222222 100%);
1085         background: linear-gradient(to bottom, #515151 0%, #222222 100%);
1086         border-top: 5px solid #de7224;
1087         max-height:225px;
1088 }
1089 */
1090
1091 .footer
1092 {
1093                background:url(images/footer-img.jpg) repeat-x;
1094                clear: left;
1095                font-size: 12px;
1096                height: 200px;
1097                max-height:200px;
1098                margin: 0 auto;
1099                padding: 10px 0;
1100                text-align: left;
1101                width: 950px;
1102 }
1103 #footer-links {
1104         width: 950px;
1105         padding-left:0px;
1106         padding-top:30px;
1107 }
1108 #footer-col1 {
1109         list-style:none;
1110         display: block;
1111         width: 280px;
1112         float:left;
1113         margin-left:0px;
1114         padding-top:0px;
1115 }
1116 #footer-col1 ul {
1117         list-style:none;
1118         font-family:Arial, Helvetica, sans-serif;
1119         line-height:2;
1120 }
1121 #footer-col1 ul li a {
1122         color:#ffffff;
1123     text-decoration:none;
1124 }
1125 #footer-col1 ul li a:hover {
1126         color:#de7224;
1127 }
1128 #footer-col2 {
1129         list-style:none;
1130         width: 280px;
1131         display: block;
1132         float:left;
1133         margin-left:30px;
1134         padding-top:0px;
1135 }
1136 #footer-col2 ul {
1137         list-style:none;
1138         font-family:Arial, Helvetica, sans-serif;
1139         line-height:2;
1140 }
1141 #footer-col2 ul li a {
1142         color:#ffffff;
1143     text-decoration:none;
1144 }
1145 #footer-col2 ul li a:hover {
1146         color:#de7224;
1147 }
1148
1149 #footer-col3 {
1150         list-style:none;
1151         width: 280px;
1152         display: block;
1153         float:left;
1154         margin-left:30px;
1155         padding-top:0px;
1156         text-align:left;
1157 }
1158 #footer-col3 ul {
1159         list-style:none;
1160         font-family:Arial, Helvetica, sans-serif;
1161         line-height:2;
1162 }
1163 #footer-col3 ul li a {
1164         color:#ffffff;
1165     text-decoration:none;
1166
1167 }
1168
1169 #footer-col3 ul li a:hover {
1170         color:#de7224;
1171 }
1172
1173 #login {
1174         padding-top:20px;
1175         padding-left:25px;
1176 }
1177
1178 #login a {
1179         color:#ffffff;
1180     text-decoration:none;
1181 }
1182 #login a:hover {
1183         color:#de7224;
1184 }
1185
1186 div#cc {
1187         padding:20px 0 0 25px;
1188         float:left;
1189         font-size:11px;
1190 }
1191 /* ################################################################# */
1192 /* COMMUNITY MAILING LIST
1193 /* ################################################################# */
1194
1195 #comm-mail-list-groups
1196 {
1197                float: left;
1198                margin-bottom: 20px;
1199                margin-left: 0;
1200                padding: 10px;
1201                width: auto;
1202                min-width:870px;
1203                height:auto;
1204                min-height:300px;
1205 }h
1206
1207
1208
1209 #comm-mail-list-subscription
1210 {
1211                /*border: 1px solid #B4A279;
1212                border-radius: 5px 5px 5px 5px;*/
1213                float: left;
1214                margin-bottom: 10px;
1215                margin-left: 0;
1216                padding: 10px;
1217                width: 870px;
1218                height:auto;
1219                min-height:150px;
1220 }
1221
1222 #comm-mail-list-subscription-a
1223 {
1224                border: 1px solid #f1f1f1;
1225                                                 background-color:#f1f1f1;
1226                border-radius: 5px 5px 5px 5px;
1227                float: left;
1228                margin-bottom: 20px;
1229                padding: 10px;
1230                width: 180px;
1231                height:auto;
1232                min-height:150px;
1233 }
1234
1235 #comm-mail-list-subscription-b
1236 {
1237                border: 1px solid #f1f1f1;
1238                                                 background-color:#f1f1f1;
1239                border-radius: 5px 5px 5px 5px;
1240                float: left;
1241                margin-bottom: 20px;
1242                margin-left: 15px;
1243                padding: 10px;
1244                width: 180px;
1245                height:auto;
1246                min-height:150px;
1247 }
1248
1249 #comm-mail-list-subscription-c
1250 {
1251                border: 1px solid #f1f1f1;
1252                                                 background-color:#f1f1f1;
1253                border-radius: 5px 5px 5px 5px;
1254                float: left;
1255                margin-bottom: 20px;
1256                margin-left: 15px;
1257                padding: 10px;
1258                width: 180px;
1259                height:auto;
1260                min-height:150px;
1261 }
1262
1263 #comm-mail-list-subscription-d
1264 {
1265                border: 1px solid #f1f1f1;
1266                                                 background-color:#f1f1f1;
1267                border-radius: 5px 5px 5px 5px;
1268                float: left;
1269                margin-bottom: 20px;
1270                margin-left: 15px;
1271                padding: 10px;
1272                width: 180px;
1273                height:auto;
1274                min-height:150px;
1275 }
1276 #sup-forum
1277 {
1278                border: 1px solid #B4A279;
1279                border-radius: 5px 5px 5px 5px;
1280                float: left;
1281                margin-bottom: 20px;
1282                margin-left: 25px;
1283                padding: 10px;
1284                width: 260px;
1285                background-color:#de7224;
1286                color:#fff;
1287                text-align:center;
1288 }
1289
1290 /* ################################################################# */
1291 /* BONESCRIPT LIBRARY
1292 /* ################################################################# */
1293
1294 pre#code {
1295  position: relative;
1296  width: 500px;
1297  padding-left: 0;
1298  border-radius: 4px;
1299  border-bottom-right-radius: 0px;
1300  border-bottom-left-radius: 0px;
1301  margin-bottom: 0px;
1302  margin-left: 30px;
1303  margin-right: 0px;
1304  align: left;
1305 }
1306 #console-output {
1307  margin-top: 0px;
1308  margin-left: 30px;
1309  width: 496px;
1310  border: 1px solid #cccccc;
1311  resize: vertical;
1312 }
1313
1314 #BoneScript-wrapper
1315 {
1316                float: left;
1317                margin-bottom: 10px;
1318                margin-left: 0;
1319                width: 870px;
1320                height:auto;
1321 }
1322 #BoneScript-col1
1323 {
1324                float: left;
1325                width: 200px;
1326                            margin-bottom: 20px;
1327                height:auto;
1328                min-height:150px;
1329                            margin-left:70px;
1330 }
1331
1332 #BoneScript-col2
1333 {
1334                float: left;
1335                width: 200px;
1336                            margin-bottom: 20px;
1337                margin-left: 40px;
1338                height:auto;
1339                min-height:150px;
1340 }
1341 #BoneScript-col3
1342 {
1343                float: left;
1344                width: 200px;
1345                            margin-bottom: 20px;
1346                margin-left: 40px;
1347                height:auto;
1348                min-height:150px;
1349 }
1350
1351 #bonescript-content
1352 {
1353                border: 1px solid #f1f1f1;
1354                            background-color:#f1f1f1;
1355                border-radius: 5px 5px 5px 5px;
1356                float: left;
1357                            list-style:none;
1358                            line-height:20px;
1359                padding: 20px;
1360                            margin-bottom:40px;
1361                width: 165px;
1362                height:auto;
1363
1364 }
1365
1366
1367 /*#############################################
1368 ##               PROJECTS
1369 ###############################################*/
1370 #proj-regis
1371 {
1372                border:1px solid #B4A279;
1373                border-radius:5px 5px 5px 5px;
1374                float:left;
1375                margin-bottom:20px;
1376                margin-left:25px;
1377                padding:10px;
1378                width:260px;
1379                background-color:#de7224;
1380                text-align:center;
1381                color:#fff;
1382                font-weight:bold;
1383 }
1384 #proj-search
1385 {
1386                border: 1px solid #B4A279;
1387                border-radius: 5px 5px 5px 5px;
1388                float: left;
1389                margin-bottom: 20px;
1390                margin-left: 0;
1391                padding: 10px;
1392                width: 870px;
1393                height:auto;
1394                min-height:195px;
1395 }
1396 /*#########################################################
1397 #CAPES PRODUCTS
1398 #
1399 #########################################################*/
1400
1401 #t2-c7-capes-display-prod
1402 {
1403                border: 1px solid #f1f1f1;
1404                                                 /*background-color:#f1f1f1;*/
1405                border-radius: 5px 5px 5px 5px;
1406                float: left;
1407                margin-bottom: 20px;
1408                margin-left: 15px;
1409                padding: 10px;
1410                width: 180px;
1411                height:auto;
1412                min-height:150px;
1413 }