/*-----------------------------------------------------------------------
//
//	SMUK
//
//	by DPI 21 Ltd - http://www.dpi21.com
//
//  Copyright 2008 DPI 21 Ltd. This code cannot be redistributed without
//  permission from http://www.dpi21.com
//
//	Version: 1.0
//
---------------------------------------------------------------------
//	Global Styles
// --------------------------------------------------------------------*/

* {
	margin: 0 ;
	padding: 0;
}

body {
	font: 12px Helvetica, Verdana, Arial, sans-serif;
	color: #fff;
	line-height: 16px;
}

#domestic {
	background-color: #000;
}

#trade {
	background: url(../images/backgrounds/body-trade.jpg) top repeat-x #77030E;
}

a {
	text-decoration: none;
	color: #fff;
}

a:hover {
	text-decoration: underline;
}

li {
	list-style-type: none;
}

#wrapper {
	width: 950px;
	margin: 20px auto;
}

#banner, #border, #banner img, #column1, #top, #logo, #shoppingDetails, #logo img, #logo p {
	float: left;
}

#searchForm {
	float: right;
}

#border {
	padding: 5px;
	border: 1px solid #999;
	width: 938px;
}

img {
	border: 0;
}

/* @group Main Nav */

#mainNav, #buyOnline, #catalogue, #uploadDesigns  {
	float: left;	
}

#mainNav {
	background: url(../images/backgrounds/menu.jpg) bottom repeat-x #BF1E2D;
	width: 165px;
	padding: 5px 10px 10px 10px;
	font-size: 14px;
}

#mainNav li {	
	list-style-type:none;
	display: block;
	padding: 5px 0 5px 3px;
	height: 15px;
	width: 160px;
}

#mainNav li a:link, #mainNav li a:active, #mainNavli a:visited {
	color: white;
	display: block;
	text-decoration: none;
}

#mainNav li a:hover{
	color: yellow;
	text-decoration: underline;
}

.normalLink {
	border-bottom: 1px dotted #EEEEEE;
}

/* @end */

/* @group Top */

#top {
	width: 930px;
	padding: 5px 10px 5px 0px;
}

#top a {
	color: #ccc; 
}

#top a:hover {
	color: #fff;
	text-decoration: underline;
}

#top li {
	padding: 0 0 0 10px;
	background: url(../images/icons/topNav-arrow.jpg) left top no-repeat;
}

#logo {
	width: 540px;
	padding-top: 5px;
}

#logo img {
	width: 180px;
}

#logo p {
	width: 300px;
	color: #E6E6E6;
	font-size: 26px;
	font-style: italic;
	padding: 30px 0 0 50px;
}

#shoppingDetails {
	width: 180px;
	text-align: right;
	padding: 10px 10px 0px 0;
}

#shoppingDetails a:link, #shoppingDetails a:visited, #shoppingDetails a:active {
	padding: 10px 0px 15px 35px;
	background: url(../images/icons/trolley.jpg) no-repeat left;
}

.number {
	font-size: 26px;
	font-weight: bold;
	color: #fff;
}

#telNumber {
	padding-top:15px;
	color: #ccc;
	font-size: 11px;
	line-height: 18px;
}

#searchForm {
	width: 185px;
	padding: 5px 0px 0px 10px;
	border-left: 1px dotted #C2C2C2;
}

#searchForm ul {
	padding: 5px 0px;
}

#search {	
	width: 125px;
	padding: 2px;
	background-color: #4D4D4D;
	border: 1px solid #8F8F8F;
	color: #fff;
}

#go {
	border: 0;
	padding: 2px;
	background-color: #333;
	border: 1px solid #8F8F8F;
	color: #fff;
}


/* @end */

/* @group Banner */

#banner img {
	padding-right: 5px;
}

#banner {
	width: 748px;
	padding-bottom: 5px;
	overflow: hidden;
}

#gallery { 
	position: relative;
	width: 540px;
	float: left;
}

#gallery li { display: block; }

#tradeLogin {
	width: 173px;
	background: url(../images/backgrounds/trade.jpg) no-repeat;
	padding: 15px;
	float: right;
	height: 185px;
}

