/* susan holton knitwear */
/* standard text definitions */
html, body { font-family:verdana; font-size:10px; font-style:normal; color:#000000; margin:5px; height:auto;}
td { font-family:verdana; font-size:10px;}

div.container
{ width:990px; overflow: hidden; margin-left: auto; margin-right: auto;}

div.small
{
font-family:verdana; 
font-size:9px; 
font-style:normal; 
color:#000000; 
margin-top: 5px; 
margin-bottom: 5px; 
}

option , select ,input
{font-family:verdana; font-size:10px; font-style:normal; color:#000000; }

div.side
{ width: 160px; padding-right: 20px;  float:left;}

div.main_area
{width: 800px; float: left;}

div.title_bar
{width: 700px; float: left; padding-top: 10px; padding-bottom: 10px;}

div.five_col
{width: 140px; float:left; padding-right: 10px; padding-top: 5px; }

div.double_five_col
{width: 300px; float:left; padding-right: 10px; padding-top: 5px; }

div.five_col2
{width: 140px; float:left; padding-right: 10px; padding-top: 10px; }

div.five_col_right
{width: 140px; float:left; padding-top: 5px;}

div.five_col_right2
{width: 140px; float:left; padding-top: 10px;}

div.image_pad
{padding-top: 10px;}

div.col_one_spacer
{width: 160px; padding-right: 20px;  float:left; line-height: 0px;}

div.index_text
{width: 740px; float: left; padding-top: 20px; font-size: 11px; line-height: 30px;}

div.event
{width: 740px; float: left; font-size: 10px; line-height: 20px; margin-top: 10px; border-top: 1px solid #888888;}

div.event_left
{width: 140px; float:left; padding-right: 10px; padding-top: 5px; color:#006699; font-weight: bold;}

div.event_right
{width: 590px; float:left; padding-top: 5px;}

span.event
{color:#006699; font-weight: bold;}

div.how
{width: 740px; float: left; font-size: 10px; line-height: 20px; margin-top: 5px; }

div.how_left
{width: 360px; float:left; padding-right: 10px; padding-top: 5px;}

div.how_right
{width: 360px; float:left; padding-top: 5px;}

div.contact
{float: left; width: 250px; height: 170px; padding-right: 10px; padding-top: 5px; padding-bottom: 20px; border-bottom: 1px dashed #000000; font-size: 10px; line-height: 20px;}

div.contact_right
{float: left; width: 250px; height: 170px; padding-top: 5px; padding-bottom: 20px; border-bottom: 1px dashed #000000; font-size: 10px; line-height: 20px;}

div.four_col
{width: 160px; float:left; padding-right: 15px; padding-top: 5px;}

div.four_col_right
{width: 160px; float:left; padding-top: 5px;}

div.small_col
{width: 100px; float:left; padding-right: 20px; padding-top: 5px;}

div.vsmall_col
{width: 90px; float:left; padding-right: 10px; padding-top: 5px;}

div.small_col_right
{width: 100px; float:left; padding-top: 5px;}

div.vsmall_col_right
{width: 90px; float:left; padding-top: 5px;}

div.scarf_col
{width: 200px; float:left; padding-right: 20px; padding-top: 5px;}

div.scarf2_col
{width: 290px; float:left; padding-right: 10px; padding-top: 5px; }

div.scarf_col_xsmall
{width: 70px; float:left; padding-right: 20px; padding-top: 5px;}

div.prod_page_left
{width: 370px; float:left; padding-right: 20px; padding-top: 0px;  line-height: 20px; }

div.prod_page_right
{width: 360px; float:left; padding-top: 0px;color:#006699;  line-height: 20px; }

div.prod_page_right2
{width: 340px; float:left; padding-top: 0px;color:#006699;  line-height: 20px; }

/* no borders on images */
img { border: 0px; }
.pop-pic {margin:0px; padding:0px; text-align:center; vertical-align:middle; }

/* link options */
a, a:link, a:visited, a:hover { color:#006699; }
a:link,a:visited { text-decoration: none; }
a:hover { text-decoration: underline;}

/* logo */
table.logo  {width:100%;}
.logo td.logo {width:1%;}
.logo td.title {width:99%; text-align:center;}

/* nav */
table.nav {border-top: 1px solid #888888;}
td.nav {vertical-align:top; color:#006699; vertical-align:text-top;} 
.nav a { font-size:10px; color:#006699; border:solid 1px #ffffff; display:block; padding:8px 2px; text-transform: none;}
.nav a:hover { text-decoration:none; border:solid 1px #888888;}

table.main {border-top: 1px solid #888888; margin-left:5px; width:100%;}
td.main {font-size:10px; vertical-align:top; width:100% }
.home {font-size:12px; line-height:25px; word-spacing:3px;}

/* main content */
.content td.title {background:#d9d9d9; width:100%; padding:10px 5px;}
.h1 {font-weight:bold; font-size:16px;}
.highlight {font-weight:bold; font-size:11px;}
.hlight {color:#006699; font-weight:bold; font-size:8pt}
.info {font-size:9px; color:#000000;}
.info-10 {font-size:9px; line-height:11px; vertical-align:top;}
.info-10a {font-size:9px; line-height:11px; margin-top:2px; margin-bottom:7px; margin-left:5px;}
.info-i {font-size:9px; font-style:italic;}
.info-b {font-size:10px; font-weight:bold; color:#006699;} 
.garment-right {text-align:right; with:100%; margin-right:10px;}
.normal { color:#000000;}

/* padding for sweater images */
table.sweaters { border-collapse:collapse; padding:0px:}
td.page_title {height:23px; vertical-align:middle;}
.sweaters td {padding:0px; vertical-align:top; border-collapse:collapse;}
.knit_pic {padding:5px;}
.sweaters td.knit_pic2 {width:170px; padding-left:5px; padding-top:5px; padding-bottom:0px;}
.knit_pic_r {padding:5px; text-align:right;}
.sweaters {line-height:20px;}

/* purchase info - item details */
.text_detail {margin-top:5px;}
.text_detail td {width:50%; line-height:18px; vertical-align:top; font-size:10px;}
.text_detail li {font-weight:normal;}
.text_detail ol {margin-top:0px;}
li.how {font-weight:bold;}
dl.buy { margin-top:0px; margin-bottom:7px; line-height: 20px; font-size: 10px;}
dl.buy2{ margin-top:0px; margin-bottom:7px; line-height: 20px; color:#006699; font-size:10px;}
ul.buy { margin-left:15px; margin-top:0px; margin-bottom:7px;}
.normal {font-weight:normal;}
.item_detail {color:#006699; font-size:10px;}
td.right {padding-left:10px;}
td.left {padding-right:10px;}
.size tr.spacer, td.spacer {border-top:solid 2px #000000; line-height:0.25px;}
.size tr.spacer2, td.spacer2 {border-top:solid 1px #000000; line-height:0.25px;}
.size tr.bust {color:#006699; font-weight:bold;}
.size td {width:25%;}
.post td {width:auto;}
.post td.post-title {color:#006699; border-top:solid 2px #000000; border-bottom:solid 2px #000000;}
.post table, .size table {width:100%; border-collapse:collapse;}
.button-price table {width:100%; border-collapse:collapse; }
.button-price td.button-n {width:32%;}
td.about {white-space:nowrap;}


/* scarf detail page */
td.scarf_detail {vertical-align:top; line-height:17px; padding-top:10px; padding-bottom:10px;}
table.ripple { padding:0px; border-collapse:collapse;}
td.knit_pic { vertical-align:top; margin-top:0px; padding: 5px 20px 0px 5px;}
td.knit_pic1 { vertical-align:top; margin-top:0px; padding: 5px 0px 0px 0px;}
td.ripple { padding-left:5px; vertical-align:top; margin-top:0px;}
td.ripple1 { padding-left:0px; vertical-align:top; margin-top:0px;}
td.deepripple { padding-top:7px; vertical-align:top;}

.scarf_detail tr.spacer, .scarf_detail td.spacer {border-top:dashed 1px #888888; line-height:0.25px;}
.sweaters td.spacer  {border-top:dashed 1px #888888; padding-bottom:20px; line-height:0.25px;}

/* events page */
.events table {margin-top:10px;}
td.event_date {vertical-align:top; line-height:20px; width:25%; font-weight:bold; color:#006699; padding-top:10px;}
.event_name {font-weight:bold; color:#006699;}
td.event_details {vertical-align:top; word-spacing:normal; line-height:20px; padding-left:5px; padding-top:10px; padding-bottom:10px;}
.events tr.event_spacer, .events td.event_spacer {border-top:solid 1px #888888; line-height:0.25px;}

/* address page */
.add-h {font-weight:bold; color:#006699; font-size:10px; width:250px;}
.add {line-height:17px;}
td.add {padding-bottom:20px;}
td.none {line-height:normal;}

/* footer */
table.footer  {width:100%;}
table.footer { margin-top:5px;}
.footer td {text-align:center; font-size:10px; padding-top:3px;}
.footer a:link { font-size:10px; font-style:normal; color:#006699; }
.footer a:visited {font-size:10px; font-style:normal; color:#006699; }

/* separator lines on footer and main content */
table.footer,td.content_td { border-top: 1px solid #888888; }


/* F0F0F2 = grey background */
/* 888888 = grey line */
/* 5c90b6 = pale blue */
/* 006699 = slightly darker pale blue - links */