html, body
{
	height:100%;
}

body, td, div, select, textarea, input{
  font:normal normal normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
}

body{
  color: #000;
  margin:0;
  background-color:#009;
}

form {
  margin:0;
}

fieldset
{
	margin-top:2em;
}

legend{
    font-size:16px;
    font-weight:bold;
    color: #25d;
}

html>body #main{
  height: auto;
  min-height: 100.1%;
}

#outer, #main
{
	height: 100%;
	min-height: 100%;
}

#main
{
	background-color: #fff;
	border-left: 4px solid #ddd;
	border-right: 4px solid #ddd;
	width: 840px;
	padding-bottom:25px;
}

em{color:#069;}

a img{
  border:0px
}

h1, h2, h3, h4
{
  text-align: left;
  color: #009;
  font-weight:bold;
}

h1{
  font-size: 18px;
}

h2{
  font-size: 16px; 
  margin:3px 0;
}

h3{
  font-size: 14px;
  margin: 3px 0 0 0;
}

h4{
  font-size: 12px;
  text-decoration:underline;
  margin: 0;
}

p
{
  text-align: left;
  margin:5px 0 15px 0;
}

a
{
  color: #00F;
  text-decoration:underline;
}

a:link, a:visited, a:active {
  color: #00C;
}

a:hover{
  color: #c00;
}

hr {
  color: #060; 
  height: 1px; 
  border-style: dotted;
}

input, select, textarea {
  color: #000;
  line-height:1.2em;
}

input.fld{
  width:180px;
}

textarea{
  width:180px;
  height:80px;
}

select{
  width:180px;
}

#header, #headline, #logo
{
	height: 166px;
}

#logo
{
	text-align:center;
	width: 840px;
}

#menu
{
	text-align: left;
	font-size:120%;
	margin: 10px 2px 0 2px;
	border-top: 1px solid #c00;
	border-bottom: 1px solid #c00;
}

#menu ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#menu li
{
	display: inline;
	margin: 0;
}

#menu a.selected
{
	border-top: 4px solid #c00;
}

#menu a
{
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	margin: 0 18px;
	
}

#menu a:link, #menu a:visited, #menu a:active {
  color: #900;
  text-align:center;
}

#menu a:hover
{
  margin-top: -1px;
  border-top: 4px solid #c00;
  color: #24d; 
}

#contentcontainer
{
	text-align: left;
	margin: 10px 10px 10px 20px;
}

#leftcolumn
{
	float: left;
}

#rightcolumn
{
	float: right;
	width: 180px;
}

.pod
{
	height: 162px;
	width: 162px;
	margin: 10px 0 10px 3px;
	background: no-repeat right top;
	border: 1px solid #fff;
	cursor: hand;
	cursor: pointer;
}

.podlink
{
	text-decoration: none;
}

.podcontent
{
	color: #fff;
	margin: 30px 10px 15px 8px;
	text-align: left;
}

a.podlink:link, a.podlink:visited, a.podlink:active 
{
	color: #fff;
	cursor: auto;
}

a.podlink:hover
{
	color: #fff;
	cursor: hand;
	cursor: pointer;
}

.podQuote{background-image: url(../images/podquote.jpg);}
.podGallery{background-image: url(../images/podgallery.jpg);}
.podMatting{background-image: url(../images/podmatting.jpg);}

.contactaddress td
{
	text-align: left;
}

.error{
  vertical-align:top;
  color:#f00;  
  font-size:10px;
  background-color:#fff;
  border:1px solid #c00;
  padding:3px;
}

.error ul{
  margin:0 0 0 18px;
  padding:0;
}

.error li{
  padding:0;
  margin:0;
}

.cushionEdit, .cushion, .shapeEdit, .cushion
{
    z-index:-10;
    border:1px solid #ccc;
    padding:10px;
}

.shapeEdit
{
	width:740px;
}

.shapeContainer
{
}

.cushion
{
	border: 1px solid #dedeef;
}

.cushion label, .cushionEdit label{
}

label{
    display:block;
    width: 180px;
}

.cell
{
	float: left;
	width:230px;
	padding:0 0 20px 20px;
}


.measurements input
{
	float:left;
}

