/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}

ul {list-style:none;}

li {
	margin-left: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}


/* =Typography
-----------------------------------------------------------------------------*/

body {
  font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;

  text-align: center; 
  min-width: 890px;
  background-color: #E2E1DF;
  margin: 10px 0;
  padding: 0;
}


#container { 
  background-color: #fff;
  width: 851px; 
  margin: 0 auto; 
  text-align: left; 
  border: 1px solid #CCCCCC;
  padding: 26px; 
} 


/* =top heading
-----------------------------------------------------------------------------*/
#topbar { height: 50px; margin-top: 5px; }
#topbar #wordmark { width: 230px; margin-left: 2px; margin-top: 10px; float: left; }
#topbar #logo { width: 30px; float: right; }



/* =Main Nav
-----------------------------------------------------------------------------*/
.blockleft { float: left;  }

#navigation { height: 30px; margin-top: 18px; }
#navigation a {display: block; float: left; padding-bottom: 5px; border-bottom: 2px solid #fff; }
#nav_1:hover { padding-bottom: 5px; border-bottom: 2px solid #420c3e; }
#nav_2:hover { padding-bottom: 5px; border-bottom: 2px solid #2b76bc; }
#nav_3:hover { padding-bottom: 5px; border-bottom: 2px solid #341b6e; }
#nav_4:hover { padding-bottom: 5px; border-bottom: 2px solid #1c7293; }
#nav_5:hover { padding-bottom: 5px; border-bottom: 2px solid #1D5F7F; }




/* =Sub Nav
-----------------------------------------------------------------------------*/














/* =Main Content
-----------------------------------------------------------------------------*/
#primary_blue_bg { background-color: #C9D9EE; margin: 4px 0 16px 0; padding: 19px 18px 8px 18px; }
#primary_inner_white_bg { background-color: #fff; margin: 0 0 10px 0; padding: 15px 15px 50px 15px; }
#primary_inner_white_bg a { color: #3F8CD9; }
#primary_inner_series_left { width: 389px; height: 416px; float: left; background-color: #212E37; margin-right: 7px; }
#primary_inner_series_left #inner { padding: 15px 65px 38px 48px; }
#primary_inner_series_left #inner h3 { color: #FBFBFB; font: 18px Georgia; margin: 25px 0 0 0;}
#primary_inner_series_left #inner p { color: #FBFBFB; font: 12px Georgia; }
#primary_inner_series_left #inner p a { color: #66CCFF; font-weight: bold; }
#primary_inner_series_right { width: 389px; height: 416px; float: left; background-color: #003951; }
#primary_inner_series_right #inner { padding: 62px 65px 38px 48px; }
#primary_inner_series_right #inner h3 { color: #FBFBFB; font: 18px Georgia; margin: 25px 0 0 0;}
#primary_inner_series_right #inner p { color: #FBFBFB; font: 12px Georgia; }
#primary_inner_series_right #inner p a { color: #66CCFF; font-weight: bold; }

#customize_col_1 { width: 340px; float: left; padding: 20px 20px; color: #666666; font: 12px Georgia; line-height: 18px; }
#customize_col_1 img { margin-bottom: 25px; }
#customize_col_1 li { margin-bottom: 5px; color:#3399CC}
#customize_col_1 li span { color:#666666}
#greyli { margin: 10px 0; width: 268px; height: 2px; background-color: #9C9C9C }
#customize_col_2 { width: 340px; float: left; padding: 71px 20px 10px 20px; color: #666666; font: 12px Georgia; }
#customize_col_2 h3 { font: 18px Georgia; color: #0F455B; margin: 5px 0;  }

#collaborative { margin: 19px; color: #666666; font: 12px Georgia; line-height: 18px; }
#collaborative p  { width: 380px; }

#about_us_col_1 { width: 400px; float: left; margin: 19px 39px 19px 9px; color: #666666; font: 12px Georgia; line-height: 18px; }
#about_us_col_2 { width: 320px; height: 182px; margin-top: 65px; padding-left: 10px; padding-top: 15px; float: left; background-image: url(/kitofparts/assets/images/about_wolf.gif); background-repeat: no-repeat;  color: #666666; font: 12px Georgia; line-height: 18px; }
#about_us_col_2 a { display: block; margin-bottom: 10px; }

#designlab_graytop { padding: 10px; background-color: #D9D9D9; position:relative; width:764px;}
#designlab_col_1 { width: 327px; height: 280px; float: right; background-color: #212E37; margin-top: 23px; padding: 50px 40px 10px 23px; color: #C9D9EE; font: 12px Georgia; line-height: 20px; }
#designlab_col_1 h3 { font-size: 21px; color: #fff; margin: 10px 0; font-weight:normal; }
#designlab_col_1 #ital { margin-top: 30px; margin-bottom: 50px; font-size: 16px; }
#designlab_col_1 #begindesigning { margin-left: 140px;  }