#tradeLogin p {
	padding: 2px 0px;
	font-size: 11px;
	line-height: 14px;
}

#tradeLogin ul {
	padding: 5px 0px;
}

.tradeLoginTitle {
	font-size: 15px;
}

#tradeLogin #username, #tradeLogin #password, #tradeLogin #email {
	width: 165px;
	margin: 2px 0px;
	padding: 2px;
	background-color: #1A1A1A;
	border: 1px solid #8F8F8F;
	color: #fff;
}

#tradeLogin #send, #uploadDesign #send, #register #send, #enquiryForm #send, #newsletter #send, #cart, #forgottenPassword #send, #noAccount #send {
	background-color: #1A1A1A;
	border: 1px solid #8F8F8F;
	color: #fff;
	margin: 2px 0px;
	padding: 2px;
}

#tradeLogin a:link, #tradeLogin a:active, #tradeLogin a:visited {
	color: #ccc; 
	text-decoration: underline;
}

#tradeLogin a:hover {
	color: #fff;
	text-decoration: underline;
}

/* @end */

/* @group Column 1 // Left Side */

#column1 {
	width: 185px;
	margin-right: 5px;
}

#buyOnline, #balustradeKits, #catalogue {
	float: left;
}

#buyOnline, #balustradeKits {
	width: 165px;
	padding: 10px 10px 0 10px;
	font-size: 14px;
}

#buyOnline {
	background: url(../images/backgrounds/buyOnline.jpg) left top no-repeat;
	padding-top: 60px;
	height: 41px;
	margin: 5px 0;
}

#balustradeKits {
	background: url(../images/backgrounds/balustradeKits.jpg) no-repeat left top;
	padding-top: 55px;
	height: 44px;
	margin: 0 0 5px 0;
}

#balustradeKits a, #buyOnline a {
	color: #fff;
}

#buyOnline a {
	font-size: 12px;
}

#buyOnline a:hover, #balustradeKits a:hover {
	text-decoration: underline;
	color: yellow;
}

#catalogue {
	width: 185px;
	margin: 0 0 5px 0;
}

#follow-us {
	width: 185px;
	margin: 0 0 5px 0;
	float: left;
}

#follow-us img {
	padding-right: 2px;
}

/* @end */

/* @group Column 2 // Main Content */

#column2 {
	background-color: #333;
	width: 728px;
	height: 560px;
	float: right;
	padding: 10px;
}

html>body #column2 {
	height: auto;
	min-height: 560px;
}

#title {
	padding: 5px;
	width: 738px;
	background-color: #4F4F4F;
	height: 30px;
	border-bottom: 5px solid black;
}

#products-list {
	float: left;
	padding: 5px 0 5px 5px;
}

#products-list li {
	display: block;
	float: left;
	padding: 2px 2px 0 2px;
}

/*--------------------------------------------------------------------
//	Main Content
 --------------------------------------------------------------------*/

#mainCopy, #contactPage, #termsCopy {
	float: left;
}

#mainCopy, #termsCopy {
	width: 720px;
}

#mainCopy p, #template1 p, #contactPage p, #termsCopy p {
	padding: 5px 0;
	line-height: 16px;
	color: #E6E6E6;
}

#mainCopy ul, #template1 ul, #contactPage ul {
	padding: 5px 10px;
}

#mainCopy li, #template1 li, #contactPage li {
	list-style-type: circle;
	list-style-position: outside;
}

#mainCopy li {
	padding: 2px 0px;
}

#termsCopy ol {
	padding: 5px 0px 5px 20px;
}

#termsCopy li {
	list-style-type: decimal;
	padding: 5px 0px;
}

#mainCopy a:link, #mainCopy a:active, #mainCopy a:visited {
	color: #C2C2C2;
}

#mainCopy a:hover {
	text-decoration: underline;
	color: white;
}

/*--------------------------------------------------------------------
//	Template 1
---------------------------------------------------------------------*/

#template1, #template1Images {
	float: left;
}

#template1Text {
	float: right;
}

#template1 {
	width: 728px;
}

#template1 p, #template2 p, #template3 p {
	padding: 5px 0px;
}

