/* Style sheet with blue colours */
/* HEADER: General Tags & Text */

/* HELP: Basic body background for your store. You can use this to alter the background colour for your entire store */
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #061831;
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-size: 100%;
	color: #021126;
}

/* HELP: Basic store link colour<br/><br/> */
a {
	color: #021126;
	text-decoration: underline;
}

/* HELP: Basic store link colour (when mouse hovers over it) */
a:hover {
	color: #021126;
	text-decoration: underline;
}

/* HELP: Main page headings, for example product names, section titles etc. */
h1 {
	margin: 0 0 15px;
	font-size: 25px;
	font-weight: bold;
	color: #021126;
	text-transform: uppercase;
}

/* HELP: Sub-headings on the page, for example the section and product listing headers on section pages */
h2 {
	background-color: #061831;
	font-size: 1em;
	font-weight: bold;
	color: #ffffff; 
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 2px;
	clear: both;
}

	h2 a {
		color: #fff;
	}

/* HELP: Formatting for the &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;strong&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; HTML tag. By default this shows text in bold */
strong {
	font-weight: bold;
}

/* HELP: Basic styling for all user input form fields, including text boxes, textarea boxes etc. */
input, textarea {
	background-color: #FFFFFF; 
	border: 1px solid #999999; 
	border-top: 1px solid #737373;
	color: #222;
	font-size: 1em;
	font-weight: normal;
}

/* HELP: Style for checkboxes to avoid border applied to other input fields and tweak position */
.checkbox {
	position: relative;
	top: 2px;
	border: 0px;
}

/* HELP: Formatting for form select boxes (also called drop-down boxes)<br/><br/> */
select { 
	font-size: 1em;
	font-weight: normal;
	background-color: #FFFFFF; 
	color: #000000; 
	border: 1px solid #1a5bb0; 
}

/* HELP: Style for all form buttons used on your store, including form submission buttons */
.button {
	background-color: #fff;
	border: none;
	color: #333;
	font-size: 0.9em;
	font-weight: bold;
	cursor: pointer;
}

/* HELP: Style used for places where a smaller text size is required, generally on product templates and product menu box listings */
.smaller-text {
	font-size: 0.8em;
	width: 100%;
}

/* HELP: General styling for main product prices shown in the store, excluding cart and checkout price displays */
.price {
	font-weight: bold;
	font-size: 0.8em;
	color: #800000;
}

/* HELP: Style used for all error text in the store, e.g. form entry validation errors etc. */
.error-text {
	font-size: 0.8em;
	font-weight: bold;
	color: #ff0000;
}

.clear {
	width: 100%;
	clear: both;
}

/*Wafer Processing*/
.sectionbg-7 {
	background-color: #677799;
}

/*Component Packaging*/
.sectionbg-8 {
	background-color: #55A5CD;
}

/*PCB Assembly*/
.sectionbg-9 {
	background-color: #BED24F;
}

/*Packaging*/
.sectionbg-10 {
	background-color: #B73082;
}

/*Swift Tape*/
.sectionbg-11 {
	background-color: #FF7300;
}

/*Product Assembly*/
.sectionbg-12 {
	background-color: #306AA8;
}

/*Automation*/
.sectionbg-13 {
	background-color: #7957AA;
}

/*ESD Essentials*/
.sectionbg-14 {
	background-color: #FFC725;
}

/* Wrapper------------------------------------------------------------------ */

