
html {
       overflow: -moz-scrollbars-vertical;
}

html,body {
    width: 100%;
    height: 100%;
    font-family: arial, verdana, 'trebuchet ms', sans-serif;
    font-size: 12px;
    text-align: center;
    padding: 0;
    margin: 0;
    color: #222;
}

img {
	border: 0;
}

#blue {
/*    display: none;*/
    position: absolute;	
    top: 64px;
    left: 0;
    width: 100%;
    height: 219px;
    background: #D4E5F5;
    
}
#main {
    position: relative;
    width: 895px;
    margin: 0 auto;
    border: solid #124b8a;
    border-width: 0 1px;
}
#logorow {
    position: relative;
    background-image: url(../images/bg-logorow.gif);
    background-repeat: no-repeat;
    margin: 0 auto;
    padding: 0;
    height: 64px;
}
#logo {
    position: absolute;
    top: 10px;
    left: 30px;
}
#logo a img {
    color:#fff;
    border: none;
}
#services {
    position: absolute;
    top: 38px;
    right: 25px;
    color: #222;
    font-family: arial, verdana, 'trebuchet ms', sans-serif;
}
#services a {
    margin: 0 5px;
}
#services a:hover {
    color: #00498C;
}
#bigimage {
    margin: 0;
    padding: 0;
    width: 895px;
    height: 189px;
}
#bg-bigimage {
    position: absolute;
    width: 664px;
    height: 189px;
    margin: 0;
    padding: 0;
    z-index: 5;
}
#menurow {
    height: 30px;
       margin: 0;
    padding: 0 0 0 20px;
    background-image: url(../images/bg-menurow.jpg);
    background-repeat: no-repeat;
    background-color: #124b8a;
    background-position: 539px 0;
}
#contentrow {
    width: 895px;
    text-align: left;
}
#leftcol {
    width: 631px;
    min-height: 450px;
    background-image: url(../images/bg-leftcol.gif);
    background-repeat: no-repeat;
    border-right: 264px solid #D4E5F5; /* The width and color of the rail */
    margin-right: -264px; /* Hat tip to Ryan Brill */
    float: left;
    display:inline;
}
#rightcol {
    background-color: #D4E5F5;
    width: 264px;
    float: right;
    display:inline;
}



/* CONTENT STYLES BEGIN */
#content {
    padding: 30px;
}
h1,h2,h3,h4,h5,p,ul { font-family: arial, verdana, 'trebuchet ms', arial, sans-serif;}
h1 {
    font: bold 12px arial, verdana, 'trebuchet ms', arial, sans-serif;
    color: #000;
    padding: 0;
    margin: 0;
}
p {
    font-size: 12px;
    padding: 0px 0px 10px 0px;
    margin: 0;
}
a {
    color: #222;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
    color: #00498C;
}
p {
    line-height: 1.5em;
}
.fp-content {
    margin: 0 0 30px 0;
}
.fp-content-box {
    clear: both;
    height: 99px;
    margin: 0 0 30px 0;
    border: 1px solid #124b8a;
    background: #D4E5F5;
}
.fp-content-box-image img {
    float: left;
    margin: 0 20px 0 0;
}
.fp-content-box-text p {
    margin: 13px 20px 0 0;
}
.fp-content-right {
    border-bottom: 1px dotted red;
    padding: 25px 30px 15px;
}

#content-right {
    padding: 25px 30px 15px;
}

.content-smaller-font p, .content-smaller-font h1 {
	font-size: 90%;
}

p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }

