@charset "utf-8";
/**
 * sodaclub Drupal - A CSS Theme For Developers
 * $Id: style.css,v 1.3.2.7 2008/12/14 17:45:56 tombigel Exp $
 * Author: Tom Bigelajzen - http://tombigel.com
 * 
 * Please follow the instructions in "Page Layout" section.
 * Lines that end with LTR comments are refferenced in styl-rtl.css according to Drupal Coding Guidelines
 * Lines that end with IE or IE6 comments are reeferenced in ie.css or ie6.css
 */

/* Basic CSS Reset */
body, div,  dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, a,
pre, code, form, fieldset, legend, input, textarea, p, blockquote, .main table, .main th, .main td {margin:0;padding:0;}
img, fieldset, legend, table, .main tr, .main td, .main th {border:none;}
ul,ul li {list-style-type:none;}
#content-area .node ul{margin-left:1px;padding-bottom:0.5em;}
#content-area .node ul li,.faq ul li{ 
background:transparent url(images/dot.gif) no-repeat scroll left 0.46em;
list-style-type:none;
padding-left:10px;
}
.ie #content-area .node ul li{background:transparent url(images/dot.gif) no-repeat scroll left 0.55em;}
.main table, .main td{vertical-align:top;text-align:left;}/*LTR*/
.main th{vertical-align:middle;text-align:left;}/*LTR*/
fieldset{padding:0;margin:0;}

/* Drupal CSS Defaults reset */
.profile,
.node-form .standard{clear:none;}
ul.menu{padding:0 0 0 1em;}/*LTR*/
ul.menu li{margin:0 0 0 .5em;}/*LTR*/
.item-list ul li{list-style-image:none;list-style-type:none;padding:0;margin:0;}
li.leaf{list-style-image:none;list-style-type:none;}
/*Fix OpenID icon placement*/
#user-login-form li.openid-link, 
#user-login li.openid-link{padding-left:1.5em}

/**
 * Page layout:
 *****************************************************
 * In this section the only changes you need to do are:
 * 1. Comment/Uncomment the lines that relate to full viewport height
 * 2. Comment/Uncomment the lines that relate to fixed width or fluid width layout
 * 3. Set the widths of the page, the content area and the sidebars.
 *
 * For readability reasons some selectors has multiple style declerations.
 * Keep this section clean, add your design CSS in the next "Page Design" section.
 *
 * Note:
 * In many places I'm Using the fact IE6 ignores the !important decleration if the same
 * attribute appears twice for the same selector to avoid using non-standard hacks or the ie6.css file.
 */

/**
 * Full viewport height
 * Notes:
 * Remove these lines if you don't need the hight of the #page element to span 100% of the viewport height.
 */
html, body{height:100%;}
#page{height:auto !important;height:100%;min-height:100%;position:relative;}
/** 
 * Stick footer to bottom of the page
 * Notes:
 * - Requires the above "Full viewport height", otherwise it can be removed.
 * - #footer height must be an absolute value for this to work right.
 *   The height of #footer and padding-bottom of #main must be set concordingly,
 *   so the footer will not overlay the content of the page.   
 * - Set the padding and the height according to your design.
 * - In some edge cases on some browsers the footer will refuse to stick to the bottom,
 *   one solution that works for me is to move the footer <div> in page.tpl.php
 *   to be right under the header instead of the end of the page.
 */
#main{padding-bottom:50px;}

#footer{width:940px;position:absolute;bottom:0;left:30px;height:30px;}

/**
 * Fonts
 * Notes:
 * - I'm using relative font sizes for 2 reasons:
 *   1. Accessibility - So users of IE6 will be able to resize fonts.
 *   2. Font sizes are easier to track this way, you change the size of a font in a parent element
 *      and all the font sizes in child elements change with it.
 * - Note that "line-height" unlike "font-size" is relative to the current element and not to a global line height.
 * - Basic font size 12px, set as .75em of browsers default 16px size.
 * - For 14px font size change .75em to .85em, note that then the following numbers do not apply.
 * - Font sizes (when base size is .75em, calculated as desired font size devided by 12):
 *	 10px = .83em
 *	 11px = .916em
 *	 12px = 1em
 *	 13px = 1.083em
 *	 14px = 1.166em
 *	 16px = 1.333em
 *	 18px = 1.5em
 *	 20px = 1.666em
 *   etc...
 */
body{font-family:Arial;font-size:100%;}/*LTR*/ /*IE*/
#page{font-size:.75em;line-height:1.333em;}
table{font-size:1em}/*Fix Firefox with relative font size in tables*/

/* Main Layout: */

/**
 * Page width: Fixed width layout.
 * For fixed width Layout comment the next section and uncomment the following line
 *
 * #page{width:980px;margin:0 auto;position:relative;}
 */

/**
 * Page width: Fluid width layout
 * Notes:
 * - As a thumb rule I don't deal with non-standard IE hacks so this design degrades to a fixed width in IE6
 * - To have a full page width in IE6, use the following structure:
 *
 *   #page{min-width:760px;max-width:1220px;height:1%;margin:0 auto;}
 *
 * - For fluid width in IE6 you can also use the "width:expression()" hack. But you really shouldn't.
 */
/*#page{min-width:760px;max-width:1220px;width:auto !important;width:980px;margin:0 auto;background:#fff;}/*LTR*/ 
#page{min-width:1000px;max-width:1000px;width:auto !important;width:1000px;margin:0 auto;background:#fff;}/*LTR*/
#page-wraper{min-width:1000px;max-width:1000px;width:auto !important;width:1000px;margin:0 auto;background:#fff;height:100%;}/*LTR*/
/**
 * Sidebars widths
 * NOTES:
 * - When using this method, the design "suffers" from the 3 pixel gap in IE6, 
 *   meaning that in IE6 there will be an extra margin of 3 pixels from both
 *   sides of #content.
 *   There are several ways to deal with it, depending on your design.
 *   If you use padding-left/right like here, use a padding smaller in 3px for IE6
 *   
 *   TODO: find a consistent way to do it without the padding.  
 */
