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 {display:block; float:left;  position:relative; width: 100%; height: 190px;bottom:0; padding:0px;margin:0px; }
body .id_footer .bordershadow {width: 100%; background-repeat :repeat-x ;background-image :url(images/quick-links.jpg); height:46px;padding:0px;margin:0px;}
body .id_footer .inner-wrapper{display:block; position:relative;font:12px Arial; color:#666666;padding: 20px 0px 10px 0px; margin-top:5px;  }
body .id_footer .inner-wrapper ul.linkbutton { display:block;height: 30px; list-style: none; left:0px;position:relative; margin:  10px 0px  5px 0px;padding-left:30px;padding-top:25px;}
body .id_footer .inner-wrapper ul.link { height: 20px; list-style: none; left:0px;position:relative; margin:  5px 0px 10px 0px; padding-left:30px;padding-top:0px;}
body .id_footer li {color:#666666;float: left; height: 25px; line-height: 18px;padding:2px   2px 2px 2px;}
body .id_footer li a:link, body .id_footer li a:visited {color:#666666; text-decoration :none;padding-right:5px; padding-bottom :2px;}
body .id_footer .inner-wrapper p { margin: 45px 0px 2px 32px;padding:0px;}

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: 200px; position: absolute; top: 47px; }
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:56px;
	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-right:15px; padding-left:10px;padding-top: 10px; position: relative; left:1px;right: 10px;width: 584px;height:250px;margin:0px; margin-right:2px;}
.id_welcome {display:inline;  float: left; padding-top: 10px;position: relative; font-family:Arial;  font-size :12px; width: 354px;height:740px; }
.id_welcome h1 { color: #000000; }
.id_welcome .divtable {  padding: 15px;background-color :#E9EEF1;padding-bottom:2px;}
.id_welcome .title {width: 588px;height:75px;}
.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 {display:block;float: left; margin-top: 5px;  width: 100%; height:285px;padding:0px ; }
.id_advertising div {display:block;float: left; height: 100px; padding:0px ; }
.id_advertising .newsletter  {color:#666666; height: 230px; 
    width: 323px;  padding:0px ; 
    margin : 0px ; background-color :#ffffff;
}
.id_advertising .newsletter .title {width: 356px;}
.id_advertising .newsletter table {color:#666666; }
.id_advertising .newsletter .divtable {  padding: 2px 15px 2px 15px;width: 100%; margin:0px;background-color :#E9eef1; height:150px;}
.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 {  width: 580px; height:33px;}
.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: 232px; background-color:#E9EEF1; height:260px; }
.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 :#E9eef1;height: 220px; position: relative; top: 0px; padding:15px;z-index:1 }
.id_promotion ul {list-style-type:none; margin: 0; padding: 5px; float: left;}
.id_promotion li{display: inline;padding:2px;}


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

/*-------------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: 370px;
}

#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;
}

/*upskilling*/
#inside_upskilling
{
text-align:left;
width: 520px;
color:#666666;
font: 12px Arial;
float:left;
}

#sideimage_upskilling
{
padding-top :25px;
float: right;
width: 415px;
}

#sideimage_upskilling ul 
{
list-style-type:none;display:inline;padding:0px;margin:0px;left:0;
}

#sideimage_upskilling ul li
{
padding-top:2px;padding-bottom:2px;padding-left:0px;padding-right:2px;margin:0;
}



/*contacts*/
#inside_contacts
{
text-align:left;
width: 560px;
color:#666666;
font: 12px Arial;
float:left;
}

#sideimage_contacts
{
padding-top :55px;
float: right;
width: 390px;
}

#sideimage_contacts ul 
{
list-style-type:none;display:inline;padding:0px;margin:0px;
}

#sideimage_contacts ul li
{
padding-top:2px;padding-bottom:2px;display:inline; margin:0px;
}

/* 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:60%;
 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: 15px; margin:0px;background-color :#EBEBEB; height:320px;}
.howtowin .divtable img.floatleft { float:left;margin:4px 5px 2px 0px}
.howtowin .divtable img.floatright { float:right;margin:8px}
.howtowin .title { height:35px;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: 15px; margin:0px;background-color :#e9eef1; height:auto;}
.promotionReward .title { height:34px;width: 100%;padding :0px; margin :0px	}
.title { width: 100%;padding :0px; margin :0px;height:35px;	}

/* newsletter - list box */
.newsletterList  {  width:100%; margin:5px 5px 5px 5px;}
.newsletterList .divtable {  padding: 15px; margin:0px; height:200px;background-color:#e9eef1;}
.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; 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:20px;margin:0px; width:285px;}
.ffc_benefit {width:100%; margin: 5px  5px 0px 5px;background-color :#e9eef1;}
.ffc_benefit .divtable {  padding: 5px; margin:7px; height:210px;}
.ffc_benefit .title { height:25px;width: 100%;padding :0px; margin :0px	}
.ffc_benefit ul.line { padding-top:8px;padding-left: 15px;  margin:0px; vertical-align :middle;width:95%}
.ffc_benefit ul.line li { padding-top: 1px; margin:0px;border-bottom: 1px double #d8dcdf; height:25px;width:100%;vertical-align :middle;}


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;
}