tr.lightblue { background-color: #D4E5F5;}
tr.darkblue { background-color: #124B8A;}
tr.orange { background-color: #F6A800;}

tr { vertical-align: center;}

td p { margin: 0; padding: 0 0 0 5px;}

/*table {background-color: white;}*/
table.blackborder { border: 1px solid #000; border-collapse: collapse;}
table.greyborder { border: 1px solid #AAAAAA; border-collapse: collapse;}

/* Light blue background */
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #D4E5F5; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
/* Dark blue background */
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #124B8A; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
/* Orange background */
p.csc-frame-frame3, table.csc-frame-frame3 { background-color: #F6A800; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

p.csc-frame-footnotes, table.csc-frame-footnotes { margin-bottom: 0px; padding-bottom: 0px; font-size: 80%; }

span.important { color: #124B8A; }
/* CONTENT STYLES END */


    

/* ##########################################
     Styles for various flexform elements.
########################################### */

/* ********* Two cols - equal width ****** */
.two-equal-width-cols{
  width:100%;
}
.two-equal-width-cols .left-col{
  float:left;
  width:48%;
}
.two-equal-width-cols .right-col{
  width:48%;
  float:right;
}
/* ******** Two cols - narrow left ******** */
.two-cols-narrow-left{
  width:100%;
}
.two-cols-narrow-left .left-col{
  width:32%;
  float:left;
  margin-right:5%;
}
.two-cols-narrow-left .right-col{
  width:60%;
  float:right;
}

/* ******** Two cols - narrow right ********* */
.two-cols-narrow-right{
  width:100%;
}
.two-cols-narrow-right .left-col{
  width:60%;
  float:left;
  margin-right:5%;
}
.two-cols-narrow-right .right-col{
  width:32%;
  float:left;
}

/* ********* Three cols - equal width ****** */
.three-equal-width-cols{
  width:100%;
}
.three-equal-width-cols .left-col{
  float:left;
  width:32%;
}
.three-equal-width-cols .middle-col{
  width:32%;
  float:left;
}
.three-equal-width-cols .right-col{
  width:32%;
  float:right;
}
	



/* VERTICAL MENU [BEGIN]*/
#menu {
    margin: 30px 0 30px 30px;
}
#menu ul {
    list-style:none;
    margin:0;
    padding:0;
    width: 212px;
}
#menu ul li {
    padding: 0;
}
#menu ul.level_one li {
    margin: 0 0 5px;
    font-weight: bold;
    color: #222;
}

#menu ul.level_one li.spacer-margin {
    margin-top: 20px;
}


#menu ul.level_one li a {
    font-weight: normal;
}

#menu ul.level_two li {
    margin: 2px 0 0 5px;
}
#menu ul.level_two li a {
    font-weight: normal;
    color: #222;
}
#menu ul.level_two li a.act {
    color: #00399C;
}
#menu ul li a:hover {
    color: #00498C;
}
/* VERTICAL MENU [END]*/





/* FOOTERROW STYLES BEGIN */
#footerrow {
    height: 30px;
    width: 100%;
    clear: both;
    background: #124b8a;
    color: #fff;
    padding: 0;
    text-align: center;
}
#footertext {
	padding: 7px 0 0 0;
	font-size: 11px;
	/*letter-spacing:0.05em;*/
}
#footertext a {
    color: #fff;
}
/* FOOTERROW STYLES END */





/* Direct Mail Subscription */
.bold {
    font-weight: bold;
}
.error-red {
    color: red;
}

.error-margin {
    margin: 0 0 0 120px;
}

.marginleft {
    margin-left: 425px;
}

.spacer5px {
    height: 5px;
}

form#mailform li input.directmailsubscribautowidth {
    width: auto;
}





/* tx_primagazorder_pi1 */

.tx-primagazorder-pi1 {
    padding: 30px;
    background-color: #fafafa;
    border: solid #dadada 1px;
}

.tx-primagazorder-pi1 * {
    margin: 0;
    padding: 0;
}

.tx-primagazorder-pi1 h4 {
    font-size: 12px;
    color: #004a8d;    
    margin: 10px 0 0 0;
}

.tx-primagazorder-pi1 fieldset {
    border: 0;
}

.tx-primagazorder-pi1 legend {
    display: none;
}

.tx-primagazorder-pi1 div.submit {
    text-align: right;
    margin: 5px 0 0 0;
}

.tx-primagazorder-pi1 div.submit input {
    padding: 0 20px;
}