#template1Text {
	width: 525px;
	padding: 10px 0px 0px 10px;
}

#template1Images {
	width: 190px;
}

#template1Images img {
	padding: 5px;
	border: 1px solid #999999;
	margin: 5px 5px 10px 0px;
}

/*--------------------------------------------------------------------
//	Template 2
---------------------------------------------------------------------*/

#template2, #template2Text, #template2Images {
	float: left;
}

#template2 {
	width: 728px;
}

#template2Text {
	width: 525px;
	padding: 10px 10px 0px 0px;
}

#template2Images {
	width: 190px;
}

#template2Images img {
	padding: 5px;
	border: 1px solid #999999;
	margin: 5px 5px 10px 0px;
}

/*--------------------------------------------------------------------
//	Template 3
---------------------------------------------------------------------*/

#template3, #template3Text, #template3Images, #template3Images img {
	float: left;
}

#template3 {
	width: 728px;
}

#template3Text {
	width: 728px;
	padding: 10px 0px;
}

#template3Images {
	width: 678px;
	padding: 0px 25px;
}

#template3Images img {
	width: 190px;
	padding: 5px;
	border: 1px solid #999999;
	margin: 5px 10px;
}

/*--------------------------------------------------------------------
//	Contact Page
---------------------------------------------------------------------*/

#contactPage {
	width: 490px;
}

#enquiryForm, #enquiryForm .col1, #enquiryForm .col2 {
	float: left;
}

#enquiryForm {
	width: 470px;
	padding: 10px 0px;
}

#enquiryForm .col1 {
	width: 200px;
}

#enquiryForm .col2 {
	width: 270px;
}

#enquiryForm legend, #uploadDesign legend, #register legend, #form1 legend, #forgottenPassword legend, #newsletter legend {
	background-color: #1A1A1A;
	border: 1px solid #8F8F8F;
	color: #fff;
	padding: 2px 5px;
}

#enquiryForm fieldset {
	width: 470px;
}

#enquiryForm fieldset, #register fieldset, #uploadDesign fieldset, #forgottenPassword fieldset, #newsletter fieldset {
	border: 1px solid #8F8F8F;
	padding: 10px;
}

#enquiryForm p, #register p, #forgottenPassword p, #newsletter p {
	padding: 5px 0px;
}

#enquiryForm #name, #enquiryForm #address, #enquiryForm #postcode, #enquiryForm #tel, #enquiryForm #email {
	width: 180px;
}

#enquiryForm #question {
	width: 260px;
	height: 150px;
}

#enquiryForm #hear, #enquiryForm #name, #enquiryForm #address, #enquiryForm #postcode, #enquiryForm #tel, #enquiryForm #email, #enquiryForm #question, #uploadDesign #name, #uploadDesign #address, #uploadDesign #postcode, #uploadDesign #tel, #uploadDesign #email, #uploadDesign #enquiry, #uploadDesign #password, #uploadDesign #pass, #uploadDesign #username {
	margin: 2px 0px;
	background-color: #1A1A1A;
	border: 1px solid #8F8F8F;
	color: #fff;
	padding: 2px 5px;
}

#uploadDesign #name, #uploadDesign #address, #uploadDesign #postcode, #uploadDesign #tel, #uploadDesign #email, #uploadDesign #enquiry, #uploadDesign #password, #uploadDesign #pass, #uploadDesign #username {
	width: 315px;
}

#planning-visit {
	float: right;
	width: 200px;
	padding: 5px 10px;
	border: 1px solid #8F8F8F;
	background-color: #262626;
}

#planning-visit #postcode {
	width: 140px;
	background-color: #1A1A1A;
	border: 1px solid #8F8F8F;
	color: #fff;
	padding: 2px 5px;
}

#planning-visit #send {
	font-weight: bold;
	background-color: #333;
	border: 1px solid #8F8F8F;
	color: #fff;
	padding: 2px 5px;
}

#planning-visit p {
	padding: 5px 0;
}

/*--------------------------------------------------------------------
//	Upload Design
---------------------------------------------------------------------*/

#uploadDesign fieldset {
	float: left;
	margin: 10px;
	width: 320px;
	padding: 10px;
}

