/* CSS Document for A Beaded Road.com*/
html, body { 
	font-size:100%; padding:0; margin:0;}

body {background:white; color: black; text-align:center;font: 80% Arial, Helvetica, sans-serif;}

/*** reset browser defaults ***/
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, img, q, a, form, input, textarea, fieldset, pre {margin: 0; padding: 0;}
  /* no top and bottom margins on nested lists */
ul ul, ul ol, ul dir, ul menu, ul dl, ol ul, ol ol, ol dir, ol menu, ol dl, dir ul, dir ol, dir dir, dir menu, dir dl, menu ul, menu ol, menu dir, menu menu, menu dl, dl ul, dl ol, dl dir, dl menu, dl dl {margin-top: 0; margin-bottom: 0;}
/* no borders on images, img links or tables */
img, a img, :link img, :visited img {border: none}
/* tables */
table, td, caption { font-size: inherit; font-weight: inherit; font-style: inherit; font-variant: inherit;}
table, thead, tbody, tfoot, caption, th, tr, td, {margin: 0; padding: 0;}
table {border-collapse: collapse; padding:0; margin:0; border-spacing:0; border:0; }

/*** text format  ***/
pre, code { font-size:1em;}
strong, b {font-weight: bold;}
i {font-style: italic;}
  
h1, h2, h3, h4, h5, h6 {margin-top: .5em; color:#303188; line-height: 1.1em;}
h1 {font-size: 1.5em;font-weight: normal;margin-top: 1.2em;margin-bottom:.5em;}
h2 {font-size: 1.3em;font-weight: normal;}
h3 {font-size: 1.1em;font-weight: normal;}
h4 {font-size: 1em;}
h5 {font-size: 1em;}

a:link    {color:#009B8F; text-decoration: underline;}
a:visited {color:#006666; text-decoration: underline;}
a:hover   {color:#006666;}
a:active  {color:#F00;}

ol, ul, li { font-size: 1.0em; line-height: 130%; margin: .5em 0 1em 1.5em;}
li { margin: .5em 0 .5em 1.5em;}
hr {border: none 0;border-top: 1px solid #900;height: 1px;}

p { font-size: 1.0em; line-height: 130%; padding:.5em 0 .5em 0;}
li > p { margin-top: 0.2em;}
i {font-style: italic;}

/*** layout  ***/

#bigshawl {width:900px;margin:0 auto;padding:0;text-align:left; background:url(images/shawl-large.jpg) no-repeat 0px 0px;}

#outer {width:800px;margin:0 auto;padding:0;text-align:left; }

#header {margin:0;padding:0; height:100px;position:relative;top:0px;}
#header img {margin-top:15px;}
#header #viewcart {position:absolute;top:20px;right:12px;width:10em;text-align:right;}
#viewcart input#viewcheckout {color:#009B8F;font-size:1em; margin:0 0 0 0;padding:4px 8px;background:white;border:1px white solid;  }
a.cartbtn {font-size:1em; white-space: nowrap; text-decoration:none; margin:2px;padding: 4px; }
td a.cartbtn {border: 1px solid #ccc;background:#eee;} /*shop page */
a.cartbtn:hover {background:#009B8F; color:white;}


#header .navbox {position:absolute;bottom:0px;right:0;width:580px;}
#header .navbox ul {text-align:right; list-style-type: none; margin:10px 0 10px 12px;padding:0;}
#header .navbox ul li {display: inline;margin:0; padding:0; font-size:1.1em; line-height: 1.5em;}
#header .navbox ul li a {text-decoration: none; margin:0;padding:4px 8px; border-left:1px dotted #C2E2E1; }
#header .navbox ul li a:hover {color: white;background-color: #009B8F;}
#header .navbox ul li a.first {border-left:none;}

#content {margin:0; padding: 0 20px 16px 220px; border:1px solid #C2E2E1;}
#bigshawl #content {padding: 0 20px 16px 300px;}
.sidepics {float:right;width:100px; margin:0 -20px 0 20px;} /*vertical thumbnails on right side*/

a.btn-shop {font-size:1.3em; line-height: 50px;white-space: nowrap; text-decoration:none; padding: 15px; border-top: 1px solid #009B8F; border-bottom: 1px solid #009B8F;}
a.btn-shop:hover {background:#009B8F; color:white;}


#footer {text-align:center;padding:0;margin:-1px 0 10px 0;color: #999;background-color: #eee;}
#footer .navbox {background:#eee;}
#footer .navbox ul {margin: 0;padding:10px;list-style-type: none;text-align: center;}
#footer .navbox ul li {display: inline;margin:0; padding:0; font-size:1.1em; line-height: 1.5em; white-space: nowrap;}
#footer .navbox ul li a {text-decoration: none;margin:0;padding: 4px 8px;border-left:1px dotted #C2E2E1;}
#footer .navbox ul li a:hover {color: white; background-color: #009B8F;}
#footer .navbox ul li a.first {border-left:none;}
#footer p {	padding:.5em 20px 15px 20px;}

/*.sidebarrt {float:right;width:200px; margin:0 -5px 20px 20px;padding:5px;background:#CEA164;}*/

.nowrap {white-space:nowrap;}
.smaller {font-size: smaller;}
.small {font-size: small;}
.clear {clear:both;}
.txtcenter {text-align:center;}
.buybtn {background:#E4D3C3; border:1px solid #732217;padding:4px; white-space:nowrap;margin: 2px 0;}

.clearfix:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden;} /*p.i.e.*/
/*.clearfix {display: inline-table;} original clearfix replaced with below */
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */