* {margin: 0px; padding: 0px;}
html, body {margin: 0px; padding: 0px; font-size: small;}

body {font-size:small; font-family: lucida grande, Lucida sans, Helvetica, Arial, Verdana, sans-serif, Geneva; background: #fff;}

a {color:#C60; text-decoration:none;}
a:hover {color: #cc6600; text-decoration:underline;}
a:visited {}

ul {}
ul li {}

p {margin-bottom: 10px;}

h1 {font-size: 160%;} /*used only for the most important headline on each page for SEO purposes */
h2 {font-size: 120%;} /*used for main headers in the content of each page */
h3 {font-size: 150%;} /*tertiary header like the post titles in the idea file or the left column headlines in the sub pages*/
h4 {font-size: 100%;} /*4th level header for regular headlines inside normal copy*/

#wrapper {margin: 0px auto; padding-bottom: 20px; font-size: 100%; background:#023433  url(../../images/bg_SetTheStage_0.0.2.jpg) center top no-repeat;}

#header {padding-top: 15px; color: #fff; width: 1000px; margin: 0px auto;}
#header a {color: #ffffff; text-decoration:none;}
#header a:hover {color: #F9B552}
#header a:visited {color: #eeeeee;}

/************ TOP navigation list here ***************/
#header #navcontainer {margin-bottom: 20px;}
#header #navcontainer #navlist1 {float:right;}
#header #navcontainer #navlist1 {list-style:none;}
#header #navcontainer #navlist1 li {float:left;}
#header #navcontainer #navlist1 li a {display:block; line-height: .9em; border-left: 1px solid #fff; padding-left: 5px; margin-left: 5px;}
#header #navcontainer #navlist1 li.First a {border:none;}

#header #login_container {float:right; width: 290px; margin: 12px 10px 10px 0px; display:inline; text-align:right;}
#header #login_container h3 {font-size: 150%; font-weight: normal; margin-bottom: 10px;}
#header #login_container h3 a { font-size: 68%; text-decoration:underline; margin-left: 5px;}
#header #login_container input {/*border:none;*/}

#header .logo {float:left; background: url(../../images/logo.png) 0px 30px no-repeat;width: 360px; height: 80px; text-indent:-9999px; margin: 0px 0px 10px 0px;}

/*********** TABS here ************/
#header #tab_container {background: url(../../images/tab_end_left.gif) left top no-repeat; width: 1000px; clear:both;}
#header #tab_container #nav_container { background: url(../../images/tab_end_right.gif) right top no-repeat; padding-right: 13px; margin-left: 13px;}
#header #tab_container #nav_container ul {list-style: none; background: url(../../images/tab_background.png) left top repeat-x; padding: 3px 0px 0px 0px;width: 974px; float:left;}
#header #tab_container #nav_container ul li {float:left;}
#header #tab_container #nav_container ul li a {display:block; float:left; height: 22px; padding: 3px 8px 0px 3px;padding: 5px 11px 0px 11px; border:none;text-decoration: none; color: #fff; font-size: 123%;}
#header #tab_container #nav_container ul li.active a, #header #tab_container #nav_container ul li.active a:hover {background: #fff url(../../images/bg_tab.gif) repeat-x 0px -25px; color: #333; padding: 4px 10px 0px 10px; border-width: 1px 1px 0px 1px; border-color: #ffe #aaab9c #fff #fff; border-style: solid;}
#header #tab_container #nav_container ul li a:hover {color: #333;
background: #eee url(../../images/bg_tab.gif) repeat-x 0px -15px;
border-width: 1px 1px 0px 1px;
padding: 4px 10px 0px 10px;
border-color: #fff #aaab9c #fff #ddd;
border-style: solid;}

/********* Basic pagestyles for the content area *******/
#content {clear:both; background: #ffffff url(../../images/pagebottom2.gif) left bottom no-repeat; width: 1000px; padding-bottom: 20px; margin: 0px auto;}
#content h2 {color: #6699CC;}
#content h3 {color: #333333;}
#content h3 a {color: #C60;}

#content #subnavcontainer {padding: 0px 25px; float:left; width: 950px; margin-top: 10px;}
#content #subnavcontainer #subnavlist {list-style:none;}
#content #subnavcontainer #subnavlist li {float:left; margin-right: 10px;}
#content #subnavcontainer #subnavlist li a {display:block; color: #999; padding-top: 6px; line-height: 15px;}
#content #subnavcontainer #subnavlist li a:hover {color: #C60;  text-decoration:none;}
#content #subnavcontainer #subnavlist li.active a, #content #subnavcontainer #subnavlist li.active a:hover {border-top: 3px solid #C60;padding-top: 3px; color: #C60;}
#content #subnavcontainer #subnavlist li.active {position:relative;}
#content #subnavcontainer #subnavlist li ul {position:absolute; top: 30px; display:block; clear:left; padding: 0px;}
#content #subnavcontainer #subnavlist li ul li {display:block; clear:left;}
#content #subnavcontainer #subnavlist li.active ul li a, #subnavlist li.active ul li a:visited {
	border:none;
	color:#999;
	display:block;
	width: 200px;
	margin: 0px;
	font-size: 10px;
	padding: 0px;
}
#content #subnavcontainer #subnavlist li.active ul li a:hover {border: none; padding-top: 0px; color: #C60;}
#content #subnavcontainer #subnavlist li.active ul li.active a, #subnavlist li.active ul li.active a:visited, #subnavlist li.active ul li.active a:hover {color: #C60;}

/*************** Tiled image grid *****************/

.covers .gridspace {margin-top:40px;clear:both;}
.covers .thumbgrid {float:left; width: 950px; padding: 0px 25px 44px;}


/*************** Footer styles here *****************/
#footer {clear:both; background: #fff url(../../images/shelf_shadow.png) left top repeat-x; padding-top: 20px;}
#footerWrapper {width: 1000px; margin: 0px auto;}
#footer ul {list-style:none; }
#footer #quicklinks {background: url(../../images/ico_quicklinks.gif) left 20px no-repeat; height: 125px; float:left; margin-left:20px;}
#footer #quicklinks #ql_container {margin-left: 140px; width: 880px;}
#footer #quicklinks h2 { color: #6699CC; float:left; width: 115px;}
#footer #quicklinks ul {float:left; margin-right: 10px; padding-right: 10px;}
#footer #quicklinks ul.Last {border:none;}
#footer #quicklinks ul li a {background: url(../../images/arrow_r.gif) left top no-repeat; padding: 3px 10px 3px 20px; display:block; width: 180px; color: #333;}
#footer #quicklinks ul li a:hover {color: #cc6600; text-decoration:none;}
#footer #bottom_navcontainer {font-size: 95%; color: #A7A7A7; float:left;}
#footer #bottom_navcontainer ul {float:left;}
#footer #bottom_navcontainer ul#navlist2 {margin: 15px 0px 20px 75px; display:inline; width:1000px;}
#footer #bottom_navcontainer ul li {float:left; /*line-height: .9em;*/}
#footer #bottom_navcontainer ul li a {display:block; float:left; margin-right: 5px; padding-right: 5px; border-right: 1px solid #ccc; color: #A7A7A7;}
#footer #bottom_navcontainer ul li a:hover {color: #cc6600;}
#footer #bottom_navcontainer ul li.Last a {border:none;}
#footer #bottom_navcontainer ul li.Copyright { margin-right: 15px;}

.clearfix:after, #wrapper:after, #footerWrapper:after,#navcontainer:after,#nav_container:after,#ql_container:after,#content:after{
	visibility: hidden;
	display: block;
	font-size: 0em;
	content: " ";
	clear: both;
	height: 0%;
	line-height: 0em;
}

.community #bigGraphic {background: url(../../images/communityimages/community_bg.jpg) center top no-repeat; height: 400px;}
.community .featureBoxes #support, .community .featureBoxes #online {margin-right: 0px;}

/* form styles */

#content .image_headline {color:#000; text-align:left;}
#content .image_headline p.title {font-size:22px; font-weight:bold; width:800px; margin:15px 0 -15px 25px;}

#border {border:1px #999 solid; width:950px; margin:20px 25px 20px 25px !important; margin: 10px;}

#searchform {float:right; text-align:right; margin-right:-8px; width:300px;}

.creative form {margin:10px; text-align:left;}

#success {margin:40px 0 0 75px; background: url(../customized-marketing-request/images/checkmark.png) top left no-repeat;}

p.headline {margin:10px 0 0 85px; text-align:left; font-size:20px; font-weight:bold;}
p.subhead {margin:2px 0 0 85px; text-align:left; font-size:15px;}
p.text {margin:25px 0 25px 75px; text-align:left;}
p.text .done {margin: 25px 0 25px 5px;}


.creative form p {margin:10px 25px 10px 25px; text-align:left;}
.creative form label.names {clear:left; float:left; margin:0px 10px 0px 0px; width:600px;}
.creative form label.warning {clear:left; float:left; margin:0px 10px 0px 0px; width:600px; font-weight:bold;}
.creative form label.bookprice {clear:left; float:left; margin:0px 10px 0px 0px; width:400px;}
.creative form label.dropselector {clear:left; float:left; margin:0px 10px 0px 0px; width:285px;}
.creative form label.files {clear:left; float:left; margin:0px 10px 0px 0px; width:400px;}
.creative form .uploads {clear:both; float:left; margin:0px 10px 0px 0px; width:400px;}