#uploadDesign p {
	padding: 5px 0px;
}

#uploadDesign, #enquiry {
	float: left;
}

#register fieldset, #forgottenPassword fieldset {
	margin: 10px;
	width: 250px;
}

#forgottenPassword {
	float: left;
}

#forgottenPassword #email {
	margin: 2px 0px;
	background-color: #1A1A1A;
	border: 1px solid #8F8F8F;
	color: #fff;
	padding: 2px 5px;
	width: 240px;
}

/*--------------------------------------------------------------------
//	Register
---------------------------------------------------------------------*/

#register {
	float: left;
}

#register #CompanyName, #register #Title, #register #Firstname, 
#register #Surname, #register #CompanyReg, #register #VatReg, #register #Address, #register #RegOffice, #register #TradeOffice, #register #Position, #register #Telephone, #register #Email, #register #Password, #register #ConfirmPassword, #register #Town, #register #County, #register #Postcode  {
	margin: 2px 0px;
	background-color: #1A1A1A;
	border: 1px solid #8F8F8F;
	color: #fff;
	padding: 2px 5px;
	width: 240px;
}

/*--------------------------------------------------------------------
//	Newsletter
---------------------------------------------------------------------*/

#newsletter {
	float: left;
	width: 605px;
	padding: 10px 0px;
}

#newsletter div {
	float: left;
	width: 290px;
}

#newsletter #nameTitle, #newsletter #postcode, #newsletter #firstName, #newsletter #surname, #newsletter #email, #newsletter #houseNo, #newsletter #streetName, #newsletter #townCity, #newsletter #county, #newsletter #postcode, #newsletter #telephone, #newsletter #hear {
	background-color: #1A1A1A;
	border: 1px solid #8F8F8F;
	color: #fff;
	padding: 2px;
	margin: 2px 0;
}

#newsletter #firstName, #newsletter #surname, #newsletter #email, #newsletter #houseNo, #newsletter #streetName, #newsletter #townCity, #newsletter #county, #newsletter #postcode, #newsletter #telephone, #newsletter #hear {
	width: 270px;
}

#newsletter #nameTitle, #newsletter #postcode {
	width: 75px;
}

/*--------------------------------------------------------------------
//	Products
 --------------------------------------------------------------------*/

#select-product, #select-product li, #product-specification, .relatedProduct {
	float: left;
}

/* Product List */

#select-product {
	margin: 5px 0;
	width: 725px;
}

#select-product li, #select-product li span, #select-product li a {
	display: block;
}

#select-product li, .relatedProduct {
	margin: 2px 2px 0 2px;
	border: 2px solid #fff;
	width: 130px;
	background-color: #fff;
}

#select-product img, .relatedProduct img {
	width: 130px;
	height: 130px;
}

#select-product li span, .relatedProduct span {
	text-align: center;
	font-size: 13px;
	background-color: #000;
	padding: 5px 0;
	margin-top: -3px;
}

#select-product li a, #product a, .relatedProduct a {
	color: #fff;
}

#select-product li a:hover, #product a:hover, .relatedProduct a:hover {
	text-decoration: underline;
}

/* Product Specification */

#product-specification {
	padding: 10px 0;
	width: 720px;
	border:1px solid #8F8F8F;
	margin:5px 0;
	padding:5px;

}

#product-specification p {
	padding: 5px 0;
}

#product-specification h2 {
	color: #B3B3B3;
	font-weight: bold;
}

#product-specification input, #product-specification select, #product input, #personalDetails input, #specificationDetails select, #specificationDetails input {
	padding: 2px;

	background-color: #1A1A1A;
	border: 1px solid #8F8F8F;
	color: #fff;
}


/* End Product */

#product,  #product2 {
	border: 1px solid #8F8F8F;
	margin: 5px 0px;
	width: 720px;
	padding: 5px;
}

#product, #product div, #product img, .relatedProduct, #product2, #product2 div {
	float: left;
}

#product img, #product2 img {
	width: 255px;
	height: 255px;
	border: 3px solid #fff;
}

#product div, #product2 div {
	width: 449px;
	padding: 0 5px;
}

