/**
 * general declarations
 */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
  {
  margin: 0;
  padding: 0;
  border: 0;
}

a img {
  border: none
}

/**
 * general classes
 */
.clearleft {
  clear: left;
}

.clearright {
  clear: right;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.floatnone {
  float: none;
}

.alignleft {
  text-align: left;
}

.aligncenter {
  text-align: center;
}

.alignright {
  text-align: right;
}

.nowrap {
  white-space: nowrap;
}

.grey {
  color: #666666;
}

.highlight {
	background: #ffff00;
}

/**
 * body
 */
body, td, a {
  font-family: "Trebuchet MS", Verdana;
  font-size: 13px;
  line-height: 21px;
  color: #333333;
}

br {
  line-height: 21px;
}

small, small a {
  font-size: 11px;
  line-height: 18px;
}

small br {
	line-height: 1em;
}

a {
  text-decoration: none;
  color: #33cc00;
}

a:hover {
  text-decoration: underline;
}

h1 {
  font: 24px "Trebuchet MS", Verdana;
  color: #333333;
  padding-bottom: 10px;
}

h2 {
  font: 18px "Trebuchet MS", Verdana;
  color: #333333;
  line-height: 29px;
}

h3 {
  font: 14px "Trebuchet MS", Verdana;
  color: #333333;
  line-height: 21px;
}

/**
 * content 
 */
#content {
  clear: left;
}

p {
  margin-bottom: 21px;
}

/**
 * Misc classes for content
 */
.confirmed-frame-red {
  height: 31px;
  background: url(../images/misc/arrow-down-red.gif) no-repeat 30px 25px;
  margin-bottom: 11px;
}

.confirmed-frame-red p {
  display: block;
  height: 23px;
  padding: 1px;
  margin: 0;
  line-height: 23px;
  background: #cc3300;
  text-align: center;
  color: #ffffff;
}

.confirmed-frame-yellow {
  height: 31px;
  background: url(../images/misc/arrow-down-yellow.gif) no-repeat 439px 25px;
  margin-bottom: 11px;
}

.confirmed-frame-yellow p {
  display: block;
  height: 23px;
  padding: 1px;
  margin: 0;
  line-height: 23px;
  background: #ffcc33;
  text-align: center;
  color: #333333;
}

.confirmed-frame-green {
  height: 21px;
  padding: 1px;
  background: #33cc00;
  color: #ffffff;
  text-align: center;
}

.confirmed-brackets-yes {
  color: #33cc00;
}

.confirmed-brackets-no {
  color: #cc3300;
}

.pager-navigation {
  margin: 0 10px;
}

.pager-navigation, .pager-navigation a {
  font-size: 11px;
}

/* tables */

tr.inverse {
  background: #eeeeee;
}

/**
  * list table data
  */
  
div.list-data {
}

.list-data-gradient {
  width: 480px;
  background: url(../images/layout/list-data-ul-bg.jpg) repeat-x 0 22px;
}

	.list-data-gradient h2 {
	  height: 21px;
	  line-height: 21px;
	}

.list-data ul {
  display: block;
  width: 480px;
  list-style-type: none; 
}

	.list-data ul.gradient {
	  background: url(../images/layout/list-data-ul-bg.jpg) repeat-x 0 22px;
	}

	.list-data ul li {
	  min-height: 21px;
	  clear: left;
	}

	.list-data ul li span {
	  display: block;
	  width: 130px;
	  padding-right: 10px;
	  float: left;
	}
	
	.list-data ul li span.narrow {
    display: block;
    width: 90px;
    padding-right: 10px;
    float: left;
  }
  
  .list-data ul li span.wide {
    display: block;
    width: 160px;
    padding-right: 10px;
    float: left;
  }
	
	.list-data ul li h2 {
	  display: block;
	  height: 21px;
	  line-height: 21px;
	  float: left;
	}
	
	.list-data ul li span.list-data-in {
	  width: 330px;
	  padding-left: 140px;
	  float: none;
	}
	
  .list-data ul li span.list-data-in-wide {
    width: 300px;
    padding-left: 170px;
    float: none;
  }

.list-data-header, .list-data-header-link, .list-data-header-link-wide {
  border-bottom: 1px solid #bcbcbc;
}

.list-data-header-link h2 {
  width: 130px;
  padding-right: 10px;
}

