* { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; margin-bottom: 10px; }
fieldset, img { border:none; }
caption, th { text-align:left; }

body { background-color: #dcdcdc; }
a span { display: none; }
br, .clear { clear: both; }
h1 { color: #cc0000; font-weight: normal; font-size: 1.4em; padding: 0 10px 10px 0; float: left; }
h2, h3 { color: #000; font-weight: normal; font-size: 1em; padding: 0 10px 10px 0; }
h3 { font-size: 0.9em; }
h2 a, p a { color: #cc0000; }
td, th { font-size: 0.8em; padding: 5px; white-space: nowrap;  }
td input { vertical-align: middle; }
th { background-color: #ccc; color: #fff; font-weight: normal; }
table h2 { color: #000; font-weight: 500; }
table a { color: #cc0000; font-weight: bold; }
td { color: #3a3a3a; background-color: #e6e5e5; font-size: 0.7em; }
legend { color: #cc0000; font-weight: normal; border-top: 15px solid #fff; margin-bottom: 0; padding-bottom: 0;}
option { padding: 1px 10px 1px 1px; }
address { font-size: 0.8em; font-style: normal; }
blockquote { color: #3a3a3a; font-size: 0.7em; margin-bottom: 15px; }

/* =================================
definition lists
===================================*/
dl { margin:0; padding: 0 2px;	}
dt { width:7em; text-align: left; white-space: nowrap; float: left; clear: left; position: relative; font-size:0.75em; padding:1px; margin-top:2px; padding-top: 10px;}
	dt label { font-size:1em; font-weight: bold; }
	dd span.price { color: #cc0000; }
	.dd { height:20px; }
dd { margin-top:2px; margin-left:8em; font-size:0.75em; padding:1px; text-align:left; padding-top: 11px; }
	dd p { padding:5px; font-size:1em; margin:0;}
	.NormalDefinitionList dt { width:100%; text-align: left; white-space:normal; float:none; }
	.NormalDefinitionList dd { margin-left:0; }
	dd input, dd select { margin-top: -7px;}
	dd.button-dd input { margin-top: 0;}
#right .registration-fields, #right .contact-fields  { margin-left:10px; width:500px; }
#right .contact-fields { margin-bottom:100px;}
#right .registration-fields dd { margin-left:150px; }
#right .registration-fields fieldset { clear:both;  }
#right .registration-fields {  }
#right .required-fields { clear:both; }
#right .button-holder {clear:both; }
#right #MessageDisplay { margin-left:10px; }
/* =================================
/definition lists
===================================*/

#container { width: 960px; margin: 0 auto; }
#header { width: 960px; min-height: 68px; position: relative; padding-bottom: 31px; }
* html #header { height: 68px; }
#logo { background: #dcdcdc url(../Images/logo.gif) no-repeat; top: 0; left: 0; position: absolute; width: 401px; display: block; height: 99px; outline: none; }
#quote { min-height: 52px; float: right; width: 559px; background: #dcdcdc url(../Images/quote.gif) no-repeat; }
* html #quote { height: 52px; }
#header ul { position: absolute; right: 0; bottom: 0; }
#header ul li { display:inline; }
#header ul li a { display:block; float: left; height: 31px; }
#header ul li.home a { width: 106px; background-image: url(../Images/homepage.gif); }
#header ul li.home a:hover { background-image: url(../Images/homepage-over.gif); }
#header ul li.account a { width: 96px; background-image: url(../Images/my-account.gif); }
#header ul li.account a:hover { background-image: url(../Images/my-account-over.gif); }
#header ul li.basket a { width: 97px; background-image: url(../Images/view-basket.gif); }
#header ul li.basket a:hover { background-image: url(../Images/view-basket-over.gif); }
#header ul li.checkout a { width: 142px; background-image: url(../Images/secure-checkout.gif); }

#content { border: 10px solid #fff; width: 940px; background-color: #fff; }

#left ul#main-menu { padding-bottom: 0; padding-left: 0; min-height: 239px; background: #343434 url(../images/menu-bkgr.gif) repeat-y; }
#left ul#main-menu li { padding-bottom: 0; padding-top: 0; }
* html #left ul#main-menu { height: 239px; }
#main-menu li { display: block; width: 200px; margin: 0; padding: 0; float: left; }
#main-menu li a { display: block; width: 200px; }
#main-menu li.about, #main-menu li.about a { height: 41px; background-image: url(../images/about-us.gif); }
#main-menu li.about a:hover { background-image: url(../images/about-us-over.gif); }
#main-menu li.engine-building, #main-menu li.engine-building a { height: 31px; background-image: url(../images/engine-building.gif); }
#main-menu li.engine-building a:hover { background-image: url(../images/engine-building-over.gif); }
#main-menu li.product-range, #main-menu li.product-range a { height: 31px; background-image: url(../images/product-range.gif); }
#main-menu li.product-range a:hover { background-image: url(../images/product-range-over.gif); }
#main-menu li.technical-notes, #main-menu li.technical-notes a { height: 30px; background-image: url(../images/technical-notes.gif); }
#main-menu li.technical-notes a:hover { background-image: url(../images/technical-notes-over.gif); }
#main-menu li.news, #main-menu li.news a { height: 30px; background-image: url(../images/latest-news.gif); }
#main-menu li.news a:hover { background-image: url(../images/latest-news-over.gif); }
#main-menu li.gallery, #main-menu li.gallery a { height: 31px; background-image: url(../images/the-gallery.gif); }
#main-menu li.gallery a:hover { background-image: url(../images/the-gallery-over.gif); }
#main-menu li.contact, #main-menu li.contact a { height: 33px; background-image: url(../images/contact-us.gif); }
#main-menu li.contact a:hover { background-image: url(../images/contact-us-over.gif); }

#left { float: left; width: 200px; }
	#left ul { background-color: #6a6a6a; padding-left: 23px; padding-bottom: 22px; }
		#left ul li { list-style-type: none; padding-bottom: 7px; padding-top: 7px; }
			#left ul a { color: #fff; font-size: 0.75em; }
			#left ul a:hover { color:#ffcc00; }
	#left img { margin-bottom: 40px; }

#right { float: right; width: 740px; background-color: #fff; min-height: 739px; position: relative; }
* html #right { height: 739px; }
#right p { padding: 0 10px 10px 0; font-size: 0.8em; }
#right ul { padding: 0 10px 10px; font-size: 0.8em; }

#page-content { padding: 10px 0 10px 10px; }
#page-content-left { float: left; width: 482px; }
#page-content-right { float: right; width: 248px; }
#page-content ul { margin-left:20px; }
#latest-news { background-color: #e6e5e5; padding: 10px; margin-bottom:15px; }
#latest-news h2 { color: #000; font-weight: bold; }
#latest-news h3 { color: #cc0000; font-size: 0.9em; margin-bottom: 10px; }
#latest-news h3 a { color: #cc0000; }
#latest-news p { font-size: 0.8em; margin-bottom: 5px; /*line-height: 1.8em;*/ padding-bottom: 0; }
p.date { margin-bottom: 10px; color: #959595; }
.news img { float:left; margin-right: 5px; border-right:solid #fff 4px; border-right:solid #fff 4px; border-bottom:solid #fff 4px; }

#security-links { min-height: 182px; background-color: #666; clear: both; }
	#security-links h2 { padding: 0; height: 35px; }
	#security-links h2 span { display: none; }
	* html #security-links, * html #security, *html #links { height: 182px; }
		#security { float: left; width: 200px; min-height: 182px;  }
			#security h2 { background-image: url(/Themes/Swiftune/Images/site-security.gif); }
			#security p { color: #fff; font-size: 0.7em; line-height: 2.2em; padding: 0 15px;}
		#links { float: left; min-height: 182px;  width: 740px; background: #333 url(../Images/swift-black.gif) no-repeat right; }
			#links li { list-style-type: none; padding-left: 20px; background: #333 url(../Images/bullet.gif) no-repeat left bottom;} 
				#links li a { color: #fff; text-decoration: none; font-size: 0.7em; }
				#links li a:hover { text-decoration: underline;}
			.link-list { width: 190px; float: left;}
		#account h2 { background-image: url(/Themes/Swiftune/Images/my-account-20.gif);}
		#account ul { margin-left: 10px;}
		#help h2 { background-image: url(/Themes/Swiftune/Images/help-and-support.gif);}
		#help ul { margin-left: 20px;}
		#media h2 { background-image: url(/Themes/Swiftune/Images/media-library.gif);}
		#media ul { margin-left: 30px;}

#footer { padding: 5px 10px 10px; width: 940px; margin-bottom:10px;}
	#footer p { font-size: 0.7em; color: #010101; float: left;}
		#footer p.evolution { font-size: 0.7em; color: #010101; float: right;}
		#footer p a { color: #010101;}
/* =================================
Checkout
================================= */	
#checkout-content { padding: 10px 0 10px 10px; }
#checkout-content h1 { float: none; }
#checkout-content label { font-weight: normal;}
#checkout-content dt { width: 11.9em; padding-left: 10px; }
#checkout-content dd { margin-left: 12em;}
#checkout-content .button-holder { padding-top: 15px; }
.iframe-3d-secure { width:390px; height:400px; }
/* =================================
Product Display
================================= */
#right ul#actions { float: right; font-size: 0.6em;  }
#actions li { display: inline; }
#actions a { color: #000; display: block; float: left; margin-right: 8px; padding-left: 15px; background-repeat: no-repeat; }
#actions li.email a { background-image: url(/Themes/Swiftune/Images/email-icon.gif); }
#actions li.bookmark a { background-image: url(/Themes/Swiftune/Images/bookmark-icon.gif); }
#actions li.print a { background-image: url(/Themes/Swiftune/Images/print-icon.gif); }

#product-image-holder { float: left; margin: 0 10px 0 0; width:350px; }
.product-image { border: 1px solid #ccc; }
#product-details { float: right; width: 350px; }

input.quantity { width: 20px; padding: 2px; }
.product-list, .category-product-list { background-color: #e6e5e5; margin-top: 15px; padding: 10px 0 10px 10px; }
.category-product-list { background-color: #fff; }
.product-list h2, .category-product-list h2 { color: #000; font-weight: 500; }
.product-list h2 { font-size: 0.9em; font-weight: bold; }
.product-list a, .category-product-list a { color: #cc0000; font-weight: bold; }
#right .product-list p, #right .category-product-list p { color: #3a3a3a; float: left; width: 225px; height: 100px; font-size: 0.7em; position: relative; }
.product-list img, .category-product-list img, .category-list .item img { margin-right: 8px; border: 1px solid #ccc; }
.product-list span, .product-list img, .category-product-list span, .category-product-list img { display: block; float: left; }
.product-list span { width: 120px; }
.category-product-list em { font-style:normal; }
.price { color: #cc0000; }
.product-list input { position: absolute; bottom: 8px; right: 5px; }
.category-product-list input { position: absolute; bottom: 38px; right: 35px; }
.related-products { width:auto; margin-bottom:15px; }

.category-list .item { float:left;  width: 360px; height:110px; }
.category-list .item h2 a { font-size:0.9em; }

/* =================================
Paging
================================= */
.pager { padding: 0 5px 5px 5px; margin-bottom: 10px; font-size: 0.8em; }
.pager ul{ padding:0; text-align: center; margin:0 auto; }
.pager li{ list-style-type:none; display:inline; padding:0 2px; }
.pager li span { padding-bottom:1px; }
.pager a, .pager a:visited, .pager span { padding:0 5px 1px 5px; text-decoration:none; color:#444; }
.pager a:hover, .pager a:active { color:#ccc; text-decoration: underline; }
.pager li.current-page span { font-weight:bold; }
.pager li.first-page, .pager li.last-page, .pager li.pervious-page, .pager li.next-page { font-weight: bold; }

/* =================================
Breadcrumbs
================================= */
#breadcrumbs { min-height: 40px; background-color: #ccc; }
* html #breadcrumbs { height: 40px; }
#breadcrumbs p { padding: 10px 0 0 10px; }
#breadcrumbs p a { color: #000; text-decoration: underline; }

/* =================================
Message Display
================================= */

#MessageDisplay {  }
	#MessageDisplay p { margin-bottom: 5px; padding-top: 10px; }
	.warning, .success, .failure { padding:0 0 0 30px; margin-bottom:10px;margin-right:10px; }
	.warning { color:#000; border:solid 1px #E4D04A; background:#F3F3D9 url(../images/warning-icon.gif) 5px no-repeat; }
	#right .success p { color:#287528; }
	.success { color:#287528; border:solid 1px #3D993D; background:#E3F9E4 url(../images/success-icon.gif) 5px no-repeat; }
	.failure { color:#fff; border:solid 1px #CC0000; background:#CC0000 url(../images/failure-icon.gif) 5px no-repeat; }
	#right .failure p { color:#fff; }
	.failure a { color:#fff; text-decoration:underline; }
	
	
#email-pop-up {padding: 20px; background-color: #fff; }
#email-pop-up p { font-size: 0.8em;}
	
	
	
.right { text-align: right; }
.quantity-input { width: 30px; }

.AddButton, .blue-button, .button-holder input { background-color: #ffc423; color: #313131; text-transform: uppercase; text-decoration: none; padding: 5px 7px; text-align: center; font-size: 0.75em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; border: 2px solid #d9b300; }
.RegisterLink { text-transform: uppercase; font-size: 0.75em; font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 15px 0; display: block; color: #313131; border: 2px solid #d9b300; padding: 6px 7px 8px; background: #ffc423; width: 15em; height: 1em; text-decoration: none; }
a.RegisterLink:hover { color: #313131; }