.shapeImage{
    width:165px;
    height:120px;
    background-position:center center;
    background-repeat:no-repeat;
}

input.qteSml{
    width:50px;
}

input.qte
{
    width:125px;
}

select.qte{
    width:129px;
}

.linkButton
{
    border:2px solid #666;
    padding:6px 10px;
    background-color:#26d;
    margin: 6px;
    height:42px;
    color:#fff !important;
}

table .addCushion
{
    background-color:#efefef;
    border: solid 1px #d5d5d5;
}

.divShape
{
    height:20px;
    padding-left:5px;
}

.customShape
{
    margin: 10px 0;
    padding: 10px 5px;
    text-align:center;
	font-size:120%;
    border: 1px solid #BBCDDB;
    background-color:#CBDDEB;
}

.caution
{
    margin: 10px 0 10px 0;
    padding: 10px 5px;
    border-top: 2px solid #F30;
    border-bottom: 2px solid #F30;
    background-color:#FC3;    
}

.swatchContainer{clear:left;}
.swatchContainer div{width:95px; text-align:center; float:left;}
.swatchContainer img{float:left;}

.swatchContainerWide{clear:left;}
.swatchContainerWide div{width:155px; text-align:center; float:left;margin-bottom:8px;}
.swatchContainerWide img{float:left;}




.rangeContainer
{
    border:1px solid #cecece;
}

div.ranges fieldset
{
    clear:left;
    width:475px;
}

div.ranges legend
{
    font-size:14px;
    padding:6px 0;
}

.largeSwatch
{
    background-color:#FFF;
    border:2px solid #CECECE;
    display:none;
}

#steps
{
	width:100%;
	margin:0 0 2em 1em;
	clear:both;
}

.step1, .step2, .step3{
	float:left;
	width:185px;
	margin:1em 2em 1em 0;
	padding:12px 16px 16px 40px;
	border: solid 1px #ccd;
	border-right: solid 1px #99a;
	border-bottom: solid 1px #99a;
}

.step1{background: #e6e8ff url(../images/design/s1.gif) no-repeat 2px 0;}
.step2{background: #e6e8ff url(../images/design/s2.gif) no-repeat 2px 0;}
.step3{background: #e6e8ff url(../images/design/s3.gif) no-repeat 2px 0;}

.spicFrame{
	padding:10px 0;
	margin: 10px 0 0 0;
	text-align:center;
}

.spic{
	border: dashed 2px #ddd;
	padding: 2px 10px;
	margin:4px;
}

.spic:hover{
	border: solid 2px #e89;
}

.noshape{
	display:block;
	position:relative;
	text-align:center;
	font-size:18px;
	color:#44A;
	padding:8px;
	top:-25px;
	border: solid 2px red;
}

.simpleBorder{
	border:solid 1px #cce;
}


.rangenew,  #rangenew{
	float:left;
	display:block;
	width:810px;
	border:solid 1px #abacab;
	padding:12px 0 16px 0;
	margin:0 0 10px 0;
}

.rangenew .thumb, #rangenew .thumb{
	float:left;
	width:110px;
	height:140px;
	text-align:center;
	margin:4px;
	padding:6px;
}

.thumb p
{
	padding:0;margin:0;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	line-height:1.4em;
}

.czoom{
	font-size:10px;
	font-weight:normal;
	color:#66a;
}

.rangeEnd{
	clear:both;
	width:100%;
}

.fabrics{
}

.fabrics tr{
	padding:0;margin:0;
}

.fabrics td{
	border:solid 1px #C1DAD7;
	background: #f7f8f9;
	padding: 6px 6px 6px 12px;
	color: #355;
	font-size:13px;
}

.highslide{
	border-right:solid 20px #fff;
	padding:10px;
	margin:0;
	width:120px;
	height:170px;
	float:left;
}

.highslide img{
	width:110px;
	height:110px;
}

.tcap{
	width:110px;
	float:left;
	margin:128px 0 0 -140px;
	text-align:center;
}

#callus{
	width:143px;
	text-align:center;
	margin:0 0 0 5px;
	padding:6px;
	letter-spacing:1px;
	background: url(../images/podquote.jpg) no-repeat 0 -40px;
}

#callus .num{
	font-weight:bold;
	font-size:16px;
	color:#fff;
}