/*------------------------------------------
PINT-PAL STYLES SPECIFIES
--------------------------------------------*/
/*------------------------------------------
// 1.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/
body { background:#FFF url(../images/container-bg.jpg) repeat-x top left; }
ol, ul {list-style-image:none; list-style-position:outside; list-style-type:none; padding: 0 0 0 10px; }


/*------------------------------------------
// 3. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/
/*---- Header - Navigation ----*/
div#page {margin-top: 29px; overflow: hidden;}
div#logo { height:115px; overflow: auto; z-index: 1; position: relative; }
div#header-nav { position: absolute; top: 30px; left: 400px; width: 52%; height: 30px; }
div#main-container{margin-top:-6px;}

/*---- Footer ----*/
div#footer { margin-top: 10px; }
div#footer #text {font: 8pt arial; color: #2a2662; }
div#footer ul { text-align:right; margin:0px;}
div#footer ul li { display:inline; font-size:8pt; margin-left:15px;}
div#footer ul li a {text-decoration:none; font-weight:bold; color: #7d80a3;}
div#footer ul li a:hover {color: #2a2662;}
div#bottom-nav {text-align: right;}
div#bottom-nav span {font-weight: bold; color: #2a2662;}
div#facebook {font-weight: bold; color: #2a2662;}
div#facebook img { vertical-align: middle; }
h2.title {font: bold 2em 'Bookman Old Style'; color: #FFF;}

/*---- button ----*/
.button {margin-bottom: 25px; background-color: #4096ee; padding: 5px 10px; color:#FFF; font: 1.1em arial; font-weight: bold; border:0px; cursor: pointer; text-decoration:none;}

/*------------------------------------------
// 4 HOME PAGE SPECIFIC STYLES
//------------------------------------------*/
div#tina {background: url(../images/content/tina-grande.jpg) no-repeat right top; margin-top:-56px; margin-right: 0px; height: 570px; z-index: -1000;}
div#tina img {position: relative; left : 16px; top: 261px;}
div#tres-tinas-img { position: relative; left: 0; top: 7px; }
div#home-tres-tinas {background: url(../images/content/tres-tinas-bottom.jpg) no-repeat bottom left; height: 520px; margin-top:-15px;}
div#home-tres-tinas ul { margin: 0; padding: 0; list-style: none; }
div#home-tres-tinas a { position: absolute; width: 120px; height: 125px; text-indent: -1000em; }
div#home-tres-tinas .link_to a { top: 470px; left: 665px; }

div#home-tres-tinas h1, div#home-tres-tinas h2, div#home-tres-tinas p {color: #FFF;}
div#home-tres-tinas h1 {font: bold 5.65em "Bookman Old Style"; text-align:center; margin-bottom: 5px;}
div#home-tres-tinas h2 {font: bold 1.62em "Bookman Old Style"; font-stretch: ultra-condensed; margin-bottom: 10px; padding: 0px 0px 0px 32px;}
div#home-tres-tinas p {font: normal 0.95em Georgia; padding: 0px 19px 0px 32px; margin-bottom: 5px; line-height: 17px;}
div#home-tres-tinas .subtitle{margin-top: 40px; font: 1.7em 'times new roman'; font-weight: bold; text-align: center; padding: 0px 55px;}
div#print-logo { width: 160px; position: relative; top: 230px; left: 275px; text-align:center; font: 12px arial; color: #4f5e20;}
div#print-logo a {text-decoration: none; font-weight: bold; color: #4f5e20;}


/*------------------------------------------
// 5 WHY PINT PAL SPECIFIC STYLES
//------------------------------------------*/
div#tendedera { margin: 22px 0px 61px 0px; background: url(../images/content/tendedera.jpg) no-repeat; height:40px; }
div#tendedera img {margin-top:-65px; margin-left:731px;}


/*div#left-column h2, div#center-column h2 {font: 2.3em 'times new roman'; color: #FFF; font-weight: bold;}*/
div#left-column h3 {font: 1.1em georgia; color: #1b1a41; font-weight: bold; line-height: 1.5em;}
div#left-column h3.fix {margin-top: 30px;}
div#left-column p {font: 1.1em georgia; color: #1b1a41; line-height: 1.5em;}
div#center-column {font: 1.1em georgia; color: #1b1a41;}
div#center-column .number {font: bold 2.7em Quicksand;}
div#center-column span.title {font-weight: bold;}


/*------------------------------------------
// 6 THE SCOOP SPECIFIC STYLES
//------------------------------------------*/
div#scoop-header {padding: 0px 85px 20px 5px;}
p.subtitle {color: #FFF; font: bold 1.62em Georgia; margin-bottom: 10px;}
div#scoop-header p.instructions {color: #FFF; font: 0.91em arial;} 
div#subcolumn-left h3, div#subcolumn-right h3 {color: #FFF; font: bold 1.65em "Bookman Old Style"; text-align: center; margin-bottom: 10px;}
div#subcolumn-left ul.list, div#subcolumn-right ul.list {margin: 0px 1px;}
div#subcolumn-left ul.list li, div#subcolumn-right ul.list li {font: bold 1.29em arial; color:#1b1a41; margin-bottom:15px;}
div#subcolumn-left ul.list li span, div#subcolumn-right ul.list li span {font-size: 0.7em; font-weight: normal;}

/* ----- FORMS ----- */
.form {padding: 0px 4px 0px 20px;}
.form h4 {font: bold 1.5em Georgia; color: #1b1a41; margin-bottom: 5px;}
.form textarea {width: 190px; height: 180px;}
.form input {width: 190px;}
.form fieldset {background-color: #ebebf1; border: 0px;}
.form fieldset p {margin-bottom: 5px;}
.form fieldset label {color: #1b1a41; font: bold 1.2em Georgia;}
.form .instructions {color:#1b1a41; font: bold 0.8em Arial;}
.form input, .form textarea {color: #1b1a41; font: 1.13em Georgia;}
.hr-scoop {border: 2px solid #859dbb;}
.hr-custom-1 {border: 2px solid #859dbb;}
.hr-custom-3 {border: 1px solid #859dbb;}
.hr-custom-2 {border: 2px solid #292662;}
.box-press {background-color: #bcdaea; padding: 16px 5px;}
.box-press .title {text-align: center;}

ul.custom-list-1 {margin: 0; font-family: arial;}
ul.custom-list-1 li { background:transparent url(../images/content/circle-bullet.gif) no-repeat scroll 0pt 4px; margin-bottom:15px; padding-left:20px; font-size: .9em!important; width: 90%; }
ul.custom-list-1 li a {color: #1b1a41; text-decoration: underline; font-weight: bold; font-size: 1.0em;}
ul.custom-list-1 li .comment{font-style:italic; font-size: 0.9em;}
ul.custom-list-1 li .date{font-style:normal; font-size: 0.9em;}
div#links-ice-cream {margin: 40px 0px;}
div#links-ice-cream h3 {color: #1b1a41; font: bold 1.8em Georgia; margin-bottom: 10px;}


/*------------------------------------------
// 7 ORDER PAYPAL SPECIFIC STYLES
//------------------------------------------*/
div#order-column-left h2 {background: url(../images/content/pay-pal.jpg) no-repeat right top; padding:10px 0px 19px 0px; margin-top: -10px;}
div#custom-printing-column-left{margin-bottom:50px;}
.box-info {background-color: #bcdaea; padding: 16px 30px; color: #1b1a41;}
.box-info p {font: 1.1em arial;}
.box-info span {font-weight: bold;}
.box-info .url {text-decoration: underline;}

/*validation div*/
div#errors1, div#errors2, #validate_error { background-color: #eee; border: 1px solid red; margin: 5px; padding: 5px; }
div#errors1 ol li, div#errors2 ol li, #validate_error ol li { list-style-type: disc; margin-left: 20px; }
div#errors1, div#errors2, #validate_error { display: none }
div#errors1 label.error, div#errors2 label.error, #validate_error label.error { display: inline; }

/*------------------------------------------
// Form Positioning
//------------------------------------------*/
form#paypal_form legend { padding: 0 5px 0 5px; color: #FFF; }
form#paypal_form .form_title { padding: 0 5px 0 5px; color: #1B1A41; font-weight:bold; }
.form_title { padding: 0 5px 0 5px; color: #1B1A41; font-weight:bold; }
.form_title_blank { padding: 0 5px 0 5px; color: #FFFFFF; font-weight:bold; }
form#paypal_form fieldset { border-color:#859DBB #FFFFFF #FFFFFF; border-style:solid; border-width:2px 0 0; display:block; margin:0 0 .7em; padding: 0 1em .7em; }
form#paypal_form .ccv2code { width: 32px; }
table td { line-height: 15px; }
input.disabled { color: #000; }

#paypal_form_error { display: none; }

/*------------------------------------------
// Error Labels
//------------------------------------------*/
.error, .notice, .success {margin-left: 5px; padding:1px;/*margin-bottom:1em;*/border:1px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/*------------------------------------------
// Buttons
//------------------------------------------*/
#submit { background: url(../images/send_btn.png) no-repeat; width: 135px; height: 35px; border: 0; padding: 0 5px 0 0; cursor: pointer; }
#reset { background: url(../images/cancel_btn.png) no-repeat; width: 97px; height: 35px; border: 0; cursor: pointer; }