html, body {
font-family: Arial;
margin: 0px ;
padding: 0px;
background-image :url(images/pattern_repeat.jpg);
background-repeat :repeat  ;
height:100%;width:100%;
color:#666666;

}


p 
{
	font:12px Arial;
}

td
{
font-family: Arial;
font-size: 12px;
color: #3d3d3d;
padding: 2px 0px;
}

.pageWrapperWide {width:1000px;display:table;position:relative;height:auto !important;min-height:100%;margin:0 auto;background-color:#ffffff;}

.mainContentCenter {background-color:#ffffff;}

body .id_footer { float:left;  position:relative; width: 100%; height: 100px;bottom:0; }
body .id_footer { background: #F6F6F6 none repeat 0 0; }
body .id_footer .bordershadow {width: 100%; background-repeat :repeat-x ;background-image :url(images/border_shadow.jpg); height:10px;padding:0px;margin:0px;}
body .id_footer .inner-wrapper{ font:12px Arial; color:#666666;padding: 30px 0px 10px 0px;
text-align :center;   }
body .id_footer ul { height: 20px; list-style: none; left:150px;position:relative; margin:10px 5px 10px 5px;}
body .id_footer li {color:#666666;float: left; height: 25px; line-height: 18px;padding:2px  5px 2px 5px;}
body .id_footer li a:link, body .id_footer li a:visited {color:#666666; text-decoration :underline;padding-right:5px; padding-bottom :2px;}

body .id_header { height: 180px; text-align: left; position: relative; width: 100%; background-color :#EC1B2E }
body .id_header .inner-wrapper { width: 960px; }
body .id_header .id_rockgas-logo { left: 0px; position: absolute; top: 0px; }
body .id_header .id_logotext { left: 185px; position: absolute; top: 80px; }
body .id_navigation {  width: 100%; float: left; height: 28px; left: 0px; position: absolute; text-align: left; top: 177px; padding:0px;margin:0px;}
body .id_navigation ul.services { height: 20px; list-style: none; left: 130px; position: absolute; top: -25px;padding:0px;margin:0px; }
body .id_navigation ul.services li { float: left; height: 25px; line-height: 18px; position: relative; }
body .id_navigation input { position: absolute; }
/*.mainContentCenter{ float:left; background-color:#ffffff;width:1018px; left:135px;position:absolute;margin:0px; top:0px;right:80px; }
*/
body .id_content {padding: 5px 0px 100px 0px; background-color:#ffffff;position: relative; width: 100%; float: left; height:auto; }
body .id_content .inner-wrapper { float: left; padding-left: 29px; }
body .id_content .inner-wrapper h1 { color:#666666;font-size:18px; }

table.login  {color:#ffffff; font-family:Arial;font-size: 12px; }
table.login tr {color:#ffffff; padding:0px}
table.login td {color:#ffffff; padding:0px; vertical-align :top;  }
table.login td.signinbutton {color:#ffffff;vertical-align :bottom;    }


#header_login
{
float: right;
margin: 0px;
padding: 0px;
position:absolute;
top:0px;
right:12px;
}

/* ---------------- login ----------------*/


#login
{
display:block;
text-align: left;
padding: 5px 0px 5px 0px;
margin: 0px;
color: #ffffff;
}


#login p
{
vertical-align :bottom;
color: #ffffff;
padding: 0px 0px 0px 0px;
margin: 4px 0px  4px 10px;
}

#login a:link, #login a:visited
{
color: #ffffff;
text-decoration:underline;
padding: 0px 0px 0px 4px;
margin: 0px 0px 0px  4px;
}

/* home - header sign up box*/

#login_top
{
display:block;
padding: 0px;
margin:  5px 0px  5px 0px;
}

#login_top .signUp
{
	position:absolute ;
	left:210px;
	float:left;
	top:62px;
	width:400px;
	color:#E20026;
	margin:10px;
	padding :5px;
}

#login_top .signUp a:link, .signUp a:visited
{
	color:#E20026;
	font-size:12px;
	font-family :Arial;
}

#login_top p
{
	padding: 0px 0px 0px 0px;
	margin: 4px 0px  4px 0px;
}


#login input { float: left; }

.id_promotion {display:inline; float: right;  padding-left:15px;padding-top: 15px; position: relative; right: 15px;width: 588px;height:250px;margin:0px}
.id_welcome { float: left; padding-top: 15px; position: relative; font-family:Arial;  font-size :12px; width: 340px;height:430px}
.id_welcome h1 { color: #000000; }

.id_advertising .image-copy { background-color: #c30221; color: #fff; }
.id_advertising .image-copy p span.qualification { color: #feb80b; }
.id_advertising .image-copy p span.reward { color: #feb80b; }
.id_advertising .prizes { color: #c30221; }
.id_advertising .prizes h2 { color: #c30221; }
.id_advertising .prizes p { color: #000; }
.id_advertising .blurb .border-box { border-color: #fff; }
.id_advertising { float: left; margin-top: 25px; position: relative; right: 6px; width: 100%; height:285px;}
.id_advertising div { float: left; height: 180px; }
.id_advertising .newsletter  {color:#666666; height: 230px; width: 350px;  padding:0px  2px 0px  2px; margin : 0px 21px 0px  10px; }
.id_advertising .newsletter .title {background-image:url(images/red_background.png); background-repeat :  repeat-x   ;height:25px;width: 358px;}
.id_advertising .newsletter table {color:#666666; }
.id_advertising .newsletter .divtable {  padding: 2px 4px 2px 4px;width: 100%; margin:0px;background-color :#EBEBEB; height:285px;}
.id_advertising .image-copy { height: 150px; padding: 5px 10px 0px 5px; width: 300px; }
.id_advertising .image-copy p { text-align: right; }
.id_advertising .image-copy p span { display: block; }
.id_advertising .image-copy p span.qualification { line-height: 20px; }
.id_advertising .image-copy p span.reward { line-height: 28px; }
.id_advertising .image-copy p span.target { text-align: left; }
.id_advertising .prizes {  padding: 0px  20px 0px 0px; width: 270px; }
.id_advertising .title { background-image:url(images/red_background.png); background-repeat :  repeat-x  ;width: 565px; height:25px;}
.id_advertising .prizes h2 { font-size: 138.462%; color: #fff; font-style: italic; padding: 3px 0px; }
.id_advertising .prizes p { color: #fff; }
.id_advertising .prizes .border-box {  height: 150px; position: relative; top: 7px; }
.id_advertising .blurb { padding: 0px  3px 0px 0px;width: 239px;  }
.id_advertising .blurb h2 { font-size: 138.462%; color: #fff; font-style: italic; padding: 3px 0px; }
.id_advertising .blurb p { color: #666666; }
.id_advertising .blurb .border-box {  background-color :#ffffff; height: 150px; position: relative; top: 7px; padding:0px; }

 a:link, #inside a:visited
{
text-decoration:underline;
color: #ef8213;
}

/*-------------promotion, contact and etc menu content area -------------------*/

#page-layout
{
width: 930px;
color:#666666;
font: 12px Arial;
padding-top:5px;
padding-bottom:5px;

}

#sideimage 
{
padding-top :25px;
float: right;
width: 360px;
}

#sideimage ul 
{
list-style-type:none;	
}

#sideimage ul li
{
padding-top:5px;padding-bottom:5px;
}

#inside
{
text-align:left;
width: 540px;
color:#666666;
font: 12px Arial;
float:left;
}

/* promotion & Month winners image and description */

#inside .imageBox
{
text-align:left;
float:left;
width:28%;
}

#inside .imageBox img
{
	margin:4px;
}

#inside .descriptionBox
{
text-align:left;
float:right;
width:65%;
 vertical-align :middle ;

}

#inside .imageDescBox {
  background-color: #FFF;
  width: 99%;
  margin:2px;
  padding:0px;
  height:140px;
  border-bottom: 1px solid #CED2D5;
}

#inside .imageDescBox h2
{
font: 14px Arial;
font-weight:bold;
margin: 2px  0px 10px 0px;

}


#page-layout p, #inside p
{
font: 12px Arial;
margin: 0px;
padding: 0px;
}


#page-layout h1, #inside h1
{
font: 18px Arial;
margin: 20px  3px 10px 0px;
padding: 0px;
font-weight :bold;
}


#page-layout h2,  #inside h2
{
font: 14px Arial;
font-weight:bold;
margin: 20px  0px 10px 0px;
}

.breakline
{
	margin: 10px  0px 10px 0px;
	border: 1px solid #CED2D5;
}

form input
{
color: #666666;
font: 12px arial;
}

/* monthly winners  - how to win box */
.howtowin {width:100%; margin:5px 5px 5px 5px;}
.howtowin .divtable {  padding: 8px; margin:0px;background-color :#EBEBEB; height:300px;}
.howtowin .divtable img.floatleft { float:left;margin:4px 5px 2px 0px}
.howtowin .divtable img.floatright { float:right;margin:8px}
.howtowin .title {  background-position :bottom; background-image:url(images/red_background.png); background-repeat :  repeat-x   ;height:30px;width: 100%;padding :0px; margin :0px	}
.promotionReward .divtable img { margin:5px}

/* promotions - reward box */
.promotionReward {width:100%; margin:5px 5px 5px 5px;}
.promotionReward .divtable {  padding: 8px; margin:0px;background-color :#EBEBEB; height:auto;}
.title { background-position :bottom; background-image:url(images/red_background.png); background-repeat :  repeat-x   ;height:30px;width: 100%;padding :0px; margin :0px	}

/* newsletter - list box */
.newsletterList  {  width:100%; margin:5px 5px 5px 5px;}
.newsletterList .divtable {  padding: 0px; margin:0px; height:auto;}
.newsletterList .divtable ul {position: absolute; list-style-type:none; padding :0px; margin :0px	}
.newsletterList .divtable ul li{ padding-top:5px;padding-bottom:5px;padding :0px; margin :0px; text-align :left;}
.newsletterList .divtable ul li img{ padding-right:5px;margin :0px; }

/* home, promotions, rewards  - red strip banner title image and arrow image */
ul.redStrip { list-style-type:none; padding:0px;margin:0px;height:25px; overflow:hidden;} 
ul.redStrip li.text {float:left;padding:0px;margin:0px; }/*banner title - left*/
ul.redStrip li.arrow {float:right;padding:0px;margin:0px;}/*arrow image - right*/

.ffc_benefit_box { position:absolute; float:right;top :5px; right:60px;margin:10px; width:250px;}
.ffc_benefit {width:100%; margin:5px 5px 5px 5px;}
.ffc_benefit .divtable {  padding: 8px; margin:0px;background-color :#ffffff; height:200px;}
.ffc_benefit .title {  background-position :bottom; background-image:url(images/red_background.png); background-repeat :  repeat-x   ;height:25px;width: 100%;padding :0px; margin :0px	}


input[type=submit]{
border: 1px solid #6C9843;
background-color:#81A960  ;
padding :1px 2px 1px  2px;
color:#ffffff;


}

/*css fileupload*/
.file_input_textbox
{
	float: left
}

.file_input_div
{
    position: relative; 
	width: 100px; 
	height: 23px; 
	overflow: hidden;
}


.file_input_button
{
	width: 80px; 
	position: absolute; 
	top: 0px;
	background-color: #33BB00;
	color: #FFFFFF;
	border-style: solid;
	text-align :center;
}

.file_input_hidden
{
	font-size: 45px; 
	position: absolute; 
	right: 0px; 
	top: 0px; 
	opacity: 0; 
	
	filter: alpha(opacity=0); 
	-ms-filter: "alpha(opacity=0)"; 
	-khtml-opacity: 0; 
	-moz-opacity: 0;
}