﻿@charset "utf-8";

/*	Design/CSS/(X)HTML/JavaScript/Velocity Programming By: Michael Angeletti - GB Promotions - e-commerce experts	*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Debugger Code ( Global Browser Reset )

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite, code,
del, dfn, b, strong, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, table, tr,
td, th, tbody, dl, dt, dd, ol, ul, li,
fieldset, form, button, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	list-style: none;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: middle;
	text-decoration: none;
}

input {
	margin: 0;
	padding: 0;
}

button {
	cursor: pointer;
}


/*
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Debugger Code ( Universal Setting )

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite, code,
del, dfn, b, strong, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, table, tr,
td, th, tbody, dl, dt, dd, ol, ul, li,
fieldset, form, button, label, legend, caption {
	position: relative;
}

*/



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

html, body

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body, html {
	top: 0;
	background: #000;
	font: 12px/1.3 Tahoma, Helvetica, "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #111;
	text-align: center;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

universal styles

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

strong, b, strong *, b * {
	font-weight: bold;
}

em {
	font-style: italic;
}

.none {
	display: none;
}

* div ul.inline li, * div ol.inline li {
	padding: 0 10px;
	display: inline;
	list-style: none;
}

* div ul.no_bullet li, * div ol.no_bullet li {
	list-style: none;
}

.hr {
	width: 100%;
	margin: 0 0 10px 0;
	height: 1px;
	float: left;
	line-height: 1px;
	background: transparent url(http://www.sininlinen.com/images/hr_bg.gif) top left repeat-x;
}

.replace {
	text-indent: -9000px;
}

.center {
	text-align: center;
}

.row {
	width: 100%;
	float: left;
}

.half {
	width: 50%;
	float: left;
}

.border_bottom {
	border-bottom: 1px #8D8D8D solid;
}

.border {
	border: 1px #8D8D8D dotted;
}

.black_border {
	border: 1px #000 solid;
}

.padding {
	padding: 10px;
}

.v_padding {
	padding: 10px 0;
}

.padding_bottom {
	padding: 0 0 10px 0;
}

.h_padding {
	padding: 0 10px;
}

.margin_bottom {
	margin: 0 0 10px 0;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.align_right {
	text-align: right;
}

.underline {
	text-decoration: underline;
}

.red {
	color: #AC3918;
}

.yellow {
	color: #F7C64C;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Container

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.container {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Header

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.header_wrap {
	width: 800px;
	float:	left;
}

.header_cap {
	width: 800px;
	height: 15px;
	float: left;
	line-height: 15px;
	background: #FFF url(http://www.sininlinen.com/images/pin_strips.gif) top left repeat-y;
}

.header {
	width: 667px;
	height: 89px;
	padding: 10px 37px 10px 96px;
	float: left;
	overflow: hidden;
	background: #000 url(http://www.sininlinen.com/images/pin_strips.gif) top left repeat-y;
}

.pinup_girl {
	width: 177px;
	height: 269px;
	left: 29px;
	top: 12px;
	position: absolute;
	background: transparent url(http://www.sininlinen.com/images/pinup_girl.png) top left no-repeat;
}

.logo_slogan {
	width: 667px;
	height: 89px;
	float: left;
	background: transparent url(http://www.sininlinen.com/images/logo_slogan.gif) top left no-repeat;
}

	.logo_slogan a {
		width: 667px;
		height: 89px;
		float: left;
		background: transparent;
	}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Top Nav

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.top_nav {
	width: 800px;
	height: 25px;
	margin: 0;
	float: left;
	background: #FFF url(http://www.sininlinen.com/images/pin_strips.gif) top left repeat-y;
}

	.top_nav ul {
		height: 25px;
		padding: 0 20px 0 0;
		float: right;
		background: transparent url(http://www.sininlinen.com/images/top_nav.png) top right no-repeat;
	}
	
		.top_nav ul li {
			height: 25px;
			float: left;
		}
		
			.top_nav ul li a {
				height: 25px;
				float: left;
				text-indent: -9000px;
				background: #FFF url(http://www.sininlinen.com/images/top_nav.png) no-repeat;
			}
			
				.top_nav li#tn_news a {
					width: 45px;
					background-position: 0px 0px;
				}
				
					.top_nav li#tn_news a:hover {
						background-position: 0px -25px;
					}
				
				.top_nav li#tn_retailers a {
					width: 70px;
					background-position: -45px 0px;
				}
				
					.top_nav li#tn_retailers a:hover {
						background-position: -45px -25px;
					}
				
				.top_nav li#tn_about_us a {
					width: 72px;
					background-position: -115px 0px;
				}
				
					.top_nav li#tn_about_us a:hover {
						background-position: -115px -25px;
					}
				
				.top_nav li#tn_bedfellows a {
					width: 86px;
					background-position: -187px 0px;
				}
				
					.top_nav li#tn_bedfellows a:hover {
						background-position: -187px -25px;
					}
				
				.top_nav li#tn_view_cart a {
					width: 76px;
					background-position: -273px 0px;
				}
				
					.top_nav li#tn_view_cart a:hover {
						background-position: -273px -25px;
					}
				
				.top_nav li#tn_contact a {
					width: 70px;
					background-position: -349px 0px;
				}
				
					.top_nav li#tn_contact a:hover {
						background-position: -349px -25px;
					}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Content

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.content_wrap {
	width: 800px;
	float: left;
	background: #FFF url(http://www.sininlinen.com/images/pin_strips.gif) top left repeat-y;
}