#wrapper {
	width: 994px;
	margin: 18px auto 50px;
	background-color: #fff;
}

	/* Left Column ------------------------------------------------------------- */
	#left-menu {
		float: left;
	}
	
	#middle, #middle-home {
		width: 994px;
		margin: 2px 0 0;
		padding: 0 0 20px;
		overflow: hidden;
		background: url(../images/middle-bg.gif) 0 0 repeat-x;
	}
	
	#middle-home {
		height: 368px;
		padding: 0;
		position: relative;
	}
	
		#middle-home.middle-bg-1 {
			background: url(../images/home/bg1-top.jpg) 0 0 repeat-x;
		}
		
		#middle-home.middle-bg-2 {
			background: url(../images/home/bg2-top.jpg) 0 0 repeat-x;
		}
		
		#middle-home.middle-bg-3 {
			background: url(../images/home/bg3-top.jpg) 0 0 repeat-x;
		}
		
		#middle-home.middle-bg-4 {
			background: url(../images/home/bg4-top.jpg) 0 0 repeat-x;
		}
		
		#middle-home.middle-bg-5 {
			background: url(../images/home/bg5-top.jpg) 0 0 repeat-x;
		}

	/* Right Column ------------------------------------------------------------- */
	#right-menu, #right-menu-home {  
		width: 304px;
		min-height: 600px;
		padding: 0 20px 0 0;
		float: right;
		background: url(../images/rightmenu-bg.gif) right 100px no-repeat;
	}
	
	#right-menu-home {
		background: none;
	}

/* Main Content ------------------------------------------------------------- */
#main-content {
	width: 464px;
	margin: 56px 0 0 85px;
	font-size: 1em;
	float: left;
}
	#middle-home #main-content {
		width: 525px;
		margin: 56px 0 0 50px;
	}

/* HEADER: Page Header */
/* HELP: The main header bar for your store, where your logo, search and mini cart reside */
#header {
	width: 100%;
	margin: 0px;
	padding: 0 0 16px;
	overflow: auto;
	background: #fff url(../images/header-bg.gif) 0 0 no-repeat;
	border-bottom: 1px solid #c9c9c9;
}

	/* HELP: Styling for your logo that appears in the main header for the store */
	#logo {
		margin: 36px 0 0 50px;
		float: left;
		border: 0px;
	}

	#nav {
		/*width: 610px;*/
		margin: 0 62px 0 0;
		padding: 0;
		float: right;
	}
	
		#nav ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
			text-align: right;
		}
		
			#nav ul li {
				display: inline;
			}
			
				#nav ul li a, #nav ul li a span {
					height: 30px;
					float: left;
					color: #fff;
				}
				
				#nav ul li a {
					margin: 0 0 0 2px;
					background: #061831 url(../images/main-nav-left-bg.gif) 0 0 no-repeat;
					font-size: 12px;
					font-weight: bold;
					text-decoration: none;
				}
				
				#nav ul li a span {
					padding: 0 10px;
					background: url(../images/main-nav-right-bg.gif) right 0 no-repeat;
					line-height: 30px;
				}
				
				#nav ul li a:hover, #nav ul li.current a {
					background: #d8d8d8 url(../images/main-nav-left-over-bg.gif) 0 0 no-repeat;
					color: #fff;
				}
				
				#nav ul li a:hover span, #nav ul li.current a span {
					background: url(../images/main-nav-right-over-bg.gif) right 0 no-repeat;
					color: #081225;
				}
				
	#header-contact {
		width: 250px;
		margin: 30px 62px 0 0;
		float: right;
		color: #021126;
		font-size: 12px;
		text-align: right;
	}
		
		#header-contact p {
			margin: 0;
		}
		
		#header-contact p.header-contact-number {
			font-size: 18px;
			font-weight: bold;
			text-transform: uppercase;
		}

/* HELP: Styling for the search section of the header bar<br/><br/> */
#search {
	width: 217px;
	height: 32px;
	padding: 6px 43px 0;
	background: url(../images/search-bg.png) 0 0 no-repeat;
}

	#search input {
		height: 24px;
		float: left;
		margin: 0;
		padding: 0;
		color: #808080;
		font-size: 11px;
		line-height: 24px;
	}
	
	#search input.search-box {
		width: 174px;
		padding: 0 5px;
		background: #fff url(../images/search-input-bg.gif) 0 0 no-repeat;
		border: none;
	}
	
	#search input#search-button {
		width: 33px;
		border: none;
	}

