﻿#contactContent, #careersContent
{
margin-top: 30px;
padding: 0 0 18px 16px;
}

#contactContent h2
{
background: url(/_images/contact/contact_sprite.png) 0 -63px no-repeat;
display: block;
height: 23px;
margin: 0 0 20px 0;
width: 311px;
}

#contactFormArea
{
float: left;
margin: 0 16px 0 0;
width: 608px;
}

form#contactForm
{
background: #d9d9d9;
border: 1px solid #d9d9d9;
padding: 20px 30px;

  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

label
{
color: #525252;
display: block;
font: 15px/18px verdana, arial, sans-serif;
margin: 0 0 8px 0;
}

input.textInput
{
background: #ecebeb;
border: 1px solid #ababab;
color: #333;
font: 18px/22px verdana, arial, sans-serif;
margin: 0 0 12px 0;
padding: 6px;
width: 530px;

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

textarea
{
background: #ecebeb;
border: 1px solid #ababab;
color: #333;
font: 18px/22px verdana, arial, sans-serif;
height: 160px;
margin: 0 0 12px 0;
padding: 6px;
width: 530px;

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

input.textInput:focus,
textarea:focus
{
border: 1px solid #37b3fc;
}

a#sendMessage
{
background: url(/_images/contact/contact_sprite.png) 0 0 no-repeat;
display: block;
height: 40px;
width: 233px;
}

a#sendMessage:hover
{
background: url(/_images/contact/contact_sprite.png) -267px 0 no-repeat;
}

p.disclaimerCopy
{
color: #525252;
font: 12px/16px verdana, arial, sans-serif;
margin: 8px 0 16px 0;
}


#addressArea
{
float: left;
width: 296px;
}

#addressArea #address
{
background: #d9d9d9;
border: 1px solid #d9d9d9;
margin: 0 0 25px 0;
padding: 20px 15px;

  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

#addressSprite
{
background: url(/_images/contact/contact_sprite.png) -322px -214px no-repeat;
height: 48px;
width: 280px;
}

#findAnswers
{
margin: 0 0 15px 0;
}

#findAnswers h4
{
background: url(/_images/contact/contact_sprite.png) 0 -214px no-repeat;
border-bottom: 1px solid #000;
height: 14px;
padding: 0 0 7px 0;
}

#findAnswers p
{
border-top: 1px solid #606060;
color: #cacaca;
font: 13px/18px verdana, arial, sans-serif;
padding: 14px 0;
}

#findAnswers p a
{
color: #0079c2;
text-decoration: underline;
}

#findAnswers p a:hover
{
color: #37B3FC;
text-decoration: none;
}

#ourCompanies h4
{
background: url(/_images/contact/contact_sprite.png) 0 -258px no-repeat;
border-bottom: 1px solid #000;
height: 14px;
padding: 0 0 7px 0;
}

#logos {
border-top:1px solid #606060;
padding:14px 0;
text-align:center;
}

a#rockStar {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/_images/contact/contact_sprite.png)
no-repeat scroll 0 -121px;
display:inline-block;
height:60px;
margin:0;
width:66px;
}

a#twoK {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/_images/contact/contact_sprite.png)
no-repeat scroll -94px -123px;
display:inline-block;
height:57px;
margin: 0 0 0 50px;
width:86px;
}

a#jg
{
background: url(/_images/contact/contact_sprite.png) -214px -110px no-repeat;
display: none;
float: left;
height: 56px;
width: 57px;
}

a#rockStar:hover,
a#jg:hover,
a#twoK:hover
{
opacity: 0.7
}

#errorMessage
{
padding: 10px 0;
}

#errorMessage p
{
color: #ee2e24;
font: bold 13px/18px verdana, arial, sans-serif;
}

label.customerComments
{
font-size: 12px;
}

/* ---------------------------------*/
/* select replacement */
/* ---------------------------------*/

div.selectbox-wrapper
{
  background: url(/_images/contact/contact_sprite.png) -2px -360px no-repeat #8e8e8e;
  margin: -43px 0 0 2px;
  position: absolute;
  width: 544px !important;
  z-index: 4;
  
  border-bottom: 1px solid #8e8e8e;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
}

div.selectbox-wrapper ul
{
  list-style: none;
  margin: 7px 15px 0 13px;
}

div.selectbox-wrapper ul li.selected
{
  color: #fff;
  font-weight: bold;
}

div.selectbox-wrapper ul li.current
{
  color: #525252;
}

div.selectbox-wrapper ul li
{
  color: #fff;
  cursor:pointer;
  display: block;
  font: 12px/16px verdana, arial, sans-serif;
  list-style: none;
  margin: 1px 0 0 3px;
  padding: 0 0 12px 0;
  text-align: left;
  text-transform: uppercase;
}

label
{
  display: block;
}

.selectbox /* look & feel of  select box*/
{
  background: url(/_images/contact/contact_sprite.png) 0 -303px no-repeat;
  border: none;
  color: #fff;
  cursor: pointer;
  display : block;
  font: bold 12px/16px verdana, arial, sans-serif;
  height: 26px;
  margin: 0 12px 10px 0;
  padding: 7px 0 0 17px;
  text-align: left;
  text-transform: uppercase;
  width: 532px;
}

select
{
  background: url(/_images/contact/contact_sprite.png) 0 -303px no-repeat;
}

