@charset "utf-8";
/* CSS Document */

/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h4, h5, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
body {
	line-height:1
}
ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
:focus {
	outline:0
}
ins {
	text-decoration:none
}
del {
	text-decoration:line-through
}
table {
	border-collapse:collapse;
	border-spacing:0
}
html {
	height: 100%;
}
body {
	height: 100%;
	background: #ffffff;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	color: #234044;
	font-family: "Futura", "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
}
p {
	color: #234044;
	font-size: 12px;
	padding-top: 25px;
	line-height: 22px;
}
ul.main li {
	color: #234044;
	font-size: 12px;
	line-height: 22px;
	padding-left: 20px;
	margin-left: 10px;
	background: 0 8px no-repeat url(/images/dot.gif);
}
a {
	color: #68635d;
	font-size: 12px;
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6 {
	font-family: "Futura", "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #536a6d;
}
h1 {
	font-size: 19px;
	text-transform: uppercase;
}
h2 {
	font-size: 16px;
	text-transform: uppercase;
}
h2 a{
	font-size: 16px;
	text-transform: uppercase;
}
h3 {
	font-size: 12px;
	text-transform: uppercase;
}
h4 {
	font-size: 18px;
	text-transform: none;
}
h5 {
	color: #a0c4c9;
	font-size: 13px;
	text-transform: none;
}
h5 a{
	color: #a0c4c9;
	font-size: 13px;
	line-height: 18px;
	text-transform: uppercase;
}
#wrapper {
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
}
.clear {
	clear: both;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
span.line{
	display: block;
	font-size: 12px;
	line-height: 20px;
}
/*  header  */
#header {
	height: 99px;
	background: #6e6962 top left repeat-x url(/images/bg-header.gif);
}
#header .logo-menubox {
	height: 99px;
	width: 990px;
	margin: 0 auto;
}
#header .logo-menubox a.logo {
	display: block;
	height: 36px;
	width: 200px;
	margin-top: 39px;
	position: relative;
	float: left;
}
#header .logo-menubox .logo span {
	height: 100%;
	width: 100%;
	position: absolute;
	background: top left no-repeat url(/images/logo.gif);
}
/*  menu + login box */
#header .logo-menubox #right-box {
	width: 530px;
	height: 99px;
	float: right;
}
/*  login block */
#header .logo-menubox #right-box #login-box {
	margin: 17px 0;
	width: 385px;
	float: right;
	height: 46px;
	text-align: right;
}
#header .logo-menubox #right-box #login-box a{
	color: #ffffff;
	font-size: 9px;
	line-height: 15px;
	text-decoration: underline;
	margin-left: 5px;
	text-transform: uppercase;
}
#header .logo-menubox #right-box #login-box a.right{
	margin-right: 50px;
}
#header .logo-menubox #right-box #login-box span.error {
	color: #bbd6da;
	font-size: 9px;
	text-transform: uppercase;
	display: block;
	margin-right: 50px;
}
#header .logo-menubox #right-box #login-box form {
	width: 380px;
	margin-bottom: 8px;
	float: right;
}
#header .logo-menubox #right-box #login-box .input, #header .logo-menubox #right-box #login-box .text {
	width: 151px;
	height: 15px;
	color: #629199;
	border: solid 1px #cac8c7;
	padding: 3px 5px;
	background: #f4f4f4;
	outline: 0 none;
	font-size: 11px;
	margin-right: 5px;
	float: left;
}
#header .logo-menubox #right-box #login-box .btn_login {
	float: left;
	padding-top: 2px;
}
/* user's top menu*/
#header .logo-menubox #right-box #login-box #top-menu {
	height: 20px;
	text-align: right;
	float: right;
	margin-right: 45px;
}
#header .logo-menubox #right-box #login-box #top-menu a.menu-element{
	color: #ffffff;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	text-decoration: none;
}
#header .logo-menubox #right-box #login-box #top-menu table {
	height: 19px;
	margin-left: 10px;
	float: right;
}
#header .logo-menubox #right-box #login-box #top-menu table td, #header .logo-menubox #right-box #login-box #top-menu table tr  {
	vertical-align: middle;
	height: 19px;
}
#header .logo-menubox #right-box #login-box #top-menu table td.line {
	padding: 0 10px;
}
#header .logo-menubox #right-box #login-box #top-menu table td a{
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	color: #cccccc;
}
#header .logo-menubox #right-box #login-box #top-menu table span.cart-icon {
	display: block;
	height: 11px;
	width: 13px;
}
/*  menu  */
#header .logo-menubox #right-box #menu-box {
	float: right;
}
#header .logo-menubox #right-box #menu-box #menu {
	height: 20px;
	width: 530px;
	float: right;
}
#header .logo-menubox #right-box #menu-box #menu ul{
	height: 20px;
}
#header .logo-menubox #right-box #menu-box #menu li {
	display: block;
	height: 20px;
	padding: 0 19px;
	float: right;
}
#header .logo-menubox #right-box #menu-box #menu li.first {
	padding-right: 0;	
}
#header .logo-menubox #right-box #menu-box #menu li a {
	display: block;
	float: right;
	line-height: 12px;
	padding: 0 4px;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: normal;
}
#header .logo-menubox #right-box #menu-box #menu li a:hover {
	color: #ccc;
}
/* page */
#pagewrapper {
	width: 100%;
	background: top left repeat-x url(/images/bg-page.gif);
}
#pagewrapper #page {
	width: 940px;
	margin: 0 auto;
	padding: 40px 25px 85px;
}
#pagewrapper #page #top-line {
	margin-bottom: 50px;
}
#pagewrapper #page .info-block {
	width: 260px;
	margin: 0 25px; 
	float: left;
	overflow: hidden;
}
#pagewrapper #page .info-block-text {
	text-align: justify;
}
#pagewrapper #page .info-block img{
	padding-top: 25px;
}
#pagewrapper #page .centered{
	text-align: center;
}
#pagewrapper #page #newsletter {
	width: 773px;
	height: 53px;
	text-align: center;
	margin: 0 auto;
	background: #706c66;
}
#pagewrapper #page #newsletter #newsletter-box {
	margin-left: 70px;
}
#pagewrapper #page #newsletter #newsletter-box p{
	font-size: 14px;
	padding-top: 18px;
	text-transform: uppercase;
	color: #ffffff;
	float: left;
}
#pagewrapper #page #newsletter #newsletter-box .input-newsletter, #pagewrapper #page #newsletter #newsletter-box .text {
	width: 216px;
	height: 22px;
	margin-left: 20px;
	margin-top: 13px;
	color: #629199;
	border: solid 1px #cac8c7;
	padding: 0 5px;
	padding-top: 5px;
	background: #f4f4f4;
	outline: 0 none;
	font-size: 14px;
	float: left;
}
#pagewrapper #page #newsletter #newsletter-box .submit-btn {
	padding-top: 14px;
	margin-left: 20px;
	float: left;
}
.centered {
	margin: 0 auto;
}
/*  collections  */
#pagewrapper #page #line-wrapper  {
	padding-top: 50px;
}
#pagewrapper #page #line .pict-block {
	float: left;
	overflow: hidden;
	width: 215px;
	height: 300px;
	padding: 20px 5px;
	border-right: solid 1px #f1f1f1;
	border-bottom: solid 1px #f1f1f1;
}
#pagewrapper #page #line .pict-block-last {
	margin-right: 0px;
	border-right: none;
}
#pagewrapper #page #line .no-bot-border {
	border-bottom: none;
}
#pagewrapper #page #line .pict-block .img-wrapper{
	width: 175px;
	height: 264px;
	line-height: 264px;
	text-align: center;
	overflow: hidden;
	margin: 20px auto 0;
}
#pagewrapper #page #line .pict-block .img-wrapper img{
	vertical-align: middle;
}
* html body #pagewrapper #page #line .pict-block .img-wrapper {
	font-size: 137px;
}
#pagewrapper #page .in-collection {
	float: left;
	text-align: center;
	padding: 20px 5px;
	width: 215px;
	border-right: solid 1px #f1f1f1;
	border-bottom: solid 1px #f1f1f1;
}
#pagewrapper #page .in-collection .image {
    width: 175px;
    height: 259px;
    line-height: 259px;
    text-align: center;
    display: block;
    overflow: hidden;
	margin: 0 auto 10px;
}
#pagewrapper #page .in-collection .image img {
    vertical-align: middle;
}
* html body #pagewrapper #page .in-collection .image {
	font-size: 204px;
}
#pagewrapper #page .in-collection a{
	/*display: block;*/
	font-size: 10px;
	line-height: 12px;
	text-decoration: underline;
	text-transform: uppercase;
}
#pagewrapper #page .in-collection .choose{
	padding-bottom: 15px; 
	padding-top: 13px;
	width: 150px;	
	margin: 0 auto;
}
#pagewrapper #page .in-collection .choose img{
	margin: 0;
	padding: 0;
	padding-left: 9px;
	float: left;
}
#pagewrapper #page .in-collection .choose div.qty{
	float: left;
	margin-left: 16px;
	font-size: 12px;
	color: #809da2;
	/*width: 60px;
	height: 21px;*/	
}
/*   collection open  */
#pagewrapper #page #collection {
	text-align: right;
}
#pagewrapper #page #collection a {
	font-size: 11px;
	padding: 0 10px;
	text-transform: uppercase;
}
#pagewrapper #page #collection a.selected{
	text-decoration: underline;
}
/* contact page  */
#pagewrapper #page #left-block {
	width: 592px;
	float: left;
	padding-right: 10px;
}
#pagewrapper #page #left-block h5{
	margin-bottom: 10px;
}
#pagewrapper #page #left-block h5.maintitle{
	margin-bottom: 20px;
	margin-top: 15px;
	font-weight: bold;
	font-size: 16px;
}
#pagewrapper #page #left-block .contact-page p{
	padding: 0 0 25px 0;
}
/* terms page */
#pagewrapper #page #terms-page h5{
	margin-bottom: 10px;
}
/**/
#pagewrapper #page #left-block .reps-page p{
	padding: 0 0 25px 0;
}
#pagewrapper #page #left-block .reps-page h5{
	margin-bottom: 10px;
}
#pagewrapper #page #left-block .reps-page span.location{
	font-weight: bold;
	padding-bottom: 0px;
	display: block;
	color: #67625C;
}
#pagewrapper #page #left-block .reps-page span.company{
	margin-right: 50px;
	font-weight: bold;
}
#pagewrapper #page #left-block .reps-page span.phone{
	display: block;
}
#pagewrapper #page #left-block .reps-page span.fax{
	display: block;
}
#pagewrapper #page #left-block .reps-page span.address{
	margin-right: 20px;
	font-size: 11px;
	display: block;
}
/**/