#section-icons {
	width: 217px;
	margin: 25px 0 45px;
	padding: 6px 43px 0;
}

	#section-icons ul {
		width: 304px;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
		#section-icons li, #section-icons a {
			width: 22px;
			height: 22px;
			float: left;
			background-position: 0 -22px;
			background-repeat: no-repeat;
			text-indent:-9999px;
			overflow: hidden;
		}
		
		#section-icons li {
			margin: 0 2px;
		}
		
		#section-icons a:hover, #section-icons li.current a {
			background-position: 0 0;
		}
		
		/*Wafer Processing*/
		#section-icons li.icon-7 a {
			background-image: url(../images/icons/wafer-processing.gif);
		}
		
		/*Component Packaging*/
		#section-icons li.icon-8 a {
			background-image: url(../images/icons/component-packaging.gif);
		}
		
		/*PCB Assembly*/
		#section-icons li.icon-9 a {
			background-image: url(../images/icons/pcb-assembly.gif);
		}
		
		/*Packaging*/
		#section-icons li.icon-10 a {
			background-image: url(../images/icons/packaging.gif);
		}
		
		/*Swift Tape*/
		#section-icons li.icon-11 a {
			background-image: url(../images/icons/swift-tape.gif);
		}
		
		/*Product Assembly*/
		#section-icons li.icon-12 {
			width: 24px;
		}
		
		#section-icons li.icon-12 a {
			width: 24px;
			background-image: url(../images/icons/product-assembly.gif);
		}
		
		/*Automation*/
		#section-icons li.icon-13 {
			width: 23px;
		}
		
		#section-icons li.icon-13 a {
			background-image: url(../images/icons/automation.gif);
		}
		
		/*ESD Essentials*/
		#section-icons li.icon-14 {
			width: 23px;
		}
		
		#section-icons li.icon-14 a {
			background-image: url(../images/icons/esd-essentials.gif);
		}
		
	#section-icons p {
		margin: 0;
		padding: 15px 0 0;
		clear: both;
		color: #a9a9a9;
		font-size: 12px;
		font-weight: bold;
	}
		
#section-buttons, #section-buttons-home {
	width: 218px;
	margin: 15px auto;
}

#section-buttons-home {
	width: 600px;
	position: absolute;
	bottom: 6px;
	left: 50px;
}

	#section-buttons ul, #section-buttons-home ul {
		width: 218px;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	#section-buttons-home ul {
		width: 600px;
	}
	
		#section-buttons li {
			margin: 0 0 2px;
		}
		
		#section-buttons-home li {
			margin: 0 2px 2px 0;
		}
		
		#section-buttons li, #section-buttons a,
		#section-buttons-home li, #section-buttons-home a {
			width: 218px;
			float: left;
			clear: left;
			/*border-radius: 15px;
			-webkit-border-radius: 15px;
			-moz-border-radius: 15px;*/
		}

		#section-buttons-home li, #section-buttons-home a {
			width: 145px;
			clear: none;
		}
		
		#section-buttons a, #section-buttons-home a {
			width: 48px;
			height: 26px;
			padding: 20px 110px 20px 60px;
			color: #fff;
			font-size: 11px;
			text-decoration: none;
			text-transform: uppercase;
		}
		
		#section-buttons-home a {
			padding: 20px 37px 20px 60px;
		}
		
		/*Wafer Processing*/
		#section-buttons li.button-7 {
			background-color: #677799;
			background-image: url(../../../shopimages/sections/extras/wafer-processing-end.gif);
			background-position: right 0;
			background-repeat: no-repeat;
		}
		
		/*Component Packaging*/
		#section-buttons li.button-8 {
			background-color: #55A5CD;
			background-image: url(../../../shopimages/sections/extras/component-packaging-end.gif);
			background-position: right 0;
			background-repeat: no-repeat;
		}
		
		/*PCB Assembly*/
		#section-buttons li.button-9 {
			background-color: #BED24F;
			background-image: url(../../../shopimages/sections/extras/pcb-assembly-end.gif);
			background-position: right 0;
			background-repeat: no-repeat;
		}
		
		/*Packaging*/
		#section-buttons li.button-10 {
			background-color: #B73082;
			background-image: url(../../../shopimages/sections/extras/packaging-end.gif);
			background-position: right 0;
			background-repeat: no-repeat;
		}
		
		/*Swift Tape*/
		#section-buttons li.button-11 {
			background-color: #FF7300;
			background-image: url(../../../shopimages/sections/extras/swift-tape-end.gif);
			background-position: right 0;
			background-repeat: no-repeat;
		}
		
		/*Product Assembly*/		
		#section-buttons li.button-12 {
			background-color: #306AA8;
			background-image: url(../../../shopimages/sections/extras/product-assembly-end.gif);
			background-position: right 0;
			background-repeat: no-repeat;
		}
		
		/*Automation*/
		#section-buttons li.button-13 {
			background-color: #7957AA;
			background-image: url(../../../shopimages/sections/extras/automation-end.gif);
			background-position: right 0;
			background-repeat: no-repeat;
		}
		
		/*ESD Essentials*/
		#section-buttons li.button-14 {
			background-color: #FFC725;
			background-image: url(../../../shopimages/sections/extras/esd-essentials-end.gif);
			background-position: right 0;
			background-repeat: no-repeat;
		}