#sidebar-left{float:left;width:230px;}/*LTR*/ 
#sidebar-right{float:right;width:200px;}/*LTR*/ 
.ie6 #sidebar-left,.ie6 #sidebar-right{padding-bottom:40px;}
#sidebar-left .block-nice_menus h2{display:none;}

#sidebar-left ul.nice-menu,#sidebar-left ul.nice-menu ul {
border-top:none;
width:230px;
}

#sidebar-left ul.nice-menu li {
background:#ffffff url(images/SemiNav_saperator.gif) no-repeat left bottom;
border:none;
padding:3px 0 3px 15px;
width:210px;
}
#sidebar-left ul.nice-menu li a{
background:#ffffff url(images/Arrow_blue.gif) no-repeat left center;
padding-left:20px;
color:#252525 !important;
font-size:12px;
}
#sidebar-left ul.nice-menu li.last a{color:#252525 !important;}
#sidebar-left ul.nice-menu li a.active{
background:#ffffff url(images/Arrow_blue.gif) no-repeat left center;
padding-left:20px;
color:#252525;
font-size:12px;
font-weight:bold;
}
#sidebar-left ul#nice-menu-4.nice-menu li a,#sidebar-left ul#nice-menu-4.nice-menu li a.active{background:#ffffff url(images/Arrow_orange.gif) no-repeat left center;}
#sidebar-left ul.nice-menu-right ul,#sidebar-left ul.nice-menu-right li.over ul {
background:#dbf3fd;
position:relative;
left:-14px;
margin-top:5px;
visibility:visible !important;
display:block !important;
}
#sidebar-left ul.nice-menu-right li.hiden ul{
display:none !important;
visibility:none !important;
}
#sidebar-left ul.nice-menu-right li ul li{
background: url(images/SemiNav_saperator-blue.gif) no-repeat left top;
padding:3px 0px;
width:230px;
}
#sidebar-left ul.nice-menu-right li ul li a,#sidebar-left ul.nice-menu-right li ul li a.active{
background: url(images/sub-arrow.gif) no-repeat right center;
padding-left:34px;
margin-right:20px;
}
#sidebar-left ul.nice-menu-right li.menuparent{padding:3px 0px 0 15px;}
#sidebar-left ul.nice-menu-right li.menuparent.hiden{padding:3px 0px 3px 15px;}

.with-sidebar-left #content{margin-left:230px;padding-left:0;}/*LTR*/
.with-sidebar-right #content{margin-right:200px;padding-right:20px}/*LTR*/
.ie6 #sidebar-left ul.nice-menu,.ie6 #sidebar-left ul.nice-menu ul,.ie6 #sidebar-left ul.nice-menu,.ie6 #sidebar-left ul.nice-menu ul li {width:215px !important;}


/* Set hasLayout in IE and clear floats for all main areas
 * Notes:
 * "overflow:hidden" is more consistent then "clear:both" in clearing floats without breaking the design.
 * But it breaks dropdown menus like "nice-menus" etc.
 * I use "overflow:hidden" where in most cases no dropdowns are present and other methods elsewhere.
 */

#footer{width:940px;overflow:hidden;}
#content-header,
#content-top,
#content-area,
#content-bottom,
#main,
#header_content{width:auto;overflow:hidden;padding-left:30px;padding-right:30px;}
#header_content{width:auto;overflow:visible;padding-left:30px;padding-right:30px;height:103px;}
.earthfriendly #content-area{padding-left:0px;padding-right:0px;}
.ie6 #main{padding-left:27px;}
.with-sidebar-left #content-header,
.with-sidebar-left #content-top,
.with-sidebar-left #content-area,
.with-sidebar-left #content-bottom{
padding-left:20px;
}
.with-sidebar-left #content-header,
.with-sidebar-left #content-top,
.with-sidebar-left #content-area,
.with-sidebar-left #content-bottom,
.management.with-sidebar-left #content-header,
.management.with-sidebar-left #content-top,
.management.with-sidebar-left #content-area,
.management.with-sidebar-left #content-bottom,
.news.with-sidebar-left #content-header,
.news.with-sidebar-left #content-top,
.news.with-sidebar-left #content-area,
.news.with-sidebar-left #content-bottom,
.pressreleases.with-sidebar-left #content-header,
.pressreleases.with-sidebar-left #content-top,
.pressreleases.with-sidebar-left #content-area,
.pressreleases.with-sidebar-left #content-bottom,
.documentation.with-sidebar-left #content-header,
.documentation.with-sidebar-left #content-top,
.documentation.with-sidebar-left #content-area,
.documentation.with-sidebar-left #content-bottom,
.graphics.with-sidebar-left #content-header,
.graphics.with-sidebar-left #content-top,
.graphics.with-sidebar-left #content-area,
.graphics.with-sidebar-left #content-bottom,
.country.with-sidebar-left #content-header,
.country.with-sidebar-left #content-top,
.country.with-sidebar-left #content-area,
.country.with-sidebar-left #content-bottom,
.faq.with-sidebar-left #content-header,
.faq.with-sidebar-left #content-top,
.faq.with-sidebar-left #content-area,
.faq.with-sidebar-left #content-bottom,
.contact.with-sidebar-left #content-header,
.contact.with-sidebar-left #content-top,
.contact.with-sidebar-left #content-area,
.contact.with-sidebar-left #content-bottom,
.partnershipscontact.with-sidebar-left #content-header,
.partnershipscontact.with-sidebar-left #content-top,
.partnershipscontact.with-sidebar-left #content-area,
.partnershipscontact.with-sidebar-left #content-bottom,
.careers.with-sidebar-left #content-header,
.careers.with-sidebar-left #content-top,
.careers.with-sidebar-left #content-area,
.careers.with-sidebar-left #content-bottom,
.cylinders.with-sidebar-left #content-header,
.cylinders.with-sidebar-left #content-top,
.cylinders.with-sidebar-left #content-area,
.cylinders.with-sidebar-left #content-bottom{
padding-right:0px;
}
.with-sidebar-right #content-header,
.with-sidebar-right #content-top,
.with-sidebar-right #content-area,
.with-sidebar-right #content-bottom{
padding-right:0px;
}

