body
{
margin: 0;
padding: 0;
background: #cccccc;
font-family: Arial, Verdana, Sans-Serif;
}


h1, h2, h3, h4, h5, h6, p, img
{
margin: 0;
padding: 0;
}


h1
{
font-size: 30px;
font-style: italic;
color: #cd0000;
text-align: center;
margin: 15px 0;
}


h2
{
color: #cd0000;
text-align: center;
margin: 10px 0;
font-size: 22px;
}


h3
{
}


h4
{
font-family: Courier, Typewriter New Roman, Arial, Sans-Serif;
font-weight: normal;
font-size: 12px;
color: #666666;
}


.image1
{
margin: 10px 0 20px 70px;
}


/* IDs */

#container
{
margin: 0 auto;
background: #ffffff;
width: 750px;
position: relative;
}

#content
{
padding: 25px 25px 25px 25px;
}

#coupons 
{
padding: 25px 0;
margin: 0 auto;
width: 600px;
position: relative;
}

#left
{
float: left;
width: 340px;
padding: 0 10px 0 20px;
}


.height1
{
height: 300px;
width: 2px;
}

#right
{
float: right;
width: 340px;
padding: 10px 20px 0 10px;
}


#center p
{
width: 550px;
margin: 10px auto;
text-align: center;
}

#center ul
{
width: 550px;
margin: 10px auto;

}

#check
{
position: absolute;
width: 450px;
height: 30px;
top: 325px;
left: 230px;
}


#footer
{
text-align: center;
padding-bottom: 10px;
}

#footer p
{
font-size: 10px;
text-align: center;
margin: 15px 0;
}

#checkAllButton
{
background-color: #cccccc;
margin: 10px 25px 10px 25px;
padding: 3px;
color: #ffffff;
font-weight: bold;
width: 140px;
font-size: 12px;
text-align: center;
cursor: pointer;
}

#uncheckAllButton
{
background-color: #cccccc;
margin: 10px 25px 10px 25px;
padding: 3px;
color: #ffffff;
font-weight: bold;
width: 140px;
font-size: 12px;
text-align: center;
cursor: pointer;
}

/* Misc Classes */

.clear
{
clear: both;
}



/*****IMPORTANT: DO NOT DELETE THE BELOW COMMENT AND DO NOT INCLUDE OTHER STYLES IN THE SURVEY STYLES SECTION; DOING SO WILL LIMIT OUR ABILITY TO PROGRAMATICALLY UPDATE HOW YOUR SURVEYS LOOK*****/
/***BEGIN SURVEY STYLES***/
/*************************************************************************************************/
/*------------------------------------------Important--------------------------------------------*/

/* There are 3 basic types of survey questions: Check boxes(multiple choice), Radio Button(Single Choice),
and free form text entry. This portion of the stylesheet provides you with a basic style to start
with, and explanations of the classes that are generated in the page.

This is for advanced users only.

/*************************************************************************************************/



/* This surrounds the entire survey - you can apply width, border, background color etc. */
.SV_QuestionsWrapper {

}

/* This styles the paragraph tags that surround the text within the questions; various default values for margins and padding are added to p tags in every browser */
.SV_QuestionsWrapper p {
margin: 5px 0 5px 0;
padding: 0;
}

/* This styles the text for the question */
.SV_QuestionText {
font-weight: bold;
font-size: 13px;
}

/* this styles the actual responses for a Question, such as the copy for your radio button or check box list */
.SV_Question {
font-size: 12px;
}

/* This styles the color and size of the question text and question responses for all required questions.  */
.SV_RequiredQuestion {
}

/* This styles the error message at the top of the survey that appears when required questions go unanswered */
.SV_ErrorHeader {
color:#FF0000;
}

/* This styles the "*" that appears if a question is required. If you do not wish this to appear, set this style to display:none;. The default is re*/
.SV_RequiredText {
}

/* This style surrounds the entire group of question responses for multiple choice checkboxes, single choice radio buttons., and the "Other" response option */
.SV_ResponseArea {
margin: 0;
padding: 0 0 0 25px;
}

/* This styles a question that has no need of any question text, and is just a series of responses, such as a check box or radio button. Used often for questions such as "Please contact me by email" */
.SV_Question_NoQuestionText {
margin: 20px 0;
}

.SV_ErrorText {
color:#FF0000;
font-size: .85em;
}

/* This styles the actual box for the question response "other". The default style pushes the box away from the word "Other" in the label */
.SV_Other_TextBox {
margin: 0 0 0 10px;
}

/* This wraps the "other" option response for check box and radio button lists. A common style would be to put extra spacing between the top of the Other response and the bottom of the checkbox or radio button list.*/
.SV_Other_Wrapper{
}

/* This styles all question responses for multiple choice checkboxes and single choice radio buttons. This will not style the "Other" response options, nor does it style the question text.  */
.SV_OptionsWrapper {
}

/* This will style the text in your radio button list, and will override styles you have made to your Question Text */
.SV_SelectOne {
}

/* This will style the text in a single column radio button list ONLY, and will override styles you have made to your Question Text.*/
.SV_SelectOne_SingleColumn {
}

/* Free form text entry has a character limit. A count appears directly under the text box. This will style that count. */
.SV_TextResponse_CharacterCount {
font-size: 10px;
}

.SV_SelectMany_ThreeColumn  .SV_ResponseArea table
{
width: 100%;
}

.SV_SelectMany_ThreeColumn  .SV_ResponseArea td
{
width: 33%;
}

/*************************************************************************************************/
/*------------------------------------------Important--------------------------------------------*/

/* This includes styles for the contact form

/*************************************************************************************************/

/* This styles the "*" for required questions. The current default is set to red. You may hide this by deleting the color below and inputing: display:block; */
.CF_ValidationSummary {
color:#FF0000;
}

/* This styles the "*" for required questions. The current default is set to red. You may hide this by deleting the color below and inputing: display:block; */
.CF_RequiredIndicator {
color:#FF0000;
}

/* This styles the row that the .CF_Label and the .CF_Input are nested in */
.CF_DataCollector {
margin: 10px 0;
}

/* This styles the text for the information collector. Example: First Name */
.CF_Label {
float: left;
width: 110px;
font-size: 12px;
padding: 3px 0 0 0;
}

/* This styles the free form text box where an individual will type in their information */
.CF_Input {
}

/* This clears the floats out of the above styles. If you are floating the labels or inputs, do not remove. */
.CF_BreakDiv {
clear: both;
}

/*****IMPORTANT - DON'T DELETE THE BELOW COMMENT IF YOU WISH US TO BE ABLE TO CHANGE YOUR SURVEY PROGRAMATICALLY IN THE FUTURE*****/
/***END SURVEY STYLES***/

.SV_ResponseCatalog
{
text-align: center;
padding-left: 10px;
}

.SV_ResponseCatalog table tr td a img
{
border: 2px dashed #cccccc;
margin: 10px;
padding: 10px;
}