.right-grey {
	width: 178px;
	margin: 15px auto;
	padding: 20px;
	clear: both;
	background-color: #cecece;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	font-size: 12px;
}

	#contact-details h3 {
		margin: 10px 0 25px;
		font-size: 18px;
		font-weight: normal;
	}
	
	#contact-details p {
		margin: 0 0 25px;
	}
	
	#contact-details img {
		border: 3px solid #b0afaf;
	}
	
#section-menu {
	width: 178px;
	margin: 0 auto 15px;
	padding: 30px 20px;
	clear: both;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	font-size: 12px;
}

	/*Wafer Processing*/
	.section-menu-7 {
		background-color: #677799;
	}
	
	/*Component Packaging*/
	.section-menu-8 {
		background-color: #55A5CD;
	}
	
	/*PCB Assembly*/
	.section-menu-9 {
		background-color: #BED24F;
	}
	
	/*Packaging*/
	.section-menu-10 {
		background-color: #B73082;
	}
	
	/*Swift Tape*/
	.section-menu-11 {
		background-color: #FF7300;
	}
	
	/*Product Assembly*/
	.section-menu-12 {
		background-color: #306AA8;
	}
	
	/*Automation*/
	.section-menu-13 {
		background-color: #7957AA;
	}

	/*ESD Essentials*/
	.section-menu-14 {
		background-color: #FFC725;
	}
	
		#section-menu ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		
			#section-menu li {
				margin: 0 0 4px;
				font-weight: bold;
				text-decoration: none;
			}
			
				#section-menu a {
					padding: 0 0 0 20px;
					font-weight: bold;
					text-decoration: none;
				}
				
				#section-menu a:hover, #section-menu a.current {
					color: #fff;
				}

/* HELP: The overall container for each menu box in the left and right menus */
.menu-box {
	border: 1px solid #1a5bb0;
	width: 100%;
	margin-top: 10px;
	background-color: #ffffff;
	font-size: 0.75em;
	background-color: #e4effa;
	font-weight: normal;
	padding-bottom: 2px;

}

/* HELP: The title for the menu box<br/><br/> */
.menu-box-title {
	font-size: 1.1em;
	font-weight: bold;
	color: #ffffff;
	background-color: #3586ef;
	border-bottom: 1px solid #1a5bb0;
	border-top: 1px solid #8dbfff;
	width: 100%;
	text-align: center;
	padding-bottom: 2px;
}

/* HELP: Standard formatting for each menu's content area<br/> */
.menu-box-content {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 2px;
	margin-right: 2px;
	text-align: left;
	overflow: auto;
}

/* HELP: The content area of each menu box where the contents in centered, e.g. the newsletter signup box */
.menu-box-content-center {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 2px;
	margin-right: 2px;
	text-align: center;
	overflow: auto;
}

/* HELP: List formatting for the top level sections shown in the left menu. The links themselves will use the standard a and a:hover formatting. */
#menu-section-list {
	margin: 0px; padding: 0px; padding-left: 17px; list-style-type: disc;
}


/* HELP: List formatting for the sub-sections shown in the left menu. The links themselves will use the standard a and a:hover formatting. */
#menu-section-list ul {
	margin: 0px; padding: 0px; padding-left: 17px; list-style-type: disc;
}