#content{height:1%}
#header{width:100%;}
#main-nav{clear:both;width:100%;}


#topmenu{
float:right;
margin-right:0px;
background:url(/sites/all/themes/sodaclub/images/FlagBar_rightside.gif) no-repeat right top ;
height:24px;
padding-right:7px;
width:254px;
font-size:11px;
}
#topmenu .topmenu-left{
background:url(/sites/all/themes/sodaclub/images/FlagBar_leftside.gif) no-repeat left top ;
height:24px;
padding-left:12px;
}
#topmenu .topmenu-content{
background:url(/sites/all/themes/sodaclub/images/FlagBar_bgtile.gif) repeat-x left top ;
height:24px;
padding-top:3px;
padding-left:3px;
}
#topmenu .topmenu-content a{font-weight:normal;}
#topmenu #dm-registration{color:#00afee;font-weight:bold;}
.ie6 #topmenu{margin-right:0px;}

#block-menu-primary-links h2,#block-menu-secondary-links h2,#block-nice_menus-3 h2{display:none;}
#block-menu-primary-links,#block-nice_menus-3{background:url(/sites/all/themes/sodaclub/images/NavBar_leftside.gif) no-repeat left 38px ;padding-left:12px;}
#block-menu-primary-links .content,#block-nice_menus-3 .content{background:url(/sites/all/themes/sodaclub/images/NavBar_bgtile.gif) repeat-x left 38px ;height:74px;}

#block-menu-primary-links .content ul.menu,#block-nice_menus-3 ul.nice-menu{
background:transparent url(/sites/all/themes/sodaclub/images/EarthFriendly_icon.gif) no-repeat scroll right bottom;
height:39px;
padding:39px 0 0 0px;
position:absolute;
width:490px;
border:none !mportant;
}
#block-nice_menus-3 ul.nice-menu li ul{
border:none !important;
left:-5px;
top:2em;
padding:0 5px;
width:140px;
}
#block-nice_menus-3 ul.nice-menu li.first ul{left:-17px;}
#block-nice_menus-3 ul.nice-menu a {
height:20px;
padding:0.3em 5px 0;
}
.ie6 #block-nice_menus-3 ul.nice-menu a {display:inline;float:left;padding-top:0px;}
.ie6 #block-nice_menus-3 ul.nice-menu ul a {display:block;float:none;padding-top:0.3em;}
#block-nice_menus-3 ul.nice-menu ul a,#block-nice_menus-3 ul.nice-menu ul li.last a {
height:auto;
color:#FFFFFF !important;
font-weight:normal !important;
padding:0.3em 5px 0.3em 13px ;
}

#block-nice_menus-3 ul.nice-menu li ul ul{display:none;visibility:hidden;}
ul.nice-menu-down li.menuparent, #header-region ul.nice-menu-down li.menuparent {
  padding:0 10px;
background:url(/sites/all/themes/sodaclub/images/NavBar_saperator.gif) no-repeat right top ;
}
.ie6 ul#nice-menu-3 li, #header-region ul#nice-menu-3 li {padding-top:0.3em;}
.ie6 ul#nice-menu-3 ul li, #header-region ul#nice-menu-3 ul li {padding-top:0;}

ul.nice-menu-down li.menuparent.first, #header-region ul.nice-menu-down li.menuparent.first {
  padding:0 10px 0 0;
background:url(/sites/all/themes/sodaclub/images/NavBar_saperator.gif) no-repeat right top ;
}
ul.nice-menu-down li.menuparent ul li a, #header-region ul.nice-menu-down li.menuparent ul li a{
background: url(/sites/all/themes/sodaclub/images/submenu-separator.gif) no-repeat left bottom ;
padding:0 5px;
width:129px;
}
ul.nice-menu-down li.menuparent ul li.last a, #header-region ul.nice-menu-down li.menuparent ul li.last a{
background:none;
}
ul.nice-menu-down li.menuparent ul li.first, #header-region ul.nice-menu-down li.menuparent ul li.first{
background:url(/sites/all/themes/sodaclub/images/NavMenu_upper.gif) no-repeat left top  ;
}
ul.nice-menu-down li.menuparent ul li.last, #header-region ul.nice-menu-down li.menuparent ul li.last{
background:url(/sites/all/themes/sodaclub/images/NavMenu_lower.gif) no-repeat left bottom  ;
padding-bottom:2px;
}
ul.nice-menu-down li.menuparent ul li, #header-region ul.nice-menu-down li.menuparent ul li{
background:url(/sites/all/themes/sodaclub/images/NavMenu_tile.gif) repeat-y left top  ;
padding:0 0 0 2px;
}
ul.nice-menu-down li {
border-top:none;
}
ul.nice-menu li {
  padding:0 15px;
background:url(/sites/all/themes/sodaclub/images/NavBar_saperator.gif) no-repeat right top ;
border:none;
}
ul.nice-menu li.menu-path-node-5,ul.nice-menu li.menu-path-node-5.over,ul.nice-menu li.menu-path-node-5:hover{background:none;}
ul.nice-menu li.last a,ul.nice-menu li.menu-path-node-5 a{color:#f15a1e !important;}


ul.nice-menu-down li.menuparent:hover,
 ul.nice-menu-down li.menuparent.over,
 ul.nice-menu-down li.over,
#header-region ul.nice-menu-down li.menuparent:hover,
 #header-region ul.nice-menu-down li.menuparent.over{
background:url(/sites/all/themes/sodaclub/images/NavBar_saperator.gif) no-repeat right top ;
zoom:1;
}
ul.nice-menu-down li.menu-path-node-5.menuparent:hover,
 ul.nice-menu-down li.menu-path-node-5.menuparent.over,
 ul.nice-menu-down li.menu-path-node-5.over,
#header-region ul.nice-menu-down li.menu-path-node-5.menuparent:hover,
 #header-region ul.nice-menu-down li.menu-path-node-5.menuparent.over{
background:none;
}

