﻿/*
	Summer Cart Customer Area CSS file
	
	The convention for CSS class / id selectors is C style ( div#header or div.header)
	convenient for pairing with the relevant image file name ( header_bg.jpg ).
	
	All icons / buttons file names should be prefixed with icon or btn for readability.
	For example icon_manufacturer.png, btn_submit.png.
	
	If there are many icons / buttons from particular type, these should be positioned
	in their respective folder - icon_boxes, icon_titles, buttons.

	In this case the prefix for the file name should be avoided as it is evident from the folder name.
	

	The image files should be named after what they represent and NOT after what is their current particular function.
	For example box_title_green.jpg is for CMS Boxes with Green Title backgrounds.
	NOT categories_bg.jpg - in future this color may be used for the Shopping Cart Box Title as well.
	

	The CSS Selectors should lead from the abstract to the specific and should be fully qualified

	For example:
	ul#fast_menu li.fast_menu_sep
	And DEFINETELY NOT
	.fast_menu_sep
*/

/* General Selectors */

html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: url(../images/bg.png) repeat-x white;
	color: #000;
}


img {
	border: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}
input, select, textarea {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}
table {
	border-collapse: collapse;
	border-spacing: 0px;
}
	hr {
		margin: 10px 0px;
		height: 1px;
		border: none;
		border-top: 1px solid silver;
	}
	img.button, input.button {
		margin: 0px 5px 5px 0px;
	}
/* Layout Selectors */
div.clear {
	clear: both;
}

	/* Header */
	div#header {
		margin: 0px 15px;
		height: 115px;
		background: url('../images/header_bg.jpg');
	}
		h1#logo {
			float: left;
			width: 300px;
			height: 115px;
		}

		/* Fast Menu - Links */
		div#fast_menu {
			position: relative;
			float: right;
			top: 0px;
			right: 30px;
			width: 56%;
		}
			div#fast_menu ul {
				margin: 0px;
				height: 27px;
				padding: 0px;
				list-style: none;
				float: right;
			}
				div#fast_menu ul li {
					margin: 0px 10px;
					font: normal 12px/27px Arial, Helvetica, sans-serif;
					display: block;
					float: left;
					color: white;
					background-color: transparent;
			}
				div#fast_menu ul li.fast_menu_sep {
					width: 1px;
					height: 27px;
					background: url('../images/fast_menu_sep.png') no-repeat;
				}
					div#fast_menu ul li a {
						color: white;
						text-decoration: underline;
						background-color: transparent;
					}
					div#fast_menu ul li a:hover {
						text-decoration: none;
					}
					div#fast_menu select {
						margin-top: 5px;
					}
		
		/* Top Menu - Tabs */
		div#top_menu {
			position: absolute;
			top: 75px;
			right: 40px;
		}
			div#top_menu a {
				display: block;
				float: left;
				width: 107px;
				padding: 9px 0px 0px 0px;
				color: white;
				text-align: center;
				font: normal 12px/31px Arial, Helvetica, sans-serif;
				text-decoration: none;
				background: url(../images/tab.gif) no-repeat;
				background-color: transparent;
			}
			div#top_menu a.tab_over {
				color: #222;
				background: url(../images/tab_over.gif) no-repeat;
			}

	/* Sub Header */
	div#subheader {
		margin: 0px 15px;
		height: 54px;
		background: url('../images/subheader_bg.png');
	}
		div#search {
			float: left;
			width: 670px;
			height: 34px;
			padding-left: 30px;
			padding-top: 20px;
			background: url('../images/subheader_left.png') left no-repeat;
		}
		div#search input.input_image {
			position: relative;
			top: 3px;
		}
		input.search_btn {
			position: relative;
			top: 4px;
			}
		div#fast_login {
			font: bold 12px/20px Arial, Helvetica, sans-serif;
			float: right;
			height: 24px;
			padding-top: 20px;
			padding-right: 30px;
			background: url('../images/subheader_right.png') 100% 1px no-repeat;
		}
			div#fast_login span {
				color: black;
			}
			div#fast_login a {
				color: #1d739f;
				text-decoration: none;
			}
			div.customer_name {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				border-bottom: #b0b0b0 1px solid;
				width: 163px;
				padding-bottom: 3px;
				
			}
		/* Body and Content and Columns */
		div.wrapper {
			padding: 0px 15px;
		}
		table#body {
			width: 100%;
		}
			td#content {
				vertical-align: top;
				padding: 0px 20px 20px 0px;
				background: url(../images/content_top_right.png) no-repeat top right white;
				color: #000;
				background-color: #fff;
				width:100%;
			}
			td#content div#inner_content {
				padding: 20px 0px 20px 20px;
				background: url(../images/content_top_left.png) no-repeat top left;
				background-color: transparent;
				display: block;
			}
				td#content div#inner_content div.prev_next a {
					color: #0287d4;
					background-color: transparent;
				}
				td#left_column {
					vertical-align: top;
					width: 190px;
					padding-bottom: 15px;
				}
				td#right_column {
					vertical-align: top;
					width: 190px;
					padding-bottom: 15px;
				}

		/* CMS Boxes */
		div.box {
			width: 190px;
			padding-bottom: 20px;
			font: normal 11px Arial, Helvetica, sans-serif;
			background: url(../images/box_bg.jpg) no-repeat bottom center #e9e9e9;
			margin-bottom: 1px;
			line-height: 150%;
		}
			div.box a {
				color: #0287d4;
				background-color:transparent;
			}
			div.box a:hover {
				text-decoration: none;
			}
			table.menu_box_table {
				width: 100%;
			}
				table.menu_box_table tr td {
					padding: 15px 0px 0px 5px;
					vertical-align: top;
				}
			/* Lists for Categories and Manufacturers */
			div.box ul.list {
				line-height: 20px;
			}
			div.box ul.list a {
				display: block;
				padding: 8px 5px  7px 7px;
				color: #343434;
				text-decoration: none;
				border-bottom: 1px solid #d7d7d7;
				background: url(../images/bullet_blue3.gif) no-repeat 175px center;
				height: 12px;
			}
				div.box ul.list a:hover {
					text-decoration: none;
					background: url(../images/categories_bullet_over.jpg) no-repeat 175px center #cecece;
				}
					div.box ul.list a.highlight {
						color: #0287d4;
						background-color: transparent;
					}
					div.box ul.list a.highlight:hover {
						color: white;
						background-color: #0287d4;		
						background: url(../images/categories_bullet_all.jpg) no-repeat 175px center #0287d4;			
					}
		
			/* Search */
			div.box div#advanced_search {
				border-top: 1px solid #d7d7d7;
				margin-top: 10px;
				padding-top: 10px;
				width: 170px;
			}

			/* View Cart */
			div.box div#view_cart {
				width: 155px;
				border-bottom: 1px solid #d7d7d7;
				padding: 10px 10px 10px 25px;
				margin-bottom: 10px;
				line-height: 150%;
			}
				div.box div#view_cart span.items_total {
					font-weight: bold;
					color: #737373;
					font-size: 11px;
				}
			div.box div.checkout_links {
				padding: 0px 10px 0px 25px;
			}
			/* News */
			ul#categories_news {
				margin-bottom: 10px;
				width: 170px;
				padding-top: 10px;
				border-bottom: 1px solid #d7d7d7;
			}
			ul#categories_news li {
				margin-bottom: 10px;
			}
			
			/* Recently Viewed */
			div.recently_viewed {
				font: normal 11px Arial, Helvetica, sans-serif;
				padding: 10px 5px 5px 7px;
			}
				div.recently_viewed a.small_product_thumb {
					border-right: 1px solid silver;
					padding-right: 8px;
					margin-right: 8px;
				}
					div.recently_viewed a.small_product_thumb img {
						border: 1px solid silver;
					}
			/* New products */
			div.new_products {
				font: normal 11px Arial, Helvetica, sans-serif;
				padding: 10px 5px 5px 7px;
			}
				div.new_products a.small_product_thumb {
					border-right: 1px solid silver;
					padding-right: 8px;
					margin-right: 8px;
				}
					div.new_products a.small_product_thumb img {
						border: 1px solid silver;
					}
			/* Bestsellers */
			div.bestsellers {
				font: normal 11px Arial, Helvetica, sans-serif;
				padding: 10px 5px 0px 5px;
			}
				div.bestsellers a.small_product_thumb {
					border-right: 1px solid silver;
					padding-right: 8px;
					margin-right: 8px;
				}
					div.bestsellers a.small_product_thumb img {
						border: 1px solid silver;
					}
					
			/* login */
			div#login {
			font: normal 12px/20px Arial, Helvetica, sans-serif;
			height: 24px;
			text-align: left;
			padding: 5px 10px 15px 23px;
			}
			div#login span {
				color: black;
			}