/* HELP: List formatting for the customer account links in the left menu. Also used for open account etc. links if customer is customer is not logged in */
#customer-links {
	margin: 0px; padding: 0px; padding-left: 17px; list-style-type: disc;
}

/* HELP: List formatting for the news links in the left menu. The links themselves use the standard a and a:hover formatting */
#news-links {
	margin: 0px; padding: 0px; padding-left: 17px; list-style-type: disc;
}

/* HELP: Used to surround the product lists shown in the right menu in your store */
.menu-product-list {
	clear: both; padding-top: 2px;
	margin-bottom: 2px;
}

/* HELP: Used to format the small thumbnail images shown in product lists on the right menu in your store */
.menu-product-image {
	margin-right: 5px;
	float: left;
	position: relative;
}

/* HEADER: Main Content */
/* HELP: Basic style for the main content section of all the pages in your store. This is the section between the left and right menus. */
#main-content {
	color: #021126;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 12px;
}

	/* HELP: Style for the breadcrumb div shown above all the main content titles */
	#breadcrumb {
		width: 100%;
		margin: 0 0 40px;
		font-size: 11px;
		font-weight: bold;
	}
	
		/* HELP: Style for the breadcrumb links<br/><br/> */
		#breadcrumb a {
			font-weight: normal;
			text-decoration: none;
		}
		
		/* HELP: Style for the breadcrumb links when the mouse hovers over them<br/><br/> */
		#breadcrumb a:hover {
			text-decoration: underline;
		}
		
	#page-content {
		color: #021126;
		font-size: 12px;
		line-height: 1.4;
	}

/* HEADER: Page Footer */
/* HELP: Containing div for the footer shown on every page in your store */
#footer {
	width: 100%;
	margin: 0;
	padding: 0;
	clear: both;
	background: #061831 url(../images/footer-bg.gif) 0 0 no-repeat;
	color: #000000;
	text-align: center;
}

.footer-bg-1 #footer {
	background: #061831 url(../images/home/bg1-footer.jpg) 0 0 no-repeat;
}

.footer-bg-2 #footer {
	background: #061831 url(../images/home/bg2-footer.jpg) 0 0 no-repeat;
}

.footer-bg-3 #footer {
	background: #061831 url(../images/home/bg3-footer.jpg) 0 0 no-repeat;
}

.footer-bg-4 #footer {
	background: #061831 url(../images/home/bg4-footer.jpg) 0 0 no-repeat;
}

.footer-bg-5 #footer {
	background: #061831 url(../images/home/bg5-footer.jpg) 0 0 no-repeat;
}

	#footer-buttons {
		width: 203px;
		height: 32px;
		margin: 0 20px 35px 0;
		padding: 20px 50px 0;
		float: right;
	}
	
		#footer-buttons a {
			height: 43px;
			margin: 0 10px 0 0;
			float: left;
			text-indent: -9999px;
			overflow: hidden;
		}
		
		#footer-buttons a.twitter, #footer-buttons a.youtube {
			width: 29px;
		}
		
		#footer-buttons a.twitter {
			background: url(../images/twitter.gif) 0 0 no-repeat;
		}
		
		#footer-buttons a.youtube {
			background: url(../images/youtube.gif) 0 0 no-repeat;
		}
		
		#footer-buttons a.friend {
			width: 124px;
			margin: 0;
			background: url(../images/tell-a-friend.gif) 0 0 no-repeat;
		}

#footer-menus {
	width: 100%;
	margin: 0;
	clear: both;
}

	#footer-menus ul {
		width: 150px;
		margin: 0 40px;
		padding: 0;
		float: left;
		list-style-type: none;
		color: #838992;
		font-size: 11px;
	}
	
		#footer-menus ul li, #footer-menus ul li a {
			margin: 0;
			padding: 0;
			float: left;
			clear: both;
		}
		
			#footer-menus ul li.footer-menu-title {
				margin: 0 0 15px;
				font-size: 12px;
				font-weight: bold;
				text-transform: uppercase;
			}
		
			#footer-menus ul li a {
				color: #838992;
				text-decoration: none;
			}