.tx-primagazorder-pi1 table.products {
    margin: 5px 0 0 0;
}

.tx-primagazorder-pi1 table.products td {
    padding: 4px;
}
.tx-primagazorder-pi1 table.products td.name { width: 354px;}
.tx-primagazorder-pi1 table.products td.order { width: 70px;}
.tx-primagazorder-pi1 table.products td.order input { width: 20px; text-align: right; padding: 0 3px 0 0;}
.tx-primagazorder-pi1 table.products td.odd {
    background-color: #e0e0e0;
}

.tx-primagazorder-pi1 table.address {
    margin: 5px 0 0 0;
}

.tx-primagazorder-pi1 table.address td {
    padding: 5px 0 0 0;
    vertical-align: top;
}
.tx-primagazorder-pi1 table.address td label {
    padding: 0 38px 0 0;
    vertical-align: top;
}

.tx-primagazorder-pi1 table.address td input {
	width: 372px;
	float: right;
    font-family: arial, verdana, 'trebuchet ms', sans-serif;
	font-size: 12px;
	border: 1px solid #c1c1c1;
}
.tx-primagazorder-pi1 table.address td textarea {
	width: 372px;
	float: right;
    font-family: arial, verdana, 'trebuchet ms', sans-serif;
	font-size: 12px;
	border: 1px solid #c1c1c1;
}
.tx-primagazorder-pi1 table.address td.postal {
	width: 115px;
}
.tx-primagazorder-pi1 table.address td.postal input {
	width: 100px;
	float: left;
}
.tx-primagazorder-pi1 table.address td.citylabel {
	width: 45px;
}
.tx-primagazorder-pi1 table.address td.citylabel label {
	padding: 0;
}
.tx-primagazorder-pi1 table.address td.city input {
	width: 212px;
	float: left;
}
.tx-primagazorder-pi1 div.editorder {
    text-align: right;
    text-transform: uppercase;
}

.tx-primagazorder-pi1 div.editorder a {
    color: #c95555;
    font-size: 10px;
    font-weight: bold;
}

.tx-primagazorder-pi1 table.tankgas td {
}

.tx-primagazorder-pi1 table.tankgas td input,
.tx-primagazorder-pi1 table.tankgas td textarea {
	width: 318px;
	margin: 5px 0 0 20px;
	font-family: arial, verdana, 'trebuchet ms', sans-serif;
	font-size: 12px;
}

.tx-primagazorder-pi1 table.verifyaddress {}
.tx-primagazorder-pi1 table.verifyaddress td {
    padding: 4px 50px 0 0;
    vertical-align: top;
}

.tx-primagazorder-pi1 div.error {
    background-color: #c95555;
    color: white;
    text-align: center;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 5px 0;
}

.tx-primagazorder-pi1 div.ok {
    background-color: #6a945d;
    color: white;
    text-align: center;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 5px 0;
}

.tx-primagazorder-pi1 table td a, .tx-primagazorder-pi1 span.blue {
    font-size: 10px;
    color: #004a8d;
}

.tx-primagazorder-pi1 table td img {
    display: block;
    border: 0;
}

.tx-primagazorder-pi1 .order_description {
    margin: 4px 0 8px 0;
}

.tx-primagazorder-pi1 em {
    margin: 0 3px;
    color: red;
}


/**********************************
  MAILFORM STYLING - BEGIN
**********************************/
form#mailform {}

form#mailform fieldset {
    padding: 30px;
    background-color: #fafafa;
    border: 1px solid #dadada;    
}

form#mailform legend {
    padding: 0 2px;
    font-weight: bold;
}

form#mailform label {
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;
    width: 120px;
}

form#mailform ol {
    margin: 0;
    padding: 0;
}

form#mailform li {
    list-style: none;
    padding: 0 0 5px 0;
    margin: 0;
}