/*
ul.nice-menu-down li.menuparent.ie-over,
ul.nice-menu-down li.ie-over,
#header-region ul.nice-menu-down li.menuparent.ie-over{
padding:0 15px 0 15px;
}
ul.nice-menu-down li.menuparent.first:hover,
.ie6 ul.nice-menu-down li.menuparent.first.over,
.ie6 ul.nice-menu-down li.over.first,
#header-region ul.nice-menu-down li.first.menuparent:hover,
#header-region ul.nice-menu-down li.over.first,
#header-region ul.nice-menu-down li.menuparent.over.first{
  padding:0 10px 0 0;
  padding-left:0;
  zoom:1;
}
*/
ul.nice-menu-down ul li.menuparent:hover,
ul.nice-menu-down ul li.over,
ul.nice-menu-down ul li.menuparent.over,
#header-region ul.nice-menu-down ul li.menuparent:hover,
#header-region ul.nice-menu-down ul li.over {
  background:url(/sites/all/themes/sodaclub/images/NavMenu_tile.gif) repeat-y left top;
  padding:0 0 0 2px;
}
ul.nice-menu-down ul li.menuparent:hover ul,
ul.nice-menu-down ul li.over ul,
#header-region ul.nice-menu-down ul li.menuparent:hover ul,
#header-region ul.nice-menu-down ul li.over ul{
  display:block;
}
ul.nice-menu-down ul li.hiden.menuparent:hover ul,
ul.nice-menu-down ul li.hiden.over ul,
#header-region ul.nice-menu-down ul li.hiden.menuparent:hover ul,
#header-region ul.nice-menu-down ul li.hiden.over ul{
  display:none;
}



#block-menu-primary-links .content ul.menu li{
float:left;
height:17px;
margin:43px 0 0 0;
padding:0 20px;
background:url(/sites/all/themes/sodaclub/images/NavBar_saperator.gif) no-repeat right top ;
list-style-image:none !important;
list-style-type:none !important;
}
#block-menu-primary-links .content ul.menu li.first{padding-left:0;}
#block-menu-primary-links .content ul.menu li.last{padding-right:0;margin-right:72px;background:none;}
#block-menu-primary-links .content ul.menu li ul{display:none;}
/*
#block-menu-primary-links .content ul.menu li ul{
background:transparent none repeat scroll 0;
height:auto;
margin:0;
padding:0;
position:absolute;
}
#block-menu-primary-links .content ul.menu li ul li{
margin:0;
padding:0;
display:block;
float:none;
}
*/
#block-menu-secondary-links .content ul.menu {
height:30px;
padding:0;
}
#block-menu-secondary-links .content ul.menu li{
float:left;
margin:3px 0 0;
padding:0 20px;
background:url(/sites/all/themes/sodaclub/images/footer-seporator.gif) no-repeat right 10px ;
}
#block-menu-secondary-links{float:left;margin-left:200px;}
.ie6 #block-menu-secondary-links{float:left;margin-left:100px;width:415px;}
#footer-message{
float:left;
margin:3px 0 0;
padding:0 20px;
color:#252525;
font-size:11px;
}

#block-menu-secondary-links .content ul.menu li a{color:#252525;font-size:11px;}
#block-menu-secondary-links .content ul.menu li a.active{color:#00aeef;}
/* End of Layout section
 *****************************************************
 */

/* Page Design
 *****************************************************
 * This section is a basic theme that uses sodaclub's layout.
 * Don't consider it as obligatory, just a refference.
 */

