/* CSS Document */

body {
	background: url(../miscImages/siteBackE9E9E9.gif) top repeat-x #E9E9E9;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#siteWrap {
	width: 907px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}

#header {
	width: 907px;
	clear: both;
}

#header h1 {
	width: 254px;
	height: 117px;
	display: block;
	margin: 0 0 10px 0;
}

#infoBlock {
	width: 899px;
	height: 223px;
	margin: 0 auto;
	padding: 4px;
	background: url(../tm-iImages/switchBoxBack.gif) no-repeat top;
	clear: both;
}

#infoPictureBlock {
	width: 619px;
	height: 223px;
	float: left;
}

#infoSelectorBlock {
	width: 280px;
	height: 223px;
	float: left;
}

#infoSelectorBlock img {
	margin: 0;
	padding: 0;
	float: left;
}

#searchBox {
	width: 400px;
	float: right;
	margin: 70px 0 0 0;
}


/* Product Listings */

.productItem {
	width: 610px;
	margin: 10px 0;
	clear: both;
	padding: 5px 0;
	border-bottom: #666666 solid 1px;
}

.productDescription {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0 0 5px 0;
}

.productItemLabel {
	font: 15px Arial, Helvetica, sans-serif;
	margin: 0 0 2px 0;
}

.productItemPrice {
	font: 19px Arial, Helvetica, sans-serif;
	margin: 0 0 2px 0;
}

.addButton {
	width: 100px;
	float: right;
}

.productImage {
	width: 200px;
	float: left;
}

.productInfo {
	width: 300px;
	float: left;
	padding: 0 5px;
}

.seperator {
	clear: both;
}

#productCategories {
	width: 253px;
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	border: 0;
	background: url(../catalogListGFX/back.gif) repeat-y center;
}

#productCategories img {
	padding: 0;
	border: 0;
	margin: 0;
	display: block;
}

#productCategories a:link, #productCategories a:visited {
	font: 15px Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	text-decoration: none
}

#productCategories a:hover, #productCategories a:active {
	font: 15px Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bold;
	text-decoration: none
}

#productList {
	width: 610px;
	float: left;
	margin: 5px 0 0 20px;
}

#productList h1 {
	font: 19px Arial, Helvetica, sans-serif;
	color: #333333;
	border-bottom: 1px #666666 solid;
	padding: 0 0 3px 0;
}

#productList a:link, #productList a:visited, #productList a:active {
	color: #333333;
	text-decoration: none;
}

#productList a:hover {
	color: #666666;
	text-decoration: none;
}

#aboutBox {
	background: #e9e9e9;
	width: 253px;
	display: block;
	padding: 0 0 5px 0;
}

#aboutBox a:link, #aboutBox a:visited, #aboutBox a:hover, #aboutBox a:active {
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0;
	color: #333333;
	text-decoration: none;
}

#aboutBox p {
	font: 12px Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
}

#cartContents {
	background: #e9e9e9;
	width: 253px;
	display: block;
	padding: 5px 0;
}

#cartContents p {
	font: 10px Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
}


#copyright {
	clear: both;
	margin: 3px 0 0 0;
	padding: 3px 0 0 0;
	margin: 0 auto;
	border-top: 1px #999999 solid;
	width: 907px;
}

#copyright p {
	text-align: center;
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0;
}

#copyright a:link, #copyright a:visited, #copyright a:hover, #copyright a:active {
	text-decoration: none;
	color: #666666;
	border-bottom: #C2C2C2 1px solid;
}

#checkoutBox {
	width: 634px;
	float: left;
	margin: 14px 0 0 17px;
	background-color: #FFFFFF;
}

#ryaBox {
	width: 634px;
	float: left;
	margin: 14px 0 0 17px;
	background-color: #FFFFFF;
}

#prodBox {
	width: 610px;
	float: left;
	margin: 5px 0 0 20px;
}

#ryaInner {
	padding: 0 10px 0 10px;
}

#ryaInner p, #ryaInner li {
	font-size: 12px;
}

#ryaInner h2 {
	margin: 0 0 5px 0;
}

#termsInner {
	padding: 0 10px 0 10px;
}

#termsInner p, #ryaInner li {
	font-size: 11px;
	margin: 5px 0;
	color: #333;
}

#termsInner h2 {
	margin: 0 0 5px 0;
	border-bottom: 1px #CCCCCC solid;
	font: 19px Arial, Helvetica, sans-serif;
}

#termsInner h3 {
	margin: 0 0 5px 0;
	font: 15px Arial, Helvetica, sans-serif;
}

#introInner {
	padding: 0 10px 0 10px;
	background: #fff;
}

#introInner img {
	float: left;
	margin: 0 5px 0 0;
}

#introInner p, #introInner li {
	font-size: 12px;
	margin: 5px 0;
}

#introInner p.info {
	color: #333;
	width: 210px;
	float: left;
	margin: 5px;
	font-size: 11px;
}