.list-data-header-link-wide h2 {
  width: 160px;
  padding-right: 10px;
}

.list-data-header a, .list-data-header-link a {
  display: block;
  text-align: left;
  float: left;
}


/**
 * table data
 */
.table-data tfoot td {
  font-weight: bold;
  border-top: 1px solid #cbcbcb;
}

.table-data {
  width: 100%;
}

.table-data thead td {
  font-weight: bold;
  border-bottom: 1px solid #cbcbcb;
}

/**
 * tabbing
 */
 
.tabbing-container {
  width: 480px;
  height: 61px;
  background: url(../images/misc/tabbing-bottom.jpg) repeat-x 0 21px;
}

.tabbing-container .pager-navigation {
  padding: 9px 0 0 0;
}

ul.tabs {
   list-style-type: none;
   height: 20px;
   margin-left: 10px;
   width: 458px;
}

  ul.tabs li {
      margin-right: 1px;
      padding: 0 10px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      border-left: 1px solid #bdbdbd;
      border-right: 1px solid #bdbdbd;
      border-top: 1px solid #cacaca;
      background: url(../images/misc/tabbing.jpg) repeat-x;
      float: left;
  }
    
  ul.tabs li.tab-selected {
    border-bottom: 1px solid #e7e7e7;
    background: url(../images/misc/tabbing-selected.jpg) repeat-x;
  }
  
  ul.tabs li a {
    line-height: 20px;
    font-size: 11px;
    color: #333333;
    text-decoration: none;
  }

ul.tabs-sorting { 
   list-style-type: none;
   width: 458px;
   height: 20px;
   margin-left: 10px;
   border-left: 1px solid #bdbdbd;
   border-right: 1px solid #bdbdbd;
   border-top: 1px solid #cacaca;
   background: url(../images/misc/tabbing-selected.jpg) repeat-x;
}

  ul.tabs-sorting li {
    width: 75px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    float: left;
  }

  ul.tabs-sorting li a {
    line-height: 20px;
    padding-right: 10px;
    font-size: 11px;
    color: #333333;
    background: url(../images/misc/tabbing-arrow-up-down.gif) no-repeat top right;
    text-decoration: none;
  }
  
  ul.tabs-sorting li.tab-sorting-asc a {
    background: url(../images/misc/tabbing-arrow-down.gif) no-repeat top right;
  }
  
  ul.tabs-sorting li.tab-sorting-desc a {
    background: url(../images/misc/tabbing-arrow-up.gif) no-repeat top right;
  }

/**
 * campaign
 */
div.campaign {
  margin-bottom: 10px;
  padding: 0 11px;
  width: 458px;
  height: 187px;
  background: url(../images/layout/campaign-bg.jpg) no-repeat;
}

div.chead {
  height: 28px;
}

  div.chead h3 {
    float: left;
  }
  
  div.chead h3, div.chead h3 a {
    line-height: 28px;
    color: #333333;
    text-decoration: none;
  }
  
  div.chead h3.cashback {
    float: right;
  }
  
  div.chead .cashback, div.chead .cashback a {
    line-height: 28px;
    color: #333333;
    text-decoration: none;
    font-weight: bold;
  }
  
div.cbody {
	margin: 3px 2px 3px 1px;
  height: 125px;
}

  div.cbody p {
    padding: 0;
    margin: 0;
  }

  div.cbody p img {
    margin-right: 10px;
    float: left;
  }
  
div.cfoot {
  height: 28px;
}

  div.cfoot a {
    display: block;
    margin: 1px 0 0 360px;
    padding: 0 9px;
    width: 71px;
    height: 21px;
    font-size: 11px;
    text-align: center;
  }

/* campaign show */

.campaign-show-data img {
  margin: 21px 0 10px 10px;
  float: right;
}

#campaign-guideline ul {
	list-style-type: none;
}

#campaign-guideline ul li {
  margin-bottom: 21px;
}

#campaign-confirm-required ul {
  margin-left: 21px;
}

#campaign-confirm-required {
  margin-bottom: 21px;
}

/* campaign random */

div.campaigns-random {
	padding-top: 10px;
}

div.campaigns-random img {
	margin-right: 35px;
	margin-bottom: 35px;
	float: left;
}

/* campaign about getStarted */

ul.about-get-started-campaigns {
  list-style-type: none;
  margin-left: 32px;
}