/* Common Text and Layout Selectors */
	/* Headings */
	h1 { /* For Summer Cart Logo */
		margin: 0px;
		padding: 0px;
	}
		h2 { /* For Page Titles */
			margin: 10px 0px 0px;
			padding: 0px 0px 0px 30px;
			color: white;
			background-color: transparent;
			border: 0;
			clear:both;
		}
		h2 span {
				display: block;
				height: 23px;
				font: bold 13px Arial, Helvetica, sans-serif;
				padding-top: 9px;
		} 
			/* Page Title Colors */
			h2.green {
				background: url('../images/title_green.png');
				background-repeat: no-repeat;
			}
			h2.orange {
				background: url('../images/title_orange.png');
				background-repeat: no-repeat;
			}
			h2.blue {
				background: url('../images/title_blue.png');
				background-repeat: no-repeat;
			}
			
			/* Page Title Icon */
			h2 img {
				float: right;
				margin-top: -32px;
				margin-right: 0px;
			}
			h2 a {
				color: white;
				background-color:transparent;
			}
				h2 a:hover {
					text-decoration: none;
				}
			
			/* Simple Page Title in Gray - No Backgrounds and Effects */
			h2.simple_title {
				margin: 5px 0px 0px;
				padding: 0px;
				color: #0287d4;
				font: bold 15px Arial, Helvetica, sans-serif;
				position: relative;
				float: left;
				background-color: transparent;	
				
			}

			/* Product Details Title */
			h2.product_title {
				height: 25px;
				margin: 15px 0px 10px;
				padding: 0px;
				color: #555;
				font: bold 15px/20px Verdana, Arial, Helvetica, sans-serif;		
				display: inline;	
			}
			
			/* Product Details Small Icon */
			div.small_product_images a img {
				padding: 5px;
				border: #bcbcbc 1px solid;
				margin-right: 5px;
				margin-bottom: 5px;
			}

		h3 { /* For CMS Box Titles */
			margin: 0px;
			width: 190px;
			height: 30px;
			color: white;
			background-color: transparent;
			font: bold 12px/30px Arial, Helvetica, sans-serif;
		}
			h3 span {
				display: block;
				height: 30px;
				font: bold 13px Arial, Helvetica, sans-serif;
				padding: 0px 0px 0px 25px;
				line-height:30px;
		} 
			/* CMS Box Colors */
			h3.green {
				background: url(../images/box_title.jpg) no-repeat 0px -30px transparent;
			}
			h3.orange {
				background: url(../images/box_title.jpg) no-repeat 0px -60px transparent;
			}
			h3.blue {
				background: url(../images/box_title.jpg) no-repeat 0px 0px transparent;
			}
				h3 span.categories_box_title {
						background: url(../images/icon_boxes/icon_boxes.gif) no-repeat 160px 0px transparent;
				}
				h3 span.bestsellers_box_title {
						background: url(../images/icon_boxes/icon_boxes.gif) no-repeat 160px -30px transparent;
				}
				h3 span.search_box_title {
						background: url(../images/icon_boxes/icon_boxes.gif) no-repeat 160px -60px transparent;
				}
				h3 span.manufacturer_box_title {
						background: url(../images/icon_boxes/icon_boxes.gif) no-repeat 160px -90px transparent;
				}
				h3 span.cart_box_title {
						background: url(../images/icon_boxes/icon_boxes.gif) no-repeat 160px -120px transparent;
				}
				h3 span.currencies_box_title {
						background: url(../images/icon_boxes/icon_boxes.gif) no-repeat 160px -150px transparent;
				}
				h3 span.recently_box_title {
						background: url(../images/icon_boxes/icon_boxes.gif) no-repeat 160px -180px transparent;
				}
				h3 span.news_box_title {
						background: url(../images/icon_boxes/icon_boxes.gif) no-repeat 160px -210px transparent;
				}
				h3 span.login_box_title {
						background: url(../images/icon_boxes/icon_boxes.gif) no-repeat 160px -240px transparent;
				}
				h3 span.menu_box_title {
						background: url(../images/icon_boxes/icon_boxes.gif) no-repeat 160px -270px transparent;
				}
				h3 span.newproducts_box_title {
						background: url(../images/icon_boxes/icon_boxes.gif) no-repeat 160px -300px transparent;
				}
				
			/* CMS Box Icon */
			h3 img {
				float: right;
				margin-top: -25px;
				margin-right: 10px;
			}

			h4 {
				margin: 0px;
				padding: 0px;
				font: bold 11px Arial, Helvetica, sans-serif;
			}
			
		h5 { /* Checkout Process */
				margin: 0px;
				padding: 0px;
				font: bold 10px Arial, Helvetica, sans-serif;
			}
		h5#setup_account { /* Registration Page */
				width: 100%;
				text-align: center;
				color: #666;
				font: normal 15px Arial, Helvetica, sans-serif;
			}

		h6 { /* News Date */
			color: gray;
			margin: 0px;
			padding: 0px;
			font: bold 9px Arial, Helvetica, sans-serif;
		}
		
	/* Gray Content Boxes */
	
	div.content_box {
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
		background: url(../images/content_box_left.png) no-repeat left bottom #eaeaea;
	}
		div.content_box_inner {
			height: 100%;
			margin: 0px;
			padding: 10px 10px 20px;
			background: url(../images/content_box_right.png) no-repeat right bottom;
		}
			div.content_box_inner a {
				color: #0077c4;
			}
			div.content_box_inner a:hover {
				text-decoration: none;			
			}

	/* Paragraphs and Regular Blocks */
	p, div {
		margin: 0px;
		padding: 0px;
		font: normal 12px Arial, Helvetica, sans-serif;
	}
	/* Clear styles */
	p {
		clear:both;
	}
	hr {
		clear:both;
	}
	/* Lists */
	ul, ol, li {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		font: normal 11px Arial, Helvetica, sans-serif;
	}

	/* Breadcrumbs */
	div.breadcrumb {
		position: relative;
		height: 32px;
		width: 100%;
		font: normal 11px/32px Arial, Helvetica, sans-serif;
		background-color: #eaeaea;
	}
		div.breadcrumb div {
			position: absolute;
			padding-left: 10px;
			font: normal 11px/32px Arial, Helvetica, sans-serif;
			background: url(../images/hist_start.jpg) no-repeat left center ;
			z-index: 10;
		}
		div.breadcrumb span {
			position: absolute;
			right: 0;
			top: 0;
			width: 107px;
			padding-right: 20px;
			text-align: right;
			background: url(../images/hist_end.jpg) no-repeat left center #eaeaea;
			z-index: 0;
		}
			div.breadcrumb a {
				color: #316396;
			}
			div.breadcrumb a:hover {
				text-decoration: none;		
			}
	/* Grid view */
	div.grid_view a {
		color: #316396;
	}

	/* Warning/Error Boxes */
	div.error {
		margin: 10px 0px;
		width: 100%;
		border: 1px dotted #900;
		color: #b40101;
		font: bold 13px/18px Arial, Helvetica, sans-serif;
		background: #ffb50a  url(../images/warning_bg.gif) repeat-x;
		clear:both;
	}
		div.error img {
			width: 64px;
			height: 46px;
			float: left;
		}
		div.failure {
			font-size: 23px;
			position: relative;
			top: 15px;
		}
		div.pending {
			font-size: 18px;
			position: relative;
			top: 15px;
		}
		.error table tr td {
			vertical-align: top;
		}
		div.errorText {
			padding: 15px;
			font-weight: bold;
			font-size: 13px;
		}
		p.error_text {
			color: red;
			line-height: 15px;
			padding: 5px 10px 5px 10px;
			color: red;
			line-height: 160%;
			border: 1px solid red;
			background-color: #e7f2fd;
			margin: 0px;
		}
	.hidden {
		display: none;
	}
	.fieldError {
		color: red;
	}
	/* Warning/Info Boxes */
	div.info {
		margin: 10px 0px;
		width: 100%;
		border: 1px dotted #900;
		color: #b40101;
		font: bold 13px/18px Arial, Helvetica, sans-serif;
		background: #ffb50a  url(../images/warning_bg.gif) repeat-x;
	}
		div.info img {
			width: 64px;
			height: 46px;
			float: left;
		}
		.error table tr td {
			vertical-align: top;
		}