.creative form label.names input {float:right; width:400px;}
.creative form label.bookprice input {float:right; width:200px;}
.creative form .dates {float:right; width:500px;}
.creative form label.dropselector select {float:right; display:block;}

form fieldset {margin:0; border:0; padding:0;}

.creative form h3 {padding:5px 0 10px 0; font-size:14px;}
.creative form h4 {padding:0 0 10px 0; font-size:12px;}

form label {display:block; width:310px; font-size:12px; line-height:14px; padding:0px 0px 12px 0px;}

form input#radiobutton {clear:left; float:left; padding:0px; margin:0px 0px 0px 0px;}

.creative form #examples {float:right; width:550px;}


form input#radiobutton_1, form input#radiobutton_2, form input#radiobutton_3, form input#radiobutton_4, form input#radiobutton_5, form input#radiobutton_6, form input#radiobutton_7, form input#radiobutton_8, form input#radiobutton_9, form input#radiobutton_10, form input#radiobutton_11, form input#radiobutton_12, form input#radiobutton_13, form input#radiobutton_14 {clear:left; float:left; padding:0px; margin:0px 0px 0px 0px;}

.creative form label.radioitem {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

.creative form label.copyitem {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
	width: 500px;
}

.creative form label.bookmarkitem {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

textarea {
	display: block;
}

.creative form input#checkbox_1,
.creative form input#checkbox_2,
.creative form input#checkbox_3 {
	clear: both;
	float: left;
	padding: 0px;
	margin: 0px;
}

.creative form textarea {
	margin-top: 3px;
}

.creative form #posters {height:430px; border:1px #999 solid; display:block;}
.creative form #posterleft {clear:both; float:left; width:360px; padding-left:10px; display:block;}
.creative form #posterright {float:right; width:550px; padding-left:5px; display:block;}

.creative form #coverposter {height:430px; border:1px #999 solid; margin-top:5px; display:block;}
.creative form #coverposterleft {clear:both; float:left; width:360px; padding-left:10px; display:block;}
.creative form #coverposterright {float:right; width:550px; padding-left:5px; display:block;}

.creative form #fliers {height:550px; border:1px #999 solid; margin-top:5px; display:block;}
.creative form #flierleft {clear:both; float:left; width:360px; padding-left:10px; display:block;}
.creative form #flierright {float:right; width:550px; padding-left:5px; display:block;}

.creative form #postcards {height:530px; margin-top:5px; border:1px #999 solid; display:block;}
.creative form #postcardleft {clear:both; float:left; width:360px; padding-left:10px; display:block;}
.creative form #postcardright {float:right; width:550px; padding-left:5px; display:block;}

.creative form #bookmarks {height:550px; margin-top:5px; border:1px #999 solid; display:block;}
.creative form #bookmarkleft {clear:both; float:left; width:455px; padding-left:10px; display:block;}
.creative form #bookmarkright {float:right; width:455px; padding-left:5px; display:block;}
.creative form #bookmarkcopyleft {float:left; width:455px; padding-left:5px; display:block;}
.creative form #bookmarkcopyright {float:right; width:455px; padding-left:5px; display:block;}
.creative form #bookmarkcopyleft .bookmarkother, .creative form #bookmarkcopyright .bookmarkother {display:none;}

.creative form #stickers {height:325px; margin-top:5px; border:1px #999 solid; display:block;}
.creative form #stickerleft {clear:both; float:left; width:360px; padding-left:10px; display:block;}
.creative form #stickerright {float:right; width:550px; padding-left:5px; display:block;}

.creative form #file_upload {margin-top:10px; float:left; display:block;}
.creative form #file_upload .file_uploads {display:none; padding-left:5px; margin-bottom:10px;}

.creative form #pricing {margin-top:10px; float:left; display:block;}
.creative form #pricing .price {display:none; padding-left:5px; margin-bottom:10px;}

.creative form #additional {margin-top:10px; float:left; display:block;}

.creative form #file_upload .file_uploads p.notes {clear:both; font-size:11px;}
.creative form #file_upload .file_uploads .uploads {float:left; margin:5px 0 0 5px;}
.creative form #file_upload .file_uploads .upload1 {float:left; margin:15px 0 0 5px;}
.creative form #file_upload .file_uploads .upload6 {float:left; margin:5px 0 15px 5px; clear:both;}

.creative form #request {display:none;}
.creative form #bookmarks #bookmarkquan {display:none;}

.creative form #shipping_address {display:none; height:130px; margin:5px 0 15px 0; padding:10px 0 0 10px; border:1px #999 solid;}
.creative form label.shipping {clear:left; float:left; margin:0px 10px 0px 0px; width:590px;}
.creative form label.shipping input {float:right; width:400px;}
.creative form label.shipselector {clear:left; float:left; margin:0px 10px 0px 0px; width:275px;}
.creative form label.shipselector select {float:right; display:block;}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

#creative p.names {margin:10px;}