#designlab_col_2 { width: 370px; margin-right: 25px; margin-top: 23px; float: left; color: #666666; font: 12px Georgia; line-height: 18px; }






/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/
#footer { background-color: #212E37; padding: 3px 20px; text-align: right; color: #C9D9EE; font-family: Georgia, times; font-size: 11px; }
#footer a { text-decoration: none; color: #6699CC; }
#footer a:hover { text-decoration: underline; }

/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
	border: 1px solid transparent;
}






/* contact us




/* Checkout forms*/
.contact-form fieldset 	{border:none; margin:5px 0px; padding:10px 0 10px 30px;}
.contact-form legend	{font-size:.9em; color:gray;}
.contact-form 			{width: 471px; height: 400px;font:normal 1.2em Arial,Verdana,sans-serif; text-align:left;}
.contact-form img {padding:0 0 20px 0; }

#contact-sendemail #submitcontact {background:url(/kitofparts/assets/images/sendnow.gif); height:21px; width:86px; border:0; margin-top: 20px; margin-left: 348px;;}
#contact-sendemail #submitcontact:hover {background-position: 0 -21px;}


.contact-form input, #contact-sendemail textarea {font: italic 13px Georgia; color: #666;}
textarea {padding:5px;}

.contact-form {position:relative;}

.contact-form #submitcontact {position:absolute; right:15px;}

.contact-form {font: normal 12px sans-serif; color: #053d54;}




/* =Tables
-----------------------------------------------------------------------------*/

table { 
	border-spacing: 0;
	border-collapse: collapse;
}

td {
	text-align: left;
	font-weight: normal;
}








/* =Order samples
-----------------------------------------------------------------------------*/









#createewallcovering {border-bottom:3px solid #dedede; margin-left:17px;font-size:22px; color:#436c81; font-family:"Georgia"; font-weight:normal;}



#intro_container h1 {font-size:22px; color:#436c81; font-family:"Georgia"; font-weight:normal; margin:0 0 0 20px;}
#intro_container h2 {font-family:"Georgia"; color:#666; font-size:13px; font-style:italic; font-weight:normal; margin:0 0 16px 20px; padding:10px 0 5px 0; border-top:3px solid #dbdbdb; line-height: 18px;}
#choose_nature {margin-left:20px;}


#order_sample_choose, #order_sample_submit, #order_sample_success {
	background:white; width:480px; float:left; margin:17px 10px 0 0;
}

#order_sample_success {display:none;}
#order_sample_submit {display:none;}





#order_sample_choose h1, #order_sample_submit h1, #order_sample_success h1 {
	margin:0;
}

#order_sample_choose p, #submit_order p, #order_sample_success p {font-family:"Georgia"; color:#666; font-size:13px; font-style:italic;}

#order_sample_success p {margin-bottom:30px;}

#submit_order em {color:#666; font-family:"Georgia";font-size:12px; font-style:italic;}
#submit_order .contact_me em {color:#222; font-family:"Georgia";font-size:12px; font-style:italic;}
#allow24hours {display:block; margin-top:5px;}

#order_sample_choose h2 {font-family:"Georgia"; color:#4e7588;font-size:22px; font-weight:normal;}
#order_sample_choose h3 {clear:both; margin:0 0 5px 0; color:#003a52;font-family:"Georgia";font-size:16px; font-weight:normal;}

#message {font-style:italic; font-family:Georgia;}
input, textarea {font-style:italic; font-family:Georgia; padding:3px; font-size:12px;}


#order h2 {background:#90acd4; margin:0; color:#053d54; padding-left:10px; font-family:"Futura"; font-weight:normal;}




#preview {width:129px; height:129px; margin:5px 0 0 10px; position:relative; background:url(/kitofparts/assets/images/preview_shadow.gif) top right no-repeat;}



#preview img {width:121px; height:121px; position:absolute; top:0; right:0;}


#cartContainer {width:228px; margin:10px 30px 0 0; float:right; background: white url(/kitofparts/assets/images/cart_background_shadow.gif) repeat-y top left;}

#cartEndCap {clear:both;background:url(/kitofparts/assets/images/cart_bottom_shadow.gif) bottom left no-repeat; height:14px; width:228px;}

#preview_box {border-bottom:8px solid white; border-top:9px solid #6583af; background:#dfe8f5; margin-left:8px; width:220px;}
#preview_box h2 {background:url(/kitofparts/assets/images/preview.gif) 0 0 no-repeat; width:220; height:28px;}

#cart_box {border-bottom:8px solid white; border-top:9px solid #6583af; margin-left:8px; width:220px;}