/* HELP: Formatting for the copyright section of the store footer */
#copyright {
	width: 100%;
	margin: 40px 0 0;
	clear: both;
	font-size: 10px;
	text-align: center;
	color: #838992;
}

/* HEADER: Section Page Style */
/* HELP: Container for the content (sub-sections &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp; products) on the section pages */
.section-content {
	clear: both; padding-top: 10px;
}

/* HELP: Container for each sub-section listed on a section page<br/><br/> */
.sub-sections {
	width: 100%; clear: both; text-align: left;
}

/* HELP: Style for the section thumbnails shown on section pages, both for the section and sub-section listings */
.section-thumbnail {
	float: left; margin-right: 5px; padding: 3px;
}

/* HELP: Style for the display of the sub-section title on section pages */
.sub-section-title, .sub-section-title a {
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
}


/* HEADER: Paging Styles */
/* HELP: Container for the paging links on section and search pages */
.pages-container {
	clear: both;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
}

	/* HELP: Basic list formatting for the paging links, including previous and next links */
	.pages-list {
		margin: 0;
		padding: 0;
	}

		/* HELP: Formatting for each entry in the paging links<br/><br/> */
		.pages-list li {
			margin: 0 0 0 5px;
			display: inline;
			color: #000000;
			list-style-type: none;
		}

			/* HELP: Display style for the page entry in the list that you are currently viewing */
			.pages-list span { 
				margin: 0px; 
				color: #000000;
			}
			
			/* HELP: Actual clickable link for page numbers and previous and next links */
			.pages-list a { 
				margin: 0px; 
				color: #061831;
			}

			/* HELP: Clickable link style when mouse hovers over it<br/><br/> */
			.pages-list a:hover {
				text-decoration: underline;
				color: #ff8d29;
			}


/* HEADER: Product Listing Styles */

/* HELP: Styling for the product thumbnails shown in the main content where products are listed, e.g. section pages */
.product-thumbnail {
	margin-right: 5px; padding: 3px; padding-left: 0px; border: 0px;
}

/* HELP: Used for the product lists if you've selected to show a single column in the template options */
.product-single {
	clear: both; text-align: left;
	margin-left: auto; margin-right: auto;
	zoom: 1;
}

/* HELP: Used for the left hand column on product lists if you've selected to show two columns in the template options */
.product-column-left {
	width: 49%; float: left;
}

/* HELP: Used for the right hand column on product lists if you've selected to show two columns in the template options */
.product-column-right {
	width: 49%; float: right;
}

/* HELP: Container used if you have selected to show two columns for products in the template options */
.product-double {
	width: 100%; clear: both; text-align: left;
}

/* HELP: Additional formatting for product titles shown on section/search pages */
.section-product-title, .section-product-title a {
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
}

/* HELP: Gap between products if you have selected two columns for products in the template options */
.product-gap {
	width:2%; float: left;
}

/* HELP: Vertical separator been products on product listing pages, e.g. section pages */
.product-separator {
	clear: both; 
	border: 0px; 
	margin-bottom: 8px; 
	height: 5px;
	border-bottom: 1px dotted #bbbbbb; 
	background: #ffffff; 
	color: #ffffff;
}

/* HEADER: Other Product Styles */

/* HELP: Used to contain the product flags where ever they appear, e.g. section pages, product pages */
.product-flag-container {
	float: right; width: 4.5em; margin-left: 5px; padding: 3px;
}

/* HELP: Used to style each individual product flag when displayed<br/><br/> */
.product-flag {
	font-size: 0.6em; 
	font-weight: normal;
	background-color: #f08100; 
	color: #ffffff; 
	border: 1px dotted #ff0000; 
	border-left: 3px solid #ff0000; 
	margin-bottom: 3px; 
	padding-left: 3px; 
	white-space: nowrap;
	text-align: right;
}

/* HELP: Styling for the product image shown on the product page.<br/><br/> */
.product-image {
	width: 219px;
	margin: 30px auto 0;
	border: none;
	border-radius: 15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
}