ul.about-get-started-campaigns li {
  margin-bottom: 21px;
  padding-left: 77px;
}

  #about-get-started-campaigns-item-1 {
    background: url(../images/misc/yellow-ring-1.gif) no-repeat;
  }
  
  #about-get-started-campaigns-item-2 {
    background: url(../images/misc/yellow-ring-2.gif) no-repeat;
  }

  #about-get-started-campaigns-item-3 {
    background: url(../images/misc/yellow-ring-3.gif) no-repeat;
  }

  #about-get-started-campaigns-item-4 {
    background: url(../images/misc/yellow-ring-4.gif) no-repeat;
  }

  #about-get-started-campaigns-item-5 {
    background: url(../images/misc/yellow-ring-5.gif) no-repeat;
  }

  #about-get-started-campaigns-item-6 {
    background: url(../images/misc/yellow-ring-6.gif) no-repeat;
  }

  #about-get-started-campaigns-item-7 {
    background: url(../images/misc/yellow-ring-7.gif) no-repeat;
  }

  #about-get-started-campaigns-item-8 {
    background: url(../images/misc/yellow-ring-8.gif) no-repeat;
  }

  #about-get-started-campaigns-item-9 {
    background: url(../images/misc/yellow-ring-9.gif) no-repeat;
  }

ul.about-get-started-campaigns li h2 a {
  font: 18px "Trebuchet MS", Verdana;
  color: #333333;
  line-height: 29px;
}

#get-started-shoppingbasket {
  float: left;
  width: 98px;
  height: 36px;
  margin: 0px 10px 21px 0;
  background: url(../images/misc/shopping-basket-big.gif) no-repeat;
  padding-top: 90px;
  text-align: center;
}

#get-started-search {
  padding-top: 70px;
}

#get-started-search input.text {
  margin: 0 10px 0 0;
}

#get-started-search input.submit_mini {
  margin: 0;
  background: #ffcc33 url(../images/form/submit-bg-mini-yellow.jpg) repeat-x;
}

#get-started-faq .faq {
  float: left;
  margin-left: 25px;
  margin-right: 10px;
}

#get-started-faq p {
}

/**
 * form
 */
form .in-form {
  display: block;
  padding-left: 140px;
}

form .in-form-narrow {
  display: block;
  padding-left: 100px;
}

form label {
  display: block;
  margin-bottom: 10px;
  width: 140px;
  height: 25px;
  line-height: 25px;
  float: left;
}

form label.narrow {
   width: 100px;
 }
 
form label.wide {
  width: 160px;
}

	form label.cancel {
	  text-align: right;
	  width: 130px;
	  margin-right: 10px;
	}
	
  form label.cancel-narrow {
    text-align: right;
    width: 90px;
    margin-right: 10px;
  }
  
  form label.cancel-wide {
    text-align: right;
    width: 150px;
    margin-right: 10px;
  }
	
		form label.cancel a, form label.cancel-narrow a, form label.cancel-wide a {
		  line-height: 25px;
		  color: #cc3300;
		}
	
	form label small, form label.narrow small, form label.wide small {
    line-height: 1em;
  }
  
form input {
  display: block;
  margin-bottom: 10px;
  float: left;
}

/*input[type="text"], input.text, input[type="password"], input.password {*/
input.text, input.password {
  padding: 2px;
  width: 194px;
  height: 19px;
  background: url(../images/form/input-text-background.gif) no-repeat;
  border: 1px solid #bcbcbc;
  font: 13px "Trebuchet MS", Verdana;
  line-height: 19px;
  color: #333333;
}

input.text_medium {
  padding: 2px;
  width: 140px;
  height: 19px;
  background: url(../images/form/input-text-background.gif) no-repeat;
  border: 1px solid #bcbcbc;
  font: 13px "Trebuchet MS", Verdana;
  line-height: 19px;
  color: #333333;
}

input.text_small {
  padding: 2px;
  width: 97px;
  height: 19px;
  background: url(../images/form/input-text-background.gif) no-repeat;
  border: 1px solid #bcbcbc;
  font: 13px "Trebuchet MS", Verdana;
  line-height: 19px;
  color: #333333;
}

input.text_mini {
  padding: 2px;
  width: 45px;
  height: 19px;
  background: url(../images/form/input-text-background.gif) no-repeat;
  border: 1px solid #bcbcbc;
  font: 13px "Trebuchet MS", Verdana;
  line-height: 19px;
  color: #333333;
}