/* Page Selectors */
	/* Home Page */
		/* Featured Products */
		h2#featured_products {
			margin: 0px;
			padding: 0px;
			width: 100%;
			height: 130px;
			color: #032b4e;
			background: url(../images/featured_planet.png) no-repeat left;
		}
			h2#featured_products span {
				margin: 0px;
				padding: 0px;
				display: block;
				height: 130px;
				text-align: right;
				padding-right: 60px;
				font: normal 25px/130px Arial, Helvetica, sans-serif;
				background: url(../images/featured_right.gif) no-repeat right;
			}

			
	/* Product Listing Information */
		/* Product Wrapper Table */
		table.product_table tr td {
			vertical-align: top;
		}
		/* Product Thumbs */
		a.product_thumb {
			float: left;
			display: block;
			max-width: 120px;
			max-height: 120px;
			padding: 0px 20px;
			margin-right: 20px;
			margin-bottom: 60px;
			margin-top: 15px;
			border-right: 1px solid silver;
		}
			a.product_thumb img {
				border: 1px solid silver;
			}
	/* Manufacturer Listing Information */
		/* Manufacturer Thumbs */
			div.manufacturer_thumb {
				margin-right: 20px;
				margin-bottom: 20px;
				padding: 0px 20px;
				border-right: 1px solid silver;
			}
				div.manufacturer_thumb a {
					display: block;
					border: none;
				}
				div.manufacturer_thumb img {
					border: 1px solid silver;
				}
		/* Product options */
		table.product_options_table {
			border-bottom: 1px solid #e5e5e5;
			margin-bottom: 18px;
			margin-top: 5px;
			padding-top: 5px;
			}
		td.product_options {
			padding: 8px 5px;
			border-top: 1px solid #e5e5e5;
			}
		/* Out of stock */
		div.out_of_stock {
			width: 77px;
			height: 63px;
			}
		/* Product Description */
		td.product {
			padding-bottom: 23px;
			background: url(../images/product_bg.jpg) no-repeat bottom right;
		}
			div.product h4 {
				font: bold 13px Verdana, Arial, Helvetica, sans-serif;
			}
				div.product h4 a {
					color: #444;
				}
				div.product h4 a:hover {
					text-decoration: none;				
				}
	
			div.product h6 {
				margin: 5px 0px;
				color: #333;
				font: bold 12px Verdana, Arial, Helvetica, sans-serif;
			}
				
				/* Product Price Table */
				
				table.display_price {
					margin: 2px 0px 13px 0px;
				}
				table.display_price td.price_description {
					padding: 3px 5px 0px 0px;
				}
				table.display_price td.price_value {
					padding: 3px 0px 0px 0px;
					font-weight: normal;
					color: #000000;
				}
				table.display_price td.price_value span {
					color: #990000;
					font-weight: bold;
				}
				table.display_price td.prmodified {
					color: #990000;
					font-weight: normal;
					padding: 3px 5px 0px 0px;
				}
				table.display_price td.price_value del {
					color: #990000;
				}
			div.product p {
				padding: 20px 20px 0px 0px;
				margin: 5px 0px 5px;
			}
	
		div.product_sep {
			clear: both;
			width: 100%;
			height: 10px;
		}

	/* Product Details Page */
	div#product_images {
		position: relative;
		float: left;
		width: 300px;
		min-height: 140px;
		margin: 30px 0px 15px 5px;
		padding-right: 20px;
		border-right: 1px solid #d7d7d7;
		text-align: left;
		margin-bottom: 15px;
	}
	div.product_description {
		position: relative;
		padding: 20px 20px 20px 15px;
	}
	div.product_details {
		position: relative;
		float: left;
		padding: 0px 0px 20px 0px;
		margin-left: 20px;
		margin-right: 15px;
		width: auto;
		width:250px;
	}
		div#product_images img#product_image {
			margin: 0px 0px 15px;
		}

		div.product_details h6 { /* Product Details Price */
			margin: 5px 0px;
			color: #333;
			font: bold 12px Verdana, Arial, Helvetica, sans-serif;
		}
			div.product_details h6 span {
				color: #316396;
			}
			div.product_details h6 del {
				color: red;
			}

		h5.product_details_title { /* Product Description Title */
			margin: 10px 0px 10px;
			font: bold 12px/38px Verdana, Arial, Helvetica, sans-serif;
			border-top: 1px solid silver;
			border-bottom: 1px solid silver;
		}
	div.product_features {
		font: normal 12px/30px Verdana, Arial, Helvetica, sans-serif;
	}
		div.product_features img {
			margin: 0px 8px;
		}
		div.product_features a {
		color: #0287d4;
		background-color: transparent;
		}
		
	/* Switch Wiew */
	
	div.swtch_view {
		position: relative;
		float:right;
		text-align: right;
		display: block;
		color: #0287d4;
		background-color: transparent;
		padding-top: 5px;
		width:40%;
		margin: 0;
	}
		div.swtch_view a {
			color: #0287d4;
			background-color: transparent;
			padding: 0px 7px 0px 7px;
		}
		div.swtch_view select {
			padding: 0px 0px 0px 3px;
			height: 19px;
		}
	
	/* Grid View */
	
	td.grid_full {
		vertical-align: top;
		border-left: 1px solid silver;
		padding: 0px 15px 0px 15px;
	}
	table.grid {
	border-right: 1px solid silver;
		}
		table.grid div.product {
			padding: 10px 0px 10px 0px;
			margin: 0;
		}
		table.grid td {
			vertical-align: top;
		}
		table.grid a.grid_product_thumb {
					display: block;
					max-width: 120px;
					max-height: 120px;
					padding: 0px;
					margin: 0;
					float: none;
				}
					table.grid a.product_thumb img {
						border: 1px solid silver;
					}
					table.grid .product {
						padding: 0px 10px 23px 0px;
						background-image: none;
					}
					