#pagewrapper #page #right-block {
	width: 300px;
	float: right;
	padding-left: 30px;
	margin-bottom: 15px;
	background: top left repeat-y url(/images/line.gif);
}
#pagewrapper #page #right-block h5{
	text-transform: none;
	padding: 7px 0;
}
#pagewrapper #page #right-block h5 a{
	text-transform: none;
}
#pagewrapper #page #right-block h5.maintitle{
	margin-bottom: 0px;
	margin-top: 20px;
	font-weight: bold;
	font-size: 16px;
    text-transform: none;
}
/* cart page  */
#pagewrapper #page .cart-page p{
	padding-top: 5px;
}
#pagewrapper #page .cart-page {
	padding-bottom: 10px;
}
/* cart table  */
#pagewrapper #page #left-block table.checkout {
	width: 582px;
}
#pagewrapper #page #left-block  table.checkout td {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	padding: 10px 9px  10px 9px;
	vertical-align: top;
	text-align: center;
	border-top: solid 1px #e1e1e1;
}
#pagewrapper #page #left-block  table.checkout tr.r0 td {
	font-weight: bold;
	border: none;
}
#pagewrapper #page #left-block  table.checkout td.c1 {
	width: 260px;
	text-align: justify;
	font-weight: bold;
}
#pagewrapper #page #left-block  table.checkout td.c2 {
	width: 60px;
}
#pagewrapper #page #left-block  table.checkout td.c5 a{
	text-decoration: underline;
	color: #809DA2;
}
#pagewrapper #page #left-block  table.checkout tr.r3 td {
	background: #e6f1f3;
	border: none;
}
#pagewrapper #page #left-block  table.checkout td.totalsum {
	font-weight: bold;
}
.input-qty {
	width: 50px;
	text-align: right;
}
.btn-submit-checkout {
	margin-top: 20px;
}
/*  help page  */
#pagewrapper #page .help-block {
	padding-bottom: 25px;
}
#pagewrapper #page .help-block-first {
	padding-top: 25px;
}
#pagewrapper #page .help-block p {
	padding: 0;
}
#pagewrapper #page .right-block-help {
	margin-top: 30px;
}
/*  contact form  */
#pagewrapper #page #right-block form {
	padding-top: 15px;
}
#pagewrapper #page #right-block .label {
	line-height: 12px;
	color: #4b6367;
	font-size: 12px;
}
#pagewrapper #page #right-block .input, #pagewrapper #page #right-block .text {
	margin-bottom: 9px;
	margin-top: 4px;
	width: 261px;
	color: #4b6367;
	border: solid 1px #cccccc;
	padding: 5px 7px;
	outline: 0 none;
	font-size: 12px;
}
#pagewrapper #page #right-block .btn_submit {
	margin-top: 5px;
}
#pagewrapper #page #right-block .text {
	width: 261px;
	font-size: 14px;
}
/* store locator page  */
#pagewrapper #page #location-info {
	float: left;
	width: 426px;
	padding-top: 25px;
}
#pagewrapper #page #location-info img{
	float: left;
	width: 100px;
}
#pagewrapper #page #location-info .location-info-box{
	float: right;
	width: 280px;
	padding-right: 30px;
}
#pagewrapper #page #location-info .location-info-box span.day{
	font-size: 12px;
	line-height: 18px;
	width: 40%;
	float: left;
}
#pagewrapper #page #location-info .location-info-box span.time{
	font-size: 12px;
	line-height: 18px;
	float: left;
	width: 60%;
}
.blue {
	color: #536A6D;
}
#pagewrapper #page #map {
	float: right;
	width: 432px;
	height: 432px;
}
/* signup page */
#wrapper #page .line-div {
	margin: 30px 0 20px;
	background: #cccccc;
	height: 1px;
	width: 466px;
}
#wrapper #page .input,
#wrapper #page .text {
	display: block;
	margin: 4px 0 15px;
	width: 446px;
	color: #222222;
	border: solid 1px #b9b8b8;
	padding: 5px 7px;
	background: #fffffb;
	outline: 0 none;
	font-size: 14px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