/* HELP: Container for add to basket, add to wishlist and more info links */
.links-container {
	font-weight: bold;
	margin: 3px;
}

/* HELP: Style for product links, e.g. add to wishlist and more info links */
.product-link {
	font-size: 0.8em;
	font-weight: bold;
	border: 0px;
	color: #061831;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
	cursor: pointer;
	text-decoration: underline;
}

/* HELP: Style for product links, e.g. add to wishlist and more info links when mouse hovers over it */
.product-link:hover {
	color: #061831;
	text-decoration: underline;
}

/* HELP: Style for product add to cart buttons in your store<br/><br/> */
.product-add {
	font-size: 0.7em;
	font-weight: bold;
	background-color: #1a5bb0;
	color: #ffffff;
	padding: 2px;
	border: 1px solid #000000;
	cursor: pointer;
	height: 2em;
}

/* HELP: Style for product add to cart buttons in your store, when mouse hovers over them */
.product-add:hover {
	background-color: #f08100;
}

/* HELP: Overall container for the product extra fields section of the product pages */
.product-extra-fields {
	float: left; margin-left: 5px; text-align: left;
}

/* HEADER: Product Option Tables */

/* HELP: Overall container for the product options section of the product pages */
.product-options-container {
	float: right; width: 254px;
}

/* HELP: Container for the table used to display attribute combinations, option stock levels and price combinations on product page template */
.product-table-div {
	text-align: center;
}

/* HELP: Table used to display attribute combinations, option stock levels and price combinations */
.product-table {
	margin-left: auto;  margin-right: auto;
	padding: 0px;
	width: 100%;
	border: 0px;
}

/* HELP: Caption shown about a product option table on the product page template */
.product-table caption {
	font-weight: bold;
	font-size: 0.70em;
	margin-left: auto;  margin-right: auto;
	text-align: right;
}

/* HELP: Header table cell for the product options table<br/><br/> */
.product-table th {
	font-weight: bold;
	font-size: 0.70em;
	background-color: #aaaaaa;
	padding: 2px;
	text-align: left;
	vertical-align: top;
}

/* HELP: Normal table cell for the product options table<br/><br/> */
.product-table td {
	font-weight: normal;
	font-size: 0.70em;
	background-color: #dddddd;
	padding: 2px;
	text-align: left;
}

.pdf-link {
	height: 64px;
	line-height: 64px;
	background-image: url(../images/pdf.jpg);
	background-repeat: no-repeat;
	padding-left: 65px;
}

.pdf-link:hover {
	text-decoration: underline;
}

/* HEADER: Cart Table Styles */
/* HELP: Overall container the cart on your cart.html template<br/><br/> */
.cart-div {
	text-align: center;
}

/* HELP: Style for the cart table itself<br/><br/> */
.cart-table {
	margin-left: auto; margin-right: auto;
	padding: 0px;
	border: 0px;
	font-size: 0.70em;
}

/* HELP: Style for caption tag above the cart table<br/><br/> */
.cart-table caption {
	font-size: 0.70em;
	border-bottom: 1px dotted #000000;
	margin-left: auto;  margin-right: auto;
}

/* HELP: Style for table header cells<br/><br/> */
.cart-table th {
	font-weight: bold;
	border-bottom: 1px dotted #000000;
	padding: 2px;
	text-align: left;
	vertical-align: top;
}

/* HELP: Style for table header sells with right justification<br/><br/> */
.cart-table th.right {
	font-weight: bold;
	border-bottom: 1px dotted #000000;
	padding: 2px;
	text-align: right;
	vertical-align: top;
}

/* HELP: Style for table header totals<br/><br/> */
.cart-table th.total {
	font-weight: bold;
	border-top: 1px dotted #000000;
	text-align: right;
	vertical-align: top;
}

/* HELP: Style for normal table cells<br/><br/> */
.cart-table td {
	font-weight: normal;
	padding: 2px;
	text-align: left;
	vertical-align: top;
}

/* HELP: Style for normal table cells, with right justification<br/><br/> */
.cart-table td.right {
	font-weight: normal;
	padding: 2px;
	text-align: right;
	vertical-align: top;
}