#cart_box h2 {
	
	background:url(/kitofparts/assets/images/samplecart.gif) 0 0 no-repeat; width:220; height:28px;

}


ul.order_samples {
	list-style:none; margin:0 0 5px 0; padding:0; clear:both; width:440px; height:50px;
}

ul.order_samples li {
	background:url(/kitofparts/assets/images/sample_shadow.gif) top right no-repeat;
	position:relative;
	cursor:pointer;
	float:left; width:42px; height:42px; margin:0 0 0 0; padding:0;
}

ul.order_samples li img {
	width:35px; height:35px;
	position:absolute;
	top:0; right:0;
}



#preload {display:none;}
#preload span {background-repeat: no-repeat; background-position: 0 0;}

ul.cart {
	list-style:none; margin:0; padding:0; clear:both; width:220px; background:white;
}


ul.cart li{
	text-transform:capitalize;
	position:relative;
	list-style:none; margin:0; padding:10px 10px; clear:both;  width:200px; border-bottom:1px solid #808080;
}


ul.cart li h5 {
	cursor:pointer;
	font-size:12px;
	color:#557799;
	padding:0; margin:0 10px 0 0;
	position:absolute; bottom:5px; right:0;
	border:1px solid #557799;
	width:13px; height:13px;
	text-align:center;
	line-height:13px;
}


#colorway, #pattern_name, #sku {text-transform:capitalize;}

#colorway, #sku {color:#666666; font-weight:bold;}

#order_sample_submit input {
	margin:0 12px 12px 0;
}


#submit_order {width:400px;}


#name, #company, #address, #phone, #project{
	width:388px;
}

#city, #state {
	width:119px;
}
#zip {
	width:95px; margin-right:0 !important;
}

.ziplabel {margin-right:0 !important;}

#cart_box #continue {margin:10px 10px 0 0;}


#submit_order button {margin-top:15px;}

#submit_order #contactCheck {margin:15px 0 21px 0; vertical-align:middle;}


.warning{
	color:#660000 !important;
	background-color:#ffbfbf !important;
}


#success_links {padding:0; margin:0; list-style:none; border-top:3px solid #dedede;}
#success_links li {padding:0; margin:0; float:left; width:305px; text-align:center; font-family:"Georgia"; font-size:16px;}

/* =Misc 2
-----------------------------------------------------------------------------*/






#chooseacolorway {color:#053d54; font-family:"Georgia"; font-size:18px; font-weight:normal;margin:0 0 13px 0; width:170px;}


.patterns p strong, .justification p strong, .yourwall p strong {color:#053d54; font-family:"Georgia"; font-size:18px; font-weight:normal;}
.patterns p em, .justification p em, .yourwall p em {color:#666; font-family:"Georgia"; font-size:13px; font-style:italic; font-weight:normal;}



#designlab_intro {
	
	margin-left:17px;
	color:#ffffff;
	font-family:"Georgia";
	position:relative; width:375px; height:353px; padding:30px 0 0 392px; background:#003951 url(/kitofparts/assets/images/designlab_intro.gif) no-repeat 18px 25px;

}

#designlab_intro p {
	width:358px;
	word-spacing:1px;
	margin:0; padding:0;
	font-weight:normal;
	font-size:14px;
	color:#ccc;
	font-family:"Georgia";

}


#designlab_intro ul {

	list-style:none;

}
#designlab_intro ul li {
	margin:0;padding:0 0 0 11px;
	font-family:"Georgia";
	font-size:16px;
	line-height:34px;
	height:34px;
	margin-bottom:19px;
	color:#6699cc;
	border-left:3px solid #5f859b;
	
}

#designlab_intro h2 {margin:0 0 0 0; font-size:22px; font-style:italic; font-weight:normal;}
#designlab_intro h3 {margin:27px 0 32px 0; font-size:15px; font-style:italic; font-weight:normal;}

#ie6loader {display:none;}

ul.designlab_option { 
	float:left; width:135px; margin:0; padding:0; list-style:none; z-index:99;
}
ul.designlab_option li {
	margin:0; padding-left:14px; z-index:99;
}
ul.designlab_option li a {
	color:#3985d1; z-index:99;
}
ul.designlab_option li a:hover {
	color:#45a2ff;
}




.justification button {background:url(/kitofparts/assets/images/flippattern.gif) no-repeat; height:27px; width:118px; border:0; margin:0 5px 0 10px;}
.justification button:hover {background-position: 0 -27px; height:27px; width:118px; height:27px; width:118px; border:0; margin:0 5px 0 10px;}
.justification button.flipped {background-position: 0 -27px; height:27px; width:118px; border:0; margin:0 5px 0 10px;}
.justification button.disableflipping {background:url(/kitofparts/assets/images/flippattern.gif) no-repeat 0 -54px; height:27px; width:118px; border:0; margin:0 5px 0 10px;}