#wrapper #page .input-short,
#wrapper #page .text-short {
	width: 210px;
}
#wrapper #page .small-box {
	width: 223px;
	padding-right: 10px; 
	display: block;
	float: left;
}
#wrapper #page table.citywrapper {
	margin-bottom: 8px;
}
#wrapper #page table.citywrapper td{
	font-size: 12px;
	font-weight: bold;
	padding: 0 15px 3px 0;
	vertical-align: middle;
}
#wrapper #page table.citywrapper .input-city {
	width: 196px;
	margin: 0;
}
#wrapper #page table.citywrapper .input-zip {
	width: 87px;
	margin: 0;
}
#wrapper #page table.citywrapper select {
	margin: 0;
}
#wrapper #page .citywrapper .floatleft {
	float: left;
}
/**/
#wrapper #page #product-info-box {
	margin: 0 auto;
	padding-top: 70px;
}
#wrapper #page #product-info-box #product-pic{
	width: 470px;
	padding: 0 20px 0 0;
	margin: 0 auto;
	overflow: hidden;
    text-align: center;
	float: left;
}
#wrapper #page #product-info-box #product-text{
	width: 400px;
	float: right;
	padding-right: 50px;
}
#wrapper #page #product-info-box #product-text h3{
	font-weight: bold;
}
#wrapper #page #product-info-box #product-text .choose{
	width: 150px;	
	display: block;
}
#wrapper #page #product-info-box #product-text .choose img{
	margin: 0;
	padding: 0;
	padding-left: 9px;
	float: left;
}
#wrapper #page #product-info-box #product-text .choose div.qty{
	float: left;
	/*width: 60px;
	height: 21px;*/
	font-size: 12px;
	color: #809da2;
}
#wrapper #page #product-info-box #product-text span.material {
	display: block;
	font-weight: bold;
}
#wrapper #page #product-info-box #product-text span.size {
	font-weight: bold;
	display: block;
	float: left;
	width: 35px;
}
#wrapper #page #product-info-box #product-text span.itemnum {
	font-size: 11px;
	color: #718e92;
	display: block;
	padding-top: 10px;
}
#wrapper #page #product-info-box #product-text span.prise{
	font-size: 16px;
	color: #809DA2;
	display: block;
	padding: 20px 0 20px 0;
	font-weight: bold;
}
/**/
#wrapper #page #press-page h5{
	font-size: 18px;
	font-weight: bold;
}
#wrapper #page #press-page span.author{
	padding-top: 15px;
	display: block;
}
#wrapper #page #press-page span.date{
	padding-top: 5px;
	display: block;
}
#wrapper #page #press-page span.linkto{
	padding: 15px 0;
	display: block;
}
#wrapper #page #press-page span.linkto a{
	text-decoration: underline;
}
/*  footer  */
#wrapperfooter {
	height: 37px;
	width: 100%;
	position: absolute;
	bottom: 0;
}
#wrapperfooter #footer {
	width: 966px;
	height: 37px;
	margin: 0 auto;
}
#wrapperfooter #footer p {
	float:left;
	line-height: 12px;
	margin: 0;
	padding: 0;
	color: #68635d;
	font-size: 12px;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-weight: normal;
}
/*   menu in footer  */
#wrapperfooter #footer #menu-box-f {	
	padding-left: 25px;
	float: left;
}
#wrapperfooter #footer #menu-box-f #menu-f {
	height: 20px;
	float: left;
}
#wrapperfooter #footer #menu-box-f #menu-f ul{
	height: 20px;
}
#wrapperfooter #footer #menu-box-f #menu-f p{
	display: block;
	height: 20px;
	float: left;
}
#wrapperfooter #footer #menu-box-f #menu-f li {
	display: block;
	height: 20px;
	float: left;
}
#wrapperfooter #footer #menu-box-f #menu-f li a {
	display: block;
	line-height: 12px;
	padding: 0 8px;
	color: #68635d;
	font-size: 11px;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-weight: normal;
}
/*  doejo  link  */
#wrapperfooter #footer a#doejo {
	display: block;
	width: 140px;
	height: 21px;
	position: relative;
	line-height: 8px;
	font-size: 8px;
	float: right;
	padding: 0;
	margin: 0;
	white-space: nowrap;
}
#wrapperfooter #footer #doejo span {
	width: 100%;
	height: 100%;
	position: absolute;
	background: top right no-repeat url(/images/doejo.gif);
	cursor: pointer;
}


