@charset "UTF-8";
/* CSS Document */

body    
{
	padding: 0px;
	margin: 0px;
	background-image: url(../images/bg_sub_pages.jpg);
	background-repeat: repeat-x;
	-webkit-text-size-adjust: none;
}

#Wrapper {
	width:994px;
	margin-right: auto;
	margin-left: auto;
}

#Header {
	height: 85px;
	background-color: #0D0D0B;
	width: 994px;
}

#Logo {
	background-image: url(../images/header.jpg);
	height: 85px;
	background-repeat: no-repeat;
	background-color: #000;
	width: 290px;
	float: left;
}

#HeaderRightArea {
	background-image: url(../images/header.jpg);
	height: 35px;
	background-repeat: no-repeat;
	background-color: #000;
	width: 664px;
	float: left;
	padding-top: 50px;
}

#HeaderRightArea2 {
	background-image: url(../images/header.jpg);
	height: 35px;
	background-repeat: no-repeat;
	background-color: #000;
	width: 664px;
	float: left;
}

#HeaderRightAreaAdmin {
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-color: #000;
	width: 594px;
	float: left;
	padding-left: 100px;
}

#Menu {
	width: 822px;
	background-color: #000;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #444;
	height: 25px;
	clear: left;
	float: left;
}

#Sub_Page_Header {
	width:994px;
	height:78px;
	background-image: url(../images/sub_header_bg.jpg);
	background-repeat: no-repeat;
	float: left;
}

#Container {
	width: 100%;
	min-height: 100%;   /*these three statements are from Ryan Fait's sticky footer approach */
	min-width:300px; /* to stop rightcolumn from floating over into left column area */
	height: auto !important; /*this will override the next statement in FF, but no IE6 */
	height: 100%;   /* the negative margins make room for the top header and the bottom footer */
	padding: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	margin-top: 0px;
	background-color: #E6E8EC;
}
	
#LeftColumn {
	width: 160px;
	float: left;
	background-color: #E6E8EC;
	padding: 10px;
}

#LoginPageLeftColumn {
	width: 350px;
	float: left;
	margin-right: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E6E8EC;
}

#LoginPageRightColumn {
	width: 300px;
	float: left;
}

#Silver_Header {
	width: 490px;
	background-image: url(../images/Silver_Header_bg.jpg);
	background-repeat: repeat-x;
	height: 50px;
	padding-right: 10px;
}

#Silver_PriceArea {
	width: 235px;
	padding-left: 10px;
	height: 313px;
}

.Quote_Area {
	width: 248px;
	padding-left: 10px;
	background-color: #E6E8EC;
	padding-bottom: 10px;
}


#Gold_PriceArea {
	width: 235px;
	padding-left: 10px;
}

#HeaderBar {
	width: 248px;
	background-image: url(../images/Silver_Header_bg.jpg);
	background-repeat: repeat-x;
	padding-right: 10px;
	height: 50px;
	background-color: #E6E8EC;
}

#RightColumn {
	float: left;
	min-height: 331px;
	height: auto !important;
	height: 331px;
	width: 789px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	background-color: #FFF;
	background-image: url(../images/mainarea_top.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}

#RightColumn2 {
	float: left;
	min-height: 600px;
	height: auto !important;
	height: 331px;
	width: 789px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	background-color: #FFF;
	background-image: url(../images/mainarea_top.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}

#Contentleft {
	width: 500px;
	float: left;
	margin-right: 15px;
	padding-right: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E6E8EC;
	line-height: 16px;
}

#ContentRight {
	width: 258px;
	float: left;
}

#CustomersLeftColumn {
	width: 350px;
	float: left;
	margin-right: 15px;
	padding-right: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}

#CustomersRightColumn {
	width: 400px;
	float: left;
} 

#Login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 0px;
	text-align: right;
	height: 11px;
}

#Login a:link, #Login a:visited {
	text-decoration: underline;
	color: #FFF;
}

#Login a:hover{
	text-decoration: none;
}

#Login2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	padding-top: 15px;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 0px;
	text-align: right;
	height: 15px;
}

#Login2 a:link, #Login2 a:visited {
	text-decoration: underline;
	color: #FFF;
}

#Login2 a:hover{
	text-decoration: none;
}

#Breadcrumbs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	width: 789px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#Breadcrumbs a:link, #Breadcrumbs a:visited {
	text-decoration: underline;
	color: #642F79;
}

#Breadcrumbs a:hover{
	text-decoration: none;
}

#RightAreaContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	width: 789px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#RightAreaContent a:link, #RightAreaContent a:visited {
	text-decoration: underline;
	color: #642F79;
}

#RightAreaContent a:hover{
	text-decoration: none;
}

#RightAreaContent2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	width: 789px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-image: url(../images/engineers_gray.jpg);
	background-repeat: no-repeat;
	background-position: 480px 100px;
}

#RightAreaContent2 a:link, #RightAreaContent2 a:visited {
	text-decoration: underline;
	color: #642F79;
}

#RightAreaContent2 a:hover{
	text-decoration: none;
}

#Footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	width: 974px;
	clear: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #2971A7;
	background-color: #FFF;
	padding: 10px;
}

#Footer a:link, #Footer a:visited {
	text-decoration: underline;
	color: #666;
}

#Footer a:hover{
	text-decoration: none;
}

#FooterLeft {
	float: left;
	width: 450px;
}

#FooterRight {
	float: left;
	width: 524px;
	text-align: right;
}

.Clear {
	clear:both;
}

form {
	margin: 0px;
}

form table td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;	
}

ul {
	padding-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

li {
}

#ContactLeft {
	width: 200px;
	float: left;
	margin-right: 20px;
}

#ContactLeft a:link, #ContactLeft a:visited {
	text-decoration: underline;
	color: #642F79;
}

#ContactLeft a:hover{
	text-decoration: none;
}

#ContactRight {
	width: 567px;
	float: left;
	border: 1px solid #bfbfbf;
}

#WarrantyHeader {
	width: 200px;
	background-image: url(../images/tech8_van_and_spanner.jpg);
	background-repeat: no-repeat;
	height: 190px;
	padding-left: 300px;
}

.WasPrice {
	text-decoration: line-through;
}

.PurpleText {
	color: #642F79;
}

#SparesLeft {
	width: 379px;
	float: left;
	margin-right: 20px;
}

#SparesLeft a:link, #SparesLeft a:visited {
	text-decoration: none;
	color: #642F79;
}

#SparesLeft a:hover{
	text-decoration: underline;
}

#SparesRight {
	width: 370px;
	float: left;
	background-color: #EBEDF0;
	padding: 10px;
}

#SparesLeft2 {
	width: 599px;
	float: left;
	margin-right: 20px;
}

#SparesLeft2 a:link, #SparesLeft2 a:visited {
	text-decoration: underline;
	color: #642F79;
}

#SparesLeft2 a:hover{
	text-decoration: none;
}

#SparesLeft3 {
	width: 599px;
	float: left;
	margin-right: 20px;
	min-height: 550px;
	clear: right;
}

#SparesLeft3 a:link, #SparesLeft3 a:visited {
	text-decoration: underline;
	color: #642F79;
}

#SparesLeft3 a:hover{
	text-decoration: none;
}

.SparesRight2 {
	width: 150px;
	float: left;
	background-color: #EBEDF0;
	padding: 10px;
}

.SparesRight2Top {
	width: 170px;
	float: left;
	background-image: url(../images/Cart_CurveTop.gif);
	background-repeat: no-repeat;
	height: 5px;
	overflow: hidden;
}

.SparesRight2Bottom {
	width: 170px;
	float: left;
	background-image: url(../images/Cart_CurveBottom.gif);
	background-repeat: no-repeat;
	height: 5px;
	overflow: hidden;
}

.SparesRight2Bottom2 {
	width: 170px;
	float: left;
	background-image: url(../images/Cart_CurveBottom.gif);
	background-repeat: no-repeat;
	height: 5px;
	overflow: hidden;
	margin-bottom: 15px;
}

#Checkout_Col1 {
	width: 384px;
	float: left;
	margin-right: 20px;
}

#Checkout_Col2 {
	width: 385px;
	float: left;
}

#Payment_Col1 {
	width: 484px;
	float: left;
	margin-right: 20px;
}

#Payment_Col2 {
	width: 285px;
	float: left;
}


#Order_Col1 {
	width: 459px;
	float: left;
	margin-right: 20px;
	margin-top: 20px;
}

#Order_Col2 {
	width: 310px;
	float: right;
}

#Login_Col1 {
	width: 300px;
	float: left;
	margin-right: 50px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666;
	padding-right: 50px;
}

#Login_Col2 {
	width: 385px;
	float: left;
}

#SpareCol1 {
	width: 310px;
	float: left;
}

#SpareCol2 {
	width: 288px;
	float: left;
}

.TotalTable {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	font-weight: bold;
}

