* { margin: 0; padding: 0; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:none; }
caption, th { text-align:left; }

html { height: 100%; margin: 0 0 1px 0; }

body { background: #fff url(/Resources/Images/website/body_bkgr.gif) repeat-x; }
h1 { font-family: "Lucida Sans", Verdana, Arial, Sans-Serif; color: #00407f; font-size: 1.2em; margin: 10px 0 15px; text-align: left; }
h2 { font-family: "Lucida Sans", Verdana, Arial, Sans-Serif; color: #00407f; font-size: 0.9em; margin: 0 0 15px;margin-bottom:0; }
h3 { font-family: "Lucida Sans", Verdana, Arial, Sans-Serif; color: #00407f; font-size: 0.8em; margin: 0 0 5px; }

p, ul, ol, #content address { font-family: Verdana, Arial, Sans-Serif; font-size: 0.75em; color: #002b55; }
p { line-height:1.5em; margin-bottom:0;}

a { text-decoration: none; color: #002b55; }
a:hover { text-decoration:  underline; }
/**/a span { display: none; }
label { padding-bottom: 15px; display: block; font-weight: bold; color: #00407f; font-size: 0.75em; font-family: "Lucida Sans", Verdana, Arial, Sans-Serif; }
select { width: 197px; margin-bottom: 15px; }
button {cursor:pointer }

#container { width: 1000px; margin: 0 auto; }

#header { position: relative; width: 1000px; height: 157px; background-image: url(/Resources/Images/website/header2.gif); }
#header p { display: none; }
#header ul { right: 50px; top: 6px; position: absolute; font-size: 0.75em; font-family: "Lucida Sans", Verdana, Sans-Serif; }
#header ul li { display: inline; }
#header a { color: #fff; }
#header ul.tabs { bottom: 0; right: 0; top: auto; }
* html #header ul.tabs { bottom: -1px; }
#header ul.tabs li { display: block; float: left; height: 30px; }
#header ul.tabs li a { display: block; height: 30px; }


#header ul {  width: 619px; height: 30px;}

#header ul li#home		 { margin-right: 10px; margin-left: 3px; width: 91px; background: url(/Resources/Images/website/buttons.gif) -3px -1px; }

#header ul li#home a:hover, #header ul li#home.active a { background: url(/Resources/Images/website/buttons.gif) -3px 30px; }

#header ul li#about		 { margin-right: 11px; width: 82px; background: url(/Resources/Images/website/buttons.gif) -104px -1px; }
#header ul li#about a:hover, #header ul li#about.active a { background: url(/Resources/Images/website/buttons.gif) -104px 30px; }

#header ul li#roll-cages { margin-right: 9px; width: 97px; background: url(/Resources/Images/website/buttons.gif) -197px -1px; }
#header ul li#roll-cages a:hover, #header ul li#roll-cages.active a { background: url(/Resources/Images/website/buttons.gif) -197px 30px; }

#header ul li#services   { margin-right: 10px; width: 81px; background: url(/Resources/Images/website/buttons.gif) -302px -1px; }
#header ul li#services a:hover, #header ul li#services.active a { background: url(/Resources/Images/website/buttons.gif) -302px 30px; }

#header ul li#fitting    { margin-right: 9px; width: 65px; background: url(/Resources/Images/website/buttons.gif) -393px -1px; }
#header ul li#fitting a:hover, #header ul li#fitting.active a { background: url(/Resources/Images/website/buttons.gif) -393px 30px; }

#header ul li#trade      { margin-right: 6px; width: 65px; background: url(/Resources/Images/website/buttons.gif) -466px -1px; }
#header ul li#trade a:hover, #header ul li#trade.active a { background: url(/Resources/Images/website/buttons.gif) -466px 30px; }

#header ul li#contact    { margin-right: 0; width: 74px; background: url(/Resources/Images/website/buttons.gif) -541px -1px; }
#header ul li#contact a:hover, #header ul li#contact.active a { background: url(/Resources/Images/website/buttons.gif) -541px 30px; }
/*
#header ul li#home		 { margin-right: 11px; margin-left: 3px; width: 91px; background: red url(/Resources/Images/website/buttons.gif) -2px 40px; }
#header ul li#home a { width: 91px; }
#header ul li#about		 { margin-right: 11px; width: 82px; background: url(/Resources/Images/website/buttons.gif) 0 40px; }
#header ul li#roll-cages { margin-right: 9px; width: 97px; background: url(/Resources/Images/website/buttons.gif) 0 40px; }
#header ul li#services   { margin-right: 10px; width: 81px; background: url(/Resources/Images/website/buttons.gif) 0 40px; }
#header ul li#fitting    { margin-right: 9px; width: 65px; background: url(/Resources/Images/website/buttons.gif) 0 40px; }
#header ul li#trade      { margin-right: 7px; width: 65px; background: url(/Resources/Images/website/buttons.gif) 0 40px; }
#header ul li#contact    { margin-right: 6px; width: 74px; background: url(/Resources/Images/website/buttons.gif) 0 40px; }



#header ul li#home { margin-left: 0; width: 89px; background: url(/Resources/Images/website/menu-home.gif); }
#header ul li#home a { width: 89px; background: url(/Resources/Images/website/menu-home.gif); }
#header ul li#home a:hover, #header ul li#home.active a { background: url(/Resources/Images/website/menu-home-active.gif); }

#header ul li#about { margin-left: 11px; width: 82px; background: url(/Resources/Images/website/menu-about.gif); }
#header ul li#about a { width: 82px; background: url(/Resources/Images/website/menu-about.gif); }
#header ul li#about a:hover, #header ul li#about.active a { background: url(/Resources/Images/website/menu-about-active.gif); }
#header ul li#roll-cages { margin-left: 11px; width: 97px; background: url(/Resources/Images/website/menu-roll-cages.gif); }
#header ul li#roll-cages a { width: 97px; background: url(/Resources/Images/website/menu-rollcages.gif); }
#header ul li#roll-cages a:hover, #header ul li#roll-cages.active a { background: url(/Resources/Images/website/menu-rollcages-active.gif); }
#header ul li#services { margin-left: 11px; width: 82px; background: url(/Resources/Images/website/menu-services.gif); }
#header ul li#services a { width: 82px; background: url(/Resources/Images/website/menu-services.gif); }
#header ul li#services a:hover, #header ul li#services.active a { background: url(/Resources/Images/website/menu-services-active.gif); }

#header ul li#contact { margin-left: 11px; width: 76px; background: url(/Resources/Images/website/menu-contact.gif); }
#header ul li#contact a { width: 76px; background: url(/Resources/Images/website/menu-contact.gif); }
#header ul li#contact a:hover, #header ul li#contact.active a { background: url(/Resources/Images/website/menu-contact-active.gif); }
*/
#content-holder { width: 902px; margin: 0 auto; padding-top: 10px; }
#content-holder p, #content-holder ul { margin-bottom: 20px; }
#content-holder a { font-weight: bold; }
#content-holder .RedBoldSmall { color: #FF002A; font-weight: bold; font-size: 0.7em; margin-bottom: 10px; }

#flash-holder { width: 902px; height: 250px; background-image: url(/Resources/Images/website/flash.jpg);}
#home-content { width: 420px; padding-right: 20px; float: left; }

#menu-holder { float: left; width: 226px; background: #004180 url(/Resources/Images/website/menu-foot.gif) no-repeat bottom; padding-bottom: 5px; margin-bottom: 10px; }
#menu-holder .three { min-height: 106px; background: transparent url(/Resources/Images/website/menu-head-three.gif) no-repeat; padding: 5px 19px 0; }
* html #menu-holder .three { height: 106px; }
#menu-holder .five { min-height: 178px; background: transparent url(/Resources/Images/website/menu-head-five.gif) no-repeat; padding: 5px 19px 0; }
* html #menu-holder .five { height: 178px; }
#menu-holder li { border-bottom: 1px solid #6997c3; list-style: none; min-height: 15px; padding-top: 10px; padding-bottom: 8px; }
* html #menu-holder li { height: 15px; }
#menu-holder li.last { border-bottom:none; }
#menu-holder li a { color: #fff; font-weight: normal; }
#menu-holder li a:hover { text-decoration: none; }

#menu-holder p { color:#fff }
#menu-holder h2 { color:#fff; margin-top:8px; }
#menu-holder a { color:#fff }

#content, .content { position:relative;  text-align:justify; padding-left:10px; float: left; width: 430px; min-height:500px; height:auto !important; height:500px; }
#content img { margin-bottom:10px; }
#content ul li { min-height: 15px; padding-left: 43px; background: transparent url(/Resources/Images/website/bullet.gif) no-repeat 35px 6px; list-style: none;margin-bottom:5px;line-height:1.4em; }
* html #content ul li { height: 15px; }
#content address { font-style:normal; margin-bottom:10px;  }

/* countries */


#content #countries { position:absolute; left:430px; top:280px; }
#content #countries ul { width:200px; }
#content #countries h2 { margin-left:30px; margin-bottom:10px; }


#content-holder table.how-to-table { width: 300px; font-size: 1em; }
.how-to-table th { font-size: 0.75em; padding-bottom: 10px; }

#left-column { float: left; width: 226px; }

#rollcage {float: right; width: 675px; min-height:500px; height:auto !important; height:500px; }

#roll-cage { width: 428px; padding: 0 10px; float: left; }
#roll-cage img { margin-bottom: 5px;border: 4px solid #d2e0ef;  }
#roll-cage ul, #roll-cage ol { margin-left: 25px; } 
#roll-cage ul#image-selector { margin-left: 0; } 
#roll-cage .roll-cage-heading { float:left; margin-left: 10px; }
.back-to-manufacturers { float: right; padding-bottom:0; margin-bottom:0; padding-right:20px; padding-top: 10px; }
.back-to-manufacturers a { color: #be0318; text-decoration: underline; }
#image-selector {  }
#image-selector li { float: left; margin-left: 4px; list-style: none; }
#image-selector li.first { margin-left: 0; }
#image-selector li img { cursor:pointer;  }

#options ul {margin-left:0px;}
#options { float: left; width: 227px; margin-top: 0; }
#options ul { width: 197px; padding: 15px 15px 1px; background: #adc7e1 url(/Resources/Images/website/light-blue-panel.gif) repeat-x 0 -9px; }/*#e1eaf4*/
#options li { list-style: none; margin-bottom: 20px; }
#options h2 { margin-bottom: 5px; }
#cage-options { margin-top: 10px; } 

.small { font-size:0.7em; }

#footer { min-height: 100px; width: 902px; margin: 0 auto; padding-top: 8px; border-top: 1px solid #0052a1; margin-top: 10px; background: #fff url(/Resources/Images/website/card-types.gif) no-repeat top right; }
* html #footer { height: 100px; }
#footer ul li { display: inline; margin-right: 25px; }
#footer p { font-size: 0.65em; font-family: "Lucida Sans", Verdana, Sans-Serif; margin-top: 8px; }
#footer p, #footer a { color: #00407f; }

.clear { clear: both; }
.bold { font-weight: bold; }
.underline{text-decoration:underline;}
.underlineContentHeading{text-decoration:underline;font-family: Verdana, Arial, Sans-Serif; font-size: 0.75em; color: #002b55;margin-bottom:10px;}

.panel { padding: 15px 10px 15px 10px; width: 205px; background-repeat: repeat-x; float: left; margin-bottom: 10px; }

.panel img { margin-top:4px; }

.light { background: #adc7e1 url(/Resources/Images/website/light-blue-panel.gif) repeat-x top; }
.panel.light.manufacturer-selector h2 { margin-bottom: 10px; }

.dark { background: #00407f url(/Resources/Images/website/dark-blue-panel.gif) repeat-x top; margin-right: 1px; margin-left: 10px; }
.dark p{color:#fff;}
#content-holder .dark a { color:#fff; text-decoration: underline; font-weight: normal; }
.dark h2 { color: #fff; }
.dark img { display: block; margin-bottom: 18px; }
.panel.dark img { display: block; margin-bottom: 1px; }
#content-holder .panel.dark.news-selector h2 { display: inline; float: left; margin-bottom:5px; padding-bottom: 0; }
#content-holder .panel.dark.news-selector { text-align: left; }
#content-holder .panel.dark.news-selector p { display: inline; margin-bottom: 0; padding-bottom: 0; }
#content-holder .panel.dark.news-selector .join-us { float: right; }
#content-holder .panel.dark.news-selector .view-articles a{ margin-top: 15px; }

.button { line-height: 33px; width: 200px; text-align: center; font-size: 0.75em; min-height: 33px; padding-top: 0; background: #00407f url(/Resources/Images/website/button.gif) repeat-x; border: none; color: #fff; font-family: "Lucida Sans", Verdana, Arial, Sans-Serif; cursor:pointer; }
a.button { font-size: 1em; display: block; width: 100%; }
a.button:hover { text-decoration: none; }
.red-button { display: block; line-height: 33px; width: auto; text-align: center; font-size: 0.75em; min-height: 33px; padding-top: 0; background: #00407f url(/Resources/Images/website/red-button.gif) repeat-x; border: none; color: #fff; font-family: "Lucida Sans", Verdana, Arial, Sans-Serif; }
a.red-button { font-size: 1em; text-transform: uppercase; }
a.red-button:hover { text-decoration: none; }
* html .button, * html a.red-button { height: 33px; }

#faqs h2{font-size:0.9em; margin-bottom:5px; padding-bottom:0px; }
.club-Kit { display:inline; float:left; text-align:center; margin-right:10px; }
.club-Kit h2 { margin-bottom:0px; padding-bottom:0px; }
.club-Kit img { border:solid 4px #D2E0EF }
.club-Kit a.red-button { font-size:0.8em; display:block; width:150px; }

.what-you-get{ display:inline; float:left; text-align:center; margin-right:10px; }
.what-you-get img { border:solid 4px #D2E0EF }


div.rollcage-list { }
div.rollcage-list ul {  width: 50em; list-style:none; margin-left:0px }
div.rollcage-list ul li { float: left; width: 25em; }
div.rollcage-list ul li a { font-weight: normal; }

.rollcage-manufacturer-model-list { padding-left: 10px; width: 665px; }
.rollcage-manufacturer-model-list h2 { margin-bottom:10px; }
.return-to-manufacturers { float: right; display: inline; padding-top: 12px; }
#rollcage #rollcage-loader .rollcage-manufacturer-model-list .return-to-manufacturers a { color: #be0318; text-decoration: underline; }
.rollcage-manufacturer-model-list p{ font-weight: bold; }
.rollcage-manufacturer-model-list p a{ text-decoration: underline; }
.rollcage-manufacturer-model-list ul {  width: 55em; list-style:none; margin-left:0px }
.rollcage-manufacturer-model-list ul li { float: left; width: 26.5em; padding: 0 0.5em 1.5em 0.5em; }
#rollcage #rollcage-loader .rollcage-manufacturer-model-list ul li a { font-weight: normal; text-decoration: underline; }
#rollcage-loader .club-kits-list-points { margin-left: 40px; }


.manufacturers ul li { float: left; width: 15em; padding: 0 0.5em 1.5em 0.5em; }

#order-form fieldset { width: 650px; padding-bottom:10px; }
#order-form fieldset legend { color:#00407f; font-weight:bold; font-family: "Lucida Sans", Verdana, Arial, Sans-Serif; font-size: 0.9em; margin: 0 0 15px; width: 650px;  }
#order-form .button { margin-left:165px; }

#order-form fieldset label {font-size:0.8em; text-align:right; clear: both; margin-top: 10px; float: left; display: block; width: 160px; padding:3px 5px 2px 0; color: #002b55;}
 
#order-form fieldset input, #order-form fieldset textarea { padding:4px; margin-top: 10px; float: left; width: 460px; }

#order-form fieldset select { height:22px; margin-top: 10px; float: left; width: 460px;  }
#order-form fieldset textarea { height:100px; }
#order-form fieldset .start { width: 50px; margin-right: 10px; }
#order-form fieldset .finish { width: 50px; margin-right: 300px; }
#order-form fieldset .code { width: 50px; margin-right: 400px; }
#order-form fieldset .useBilling, #order-form fieldset .checkbox { width: 20px; margin-right: 380px; }
#order-form fieldset .useBillingLabel { width: 200px; }

#order-form fieldset.cageOptions  label { width: 450px; }
#order-form fieldset.cageOptions input { width: 20px; margin-right: 90px; }

.country { margin-bottom: 5px; }

#content .accessories { overflow:hidden; }
#content .accessory { overflow:hidden; width:330px; float: left; height: auto !important; height: 100px;  min-height: 100px; }
#content .accessory img { border-right:solid 4px #fff; float:left; }
#content .accessory h2 { text-align:left; float:left; width:200px; }
#content .accessory h2 a { text-decoration: underline; }
#content .accessory p { text-align:left; float:left; width:200px; }

.accessory-description { clear:both; }
.accessory-description img { float:left; margin: 10px 10px 10px 0; }

.back-to-accessories{ float: right; padding-bottom:0; margin-bottom:0; padding-right:0; padding-top: 0; text-align: right; }
.back-to-accessories a { color: #be0318; text-decoration: underline; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window { color: #333333; }
#TB_secondLine { color:#666666; }
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_window h3 { font-size:1.5em; padding:10px; background-color:lime; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;


  width:100%;
}



.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
  min-width:300px;
  min-height:300px;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;d
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

#content-holder table { border: 0px solid; font-family: Verdana, Arial, Sans-Serif;color: #002b55; font-size: 0.75em; margin-bottom: 20px; margin-top:0; padding-top:0; }
#content-holder table td {padding:0 15px 5px 0;}



#contact-form
{
    clear:both;
    margin-bottom:20px;
    padding-top:5px;
}

#contact-form fieldset
{
    border:2px solid #d4d5d7;
    background-color:#ebebeb;
    padding:20px;
    width:650px;
}

#contact-form input
{
    margin-bottom:10px;
    width:432px;
    color:#000;
}

#contact-form textarea
{
    width:650px;    
}

#contact-form h3
{
    margin-bottom:10px;
}
    
#contact-form fieldset p
{
    line-height:1.1em;
    margin-bottom:5px;
}

#contact-form .form-required
{
    color:#ff3400;
}

#contact-form .invisible
{
    display:none;
}

#contact-form label
{
   font-size:1.1em;
}

.form-fields
{
    display:block;
    width:550px;
}

.form-fields input
{
    text-align:right;
}

#contact-form input.form-button
{
    width:155px;
    height:34px;
    margin-top:10px;
}

#contact-form label
{
    padding-bottom:0;
}

.error-messages { margin-bottom:10px; padding:10px; }
.error-messages h2, .error-messages p, .error-messages li { color:#d80000; margin-bottom:10px; padding:0;}
.error-messages h2 { margin:5px 0 10px 0; }
.error-messages li { list-style:disc; margin-left:10px; }