@charset "utf-8";
/* 
    Document   : style
    Created on : Dec 4, 2009, 1:34:56 PM
    Author     : aheins
    Description:
        Color and Style
*/

#header { background-color: #f09; }
#nav { background-image: url(../images/redesign/not_active.jpg); background-repeat: repeat-x; margin:0 0 10px 0}
#nav ul li a { color: #366; }
#nav ul li a.active { background: url(../images/redesign/is_active.jpg) no-repeat 50% 0;}
div.hr { background-image: url(../images/redesign/hr.jpg); background-repeat: no-repeat; }

/*see the next block of code for changes*/
#header h1 { text-indent: -9999px; }
#header h1 { background-image: url(../images/redesign/logo.gif); }
#header h1 { width: 259px; height: 63px; margin-left: 75px; top: 30px; position: relative; }



h1 { color: #f09; }
h2 { color: #366; }

h4 { color: #366; }
p { color: #366; }
.btn_StartPhotobook { background-image: url(../images/redesign/btn_StartPhotobook.png); background-repeat: no-repeat; background-position: 0 0; }
.btn_StartPhotobook:hover { background-position: 0 -47px; }
.btn_StartPhotobook:active { background-position: 0 -94px; }
.bottom_divider { border-bottom-color: #cccccc; border-bottom-style: solid; }
a { color: #f09; }
a#view_library { background-image: url(../images/redesign/arrow.png); background-position: 60px 0; background-repeat: no-repeat; color: #366; }

form#feedback_form { color: #366; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-color: #ccffff; border-style: solid; }
form#feedback_form input[type=text], form#feedback_form textarea { border: 1px solid #DDD; }
form#feedback_form ul { background-color: #ccffff; }
ul#smlinks li { border-bottom-style: solid; border-bottom-color: #cccccc; }
ul#smlinks a { background-repeat:no-repeat; background-position: 190px 0; color: #366; }
ul#smlinks a span { color: #f09; }
a#bloglink { background-image: url(../images/redesign/social-icon-rss.png); }
a#twitterlink { background-image: url(../images/redesign/social-icon-twitter.png); }
a#facebooklink { background-image: url(../images/redesign/social-icon-facebook.png); }
a#myspacelink { background-image: url(../images/redesign/social-icon-myspace.png); }
ul#feedback_type label { background-repeat: no-repeat; background-position: 0 0; }
ul#feedback_type label.selected { background-position: 0 -46px; }
form#feedback_form label#Help_label { background-image: url(../images/redesign/contact-btn-help.jpg); }
form#feedback_form label#Idea_label { background-image: url(../images/redesign/contact-btn-idea.jpg); }
form#feedback_form label#Praise_label { background-image: url(../images/redesign/contact-btn-praise.jpg); }
.med_button { background-image: url(../images/redesign/med_button.gif); background-repeat: no-repeat; color: #fff; }
.med_button:hover { background-position: 0 -30px; }



/*START STYLE VIC*/
.container a img#elephotoLogo { background-image: url(../images/redesign/logo.gif); width: 259px; height: 63px; margin: 30px 0 0 75px;}
#IE6 .container a img#elephotoLogo { background-image: url(../images/redesign/logo.gif); width: 259px; height: 63px; margin: 10px 0 0 75px;float:left}
#IE7 .container a img#elephotoLogo { background-image: url(../images/redesign/logo.gif); width: 259px; height: 63px; margin: 10px 0 0 75px;float:left}
.rectangle { width:100%; height: 50px; margin:0 0 10px; padding:0 0 10px 0; border-bottom:1px #ccc solid; clear:both; overflow:hidden }
.leftBox { width:650px; }
.leftBox h1 { background:#fff; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:25px; margin:0; padding:15px 0 0; font-weight:bold;color:#366 }
.rightBox { float:right }
.process { clear:both; overflow:hidden; padding: 0 0 10px 0; /*border-bottom:1px solid #ccc;*/ }
.boxImg { float:left; width:100px; height:100px; margin:0 10px 50px 0 }
.boxImg2 { margin:0 0 10px 0 }
/*.box .simpleColMiddle { border-left:2px dotted #ccc; border-right:2px dotted #ccc; }*/
.box p.client {margin-bottom:0; clear:both;background:#dbdbdb url(../images/redesign/quotation-marks.gif) no-repeat 10px 10px; padding:15px;}
.bigBoxImg { width:306px; height:200px; float:left; margin:12px 0 0; }
#IE6 .bigBoxVideo, #IE6 .simpleColNoHeader { width:300px; height:260px; float:left; margin:0 0 10px 5px;}
.bigBoxVideo, .simpleColNoHeader { width:300px; height:260px; float:left; margin:0 10px 10px 5px;clear:both}
.bigBoxCopy { float:left; width:630px; margin:0 0 0 50px }
/*.box .simpleCol, .box .simpleCol { color:#366; float:left; padding:0; width:306px; }*/
/*.process .simpleCol { color:#366; float:left; width:306px }*/
.box .simpleCol h1{ font-family: 'MyriadProRegular', Arial, Helvetica, sans-serif; font-size:20px;background:#cff; color:#366; margin:10px 0 15px; padding:10px;-moz-border-radius:5px 5px 5px 5px;line-height:1; }
.box .simpleCol p, .box .simpleCol a { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
.processBar { width:100%; height:50px; background:#c5ffff }
.processBar p.left { color:#366; float:left; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-size:20px; padding:10px 0 0 26px }
h3 p.right{ color:#366; float:right; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:14px; padding:0 50px 0 0; }
h3 p.right a {color:#f09}


#bannerBox { float:right; width:315px; height:245px; margin:-250px 0 0 0; padding:5px 5px 10px 10px; overflow:hidden }
#bannerBox p { color:#fff; font-family: sans-serif, Arial, Helvetica; font-size:16px; margin:0; font-weight:bold; text-align:center }
#bannerBox p.title { font-family:"MayfieldRegular", Arial, Helvetica, sans-serif; font-size:40px; font-weight:bold; text-align:center; padding:23px 0 20px 0 }
#bannerBox p.middle { font-size:19px }
#bannerBox p span { color:#cccc99; font-weight:bold }
#bannerBox p.big { font-size:22px }
#bannerBox p.bottom { padding-top:5px; font-size:13px }
#bottom { margin:0 auto; width:345px; height:150px }
#uniquely { float:left; padding:10px 0 0 0 }
p.copyright { background: #a1feff; }
.bannerPrize { padding:0 0 5px; margin:0 0 10px; /*border-bottom:1px #ccc solid; */overflow:hidden; overflow:hidden }
.simpleCol a { font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-size:12px; }
#contest { padding:10px; width:600px; margin:0 auto }
#contest ol li { list-style-type: decimal; font-size:11px; padding:0 0 10px; line-height:1.4 }
.bannerPrize { background:url(../images/redesign/World-Cup.jpg) no-repeat 0 0; width:977px; height:94px; overflow:hidden }
.bannerPrize a {color:#003333; font: 11px/1.2 Arial, Helvetica, sans-serif; margin:57px 0 0 625px; float:left }
.topEvent { float:right; margin:-26px 0 0 0; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:12px; color:#366 }
#contest h2, #contest h4 { margin: 0 0 20px }
.box h4 { font-size: 20px; font-weight: bold; padding:12px 0 5px 0; }
.box p { font-size:12px; color:#366; line-height:1.5em; }
ul.photoBooksLinks { width:800px; margin:20px auto; text-align:center }
ul.photoBooksLinks li { display:inline; padding:10px; }
ul.photoBooksLinks li a { font-size:14px }
.photoBookFlip { width:670px; height:500px; border:1px solid #ccc; margin:0 auto }

table.tableizer-table, table.photo-books-table { border: 1px solid #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px;width: 100%;margin:0; clear: both;}
.tableizer-table td{ padding: 4px; margin: 3px; border: 1px solid #fff; text-align:center;}
.photo-books-table td{ padding: 4px; margin: 3px; border: 1px solid #fff; text-align:center;}
/*#IE6 .tableizer-table td, .photo-books-table td{ padding: 0; margin: 3px; border: 1px solid #fff; text-align:center;}*/
.tableizer-table th{background-color: #f09;color: #fff;font-weight:bold;text-align:center;border: 1px solid #fff;padding: 4px; }
.photo-books-table th{background-color: #f09;color: #fff; font-weight: bolder; text-align:center;padding: 4px; border: 1px solid #fff;}
#IE6 .tableizer-table th, #IE6 .photo-books-table th{background-color: #F09;color: #fff;font-weight:bold;text-align:center;border: 1px solid #fff;padding: 0; }
.tableizer-table tr {line-height:1.5; text-align:center; }
#IE6 .tableizer-table tr {line-height:1.5; text-align:center}
table.photo-books-table tr {line-height:1.5; text-align:center; vertical-align: middle;}
#IE6 .photo-books-table tr {line-height:1.5; text-align:center}



.box {width:978px; margin:10px 0; overflow:hidden;clear:both;}
.boxBorder {width:978px; margin:10px 0; overflow:hidden; clear:both; border-bottom:1px solid #ccc;}

#IE6 .dubleBox h3{width:615px; float:left; margin:0 15px 10px 0;}
.leftBox h3 {background:#fff;font-family:"MyriadProRegular",Arial,Helvetica,sans-serif;font-size:25px;font-weight:bold;margin:0;padding:15px 0 0;}

#IE6 .dubleBox {width:640px; float:left; margin:10px 0 10px 0;padding-bottom:10px}
.dubleBox {width:644px; float:left; margin:0 0 10px 26px;}
.dubleBox h1{width:622px; font-family: 'MyriadProRegular', Arial, Helvetica, sans-serif; font-size: 20px; color:#366; background: #ccffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; margin:10px 0 15px 0;line-height:1}
.simpleColMiddle h1 {line-height: 1.2;font-size:20px;font-weight:bold;padding:12px 0 5px;color:#366;margin:0;background:#fff}

.halfBoxLeft {width:480px; float:left; margin:0 17px 0px 0;}
.halfBoxRight {width:480px; float:left; margin:0 0 10px 0px;}

.simpleCol {width:306px;float:left; padding:0; margin:0}
#IE6 div .simpleCol {width:300px;float:left; padding:0; margin:0;}
/*#IE6 div .simpleCol h3{margin:0 0 20px 0;}*/

.simpleColMiddle{width:306px; margin:0 30px;float:left;}
.infoBox {background:url(../images/redesign/curly-bracket.gif) no-repeat 0 50%; float:left; height:90px; padding:35px 0 0 30px; width:280px }
.infoBox p{color:#699; font-weight:bold; font-size:11px;}
.infoBox p a {color:#F09; font-weight:bold; font-size:11px;}

#IE6.sizesInfo {float:left; width:100px; height:50px; margin:0;}
.sizesInfo {float:left; width:120px; height:50px; margin:0;}
#IE6 .sizesInfoFirst {float:left; width:120px; height:50px; margin:0 35px 0 15px;}
.sizesInfoFirst {float:left; width:120px; height:50px; margin:0 45px 0 15px;}
div.dubleBox div.simpleCol .sizesInfo p, div.dubleBox div.simpleCol .sizesInfoFirst p {font:14px "MyriadProRegular", Arial, Helvetica, sans-serif;color:#366; padding:0; margin:0}
div.dubleBox div.simpleCol .sizesInfo p.first, div.dubleBox div.simpleCol .sizesInfoFirst p.first, div.sizesInfoFirst p.first, div.sizesInfo p.first  {font:20px "MyriadProRegular", Arial, Helvetica, sans-serif; color:#366; padding:0; margin:0}

.colorsBoxes {float:left; overflow:hidden}
.colorSampleBox {width: 20px; height:20px;  margin-right: 2px; float: left;border:1px solid #eee}
p.availableColors {color: #999; font-style:italic; font-size: 12px;  margin-bottom: 2px;}
span.boldTxt{font-weight:bold}
.smallTxt {font-size:10px; padding:10px 0 0}
#siteMap {margin:10px 0 0 10px}
#siteMap ul{list-style:inside; padding-left: 10px;margin: 0px;}
#siteMap ul li a{color:#666; font-size:12px; line-height:1.5}
#nav ul li a.justPink {color:#f09;}
h3.centeredHeader {text-align:center;}
hr {color: #CCC;}
a.overImg {margin:170px 0 0 -150px; position:absolute;}
/*END STYLE VIC */

.whereselly #contestheader {
	width: 977px;
	height: 402px;
	background-image: url(/elephoto/cart2/images/redesign/wecontestheader.jpg);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	
}
.whereselly #contestdetails {
	width: 877px;
	height: 218px;
	background-image: url(/elephoto/cart2/images/redesign/wecontestdetails.jpg);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 50px;
}

.whereselly #contestlist, .whereselly #contestlisttwo {
	color: #fff;
	line-height: 2em;
	margin-top: 20px;
	
}
.whereselly #contestlisttwo {
	float: right;
	margin-top: 0;
}
#IE7 .whereselly #contestlisttwo {
	margin-top: 20px;
}

.whereselly #contestcontainer {
	width: 450px;	
}

.whereselly h1 {
		font-family:"MayfieldRegular", Arial, Helvetica, sans-serif; font-size:60px;  text-align:center; padding:43px 0 20px 0; color: #366;
}

.whereselly h2 {
	color: #fff;
}

.pink {
	color: #ff0099;	
}