/* View Cart Page - Selectors */

	table.cart_data {
		margin: 0px 0px 10px;
		width: 100%;
		clear:both;
	}
		table.cart_data tr th {
			padding: 0px 10px;
			text-align: left;
			color: #fff;
			font: normal 11px/30px Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			background: #336598;
			border-bottom: #c7e1f9 1px solid;
		}
			table.cart_data th.first {
				background: url(../images/th_first_darkBlue.gif) left no-repeat #336598;
				border-bottom: #c7e1f9 1px solid;
				height: 30px;
			}
				table.cart_data th.coupon {
					text-align: left;
					width: 100%;
				}
					table.cart_data th.coupon a {
						color: #c8dbef;
						text-decoration:none;
						top: 2px;
						position: relative;
					}
					table.cart_data th.coupon span#couponField input.apply_coupon {
						color: #c8dbef;
						font-weight: bold;
						position: relative;
						border-bottom:none;
						border-top: none;
						border-right: none;
						border-left: none;
						background-color: #336598;
						padding: 0px 15px 0px 0px;
						margin:0;
						text-decoration:underline;
						height: 22px;
						cursor: pointer;
					}
			table.cart_data th.price {
				color: #fff;
				background-color: #336598;
				font-weight: bold;
			}
			table.cart_data th.last {
				background: url(../images/th_last_darkBlue.gif) right no-repeat #336598;
				border-bottom: #c7e1f9 1px solid;
			}
		table.cart_data input#couponBox {
		border: #336598 1px solid;
		}

	table.cart_data td {
		padding: 7px;
		vertical-align: middle;
		font: normal 11px Verdana, Arial, Helvetica, sans-serif;
		border-bottom: #c7e1f9 1px solid;
		background-image: url(../images/cart_bg.jpg);
		background-repeat: repeat-x; 
	}
		table.cart_data .price {
			text-align: right;
			color: #5f5f5f;
		}
		table.cart_data tr td.total {
			text-align: right;
			color: #646464;
			font-weight: bold;
		}
		table.cart_data td img.remove_item {
			margin-left: 12px;
		}
			table.cart_data td a {
				color: #5f5f5f;
			}
				table.cart_data td a:hover {
					text-decoration: none;
				}
					table.cart_data td img.product_thumb {
						width: 50px;
						height: 50px;
						border: 1px solid silver;
					}

	div.step_back {
		float: left;
	}

	/* Register Page */
	table#setup td {
		color: #777;
		font: normal 12px Arial, Helvetica, sans-serif;
	}
	table#setup img {
		margin: 0px 10px;
	}
	span.asterisk {
		color: red;
		display: inline;
	}
		/* Address Information */
		div.box_address {
			width: 495px;
			height: 220px;
			background: url(../images/box_address.gif) no-repeat;
			
		}
			div.box_address table {
				width: 480px;
				margin-left: 10px;
			}
				div.box_address table td {
					padding: 0px 5px;
				}
				
		/* Rounded Boxes - For Register and Checkout Forms */
		table.round_box {
			margin-bottom: 10px;
		}
			table.round_box td div.sep {
				width: 20px;
			}
			table.round_box td {
				font: normal 11px Arial, Helvetica, sans-serif;
			}
			table.round_box td label {
				white-space: nowrap;
				padding-right: 3px;
			}
			table.round_box h5 { /* Title */
				margin: 0px;
				padding: 0px;
				height: 29px;
				border-bottom: 1px solid #a5acb2;
				font: bold 12px/29px Arial, Helvetica, sans-serif;
			}
			table.round_box td label {
				margin-right: 5px;
			}
			form#anonymus_checkout_form input {
				width: 170px;
				margin-left: 5px;
			}
			/*Order details */
			div.order_details_wrapper {
				padding: 15px 0px 25px 0px;
				text-align: left;
				margin-left:auto;
				margin-right:auto;
				width:80%;
			}
			.wrap_tbl tr td {
				padding: 15px 15px 15px 0px;
				vertical-align: top;
			}
			table.order_box {
			margin-bottom: 20px;
			padding: 0px;
			border-left: 1px solid #c7e1f9;
			border-right: 1px solid #c7e1f9;
			}
			table.order_box td div.sep {
				width: 75px;
			}
			table.order_box td {
				padding: 5px 10px;
				vertical-align: middle;
				font: normal 11px Verdana, Arial, Helvetica, sans-serif;
				border-bottom: 1px solid #c7e1f9;
				border-right: 1px solid #c7e1f9;
				background-color: #f7fbfe;
			}
			table.order_box td.title_ord {
				background-color: #e5f2ff;
			}
			table.order_box th {
				font: normal 11px Arial, Helvetica, sans-serif;
				border-bottom: #c7e1f9 1px solid;
				border-top: #c7e1f9 1px solid;
			}
			table.order_box td label {
				display: block;
				width: 125px;
			}
			table.order_box h5 { /* Title */
				margin: 0px;
				padding: 0px 10px 0px 10px;
				height: 29px;
				font: bold 12px/29px Arial, Helvetica, sans-serif;
				background-color: #d3e7fa;
				width:auto;
			}
			a.details {
				color: #0287d4;
				background-color: transparent;
			}
			div.order_product_option {
				font-size: 11px;
				padding-top: 5px;
				padding-left: 5px;
				color: #497095;
			}
			div.order_product_sku {
				padding-top: 8px;
				font-size: 9px;
				padding-left: 5px;
				color: #6d6d6d;
				font-family: 'Trebuchet MS';
				font-weight: bold;
			}
			span.product_option_bullet {
				position: relative;
				top: -2px;
				}
		/* Short Description for Rounded boxes */
		table#account_information td#decription p {
			margin: 0px 10px;
			width: 200px;
		}
		/* Rounded Boxes - Colors */
		table.blue {
			background: #d7eafc;
		}
		table.blue tr td {
			padding: 0;
			margin: 0;
		}
		table.silver {
			background: #eaeaea;
			padding: 0;
			margin: 0;
		}
		table.gray {
			background: #ddd;
			padding: 0;
			margin: 0;
		}

	/* Checkout Page */
	div#checkout_page {
		width: 100%;
		margin: 0 auto;
	}

	/* Checkout Steps */
	table#checkout_steps {
		width: 100%;
		margin-bottom: 10px;
		background-color: #acd4ee;
		color: #222;
		font: normal 9px Arial, Helvetica, sans-serif;
		border: none;
		padding: 0;
	}
		table#checkout_steps td {
			text-align: center;
			border: none;
			padding: 0;
		}
			table#checkout_steps td#selected {
				color: white;
				background: #4e4e4e;		
			}
			h4 label {
				white-space: nowrap;
			}
			.instructions {
				padding: 10px 0px 10px 0px;
				text-align: center;
				}
			textarea.instructions_textarea {
				width: 95%;
				height: 110px;
				padding: 5px;
				}
				.note {
					color: #666666;
					padding-left: 20px;
					padding-right: 10px;
					font-size: 12px;
				}
	/* Authorize or Register */
	table#authorize_or_register td div.sep {
		width: 15px;
	}
		div.err {
			padding: 5px 10px 5px 10px;
			color: red;
			line-height: 160%;
			border: 1px solid red;
			background-color: #e7f2fd;
			margin: 10px 20px 10px 20px;
		}
	/* Customer login links */
	a.login_links {
		display:block;
		position:relative;
		height:20px;
		line-height:17px;
		padding:0 10px 0 20px;
		}
	a.login {
		
		background: url(../images/account_icons.gif)  no-repeat 0px 0px  transparent;
		float:left;
	}
	a.logout {
		
		background: url(../images/account_icons.gif)  no-repeat 0px -40px  transparent;
		line-height:20px;
		float:left;
	}
	.guest_name {
		position:relative;
		float:left;
		display:block;
		padding-right:15px;
		}
	a.register {
		background: url(../images/account_icons.gif)  no-repeat 0px -20px  transparent;
		float:left;
	}
	a.profile {
		background: url(../images/account_icons.gif)  no-repeat 0px -85px  transparent;
	}
	a.orders {
		background: url(../images/account_icons.gif)  no-repeat 0px -64px  transparent;
	}
	a.login_box {	
		background: url(../images/account_icons.gif)  no-repeat 0px 0px  transparent;
	}
	a.register_box {	
		background: url(../images/account_icons.gif)  no-repeat 0px -20px  transparent;
	}
	
	/* Billing / Shipping Methods */
	table.billing_shipping_methods td {
		font: normal 11px Arial, Helvetica, sans-serif;
		vertical-align: top;
	}
	table.billing_shipping_methods td h4 {
		padding-top:8px;
	}
		table.billing_shipping_methods td div.sep {
			width: 20px;
		}
	td.shippig_method {
		padding-top: 15px;
	}
	td.shippig_method label {
		cursor: pointer;
		display:block;
	}
	td.shippig_method input {
		float: left;
		margin: 0px 5px 5px 0px;
	}
	
	/* Billing and shipping adress */
	td.modify {
			height: 29px;
			border-bottom: 1px solid #a5acb2;	
		}
		td.modify h4 {
			font: bold 12px Arial, Helvetica, sans-serif;
			padding: 0;
			margin: 0;
		}
		div.prev_page {
				position: relative;
				float: right;
				top:7px;
			}
			div.prev_page a {
				color: #0287d4;
				background-color: transparent;
				font-size: 13px;
			}
			
	/* Checkout confirmation */
	table.prev_and_next tr td {
		vertical-align: bottom;
	}
	
	/* Checkout success */
	div.success {
		color: #666666;
		font-size: 25px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		padding: 10px 0px 0px 0px;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
		
	/* Order List / Order Details */
	
	table.orders_data {
		margin: 0px 0px 10px;
		width: 100%;
		clear:both;
	}
		table.orders_data tr th {
			padding: 0px 10px;
			text-align: left;
			color: #666;
			font: normal 11px/30px Verdana, Arial, Helvetica, sans-serif;
			background: #d7eafc;
		}
			
			table.orders_data th.first {
				background: url(../images/th_first_blue.gif) no-repeat #d7eafc;
			}
			table.orders_data th.last {
				background: url(../images/th_last_blue.gif) right no-repeat #d7eafc;
			}

	table.orders_data td {
		padding: 5px 10px;
		vertical-align: middle;
		font: normal 11px Verdana, Arial, Helvetica, sans-serif;
		border-bottom: 1px solid #c7e1f9;
		line-height: 26px;
		background-color: #f7fbfe;
	}
		table.orders_data .price {
			text-align: right;
			color: #5f5f5f;
			width: 70px;
		}
		
/* Footer */

table#footer {
	width: 100%;
	height: 184px;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
	background-color: #e9e9e9;
}
	td#footer_icons {
		width: 372px;
		height: 184px;
	}
	
	td#footer_text {
		width: 100%;
		font: normal 12px Arial, Helvetica, sans-serif;
		background: url(../images/footer_bg.jpg) repeat-x #e9e9e9;
	}
		div#footer_links {
			margin-top: 10px;
			width: 305px;
		}
			div#footer_links div {
				float: left;
				width: 150px;
				border-left: #e9e9e9 1px solid;
			}
				div#footer_links div a {
					color: #333;
				}
				div#footer_links div a:hover {
					text-decoration: none;
				}
	
	div#footer_map {
		width: 294px;
		height: 159px;
		padding-top: 18px;
		padding-left: 15px;
		color: #666;
		font: normal 11px Arial, Helvetica, sans-serif;
		background-image: url(../images/footer_map.jpg);
		background-repeat: no-repeat;
	}
	div#footer_map a {
		color: #0287d4;
		background-color: transparent;
	}
	.contact_info_title {
		display:block;
		padding-bottom:5px;
	}