/* General Tags */
body{color:#252525;background:#ebebeb;}
h1{font-size:18px;line-height:1.333em;color:#00aeef;font-weight:normal;}
h2{font-size:1.5em;line-height:1.333em;font-weight:bold;}
h3{font-size:1.333em;line-height:1.333em;font-weight:bold;}
h4{font-size:1em;line-height:1.333em;font-weight:bold;}
p{padding-bottom:.5em;}
.main td{padding:.2em .5em;}
dt{font-style:italic;}
dd{padding:.5em;}
ul.bullets{padding:.5em 1em;}
ul.bullets li{margin-left:1.5em;list-style:disc;line-height:1.5em;}
tr.odd, tr.even{border-bottom:none;}
tr.even{background:#f8f8f8;}

/* Form Elements  */
input, select, textarea{font-family:Arial;font-weight:normal;line-height:1em;font-size:1em;}
textarea{line-height:1.2em;}
button{font-family:Arial;font-weight:bold;line-height:1em;font-size:13px}
button{cursor:pointer;}

/* Links */
a{color:#5297dd;text-decoration:none;}
a:visited{}
a:hover, a:focus{text-decoration:underline;}

/* Header and Navagation */
#simplemenu{margin-bottom:17px;}

#header{background:#fff;}
  #header-blocks{float:right;padding:0 5px 5px;font-size:12px;color:#444;width:500px;}/*LTR*/
  #header-blocks a{color:#252525;font-weight:bold;}
  #header-blocks a#earth{
	display:block;
	height:70px;
	position:absolute;
	right:49px;
	top:25px;
	width:70px;
	z-index:100;
  }
  #header-blocks a.active{color:#00aeef !important;}
  #header-blocks ul ul li a.active{color:#FFFFFF;}	
  #site-details{float:left;padding:5px;}/*LTR*/
  #site-logo{float:left;padding:5px;margin-top:27px;}/*LTR*/ /*IE6 commented*/
  #site-name{}
  #site-slogan{font-size:1.5em;line-height:1.333em;}
  #main-nav{background:#eee}
  #main-nav ul.menu{overflow:hidden;}
  #main-nav ul.menu li{float:left;padding:2px;margin-left:1em;}
  #sodastream{width:192px; float:left; padding:5px;margin-left:20px;}
/* Views, Blocks and Nodes*/
#sidebar-left  .block,
#sidebar-right .block{margin:15px 0;padding:0px;}
.item-list ul li{padding:3px 0;}
.block ul {margin:0;padding:0;}
#main-banner{text-align:center;}
.front #main-banner{text-align:center;padding-bottom:40px;}
.sodaclubsystem #main-banner,.sodaclubsystem #main-banner .products,.reg #main-banner .register, .node-type-webform #main-banner .register{text-align:center;padding-bottom:20px;}
#sub_banners{text-align:left;margin:7px 5px 7px 30px;}
 #main-banner #sub_banners a{display:inline;padding-right:9px;}
 #main-banner #sub_banners img{padding:0;margin:0;}
.content-title .title{padding-top:3px;}
.front .content-title .title{display:none;}
#content{margin-top:10px;}
#content .block,
#content .node,
#content .view,
#content .profile{padding:12px 0 0 0;background:margin-bottom:10px;}
#content .view .block,
#content .node .block,

.block .block{padding:0;background:0;}
#mission{padding:12px;background:#f6f8f5;font-size:1.166em;margin-bottom:10px;}
.messages{padding:12px;background:#f0fdf0;border:1px solid #e0ede0;margin-bottom:10px;}
#nav a{font-weight:bold;font-size:1.083em;}
.meta{font-size:.83em;padding-bottom:.5em;}

/* Forums */
#forum table{width:95%;}

/* Footer */
#footer{
text-align:center;
font-size:.916em;
color:#888;
line-height:30px;
background:url(/sites/all/themes/sodaclub/images/Footer_rightside.gif) no-repeat right top ;
padding-right:13px;
width:927px;
}
#footer-left{
height:30px;
padding-left:12px;
background:url(/sites/all/themes/sodaclub/images/Footer_leftside.gif) no-repeat left top ;
}
#footer-content{
height:30px;
width:916px;
background:url(/sites/all/themes/sodaclub/images/Footer_bgtile.gif) repeat-x left top ;
}

.ie6 #footer{padding-right:12px;}
#footer p{padding:0;}

/*Tweaks for Admin pannels */
#blocks .block{padding:0;margin:0;}

/* End of Page Design section
 *****************************************************
 */

 .clear{clear:both;margin:0;padding:0;font-size:0;}
 .breadcrumb {
padding-bottom:0px;
display:none;
}
.breadcrumb,.breadcrumb a{
font-size:11px;
color:#252525
}
.sodaclubsystem .breadcrumb,.earthfriendly .breadcrumb{display:none;}

.view-id-right_images {padding-top:20px;}
.view-id-right_images img{padding-top:20px;}
.node-type-page .field-field-image{display:none;}

.field-field-news-image{margin-bottom:5px;}

.views-field-field-management-image-fid,.views-field-field-news-image-fid{float:right;padding-left:20px;}
.view-Management .view-content li,.view-News .view-content li,.view-Press-releases .view-content li,.view-Documentation .view-content li{background:url(images/management-separator.gif) no-repeat left bottom ;padding:8px 0 14px !important;width:687px;}
.view-Management .views-field-title,.view-News .views-field-title,.view-Press-releases .views-field-title{color:#00AEEF;font-size:14px;font-weight:bold;}
.view-Management .views-field-field-jobtitle-value,.view-News .views-field-field-subtitle-value,.view-Press-releases .views-field-field-subtitle-value{font-weight:bold;}
.view-News .views-field-field-links-url a,.view-Press-releases .views-field-view-node a,#back-link a{
text-decoration:underline;
color:#00aeeb;
background:transparent url(images/link-arrow.gif) no-repeat scroll right center;
padding-right:20px;
}
.view .views-field-body p,.view .views-field-field-abstract-value p{padding:0;}

#content .view.view-Graphics{padding:0;}
#content .view.view-Graphics .view-header{margin-top:15px;}
.view-Graphics .view-content li{float:left;padding:10px 30px 10px 0px;}
.ie .view-Graphics .view-content li{float:left;padding:10px 27px 10px 0px;}
.view-Graphics .view-content li.mod4{float:left;padding:10px 0px 10px 0px !important;}
.view-Graphics .views-field-field-text-under-image-value{padding-left:5px;}
.view-Graphics .views-field-field-graphics-image-fid{clear:both;}
.view-Graphics .views-field-edit-node{float:left;padding-right:10px;}

.view-Country .views-field-field-company-value{clear:both;}
.view-Country h2 a,.view-Country h2 a:hover{cursor:none;text-decoration:none;}
.view-Country h2.title a{
color:#00AEEF;
font-size:14px;
font-weight:bold;
}
.view-Country .region{
clear:both;
background:transparent url(images/management-separator.gif) no-repeat scroll left bottom;
padding:8px 0 4px !important;
width:687px;
}
.view-Country #australia.region{
background:none;
padding:8px 0 0px !important;
}
.view-Country .views-field-name{display:none;}
.view-Country ul{margin:0;clear:both;}
.view-Country .view-content li{float:left;padding:10px 30px 10px 0px;width:208px;}
.ie .view-Country .view-content li{float:left;padding:10px 28px 10px 0px;width:210px;zoom:1;}
.ie .view-Country .view-content li.mod4{clear:left;}
.ie6 .view-Country .view-content li{float:left;padding:10px 28px 10px 0px;width:210px;}
.view-Country .view-content li.mod3{float:left;padding:10px 0px 10px 0px;}
.view-Country .views-field-field-url-url a,.view-Country .views-field-field-email-value a{
text-decoration:underline;
color:#00aeeb;
}
.view-Country .views-field-field-flag-fid{float:left;padding-right:7px;padding-top:2px;}
.view-Country p{padding:0;}
.view-Country a.back-top{
background:transparent url(images/top-arrow.gif) no-repeat scroll right center;
color:#00AEEB;
padding-right:20px;
text-decoration:underline;
float:right;
margin-bottom:15px;
}
.faq a.back-top{
background:transparent url(images/top-arrow.gif) no-repeat scroll right center;
color:#00AEEB;
padding-right:20px;
text-decoration:underline;
float:right;
margin-bottom:5px;
margin-top:5px;
}
.view-Country #flashcontent-office{margin-top:20px;}
.view-Country .views-field-title{font-weight:bold;}