.justification button.perm {background-position: 0 0 !important;}

#wp_build-container-inner {position:relative; margin-left:20px; background:transparent url(/kitofparts/assets/images/wallpaper_builder_background.gif) bottom right no-repeat; padding:0 0 0 0;}

#wp_build-container-inner.city {position:relative; margin-left:20px; background:transparent url(/kitofparts/assets/images/wallpaper_builder_background_city.gif) bottom right no-repeat; padding:0 0 0 0;}

#style_chosen-header_under img {vertical-align:top; margin-right:5px;}


#addColorways, #moreOptions {position:relative; margin-left:20px; border-bottom:3px solid #00374c; padding:0 0 22px 0; display:none;}
#moreOptions {border-bottom:none; display:none;}


#printWallpaper {background:url(/kitofparts/assets/images/options.gif) 0 0 no-repeat; height:22px; width:160px; border:none; margin-bottom:9px;}
#saveWallpaper {background:url(/kitofparts/assets/images/options.gif) 0 -44px no-repeat; height:22px; width:160px; border:none; margin-bottom:9px;}
#emailMeasurements {background:url(/kitofparts/assets/images/options.gif) 0 -88px no-repeat; height:38px; width:160px; border:none;}

#sendInfo #submit_measurement {background:url(/kitofparts/assets/images/submit_measurement.gif) 0 -31px no-repeat; height:31px; width:94px; border:none; float:right; margin-top:9px;}


#printWallpaper:hover {background-position:0 -22px;}
#saveWallpaper:hover {background-position:0 -66px;}
#emailMeasurements:hover {background-position:0 -126px;}

#colorBuds {margin-left:-9px; padding:38px 0 0 18px; height:108px; width:173px; background:url(/kitofparts/assets/images/budcolors.gif) no-repeat; font-family:"Georgia"; font-style:italic; font-size:14px; color:#003951;}


#ontoColor {position:absolute; bottom:5px; right:14px; background:url(/kitofparts/assets/images/continue.gif) no-repeat; height:31px; width:99px; border:none; z-index:99;}
#backtoPattern {display:none; position:absolute; bottom:5px; right:119px; background:url(/kitofparts/assets/images/back.gif) 0 -31px no-repeat; height:31px; width:65px; border:none;}

#continue {background:url(/kitofparts/assets/images/continue.gif) no-repeat; height:31px; width:99px; border:none;float:right; z-index:99;}


#submit_button {background:url(/kitofparts/assets/images/order_buttons.gif) -103px -31px no-repeat; height:31px; width:97px; border:none;float:right;}
#goback_button {background:url(/kitofparts/assets/images/order_buttons.gif) 0 0 no-repeat; height:31px; width:103px; border:none;float:right;}


#colorwayGrid {padding:13px 0 0 38px; width:556px; height:353px; float:left; background:url(/kitofparts/assets/images/colorwaygrid.gif) no-repeat;}
#colorwayGrid.city {padding:13px 0 0 38px; width:556px; height:353px; float:left; background:url(/kitofparts/assets/images/colorwaygrid-city.gif) no-repeat;}


.yourwall {padding: 20px 0 18px 0; height:323px;}
.wall1,.wall2,.wall3,.wall4 {float:left; margin-top:33px; height:281px; width:135px;}



ul.colorways {
	list-style:none; margin:0 0 5px 0; padding:0; clear:both; width:170px; height:138px; margin-left:-9px;
}

ul.colorways li {
	background:url(/kitofparts/assets/images/sample_shadow.gif) top right no-repeat;
	position:relative;
	cursor:pointer;
	float:left; width:42px; height:42px; margin:0 0px 0 0; padding:0;
}

ul.colorways li img {
	width:35px; height:35px;
	position:absolute;
	top:0; right:0;
}


#sendInfo input {width:140px; margin-bottom:6px;}
#sendInfo .city {width:76px; margin-right:10px;}
#sendInfo .state {width:40px;}
#sendInfo textarea {width:140px;}

#moreOptionsChoices {float:left; width:174px; margin-left:-10px; margin-right:15px;}
#moreOptionsChoices #choiceBox {background:url(/kitofparts/assets/images/actionbox-bg.gif) repeat-y; position:relative; padding:15px 7px 15px 13px; width:154px;}

#wallpaper_view {float:left; background:#003951 url(/kitofparts/assets/images/loading.gif) no-repeat center center; width:586px; height:392px;}


#wolfy h1 {
margin:17px 0 15px 15px;
font: 20px Georgia; color:#49768d;
}

#wolfy a {
margin:0 0 0 15px;
font: 14px Georgia; color:#49768d;
text-decoration:underline;
}