#product div p, #product2 div p {
	padding: 5px 0px;
}

#product .heading, #product2 .heading {
	color: #B3B3B3;
	font-size: 16px;
}

#product .sub-heading, #product2 .sub-heading {
	color: #B3B3B3;
	font-size: 13px;
	font-weight: bold;
}

.editBt {
	padding-left: 15px;
	background: url(../images/icons/edit.jpg) left no-repeat;
}

#product div .price, #product2 div .price {
	font-size: 13px;
	color: #B3B3B3;
}

#product div .price strong, #product2 div .price strong {
	font-size: 18px;
	color: #fff;
}

/* Balustrade Kits */

#steps, #steps li {
	float: left;
}

#steps {
	margin: 10px 0px;
}

#steps li {
	display: block;
	color: #fff;
	border-right: 1px solid #333;
}

#steps li strong {
	font-size: 16px;
}

#steps li#active {
	background-color: #4D4D4D;
	width: 124px;
	padding: 5px 10px;
	text-decoration: none;
}

#steps li {
	width: 124px;
	padding: 5px 10px;
	background-color: #000;
}

#personalDetails, #productType, #shapeArea, #specificationDetails, #quoteDetails, #submitQuote {
	width: 720px;
	float: left;
	padding: 10px 0;
	border: 0;
}

#personalDetails h2, #productType h2, #shapeArea h2, #specificationDetails h2, #quoteDetails h2 {
	color: #999;
	font-size: 16px;
	padding: 5px 0 5px 5px;
}

#personalDetails p, #productType p, #shapeArea p {
	float: left;
}

#personalDetails p, #productType p, #shapeArea p, #specificationDetails p, #quoteDetails p, #submitQuote p {
	padding: 5px;
}

#personalDetails input {
	width: 220px;
	margin-top: 2px;
}

#productType p, #shapeArea p {
	text-align: center;
}

#specificationDetails div {
	float: left;
	width: 350px;
}

#linearMtr, #sides, #corners, .size {
	width: 30px;
}

.size {
	margin: 2px 0px;
}

#nextStep, #previousStep, #submitBt {
	font-size: 16px;
	font-weight: bold;
	display: block;
}

#nextStep {
	float: right;
	background: url(../images/buttons/next-stepBt.jpg) left top no-repeat;
	padding: 10px 0 10px 10px;
		width: 116px;
}

#previousStep {
	float: left;
	width: 96px;
	background: url(../images/buttons/previous-stepBt.jpg) left top no-repeat;
	padding: 10px 0px 10px 30px;
}

#submitBt {
	float: left;
	background: url(../images/buttons/submit-quoteBt.jpg) no-repeat left top;
	padding: 10px 0 10px 10px;
	width: 146px;
}

#nextStep a:hover, #submitBt a:hover {
	color: yellow;
}

/*--------------------------------------------------------------------
//	Gallery
 --------------------------------------------------------------------*/

#gallery-list, #gallery-list li {
	float: left;
}

#gallery-list li {
	display: block;
	margin: 5px 5px 0 0;
}

#gallery-list {
	width: 720px;
}

#gallery-list img {
	width: 130px;
	height: 130px;
	border: 2px solid #fff;
}

/*--------------------------------------------------------------------
//	Search Results
 --------------------------------------------------------------------*/
 
.searchResult {
	float: left;
	border-bottom: 1px dotted #999999;
	padding: 5px 0px;
	color: white;
	width: 725px;	
}

.searchResult a:link, .searchResult a:active, .searchResult a:visited {
	color: #C2C2C2;
	text-decoration: underline;
}

.searchResult a:hover {
	color: white;
}

.searchResult p {
	padding: 5px 0px;
}

.searchResult h3 {
	font-weight: bold;
}

/* @end */

/* Social Networking */

#social-networking, #customer-services, #contactDetails, #twitter_div {
	float: left;
	color: #E6E6E6;
}

#social-networking a {
	color: #E6E6E6;
}

#social-networking a:hover {
	text-decoration: underline;
}

#customer-services, #contactDetails, #twitter_div {
	height: 100px;
}