.content {
	width: 722px;
	padding: 0 50px 10px 0;
	float: right;
	background: transparent url(http://www.sininlinen.com/images/left_nav_bg.gif) top left repeat-y;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Left Column

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.left_column {
	width: 120px;
	padding: 45px 0 15px 0;
	border-top: 103px #FFF solid;
	float: left;
}

.left_nav {
	width: 100px;
	margin: 0 0 20px 0;
	padding: 0 10px;
	float: left;
	color: #888;
}

.email_cap {
	margin: 25px 0 0 0;
	width: 100px;
	float: left;
}

	.email_cap legend {
		display: none;
	}
	
	.email_cap form {
		width: 100px;
		float: left;
	}
	
		.email_cap form p {
			width: 100px;
			margin: 0 0 10px 0;
			float: left;
		}
		
			.email_cap form p label {
				width: 100px;
				height: 52px;
				text-indent: -9000px;
				float: left;
				background: transparent url(http://www.sininlinen.com/images/email_cap_label.gif) top left no-repeat;
			}
			
			.email_cap form p input {
				width: 94px;
				padding: 2px;
				border: 1px #7E9CB8 solid;
				float: left;
			}
			
			.email_cap form p button {
				width: 100px;
				height: 23px;
				float: left;
				text-indent: -9000px;
				background: transparent url(http://www.sininlinen.com/images/email_cap_button.gif) top left no-repeat;
			}

	.left_nav h5 {
		width: 100px;
		margin: 0 0 5px 0;
		float: left;
		overflow: hidden;
		font-family: "Mouse Deco", "Lucida Grande", Helvetica, Arial, Tahoma, sans-serif;
	}
	
		.left_nav h5 a {
			color: #F7C64C;
		}
		
			.left_nav h5 a:hover {
				color: #B13915;
				text-decoration: underline;
			}
	
	.left_nav ul {
		width: 100px;
		margin: 0 0 10px 0;
		float: left;
	}
	
		.left_nav ul li {
			width: 100px;
			margin: 0 0 2px 0;
			float: left;
			font-size: 10px;
		}
		
			.left_nav ul li a {
				color: #FFF;
			}
			
				.left_nav ul li a:hover {
					text-decoration: underline;
				}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Right Column

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.right_column {
	width: 560px;
	padding: 25px 0 0 0;
	float: right;
	overflow: hidden;
}

.right_column_header {
	width: 560px;
	margin: 0 0 15px 0;
	float: left;
	font-size: 36px;
	font-family: "GE ElegantScript", "Brush Script MT", Helvetica, Tahoma, sans-serif;
	color: #AC3918;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Group of Groups [square style]

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.group_groups_square_row {
	width: 556px;
	padding: 0 0 0 20px;
	float: left;
}

.group_groups_square_box {
	width: 252px;
	padding: 0 16px 15px 0;
	float: left;
}

.group_groups_square_image {
	width: 250px;
	border: 1px #010101 double;
	float: left;
}

	.group_groups_square_image img {
		width: 250px;
		height: 183px;
		float: left;
	}

.group_groups_square_desc {
	width: 250px;
	padding: 6px;
	float: left;
	font-size: 11px;
}

	.group_groups_square_desc a {
		color: #AC3918;
	}
	
		.group_groups_square_desc a:hover {
			text-decoration: underline;
		}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Group of Items [list style]

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.group_items_list_row {
	width: 560px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px #8D8D8D solid;
	float: left;
}

.group_items_list_image {
	width: 120px;
	padding: 5px;
	float: left;
}

	.group_items_list_image a, .group_items_list_image img {
		width: 120px;
		float: left;
	}

.group_items_list_desc {
	width: 410px;
	padding: 20px 0;
	float: right;
}

	.group_items_list_desc dl {
		width: 410px;
		margin: 0 0 15px 0;
		float: left;
	}
	
		.group_items_list_desc dl dt {
			width: 150px;
			margin: 0 10px 0 0;
			float: left;
		}
		
		.group_items_list_desc dl dd.price {
			width: 127px;
			float: left;
			font-size: 11px;
		}
		
		.group_items_list_desc dl dd.purchase {
			width: 113px;
			float: right;
		}
		
			.group_items_list_desc dl dd.purchase input {
				width: 22px;
				height: 13px;
				margin: 0 10px 0 0;
				padding: 2px;
				float: left;
			}

			.group_items_list_desc dl dd.purchase a {
				width: 73px;
				height: 20px;
				float: right;
				text-indent: -9000px;
				background: transparent url(http://www.sininlinen.com/images/button_i_want_it.gif) 0% 0% no-repeat;
			}
			
				.group_items_list_desc dl dd.purchase a:hover {
					background: transparent url(http://www.sininlinen.com/images/button_i_want_it.gif) 0% 50% no-repeat;
				}
				
				.group_items_list_desc dl dd.purchase a:active {
					background: transparent url(http://www.sininlinen.com/images/button_i_want_it.gif) 0% 100% no-repeat;
				}
			
			.group_items_list_desc dl dd.purchase button {
				width: 73px;
				height: 20px;
				float: right;
				text-indent: -9000px;
				background: transparent url(http://www.sininlinen.com/images/button_i_want_it.gif) 0% 0% no-repeat;
			}
			
				.group_items_list_desc dl dd.purchase button:hover {
					background: transparent url(http://www.sininlinen.com/images/button_i_want_it.gif) 0% 50% no-repeat;
				}
				
				.group_items_list_desc dl dd.purchase button:active {
					background: transparent url(http://www.sininlinen.com/images/button_i_want_it.gif) 0% 100% no-repeat;
				}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Group of Items [order form style]

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.group_items_form_group_image {
	width: 250px;
	border: 1px #010101 solid;
	float: left;
}

	.group_items_form_group_image img {
		width: 250px;
		float: left;
	}

.group_items_form_group_desc {
	width: 278px;
	float: right;
}

.items_form {
	width: 560px;
	float: left;
}

.items_form_row {
	width: 560px;
	margin: 0 0 10px 0;
	float: left;
}

	.items_form_row h3 {
		width: 560px;
		border-bottom: 1px #000 solid;
		float: left;
		line-height: 15px;
	}
	
		.items_form_row h3 a {
			width: 540px;
			padding: 8px 10px;
			float: left;
			color: #111;
			font-weight: bold;
		}
		
			.items_form_row h3 a:hover {
			}
		
		.items_form_row h3 a.closed {
		}
		
		.items_form_row h3 a.closed:hover {
		}
		
.item_form_box {
	width: 519px;
	padding: 0 20px 20px 20px;
	border-right: 1px #CCC solid;
	border-bottom: 1px #CCC solid;
	float: left;
	background: #F3F3F3;
}

	.item_form_box dl {
		width: 519px;
		padding: 20px 0 10px 0;
		border-bottom: 1px #CCC solid;
		float: left;
		font-size: 11px;
	}
	
		.item_form_box dl dt {
			width: 320px;
			margin: 0 10px 0 0;
			float: left;
			color: #AC3918;
		}
		
		.item_form_box dl dd.price {
			width: 115px;
			float: left;
		}
		
		.item_form_box dl dd.purchase {
			width: 65px;
			float: right;
			text-align: right;
		}
		
			.item_form_box dl dd.purchase strong {
				padding: 0 5px 0 0;
				line-height: 18px;
			}
			
			.item_form_box dl dd.purchase input {
				width: 28px;
				height: 16px;
				padding: 1px;
				border: 1px #01334C solid;
			}

.items_form button, button.add_items_to_cart {
	width: 128px;
	height: 20px;
	float: right;
	text-indent: -9000px;
	background: transparent url(http://www.sininlinen.com/images/button_add_items.gif) 0% 0% no-repeat;
}

	.items_form button:hover, button.add_items_to_cart:hover {
		background: transparent url(http://www.sininlinen.com/images/button_add_items.gif) 0% 50% no-repeat;
	}
	
	.items_form button:active, button.add_items_to_cart:active {
		background: transparent url(http://www.sininlinen.com/images/button_add_items.gif) 0% 100% no-repeat;
	}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Group of Items [With form and qty inputs]

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.group_items_list_form {
	width: 560px;
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px #8D8D8D solid;
}

.group_items_list_form_pic {
	width: 55px;
	float: left;
}

.group_items_list_form_title {
	width: 190px;
	float: left;
}

	.group_items_list_form_title h4 {
		margin: 0 0 2px 0;
		font-weight: bold;
	}
	
	.group_items_list_form_title p {
		font-size: 11px;
		color: #666;
	}

.group_items_list_form_price {
	width: 140px;
	float: left;
	font-size: 11px;
	text-align: right;
}

.group_items_list_form_qty_button {
	width: 123px;
	float: right;
}

.list_qty {
	width: 50px;
	float: left;
}

	.list_qty input {
		width: 36px;
		height: 13px;
		padding: 2px;
		float: left;
	}

.list_button {
	width: 73px;
	float: right;
}

	.list_button button {
		width: 73px;
		height: 20px;
		float: left;
		text-indent: -9000px;
		background: transparent url(http://www.sininlinen.com/images/button_i_want_it.gif) 0% 0% no-repeat;
	}
	
		.list_button button:hover {
			background: transparent url(http://www.sininlinen.com/images/button_i_want_it.gif) 0% 50% no-repeat;
		}
		
		.list_button button:active {
			background: transparent url(http://www.sininlinen.com/images/button_i_want_it.gif) 0% 100% no-repeat;
		}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Home Page

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.home_box {
	width: 100%;
	padding: 0 0 10px 0;
	float: left;
}

.home_box_image {
	width: 85px;
	float: left;
}

.home_box_desc {
	width: 160px;
	float: left;
}

	.home_box_desc h5, .home_box_desc h4 {
		color: #AC3918;
	}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Footer

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.footer {
	width: 730px;
	height: 40px;
	padding: 0 35px;
	float: left;
	background: #000 url(http://www.sininlinen.com/images/pin_strips.gif) top left repeat-y;
}

.footer_line {
	width: 120px;
	height: 1px;
	top: 0px;
	left: 28px;
	position: absolute;
	line-height: 1px;
	background: #AF3F17;
}

.footer_payment_options {
	width: 223px;
	height: 22px;
	margin: 9px 0;
	float: left;
	text-indent: -9000px;
	background: transparent url(http://www.sininlinen.com/images/footer_payment_options.gif) top left no-repeat;
}

.footer_policies {
	width: 55px;
	height: 9px;
	margin: 15px 0 16px 0;
	float: right;
	line-height: 9px;
}

	.footer_policies a {
		width: 55px;
		height: 9px;
		float: left;
		text-indent: -9000px;
		background: transparent url(http://www.sininlinen.com/images/footer_policies.gif) top left no-repeat;
	}
	
		.footer_policies a:hover {
			background: transparent url(http://www.sininlinen.com/images/footer_policies.gif) bottom left no-repeat;
		}

.sub_footer {
	width: 730px;
	padding: 5px 35px;
	float: 	left;
	font-size: 10px;
	background: #FFF url(http://www.sininlinen.com/images/pin_strips.gif) top left repeat-y;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Text

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.text {
	font-size: 11px;
}

	.text a {
		color: #AC3918;
	}
	
		.text a:hover {
			text-decoration: underline;
		}
	
	.text h1 {
		margin: 0 0 5px 0;
		font-size: 22px;
		font-weight: bold;
	}
	
	.text h2 {
		margin: 0 0 10px 0;
		font-size: 18px;
		font-weight: bold;
	}
	
	.text h3 {
		margin: 0 0 10px 0;
		font-size: 15px;
		font-weight: bold;
	}
	
	.text h4 {
		margin: 0 0 5px 0;
		font-size: 13px;
		font-weight: bold;
	}
	
	.text h5 {
		font-weight: bold;
	}
	
	.text p {
		padding: 0 0 10px 0;
	}
	
	.text ul, .text ol {
		padding: 0 0 15px 15px;
	}
	
		.text ul li {
			margin: 0 0 6px 0;
			list-style: inside disc
		}
		
			.text ul li li {
				list-style: inside square;
			}
			
				.text ul li li li {
					list-style: inside circle;
				}
		
		.text ol li {
			margin: 0 0 6px 0;
			list-style: inside decimal;
		}