#flashes {
	clear:both;
}

#flashes div.red {
	color:red;
}
	
#flashes div.green {
	color:green;
}
	
#flashes div {
	font-size:13px;
	margin:0;
	padding:0;
	text-align:center;
	width:95%;
	height:25px;
	margin-top:12px;
}

.skip0{clear:both;}
.skip5{height:5px;clear:both;}
.skip10{height:10px;clear:both;}
.skip20{height:20px;clear:both;}
.skip30{height:30px;clear:both;}
.skip40{height:40px;clear:both;}

.borderedTable {
	border:1px solid #000;
	border-collapse: collapse;
	padding: 2px;
	font-family:Arial,Sans-Serif;
}

.borderedTable th {
	text-align: center;
	background-color:#5F5F5F;
	color:#FFFFFF;
	font-weight:bolder;
	padding: 5px;
	border:1px solid #000;
}

.borderedTable td {
	padding: 5px;
	vertical-align: top;
	border:1px solid #000;
	color:#000;
}

.borderedTable .text {
	width: 95%;
}

/* Here's our form stuff */
form label.error, label.error {
	color: red;
	font-style: italic;
	display: block;
}

input.error, textarea.error { border: 1px dotted red; }

.pages span, .pages a {padding:5px;}
.pages span.current {font-weight:bold; color:#000;}