.faq-question {
padding-left:0;
padding-top:5px;
}
.faq-answer {
padding-left:0px;
}
.faq-qa-header h5.faq-header{font-weight:bold;font-size:12px;font-family:Arial;}
.faq-question a,.faq-question a:hover{color:#252525;text-decoration:none;}
.faq-dt-hide-answer.active{font-weight:bold !important;}
.faq-qa li{margin-left:20px;}
.faq-qa .ind{float:left;padding-right:5px;font-weight:bold;color:#00AEEF;}
.faq-dl-hide-answer {
padding-bottom:10px;
padding-top:5px;
background:transparent url(images/management-separator.gif) no-repeat scroll left bottom;
}
.faq-qa{
background:transparent url(images/management-separator.gif) no-repeat scroll left top;
margin-top:6px;
}
.faq-dl-hide-answer p{padding-bottom:0;}
.faq-answer{background:transparent url(images/AnswerBox_upper.gif) no-repeat scroll left top;padding:12px 0 5px;margin-top:5px;}
.faq-answer-content{background:transparent url(images/AnswerBox_bgTile.gif) repeat-y scroll left top;padding:0 16px;}
.faq-mydt-hide-answer{background:transparent url(images/AnswerBox_bgTile.gif) repeat-y scroll left top;padding:3px 0 0 16px;}
.faq-answer-bottom{background:transparent url(images/AnswerBox_lower.gif) no-repeat scroll left bottom;padding:7px 0;margin-top:-5px;}
.ie .faq-answer-bottom{background:transparent url(images/AnswerBox_lower.gif) no-repeat scroll left bottom;padding:7px 0;margin-top:-3px;}
.faq br{padding:0;margin:0;font-size:0;line-height:0;}
.faq-category-group{margin-top:20px;}
.faq-mydt-hide-answer .close{font-weight:bold;cursor:pointer;}
.faq-edit{float:left;padding:5px 5px 0 0;}

.contact .left,.mediarelationscontact .left,.careers .left,.partnershipscontact .left,#webform-component-first_name,#webform-component-e_mail,#webform-component-product,.captcha{float:left;}
.contact .right,.mediarelationscontact .right,.careers .right,.partnershipscontact .right,#webform-component-last_name,#webform-component-confirm_e_mail,#webform-component-phone,#webform-component-country{float:right;}
.contact #edit-subject-wrapper,.mediarelationscontact #edit-subject-wrapper,.careers #edit-subject-wrapper,.partnershipscontact #edit-subject-wrapper{clear:both;margin-left:18px;padding:5px 0;}
.ie.contact #edit-subject-wrapper,.ie.mediarelationscontact #edit-subject-wrapper,.ie.careers #edit-subject-wrapper,.ie.partnershipscontact #edit-subject-wrapper{clear:both;margin-left:18px;padding:0px 0 5px;}
.contact label,.mediarelationscontact label,.careers label,.partnershipscontact label{float:left;padding-right:18px;}
#webform-client-form-48 label,#webform-client-form-210 label{float:left;padding-right:10px;}
.contact input,.mediarelationscontact input,.careers input,.partnershipscontact input {
width:230px;
height:17px;
border:1px solid #00A6EC;
padding:0 5px;
}

.op.contact input,.op.mediarelationscontact input,.op.careers input,.op.partnershipscontact input,
.op.contact select,.op.mediarelationscontact select,.op.careers select,.op.partnershipscontact select,
.op #webform-client-form-48 input,.op #webform-client-form-48 select,.op #webform-client-form-210 input,.op #webform-client-form-210 select,
.ch.contact input,.ch.mediarelationscontact input,.ch.careers input,.ch.partnershipscontact input,
.ch.contact select,.ch.mediarelationscontact select,.ch.careers select,.ch.partnershipscontact select,
.ch #webform-client-form-48 input,.ch #webform-client-form-48 select,.ch #webform-client-form-210 input,.ch #webform-client-form-210 select,
.sf.contact input,.sf.mediarelationscontact input,.sf.careers input,.sf.partnershipscontact input,
.sf.contact select,.sf.mediarelationscontact select,.sf.careers select,.sf.partnershipscontact select,
.sf #webform-client-form-48 input,.sf #webform-client-form-48 select,.sf #webform-client-form-210 input,.sf #webform-client-form-210 select{float:left;}


#webform-client-form-48 input ,#webform-client-form-210 input{
width:220px;
height:17px;
border:1px solid #00A6EC;
padding:0 5px;
}
.contact select,.mediarelationscontact select,.careers select,.partnershipscontact select {
width:242px;
border:1px solid #00A6EC !important;
zoom:1;
}
#webform-client-form-48 select ,#webform-client-form-210 select{
width:232px;
border:1px solid #00A6EC !important;
zoom:1;
}

.op #webform-client-form-48 select,.op #webform-client-form-210 select {width:230px;}
.op.contact select, .op.mediarelationscontact select, .op.careers select, .op.partnershipscontact select{width:240px;}
.ie6.contact select, .ie6.mediarelationscontact select, .ie6.careers select, .ie6.partnershipscontact select{width:242px;}

.contact #edit-subject-wrapper input,.contact #edit-message-wrapper textarea,
.mediarelationscontact #edit-subject-wrapper input,.mediarelationscontact #edit-message-wrapper textarea,
.careers #edit-subject-wrapper input,.careers #edit-message-wrapper textarea,
.partnershipscontact #edit-subject-wrapper input,.partnershipscontact #edit-message-wrapper textarea{
padding:0 5px;
width:588px;
border:1px solid #00A6EC;
}
.contact .resizable-textarea,.mediarelationscontact .resizable-textarea,.careers .resizable-textarea,.partnershipscontact .resizable-textarea {
width:100%;
}
.ie6.contact #edit-subject-wrapper input,.ie6.mediarelationscontact #edit-subject-wrapper input,.ie6.careers #edit-subject-wrapper input,.ie6.partnershipscontact #edit-subject-wrapper input{width:588px;zoom:1;}
.ie6.contact #edit-message-wrapper textarea,.ie6.mediarelationscontact #edit-message-wrapper textarea,.ie6.careers #edit-message-wrapper textarea,.ie6.partnershipscontact #edit-message-wrapper textarea  {width:588px;margin-left:0px;zoom:1;}
.ie6.contact #edit-message-wrapper .grippie,.ie6.mediarelationscontact #edit-message-wrapper .grippie,.ie6.careers #edit-message-wrapper .grippie,.ie6.partnershipscontact #edit-message-wrapper .grippie{margin-left:3px !important;}