#social-networking {
	width: 928px;
	background-color: #262626;
	margin-top: 5px;
	padding: 5px;
}

#customer-services, #contactDetails {
	border-right: 1px dotted #C2C2C2;
}

#social-networking p, #social-networking ul {
	padding: 5px 0;
}

#social-networking .heading {
	font-size: 14px;
	color: #B3B3B3;
}

#customer-services {
	width: 175px;
	padding: 0 5px;
}

#customer-services li {
	padding-left: 8px;
	background: url(../images/arrows/customer-services.jpg) left no-repeat;
}

#contactDetails {
	width: 380px;
	padding: 0 5px 0 10px;
}

#contactDetails span {
	padding-left: 10px;
}

#twitter_div {
	width: 330px;
	padding: 0 0 0 10px;
	background: url(../images/icons/twitter-bird.jpg) bottom right no-repeat;
}

/* @group Footer */


#footer {
	float: left;
	width: 950px;
	padding: 10px 0;
	font-size: 11px;
	color: #999;
}

#footer a {
	color: #999;
	text-decoration: none;
}

#footer a:hover {
	color: #fff;
}

#dpi21, #dpi21 img, #dpi21 p {
	float: left;
}

#dpi21 {
	width: 300px;
}

#dpi21 img {
	border-right: 1px solid #939598;
	padding: 0px 5px 0px 0px;
	width: 75px;
	height: 35px;
}

#dpi21 p {
	padding: 3px 0px 0px 5px;
	line-height: 14px;
}

#validation {
	float: right;
	width: 350px;
	text-align: right;
}

#validation li {
	display: inline;
	padding-left: 10px;
	background: url(../images/icons/tick.jpg) left no-repeat;
}


/* @end */

/* @group Copyright */

#copyright, #copyright p {
	float: left;
}

#copyright {
	width: 950px;
	padding: 5px 0px 10px 0px;
	font-size: 10px;
}

#copyright ul {
	float: right;
	width: 330px;
	text-align: center;
	background: #4F4F4F;
	padding: 7px 0px;
}

#copyright li {
	display: inline;
}

#copyright p {
	width: 500px;
}

#copyright p a:link, #copyright p a:active, #copyright p a:visited {
	color: #D81921;
}

#copyright p a:hover {
	color: white;
	text-decoration: underline;
}

/* @end */

/* @group Bread Crumb */

#breadCrumb {
	float: right;
}

#breadCrumb li {
	float: left;
}

#breadCrumb {
	padding: 10px 0;
	width: 748px;
}

#breadCrumb li {
	display: block;
}

#breadCrumb li a {
	padding: 5px 8px;
	border-left: 1px solid #999;
}

#breadCrumb a:hover, #active {
	color: #999;
	text-decoration: underline;
	background-color: #333;
}

#breadCrumb strong {
	padding: 5px 8px;
}

/* @end */

/* @group Headings */

h1, h2, h3, h6 {
	font-weight: normal;
}

h1 {
	font-size: 18px;
	padding: 5px 0px;
}

h2 {
	font-size: 16px;
	padding: 5px 0px;
}

h3 {
	font-size: 15px;
	padding: 5px 0px;
	line-height: 18px;
}

h4 {
	font-size: 14px;
	padding-bottom: 5px;
}

h5 {
	font-size: 13px;
	color: #BF1E2D;
	font-weight: normal;
	padding-bottom: 5px;
}

h6 {
	color: black;
	font-size: 11px;
	padding: 5px 0px;
	line-height: 14px;
}



/* @end */

/* @group Shopping Cart */
#shoppingCart {
	border: 1px solid #8F8F8F;
	width: 725px;
	margin: 10px 0px;
	text-align: center;
}

#shoppingCart td {
	padding: 5px;
}

#shoppingCart p, #noAccount p {
	padding: 5px 0px;
}

#shoppingCart p a:link, #shoppingCart p a:active, #shoppingCart p a:visited {
	color: white; 
	text-decoration: underline;
}

#shoppingNav {
	width: 565px;
	display: block;
	height: 33px;
	background: #49494a;
	margin: 10px 0px;
}