#introInner h1 {
	margin: 0 0 5px 0;
	border-bottom: 1px #CCCCCC solid;
	font: 22px Arial, Helvetica, sans-serif;
}

#introInner h2 {
	margin: 5px 0;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
	clear: both;
}

#introInner h3 {
	margin: 5px 0;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
	clear: both;
}

.introProdBox {
	width: 295px;
	padding: 5px 5px 5px 0;
	float: left;
	clear: none;
}

.introProdBox2 {
	width: 585px;
	padding: 5px 5px 5px 0;
	float: left;
	clear: none;
}

.introHeading {
	margin: 5px 0;
}

.indent {
	padding: 0 0 0 10px;
}

.roundedCorner {
	display: block;
	margin: 0; padding: 0;
}

/* About Us Page */

#aboutUs {
	width: 610px;
	float: left;
	margin: 5px 0 0 20px;
}

#aboutUs h1 {
	font: 19px Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 5px 0;
	border-bottom: 1px #666666 solid;
}

#aboutUs p {
	font: 12px Arial, Helvetica, sans-serif;
	margin: 5px 0;
	color: #000000;
}

/*
 * Checkout Styles BEGIN
 */
.Checkout {
    padding: 0px;
    margin: 2px;
    width: 100%;
    background-color: #FFFFFF;
    font-family: Tahoma, Verdana;
    color: #333333;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.Checkout .Title {
    padding: 12px 0px 5px 15px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 16px;
    font-weight: bold; 
    text-align:left;
}

.Checkout .Block {
    padding: 15px;
    border: 1px #EDF3FA solid;
}

.Checkout .ColumnTitle {
    white-space: nowrap;
    color: #666666;
    font-weight: bold;
}

.Checkout .ColumnValue {
}

.Checkout .TotalLabel {
    white-space: nowrap;
    padding-right: 7px;
    font-weight: bold;
}

.Checkout .TotalValue {
    font-weight: bold;
}

.Checkout .Left {
    text-align:left;
}

.Checkout .Right {
    text-align:right;
}

.Checkout .Center {
    text-align:center;
}

.Checkout input.Normal,
.Checkout textarea.Normal,
.Checkout select.Normal {
}

.Checkout input.Error ,
.Checkout textarea.Error,
.Checkout select.Error {
    border: 1px solid red;
}

.Checkout select.Short {
    width: 100px;
}

.Checkout .Required {
}

.Checkout .Error {
}

.Checkout .Errors {
    padding: 15px;
    color: red;
    text-align: left;
    line-height: 20px;
}

.Checkout .Empty {
    padding: 30px 0px 40px 0px;
    font-family: Tahoma, Verdana;
    color: #C63983;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.Checkout .ImpossibleToComputeShippingCost {
    padding: 20px;
    color: #C63983;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
/*
 * Checkout Styles END
 */
 
.OrderInfo .field {
    text-align: right;
    background: #EEF2F8;
    color: #333333;
}

.OrderInfo .value {
    text-align: left;
}

.OrderInfo .products_header {
    color: #333333;
    background: #EEF2F8;
}

.OrderInvoice {
    color: black;
    font-size: 8pt;
}

.OrderInvoice .field {
    font-weight: bold;
    text-align: right;
}

.OrderInvoice .value {
    color: #666666;
    text-align: left;
}

.OrderInvoice .group_header {
    color: black;
    text-decoration: underline;
    font-size: 10pt;
    font-weight: bold;
}

.OrderInvoice .price_field {
    font-weight: normal;
    text-align: right;
    color: black;
}

.OrderInvoice .price_value {
    font-weight: bold;
    color: black;
    text-align: left;
}

/* Slider */

#slider {
    width: 619px; /* important to be same as image width */
    height: 223px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	float: left;
	background: url(../tm-iImages/sliderBox.gif) top center;
}

#slider img {
	border: 0;
}

#sliderContent {
    width: 619px; /* important to be same as image width or wider */
    position: inherit;
	top: -16px;
    left: -40px;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 384px;
    background-color: none;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}


/* Stuff for Form */

.formText {
	width: 200px;
}

#signupForm {
	width: 200px;
	float: left;
}

#signupForm p {
	clear: both;
}

#knotsOffer {
	width: 350px;
	margin: 0 10px 0 0;
	float: left;
}

.signLabel {
	width: 75px;
	margin: 0 5px 5px 0;
	float: left;
}

.signField {
	width: 170px;
	background: #F1F5F8;
	border: 2px #BAC8D8 solid;
	margin: 0 5px 5px 0;
	font: 14px Arial, Helvetica, sans-serif;
}

.catDesc {
	font: 10px Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 5px 0 10px 0;
}

/* Thanks page */

#thanks {
	width: 500px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	text-align: center;
}

#thanks h1 {
	font: 19px Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0 0 10px 0;
}

#storeCatBox h1 {
	font-size: 25px;
	margin: 0;
	color: #666666;
}
.blue {
	color: #06F;
}

.splitter {
	clear: both;
}