/* HEADER: Send To Friend Styles */

#stfcontainer {
	width: 90%;
	margin: 0 auto;
	padding: 15px;
	background-color: #fff;
}

	#stfcontainer .form-table th {
		text-align: left;
		font-size: 12px;
	}

/* HELP: Container for the send to a friend links shown in the store<br/><br/> */
.send-friend {
	font-weight: bold;
	float:right;
	font-size: 0.8em;
	margin-right: 3px;
	margin-top: 1px;
}

/* HELP: Style used for the send to friend link itself within the send-friend container */
.send-friend a {
	font-size: 1em;
	text-decoration: none; 
	color:#ff8d29; 
}

/* HELP: Style used for the send to friend link, when the mouse hovers over it, within the send-friend container */
.send-friend a:hover { 
	color:#ff8d29; 
	text-decoration: underline; 
	cursor: pointer;
}

/* HEADER: Account Styles */

/* HELP: Used as a container for the account home page information for both customer accounts and affiliate accounts */
#account-summary {
	margin-left: auto; margin-right: auto; text-align: center; width: 420px;
}

/* HELP: Style for the left column of the account home page information */
#account-summary-left {
	float: left; width: 200px; text-align: left;
}

/* HELP: Style for the right column of the account home page information */
#account-summary-right {
	float: right; width: 200px; text-align: left;
}

/* HEADER: Form Entry Tables */

/* HELP: Container for form entry tables<br/><br/> */
.form-div {
	text-align: center;
}

/* HELP: Table definition for form entry tables<br/><br/> */
.form-table {
	margin: 0 auto;
	padding: 0px;
	border: 0px;
}

/* HELP: Caption styler shown above form entry tables<br/><br/> */
.form-table caption {
	font-size: 11px;
	margin: 0 auto;
}

/* HELP: Header table cell<br/><br/> */
.form-table th {
	padding: 2px;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

.form-table td {
	padding: 2px;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

/* HELP: Style for the table row that contains the submit button for the form<br/><br/> */
.form-table td.submit-row {
	padding: 20px 0 0;
	text-align: left;
}

/* HELP: Select box (drop-down) formatting for the form<br/><br/> */
.form-table select {
	font-size: 1em; 
	font-weight: normal;
	background-color: #FFFFFF; 
	color: #000000;
	border: 1px solid #30799E;
}

.contact-form {
	margin: 20px 0 0;
}

.contact-form input, .contact-form textarea {
	width: 350px;
	padding: 3px;
}

.contact-form input.checkbox {
	width: auto;
}

.contact-form .submit-row input {
	width: auto;
}


/* HEADER: General Table Styles */
/* HELP: Container for general tables used throughout the store templates<br/><br/> */
.general-table-div {
	text-align: center;
}

/* HELP: Sryling for the table tag itself, overall styling for the table<br/><br/> */
.general-table {
	margin-left: auto;  margin-right: auto;
	padding: 0px;
	border: 0px;
}

/* HELP: Container for caption tag shown above general tables<br/><br/> */
.general-table caption {
	font-weight: bold;
	font-size: 0.70em;
	margin-left: auto;  margin-right: auto;
	text-align: right;
}

/* HELP: Style for table header cell<br/><br/> */
.general-table th {
	font-weight: bold;
	font-size: 0.70em;
	border-bottom: 1px dotted #000000;
	padding: 2px;
	text-align: left;
	vertical-align: top;
}

/* HELP: Style for normal table cell<br/><br/> */
.general-table td {
	font-weight: normal;
	font-size: 0.70em;
	padding: 2px;
	text-align: left;
}

/* HELP: Style for normal table cell with bold font styling<br/><br/> */
.general-table td.bold {
	font-weight: bold;
	font-size: 0.70em;
	padding: 2px;
	text-align: left;
}

/* HEADER: Advanced Styles */
html {
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;

}

/* HELP: Simple style for forms to avoid any unplanned gaps */
form {
	margin: 0px;
	padding: 0px;
}

.clear-left {
	clear: left;
}

.clear-both {
	clear: both;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.center {
	text-align: center;
}