select.select {
  width: 200px;
  height: 23px;
  font: 13px "Trebuchet MS", Verdana;
  line-height: 23px;
  color: #333333;
}

select.select_dob {
  width: 66px;
  height: 23px;
  margin-right: 1px;
  font: 13px "Trebuchet MS", Verdana;
  line-height: 23px;
  color: #333333;
}

select.select_dob_last {
  width: 66px;
  height: 23px;
  font: 13px "Trebuchet MS", Verdana;
  line-height: 23px;
  color: #333333;
}

input.submit, input.button {
  height: 25px;
  padding-bottom: 1px;
  width: 200px;
  background: url(../images/form/submit-bg-rounded-large.gif) repeat-x;
  font: 13px "Trebuchet MS", Verdana;
  color: #333333;
  float: none;
}

input.submit_extra_large, input.button_extra_large {
  height: 25px;
  padding-bottom: 1px;
  width: 259px;
  background: url(../images/form/submit-bg-rounded-extra-large.gif) repeat-x;
  font: 13px "Trebuchet MS", Verdana;
  color: #333333;
  float: none;
}

input.submit_medium, input.button_medium {
  height: 25px;
  padding-bottom: 1px;
  width: 150px;
  background: url(../images/form/submit-bg-rounded-medium.gif) repeat-x;
  font: 13px "Trebuchet MS", Verdana;
  color: #333333;
  float: none;
}

input.submit_small, input.button_small {
  height: 25px;
  padding-bottom: 1px;
  width: 97px;
  background: url(../images/form/submit-bg-rounded-small.gif) repeat-x;
  font: 13px "Trebuchet MS", Verdana;
  color: #333333;
  float: none;
}

input.submit_mini, input.button_mini {
  height: 25px;
  padding-bottom: 1px;
  width: 40px;
  background: url(../images/form/submit-bg-rounded-mini.gif) repeat-x;
  font: 10px "Trebuchet MS", Verdana;
  color: #333333;
  float: none;
}

textarea.textarea-wide {
	width: 330px;
	height: 76px;
  font: 13px "Trebuchet MS", Verdana;
  line-height: 19px;
  color: #333333;
}

span.form_help {
  margin-left: 5px;
  font-size: 11px;
  line-height: 25px;
  color: #666666;
}

span.form_help_right {
	display: block;
  padding-left: 5px;
  width: 135px;
  height: 25px;
  font-size: 11px;
  line-height: 25px;
  color: #666666;
  float: left;
}

span.form_help_bottom {
	margin: 0;
	display: block;
  padding-left: 140px;
  height: 25px;
  font-size: 11px;
  line-height: 11px;
  color: #666666;
}

/**
 * Form error, error
 */

.form_error_container, .error_container {
  margin-bottom: 10px;
  padding: 1px;
  width: 478px;
  background: #cc3300;
  clear: both;
}

.form_error, .error {
  padding: 10px;
  border: 1px solid #ffffff;
  background: #e6e6e6;
  color: #cc3300;
}

.form_error ol {
  margin-left: 10px;
  list-style-position: inside;
}

.form_error p {
  margin-bottom: 0;
}

/**
 * Notice
 */

.notice_container {
  margin-bottom: 10px;
  padding: 1px;
  width: 478px;
  background: #33cc00;
  clear: both;
}

.notice {
  padding: 10px;
  border: 1px solid #ffffff;
  background: #e6e6e6;
  color: #33cc00;
}

.notice p {
  margin-bottom: 0;
}

/* stuff */

#index-create-form input.submit {
	background: #33cc00;
	color: #ffffff;
}

#general-campaign-guideline {
	clear: both;
  margin-top: 1em;
  border-top: 1px solid #bcbcbc;
}
/**
 * Related pages
 */
#related-pages {
  margin-top: 1em;
  border-top: 1px solid #bcbcbc;
}

#related-pages h3 {
  font: 13px "Trebuchet MS", Verdana;
  color: #333333;
  font-weight: bold;
  line-height: 30px;
}

ul.related_pages {
  list-style-type: none;
}

ul.related_pages li {
  padding-left: 10px;
  background: url(../images/misc/right-pointing-double-angle.gif) no-repeat;
}