/* Input Button Styles */

	/* Blue Btn Input */

		div.div_button_blue { 
			width: 100%;
			overflow: hidden;
			background: transparent url('../images/buttons/btn_blue_left.gif') no-repeat top left;
			padding-left: 4px; 
			margin-top:5px;
		}
			input.button_blue {
				background: transparent url('../images/buttons/btn_blue_right.gif') no-repeat top right;
				display: block;
				float: left;
				font: bold 13px Arial;
				line-height: 23px;
				height: 23px; 
				text-decoration: none;
				padding-right: 12px;
				border: none;
				color: #FFFFFF;
				cursor: pointer;
			}
			* html input.button_blue {
				width: 5px;
				overflow: visible;
				padding: 0 10px 0 6px;
			}
		
		/* Empty Cart Btn Input */

		div.div_button_empty { 
			width: 100%;
			overflow: hidden;
			background: transparent url('../images/buttons/btn_red_left.gif') no-repeat top left;
			padding-left: 7px; 
		}
			input.button_empty {
				background: transparent url('../images/buttons/btn_red_right.gif') no-repeat top right;
				display: block;
				float: left;
				font: bold 13px Arial;
				line-height: 23px;
				height: 23px; 
				text-decoration: none;
				padding-right: 12px;
				border: none;
				color: #FFFFFF;
				cursor: pointer;
			}
			* html input.button_empty {
				width: 5px;
				overflow: visible;
				padding: 0 15px 0 6px;
			}
			
		/* Continue Btn Input */

		div.div_button_continue { 
			width: 100%;
			overflow: hidden;
			background: transparent url('../images/buttons/btn_continue_shopping_left.gif') no-repeat top left;
			padding-left: 13px; 
		}
			input.button_continue {
				background: transparent url('../images/buttons/btn_continue_shopping_right.gif') no-repeat top right;
				display: block;
				float: left;
				font: bold 13px Arial;
				line-height: 25px;
				height: 33px; 
				text-decoration: none;
				padding-right: 28px;
				padding-left: 0px;
				border: none;
				color: #FFFFFF;
				cursor: pointer;
			}
			* html input.button_continue {
				width: 5px;
				overflow: visible;
				padding: 0 33px 0 10px;
			}
		
		
		/* Next Step Btn Input */
		
		div.div_button_next_step { 
			background: transparent url('../images/buttons/btn_blue_left.gif') no-repeat top left;
			padding-left: 12px; 
			padding-right: 0px;
			width: 100%;
			overflow: hidden;
		}
			input.button_next_step {
				background: transparent url('../images/buttons/btn_next_right.gif') no-repeat top right;
				display: block;
				float: left;
				font: bold 13px Arial;
				line-height: 23px;
				height: 23px; 
				text-decoration: none;
				padding-right: 17px;
				border: none;
				color: #FFFFFF;
				cursor: pointer;
			}
			* html input.button_next_step {
				width: 5px;
				overflow: visible;
				padding: 0 23px  0 6px;
			}
		
		/*  Prev Step Btn Input */
		
		div.div_button_prev_step { 
			background: transparent url('../images/buttons/btn_prev_left.gif') no-repeat top left;
			padding-left: 17px; 
			padding-right: 0px;
			width: 100%;
			overflow: hidden;
		}
			input.button_prev_step {
				background: transparent url('../images/buttons/btn_blue_right.gif') no-repeat top right;
				display: block;
				float: left;
				font: bold 13px Arial;
				line-height: 23px;
				height: 23px; 
				text-decoration: none;
				padding-right: 12px;
				border: none;
				color: #FFFFFF;
				cursor: pointer;
			}
			* html input.button_prev_step {
				width: 5px;
				overflow: visible;
				padding: 0 23px  0 6px;
			}
			
		
		/* Gray Btn Input */
		
		div.div_button_gray { 
			background: transparent url('../images/buttons/btn_gray_left.gif') no-repeat top left;
			padding-left: 8px; 
			padding-right: 0px;
			margin-top:5px;
			width: 100%;
			overflow: hidden;
		}
			input.button_gray {
				background: transparent url('../images/buttons/btn_gray_right.gif') no-repeat top right;
				display: block;
				float: left;
				font: bold 13px Arial;
				line-height: 23px;
				height: 23px; 
				text-decoration: none;
				padding-right: 12px;
				border: none;
				color: #FFFFFF;
				cursor: pointer;
			}
		* html input.button_gray {
				width: 5px;
				overflow: visible;
				padding: 0 15px  0 6px;
			}
		/* Add to cart btn */
		
		div.div_button_add { 
			background: transparent url('../images/buttons/btn_gray_left.gif') no-repeat top left;
			padding-left: 6px; 
			padding-right: 0px;
			width: 100%;
			overflow: hidden;
			margin-top:9px;
		}
			input.button_add {
				background: transparent url('../images/buttons/btn_add_to.gif') no-repeat top right;
				display: block;
				float: left;
				font: bold 13px Arial;
				line-height: 23px;
				height: 23px; 
				text-decoration: none;
				padding-right: 21px;
				border: none;
				color: #FFFFFF;
				cursor: pointer;
				width:auto;
			}
			* html input.button_add {
				width: 5px;
				overflow: visible;
				padding: 0 23px  0 6px;
			}
		/* Checkout btn */
		
		div.div_button_checkout { 
			background: transparent url('../images/buttons/btn_checkoutLeft.gif') no-repeat top left;
			padding-left: 6px; 
			padding-right: 0px;
			width: 100%;
			overflow: hidden;
			margin-top:9px;
		}
			input.button_checkout {
				background: transparent url('../images/buttons/btn_checkout.gif') no-repeat top right;
				display: block;
				float: left;
				font: bold 13px Arial;
				line-height: 23px;
				height: 23px; 
				text-decoration: none;
				padding-right: 21px;
				border: none;
				color: #FFFFFF;
				cursor: pointer;
				width:auto;
			}
			* html input.button_add {
				width: 5px;
				overflow: visible;
				padding: 0 23px  0 6px;
			}


	/* login Details */
	
	div.login_details label {
		display: block;
		float: left;
		width: 70px;
	}
	div.login_details a {
		color: #0287d4;
		background-color: transparent;
	}
	input.inputFocus {
		margin-bottom: 7px;
	}

	/* Contact Form */
	
	table.contact_form tr td {
		padding: 5px 5px 8px 5px;
	}
		table.contact_form tr td input {
			width: 230px;
			height: 17px;
		}
		table.contact_form tr td label input {
			width: auto;
			height: auto;
			border: none;
		}
		table.contact_form tr td input.button_blue {
			width: auto;
			height: 23px;
			border: none;
		}
		table.contact_form tr td textarea {
			width: 230px;
			height: 110px;
		}
		table.contact_form tr td select {
			width: auto;
			height: 19px;
		}

		table.contact_form input.error { /* Contact Form Error Class*/
			width: 180px;
			height: 17px;
			border: #f60303 1px solid;
		}
		
	/* Send To Friends */
	
	div.send_to_friend {
		padding: 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
		div.send_to_friend td {
			font-size: 12px;
			padding-right: 7px;
		}
			div.send_to_friend p.err {
			color: #CC0000;
			}
			div.send_to_friend  table.inputs tr td input {
				width: 170px;
				height: 17px;
			}
			div.send_to_friend td textarea {
				width: 180px;
				height: 80px;
			}
			
	/* Advanced Search */
	table#advancedSearch tr td {
		padding: 5px 15px 5px 5px;
	}
	table#advancedSearch tr td select {
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	table#advancedSearch tr td input {
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	table#advancedSearch tr td.large_input input {
		width: 190px;
	}
	table#advancedSearch tr td.price_input input {
		width: 60px;
	}
div.dynamic_area {
	clear:both;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	}