.sf.contact #edit-subject-wrapper label,.sf.mediarelationscontact #edit-subject-wrapper label,.sf.careers #edit-subject-wrapper label,.sf.partnershipscontact #edit-subject-wrapper label{padding-right:17px;}
.sf.contact #edit-subject-wrapper input,.sf.mediarelationscontact #edit-subject-wrapper input,.sf.careers #edit-subject-wrapper input,.sf.partnershipscontact #edit-subject-wrapper input{width:586px;}
.sf.contact #edit-subject-wrapper,.sf.mediarelationscontact #edit-subject-wrapper,.sf.careers #edit-subject-wrapper,.sf.partnershipscontact #edit-subject-wrapper{margin-bottom:20px;margin-left:20px;}
.sf.contact #edit-message-wrapper textarea,.sf.mediarelationscontact #edit-message-wrapper textarea,.sf.careers #edit-message-wrapper textarea,.sf.partnershipscontact #edit-message-wrapper textarea{width:586px;margin-left:2px;}
.sf.contact #edit-message-wrapper .grippie,.sf.mediarelationscontact #edit-message-wrapper .grippie,.sf.careers #edit-message-wrapper .grippie,.sf.partnershipscontact #edit-message-wrapper .grippie{margin-left:2px !important;}

.ch.contact #edit-message-wrapper ,.ch.mediarelationscontact #edit-message-wrapper ,.ch.careers #edit-message-wrapper ,.ch.partnershipscontact #edit-message-wrapper {clear:both;padding-top:5px;}
.ie6.contact #edit-subject-wrapper,.ie6.mediarelationscontact #edit-subject-wrapper,.ie6.careers #edit-subject-wrapper,.ie6.partnershipscontact #edit-subject-wrapper{margin-bottom:0px;margin-left:20px;padding-bottom:0 !important;}

#edit-company-wrapper{margin-left:8px;}
.contact #edit-company-wrapper{margin-left:16px;}
.ie.contact #edit-company-wrapper{margin-left:13px;}
#edit-phone-wrapper{margin-left:33px;}
.ie #edit-phone-wrapper{margin-left:30px;}
.sf #edit-phone-wrapper{margin-left:35px;}
.careers #edit-mail-wrapper{margin-left:30px;}
.careers #edit-contact-attach-1-wrapper{
margin-left:13px; 
background:transparent url(images/management-separator.gif) no-repeat scroll left bottom;
margin-bottom:20px;
padding-bottom:25px;
}
.op.careers #edit-contact-attach-1-wrapper,.sf.careers #edit-contact-attach-1-wrapper,.ch.careers #edit-contact-attach-1-wrapper{
margin-bottom:20px;
padding-bottom:45px;
}

.ie.careers #edit-contact-attach-1-wrapper{margin-left:10px;}
.careers #edit-contact-attach-1-wrapper input{width:243px;height:20px;}
.ie.careers #edit-contact-attach-1-wrapper input{width:310px;height:20px;}
#edit-message-wrapper{
background:transparent url(images/management-separator.gif) no-repeat scroll left bottom;
margin-bottom:20px;
padding-bottom:25px;
padding-left:90px;
}
.op #edit-message-wrapper{margin-top:20px;}
.sf #edit-message-wrapper{clear:both;}
.ie6 #edit-message-wrapper{margin-top:0px;padding-top:5px;padding-left:89px;}
.careers #edit-message-wrapper{background:none;padding-bottom:0px;margin-bottom:12px;}
#edit-message-wrapper label{display:none;}
.contact .form-item,.mediarelationscontact .form-item,.careers .form-item,.partnershipscontact .form-item,#webform-client-form-48 .form-item,#webform-client-form-210 .form-item{margin-top:5px;margin-bottom:5px;}
#edit-submitted-product-code-wrapper.form-item{padding-top:0px;margin-bottom:10px;}
.contact input.form-submit,.mediarelationscontact input.form-submit,.careers input.form-submit,.partnershipscontact input.form-submit{
background:transparent url(images/but-contact.gif) no-repeat scroll left top;
border:medium none;
color:#FFFFFF;
float:right;
font-family:arial;
font-size:14px;
font-weight:bold;
height:26px;
width:110px;
clear:both;
}
#webform-client-form-48 input.form-submit,#webform-client-form-210 input.form-submit{
background:transparent url(images/but-contact.gif) no-repeat scroll left top;
border:medium none;
color:#FFFFFF;
float:right;
font-family:arial;
font-size:14px;
font-weight:bold;
height:26px;
width:110px;
clear:both;
margin-top:20px;
}

.contact input.form-checkbox,.mediarelationscontact input.form-checkbox,.careers input.form-checkbox,.partnershipscontact input.form-checkbox {
width:auto;
height:auto;
}

.contact #edit-copy-wrapper,.mediarelationscontact #edit-copy-wrapper,.careers #edit-copy-wrapper,.partnershipscontact #edit-copy-wrapper{text-align:right;}

.contact .contact_information,.mediarelationscontact .contact_information,.careers .contact_information,.partnershipscontact .contact_information{
background:transparent url(images/management-separator.gif) no-repeat scroll left bottom;
padding:20px 0;
margin-bottom:20px;
}
.contact #edit-cid-wrapper,.mediarelationscontact #edit-cid-wrapper,.careers #edit-cid-wrapper,.partnershipscontact #edit-cid-wrapper{display:none;}
.contact #edit-iam-wrapper{margin-left:37px;clear:both;width:99%;display:block;float:left;margin-bottom:0px;}
.ff.contact #edit-iam-wrapper,.ie.contact #edit-iam-wrapper{margin-left:37px;clear:both;width:99%;display:block;float:left;margin-bottom:5px;}
.ie6.contact #edit-iam-wrapper{margin-left:37px;clear:both;width:94%;display:block;float:none;margin-bottom:0px;}