.TotalTableRow {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}

.AccountOptions {
	width: 150px;
	float: left;
	margin-right: 20px;
	border: 1px solid #999;
	padding: 10px;
}

.AccountOptions a:link, .AccountOptions a:visited {
	text-decoration: underline;
	color: #642F79;
}

.AccountOptions a:hover{
	text-decoration: none;
}

.SpareListBoxTop {
	width: 599px;
	background-image: url(../images/spares/SpareListBox_Top.gif);
	background-repeat: no-repeat;
	height: 10px;
	overflow: hidden;
}

.SpareListBox {
	background-color: #EBEDF0;
	width: 585px;
	padding-right: 7px;
	padding-left: 7px;
}

.SpareListBoxImage {
	width: 140px;
	padding-right: 12px;
	float: left;
}

.SpareListBoxContents {
	width: 433px;
	float: left;
}

.SpareListPriceTop {
	width: 423px;
	margin-left: 5px;
	background-image: url(../images/spares/SpareListPriceBox_Top.gif);
	background-repeat: no-repeat;
	height: 5px;
	margin-top: 5px;
	overflow: hidden;
}

.SpareListPriceBottom {
	width: 423px;
	margin-left: 5px;
	background-image: url(../images/spares/SpareListPriceBox_Bottom.gif);
	background-repeat: no-repeat;
	height: 5px;
	overflow: hidden;
}

.SpareListPriceArea {
	width: 408px;
	background-color: #8995B0;
	margin-left: 5px;
	font-weight: bold;
	color: #FFF;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.SpareListPriceDetailTop {
	width: 400px;
	background-image: url(../images/spares/SpareListPriceBox_DetailTop.gif);
	background-repeat: no-repeat;
	height: 5px;
	margin-top: 15px;
	overflow: hidden;
}

.SpareListPriceDetailBottom {
	width: 400px;
	background-image: url(../images/spares/SpareListPriceBoxDetail_Bottom.gif);
	background-repeat: no-repeat;
	height: 5px;
	overflow: hidden;
}

.SpareListPriceAreaDetail {
	width: 385px;
	background-color: #8995B0;
	font-weight: bold;
	color: #FFF;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.SpareListBoxBottom {
	width: 599px;
	background-image: url(../images/spares/SpareListBox_Bottom.gif);
	background-repeat: no-repeat;
	height: 10px;
	margin-bottom: 7px;
	overflow: hidden;
}

.SearchBoxTop {
	width: 599px;
	background-image: url(../images/spares/SpareListBox_Top.gif);
	background-repeat: no-repeat;
	height: 10px;
	overflow: hidden;
	margin-top: 15px;
}

.SearchBoxMiddle {
	background-color: #EBEDF0;
	width: 574px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.SearchBoxBottom {
	width: 599px;
	background-image: url(../images/spares/SpareListBox_Bottom.gif);
	background-repeat: no-repeat;
	height: 10px;
	margin-bottom: 20px;
	overflow: hidden;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.Line1 {
	width: 599px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

/*Start of Hover Text*/

        a.info{
	position:relative;           /*this is the key*/
	z-index:25;    /* border colour */
	text-decoration:none;
        }

        a.info:hover {
	z-index:26;
        }

 a.info span.info{
        display: none;  /* hide the span text using this css */
        }

      a.info:hover span.info{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	left: 0px;
	border:1px solid #666; /* border colour */
	background-color:#FFF; /* background colour here */
	color:#333333;
	font-size: 12px;
	z-index:27;
	font-family: Arial, Helvetica, sans-serif;
	padding: 15px;
	top: -340px;
	width: 545px;
	margin: 0px;
        }
				
/*End of Hover Text*/

.GeoTrust_Banner {
	text-align:center;
	padding:20px;
	clear:left;
	float:left;
}

.Support_Text_Area {
	padding:15px;
	line-height:18px;
}

.Support_Customer_Reply_Form {
	padding:15px;
	line-height:18px;
	background-color: #78448C;
	margin-bottom: 15px;
	color: #FFF;
	font-weight: bold;
	width: 750px;
}

.Support_ReplyTextArea {
	width: 710px;
	margin-bottom: 15px;
	padding: 15px;
}

.Support_ReplyTextAreaStyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
}

.WasPrice {
	text-decoration: line-through;
	font-weight:normal;
}
.SubCategory {
	margin:0px;
}
.SubCategory li {
	list-style-type: none;
	padding-top:5px;
}
.SubCategoryAdd {
	color:#666 !important;
}