form#mailform li input {
    width: 377px;
    font-family: arial, verdana, 'trebuchet ms', sans-serif;
    font-size: 12px;
}
form#mailform li textarea {
    width: 377px;
    font-family: arial, verdana, 'trebuchet ms', sans-serif;
    font-size: 12px;
}
form#mailform li input.checkbox {
    width: auto;
}

form#mailform em {
    margin: 0 3px;
    color: red;
}

form#mailform li .mf-submit {
    width: 100px;
    margin-left: 405px;
}

form#mailform li.req-label {
    text-align: right;
    padding: 0 ;
}

form#mailform li.req {

}
/**********************************
  MAILFORM STYLING - END
**********************************/



/*** INDEX SEARCH - BEGIN ***/
/*.tx-indexedsearch-searchbox-box {
    background-color: #fafafa;
    border: 1px solid #dadada;
    padding: 30px;
    margin: 0;
}

.tx-indexedsearch-searchbox-box h1 {
    width: 100px;
    float: left;
    padding: 4px 0 4px 0;
    font-weight: normal;
}






.tx-indexedsearch-searchbox-box .searchinput {
    width: 300px;
    float: left;
}

.tx-indexedsearch .tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-box .searchinput input.tx-indexedsearch-searchbox-sword {
    width: 405px;
}

.tx-indexedsearch-searchbox-box .searchbutton {
    text-align: right;
    clear: both;
    padding: 5px 0 0;
}*/

.tx-indexedsearch-searchbox {
    background-color: #fafafa;
    border: 1px solid #dadada;
    padding: 30px;
    margin: 0;

}

.tx-indexedsearch-searchbox table {
	width: 100%;
}
.tx-indexedsearch-searchbox td {
}


/*** INDEX SEARCH - END ***/





/*** SITEMAP STYLES - BEGIN ***/

.csc-sitemap ul li {
    list-style: none;
    font-weight: bold;
}
.csc-sitemap ul li ul li {
    font-weight: normal;
}
.csc-sitemap ul ul {
	margin: 5px 0pt 15px 20px;
	padding: 0;
}
/*** SITEMAP STYLES - END ***/



/* STYLES FOR TEXT WITH IMAGE - BEGIN */

.csc-textpic-intext-right-nowrap p {
	margin-right: 16px;
	padding: 0;
}
.csc-textpic-intext-left-nowrap p {
	margin-left: 16px;
	padding: 0;
}

/* STYLES FOR TEXT WITH IMAGE - END */



/** STYLE FOR PRIMAGAZ DISTRIBUTOR LIST **/

/***** search view */
.upperAndLowerZip {
	background-color: #fafafa;
	border: 1px solid #dadada;
	padding: 24px 30px 30px 30px;
}

.lowerZip, .upperZip {
	width: 250px;
	float: left;
}

.lowerZip input, .upperZip input {
	width: 100px;
	margin: 0 0 0 10px;
	padding: 0;
	
	font-family:arial,verdana,'trebuchet ms',sans-serif;
	font-size:12px;
	
	
}

.distributor-searchbutton {
	text-align: right;
	padding: 10px 0 0 0;
}

/***** list view */
.newsearch {
	text-align: center;
/*
	background-color: #fafafa;
	border: 1px solid #dadada;
*/
	padding: 5px;
	width: 90px;
	float: right;
}

.distributor_table_div {
	padding: 10px 0 0 0;
}

.distributor_table {
	background-color: #fafafa;
	border: 1px solid #dadada;
	width: 100%;
}

.distributor_table td,.distributor_table th {
	padding: 2px 5px;
}

.distributor_table tr.odd {
	background-color: #f0f0f0;
}

/* Unset by Søren Vedel 2-9-2008
.orange { color: #fa8d00; }

.blue {	color: #003069; }

.green { color: #2cb124; }
*/


/** ITEMNUMBER IN GASORDER **/
table.verifyaddress tr td.itemnumber,
table.products tr td.itemnumber {
        text-align: right;
        font-style: italic;
        color: #999999;
        padding-right: 10px;
}


.clearer {
	clear: both;
}