.node-type-cylinders .field-label,.node-type-cylinders .field-field-order{display:none;}
.node-type-cylinders .field-field-cylinder-image{float:right;padding-left:20px;}
.node-type-cylinders .field-field-subtitle{font-weight:bold;}
.node-type-cylinders .field-type-nodereference h2{font-size:13px;}

#webform-component-first_name{margin-left:16px;}
.ie6 #webform-component-first_name{margin-left:8px;}
#innerflashcontent{margin-top:10px;}
#webform-component-product_code{float:left}
.ie #webform-component-product_code #edit-submitted-product-code-wrapper{padding-top:0;}
#webform-component-e_mail{margin-left:42px;}
.ie6 #webform-component-e_mail{margin-left:21px;}
#webform-component-phone{margin-left:49px;}
.ie #webform-component-phone{margin-left:46px;}
.ie6 #webform-component-phone{margin-left:23px;}
.ie #webform-component-confirm_e_mail {margin-left:-3px;}


#edit-captcha-response-wrapper{margin-left:98px;}
.ie6 #edit-captcha-response-wrapper{margin-left:101px;}
.captcha legend,.captcha label,.captcha #edit-captcha-response-wrapper .description{display:none;}
.captcha .description{float:left;padding-right:10px;width:88px;font-weight:bold;}
.captcha img{width:232px;margin-bottom:5px;}

.captcha {
float:none;
background:transparent url(images/management-separator.gif) no-repeat scroll left bottom;
margin-bottom:20px;
padding-bottom:20px;
padding-left:0px;
width:687px;
clear:both;
}
.op .captcha{padding-top:5px;}
.sf .captcha,.ch .captcha  {
padding-top:5px;
margin-bottom:0px;
padding-bottom:40px;
}

#webform-client-form-48,#webform-client-form-210{
background:transparent url(images/management-separator.gif) no-repeat scroll left top;
margin-top:15px;
padding-top:20px;
}

.form-item input.error, .form-item textarea.error, .form-item select.error {border:1px solid red !important;}

.node-type-pressreleases .field-label,.node-type-pressreleases .field-field-abstract{display:none;}
.node-type-pressreleases .field-field-date{color:#00AEEF;font-weight:bold;}
.node-type-pressreleases .field-field-subtitle{font-weight:bold;}

.views-label,.views-field-field-url-url label,.views-field-field-email-value label{float:left;padding-right:3px;}
.ie .views-label,.views-field-field-url-url label,.views-field-field-email-value label{float:left;padding-right:0px;}
.views-field-field-phone-value .field-content .field-item{padding-left:22px;}
.views-field-field-url-url .field-content .field-item{padding-left:31px;}
.ff .views-field-field-url-url .field-content .field-item{padding-left:31px;}
.ff .views-field-field-email-value .field-content .field-item{padding-left:37px;}
.views-field-field-email-value .field-content .field-item{padding-left:37px;}

.earthfriendly .title{display:none;}
.earthfriendly table,.earthfriendly table tbody{border:none !important;}
.earthfriendly table td{width:50%;padding:0 10px 0 0;}

#h-shop{
background:transparent url(images/ShopOnline_banner_bg.jpg) no-repeat scroll left top;
float:right;
height:164px;
width:226px;
padding:0 10px 0 6px;
margin-right:7px;
}
.h-left{float:left;}

#h-shop select{
margin-right:17px;
margin-top:59px;
float:right;
}
#h-shop .label{
color:#FFFFFF;
display:inline;
float:left;
font-weight:bold;
margin-left:5px;
margin-top:55px;
}
#h-shop a{clear:both;}
#h-shop a input#shop-submit{
background:transparent url(images/go_btn.gif) no-repeat scroll left top;
clear:both;
display:block;
float:right;
height:28px;
margin-right:13px;
margin-top:4px;
width:64px;
border:none;
cursor:pointer;
}
.ie6 #h-shop a input#shop-submit{margin-right:7px;}
#h-shop a:hover input#shop-submit{
background:transparent url(images/go_btn_rollover.gif) no-repeat scroll left top;
}

#h-shop input#shop-checkbox{
clear:both;
margin-top:13px;
margin-left:5px;
float:left;
}
.ie #h-shop input#shop-checkbox{margin-left:0px;margin-top:10px;}

#h-shop span.chk-label{
float:right;
margin-top:11px;
width:202px;
}

.jOpDrop{min-width:143px!important;width:143px !important;left:815px !important;}
.ie .jOpDrop{min-width:143px!important;width:143px !important;left:816px !important;}
.jSel{width:120px !important;margin-left:11px;}
.ie .jSel{width:120px !important;margin-left:9px;}
.ie6 .jSel{width:110px !important;margin-left:9px;}
div.jDrop {
font-family:Arial !important;
font-size:100% !important;
margin:59px 0.5em 0 0 !important;
}

.cust-comp .form-radios input{
width:30px;
border:none;
position:relative;
top:-1px;
}
.ff .cust-comp .form-radios input{
position:relative;
top:3px;
}
.ie .cust-comp .form-radios input{
position:relative;
top:1px;
}
.cust-comp .form-radios label,.form-radios #edit-iam-0-wrapper,.form-radios #edit-iam-1-wrapper{display:block !important;float:none;margin:0 0 2px;}
.cust-comp  label{float:left;padding-right:12px !important;}
.cust-comp .form-radios{float:left;margin:-3px 0 0 0;}
.cust-comp{
clear:both;
display:block;
float:left;
margin-left:35px;
margin-bottom:2px;
width:94%;
}

.ie6 .cust-comp{margin-left:16px;}

#content .view.view-Video{padding:0;}
#content .view.view-Video .view-header{margin-top:15px;}
.view-Video .view-content li{float:left;padding:10px 28px 10px 0px;}
.ie .view-Video .view-content li{float:left;padding:10px 25px 10px 0px;}
.view-Video .view-content li.mod4{float:left;padding:10px 0px 10px 0px !important;}
.view-Video .views-field-field-text-under-image-value{padding-left:0px;}
.view-Video .views-field-field-video-image-fid{clear:both;}
.view-Video .views-field-edit-node{float:left;padding-right:10px;}