#shoppingNav li {
	display: inline;
	list-style-type: none;
	padding: 10px 0px 0px 10px;
	float: left;
	width: 130px;
	height: 23px;
}

#activeCart {
	background: #818183;
	font-weight: bold;
}

.topRow {
	background: #4F4F4F;
}

.normalCell {
	border-right: 1px solid #8F8F8F;
	border-bottom: 1px solid #8F8F8F;
}

.bottomCell  {
	border-right: 1px solid #8F8F8F;
}

.endCell {
	border-bottom: 1px solid #8F8F8F;
}

#shoppingCart input {
	border: 1px solid #8F8F8F;
	background: #49494a;
	padding: 2px 5px;
	color: white;
	font-size: 10px;
}

.total, .subTotal, .overallTotal, .endTotal {
	background: #4F4F4F;
	font-weight: bold;
}

.total {
	border-bottom: 1px solid #8F8F8F;
}

.subTotal {
	border-right: 1px solid #8F8F8F;
	border-bottom: 1px solid #8F8F8F;
}

.overallTotal {
	border-right: 1px solid #8F8F8F;
}

.checkoutBt, #checkout, #continueShopping, #btnCancel {
	background: #4F4F4F;
	border: 1px solid #8F8F8F;
	font-size: 11px;
	color: white;
	padding: 0px 5px;
	height: 26px;
}

#continueShopping {
	float: left;
	width: 130px;
	margin: 10px 0px;
}

#checkout {
	float: right;
	margin: 10px 0px;
}

#qty {
	border: 1px solid #8F8F8F;
	background: #4F4F4F;
	padding: 2px;
	margin: 2px 0px;
	color: #C8C8C8;
	width: 20px;
	font-size: 11px;
}

#noAccount {
	clear: both;
	width: 600px;
}

/* @end */

.size10, .red10 {
	font-size: 10px;
}

.size11 {
	font-size: 11px;
}

.size12 {
	font-size: 12px;
}

.size13 {
	font-size: 13px;
	color: #BF1E2D;
	padding-bottom: 5px;
}

.size14 {
	font-size: 14px;
	line-height: 18px;
}

.size16 {
	font-size: 16px;
}

.red, .red10 {
	color: #BF1E2D;
}

.grey {
	color: #808080;
}

.size20  {
	font-size: 20px;
	line-height: 18px;
	font-weight: bold;
	padding-bottom: 5px;
}

.clear {
	clear: both;
}

.yellow {
	color: yellow;
}

.float {
	float: left;
}

.border-bottom {
	border-bottom: 1px dotted #8F8F8F;
	margin-bottom: 5px;
}

/* @group File Upload */

/* Error */
.flash .red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.flash .green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.flash .blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.flash {
	width: 320px;
	float:none;
	margin-bottom:10px;
}

.progressWrapper {
	width: 320px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}

/* @end */

/* Downloads table */

table.downloadsTable {
	float: left;
	border-collapse: collapse;
	width: 715px;
	border: 1px solid #8F8F8F;
	margin: 10px 5px;
}

table.downloadsTable th {
	text-align:left;
	padding: 5px;
	background-color: #BF1E2D;
}
table.downloadsTable tr td {
	border: 1px solid #8F8F8F;
	padding: 3px;
	color: white;
}
table.downloadsTable tr td.type {
	width: 40px;
	text-align: center;
}
table.downloadsTable tr td  a {
	color: white;
}

table.downloadsTable tr td  a:hover {
	color: #BF1E2D;
}
table.downloadsTable tr.row1 {
	background-color:#4F4F4F;
}
table.downloadsTable tr.row2 {
	background-color:#4F4F4F;
}

/* @end */

#divStatus {
	padding: 10px 0;
}

/* Error messages */

.errorMessage {
	float: left;
	color: #D81921;
	font-weight: bold;
	padding: 5px 0px;
	font-size: 12px;
}

/* @end */

p.shortDescription {
	color: black;
	padding-bottom: 3px;
}

ul#privacy {
	list-style-type: none;
	margin-left: 18px;
}

p#notice {
	font-size: 15px;
	padding: 10px 0;
	line-height: 22px;
}