/*body::Controls Page Background Color and any other fonts not defined below*/ 	
body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #919090;
	background: #000 url(/assets/images/css/navbar-ends.png) no-repeat top center;
	font-weight: Normal;
	margin:0;
	padding:0;
	text-align:center;
       behavior: url("csshover3.htc");
	}
 
/*data:: Controls body default fonts and colors */
.data {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #7E7E7C;

}

 /*page_headers:: Controls the page's titles */
.page_headers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3b4f30;

}


/*icon:: Controls the way the menu icons display*/ 
.icon {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #f5730a;
}

/*footer:: Displays at the very bottom of your online store,  copyright and desgined by notices */		
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #FBF7DF;
}		 

	
/*A::Links:: Controls the way the  Links look before a user clicks  or mouse overs on them*/ 	 
A {
	color: #fff;
	font-weight: bold;
	font-style: normal;

}
	
/*A:hover:: Controls the way the  Links look when a user passes  their mouse over a them*/ 	 	
A:hover {
	font-weight: bold;
	font-style: normal;
	color: #ccc;
}

/*A:visited:: Controls the way the  Links look after a user has visited that section*/ 
A:visited {
		color: #ccc;
}
	
/*A:visited:hover:: Controls the way the  Links look when a user hovers over a section they have visited*/ 	 
A:visited:hover {
	color: #ccc;
} 

/*A.menu::Links:: Controls the way the  menu links  look before a user clicks  or mouse overs on them*/ 	 
A.menu {
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
	
/*A.menu:hover:: Controls the way the  menu links look when a user passes  their mouse over a them*/ 	 	
A.menu:hover {
	font-weight: normal;
	font-style: normal;
	color: #ffffff;
	text-decoration: underline;
}

/*A.menu:visited:: Controls the way the menu links look after a user has visited that section*/ 
A.menu:visited {
	color: #ffffff;
}
	
/*A.menu:visited:hover:: Controls the way the menu links look when a user hovers over a section they have visited*/ 	 
A.menu:visited:hover {
	color: #ffffff;
} 

/*menu-text:: Controls the way the menu (mailing list) text look */ 
.menu-text {
	font-size: 11px;
	color: #043a85;
}

/*item:: Controls the Item, Name, Description, Price, Savings, Cost,Font and Color */ 
.item {
	color: #fff;
	text-decoration: none;
}

.item-desc {
	padding-top:5px;
	color: #919090;
}

 /*price-info:: controls the way the prices display on the product page*/ 
.price-info {

	font-weight: Normal;
	color: #535353;
}

  /*price:: Controls the way the product's prices display*/ 
.price {

	color: #d90d0e;
	font-weight: bold;
}

 /*checkout-headers:: Controls the titles on the checkout pages (Billing Information, Shipping Information etc)*/
.checkout-headers {
	font-size: 16px;
	font-weight: bold;
	color: #f5730a;

}

 /*titles2:: Controls the titles on the view cart page*/ 
.titles2 {
	font-size: 12px;
	font-weight: bold;
	color:#ffca15;
	background:#222222;
	border-bottom: 1px solid #ffca15;
	
} 
/*alternative:: Controls the form backgrounds and other areas that requred an alternative color */
.alternative {
   padding: 2px 4px 2px 4px;
   border: 1px solid #222222;
}
 
 
 /*borders_coupon:: Controls the color of  the borders on the coupon and shipping box*/ 
.borders_coupon {
    border: solid;
    border-color: #aaa9a9;
	border-width: 1px;
}

 /*steps:: Controls the way the steps on the checkout pages display*/
.steps {
	font-size: 16px;
	font-weight: bold;
	color: #cfd0d1;

}

 /*steps_on:: Controls the way the steps on the checkout [ages display*/
.steps_on {
	font-size: 16px;
	font-weight: bold;
	color: #f5730a;

}

/*error:: Controls the error messages*/ 
.error {
	font-size: 10px;
	font-weight: bold;
	color: #e10e04;
	text-decoration: none;
}

 /*options-titles:: Controls the way the titles on the product options display*/
.options-titles {
	font-size: 14px;
	font-weight: bold;
	color: #3b4f30;
}

/*borders2:: Controls the color of  the borders on forms*/ 
.borders2 {
		border: #3b4f30;
		background-color: #3b4f30;
 }

/*cart-text:: Controls the way the text inside the shopping cart looks*/ 
.cart-text {
	font-weight: Normal;
	color: #043a85;
	line-height: 18px;
	background-color: #d5e6fd;
}

/*invoice_title:: Controls the way the title of the invoices look */ 
.invoice_title {
	font-size: 10px;
	font-weight: bold;
	background-color: #cbcaca;
	color: #384e31;
	
} 

/*invoice_table:: Controls the background color on your invoices*/ 
.invoice_table {
    background-color: #f9f8f8;
	
} 

/*font1:: Primary Screen Font */ 
.font1 {
	font-weight: Normal;
	color: #535353;
}
 
/*font2:: Secondary Screen Font */ 
.font2 {
	font-weight: Normal;
	color: #535353;
}

/*font3:: controls the search on the top*/ 
.font3 {
	font-weight: Normal;
	color: #ffffff;
}	

/*btn:: Controls the buttons*/ 
.btn {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    background-color: #f5730a;
    font-weight: normal;
    font-size: 14px;    
    color: #ffffff;
	cursor: pointer;
	} 
	
	/*btn_over:: Controls the buttons*/ 
.btn_over {
    border-top: 1px solid #336699;
    border-bottom: 1px solid #336699;
    border-left: 1px solid #336699;
    border-right: 1px solid #336699;
    background-color: #cee5fc;
    font-weight: normal;
    font-size: 14px;    
    color: #336699;
	cursor: pointer;
	} 
		

 /*btn2:: Controls the buttons*/
.btn2 {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    background-color: #f5730a;
    font-weight: normal;
    font-size: 12px;    
    color: #ffffff;
	cursor: pointer;
	} 	
	
 /*txtBoxStyle:: Controls the text boxes*/  	
.txtBoxStyle {
    border-top: 1px solid #b3b4b5;
    border-bottom: 1px solid #b3b4b5;
    border-left: 1px solid #b3b4b5;
    border-right: 1px solid #b3b4b5;
    background-color: #f5f4f2;
    font-weight: normal;
    font-size: 14px;    
    color: #38393a;
	} 
	
 /*txtareaStyle:: Controls the text areas*/ 	
 .txtareaStyle {
    border-top: 1px solid #C7D5E0;
    border-bottom: 1px solid #C7D5E0;
    border-left: 1px solid #C7D5E0;
    border-right: 1px solid #C7D5E0;
    background-color: #FBFBFB;
    font-weight: normal;
    font-size: 14px;    
    color: #343333;
	height: 80px;
	width: 250px;
	}
 
#container {
	margin: 0 auto;   
	text-align: left;
	width: 937px;
	padding:0px;
}

#header_title {
	height:95px;
	padding-top:26px;
	padding-bottom:13px;
}

#header_title h1 {
	float:left;
	margin:0px;
	width:359px;
	height:95px;
}

#header_title h1 a {
	background: transparent url(/assets/images/css/vespa-logo.png) no-repeat center;
	display:block;
	height:95px;
	width:359px;
	overflow: hidden;
	text-decoration: none;
	text-indent: -1000em;
}

#header_title #header_right {
	float:right;
	background: transparent url(/assets/images/css/vespa-wasp.png) no-repeat center;
	width:417px;
	height:95px;
}	

#header_right a.cv25 {
	background: transparent url(/assets/images/css/vespa-cv25.png) no-repeat center;
	display:block;
	height:33px;
	width:170px;
	overflow: hidden;
	text-decoration: none;
	text-indent: -1000em;
	margin-top:62px;
	margin-right:73px;
	float:left;
}

#header_right a.junior {
	background: transparent url(/assets/images/css/vespa-junior.png) no-repeat center;
	display:block;
	height:33px;
	width:170px;
	overflow: hidden;
	text-decoration: none;
	text-indent: -1000em;
	margin-top:62px;
	float:left;
}

#header-cart {
	height: 17px;
	padding-bottom:3px;
	text-align:right;
}
#header-cart a {
	color: #ffca15;
}
#header-cart a:hover {
	text-decoration: underline;
}	

#content {
	background: #000 url(/assets/images/css/shaded-bg.png) repeat-x;
	width:936px;
	margin:0 2px;
	padding:0px;
	border: 2px solid #222222;
	border-bottom: none;
}

#content2 {
	background: transparent url(/assets/images/css/footer-lines.png) no-repeat center bottom;
	margin: 0 -2px;
	padding: 0 0 6px 0;
	width:941px;
	min-height:0;
}

* html #content2 {height:1px;position:relative}

#intro-slideshow {
	height:48px;
	left:244px;
	position:relative;
	top:-398px;
	background-color:transparent;
}

#intro {
	padding: 10px 0 0 19px;
	margin-right: 7px;
	font-size: 13px;
	color: #919090;
    position: relative;
    z-index: 10;
}

#intro ul {
    padding: 20px 0px;
	margin: 0;
	list-style-position: inside;
}
#intro li {
	font-size: 13px;
	color: #ffce16;
}

#intro li strong {
    font-size: 14px;
}

#intro a {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-decoration:none;
}

#intro div, #intro p {
	width: 455px;
}

#intro a.find-a-retailer {
	background: transparent url(/assets/images/css/find-a-retailer-button.png) no-repeat center;
	display:block;
	height:37px;
	width:221px;
	margin-top:53px;
	overflow: hidden;
	text-decoration: none;
	text-indent: -1000em;
}

#intro a.buy-online {
	background: transparent url(/assets/images/css/buy-online-button.png) no-repeat center;
	display:block;
	height:37px;
	width:212px;
	overflow: hidden;
	text-decoration: none;
	text-indent: -1000em;
}

#body {
      padding: 5px 20px 20px 20px;
}

#body span.breadcrumb {
	font-size: 11px;
	color:#909090;
}

#body span.breadcrumb a {
	font-size: 11px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

#body span.breadcrumb a:hover {
	color:#ccc;
}


#body h2 {
	color:#ffca16;
	font-size:24px;
	font-weight:bold;
	margin-top:10px;
}

#body h3 {
	color:#ffca16;
	font-size:16px;
	font-weight:bold;
	margin-top:20px;
}

#content2 ul {
	list-style-image: url(/assets/images/css/bullet-arrow.gif);
}

h2#end-perf-res {
	background: transparent url(/assets/images/css/end-perf-results.png) no-repeat top;
	width:445px;
	height:60px;
	overflow: hidden;
	text-indent: -1000em;
	margin:0px;
}

#navbar {
	height: 75px;
	position:relative;
}

ul#navigation {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 0;
	top: 0px;
	left: 0px;
	height: 37px;
	background: #000;
}

a, a:link, a:visited {
	text-decoration: none;
}

/*<group=level 1>*/

ul#navigation li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: -9999px;	
}

ul#navigation li a {
	border: 0;
	display: block;
	height: 37px;
	background: url(/assets/images/css/navigation.png) no-repeat;
}
	
/*</group>*/

/*<group=level 1 ids>*/

li#nav28 a {
	width: 144px;
 }

li#nav7 a {
	width: 209px;
}

li#nav7 a:link,
li#nav7 a:visited,
li#nav7 a:hover {
	background-position: -144px 0px;
}

li#nav29 a {
	width: 203px;
}

li#nav29 a:link,
li#nav29 a:visited,
li#nav29 a:hover {	
	background-position: -353px 0px;
}


li#nav30 a {
	width: 205px;
}

li#nav30 a:link, 
li#nav30 a:visited, 
li#nav30 a:hover {	
	background-position: -556px 0px;
}

li#nav3 a {
	width: 176px;
}

li#nav3 a:link, 
li#nav3 a:visited, 
li#nav3 a:hover {	
	background-position: -761px 0px;
}

/*</group>*/

/*<group=level 2>*/
#navigation li#nav28 ul {
  height: 21px;
  margin-left:-5px;
  background: transparent url(/assets/images/css/nav-arrow.png) no-repeat 65px top;
  width:450px;
}

#navigation li#nav7 ul {
  height: 21px;
  margin-left: 30px;
  background: transparent url(/assets/images/css/nav-arrow.png) no-repeat 180px top;
  width:450px;
} 

#navigation li#nav29 ul {
  height: 21px;
  margin-left: 230px;
  background: transparent url(/assets/images/css/nav-arrow.png) no-repeat 220px top;
  width:450px;
} 

#navigation li#nav30 ul {
  height: 21px;
  margin-left: 543px;
  background: transparent url(/assets/images/css/nav-arrow.png) no-repeat 140px top;
  width:300px;
}

#navigation li#nav3 ul {
  height: 21px;
  margin-left: 635px;
  background: transparent url(/assets/images/css/nav-arrow.png) no-repeat 220px top;
  width:300px;
}

* html #navigation li#nav7 ul {
  margin-left: 233px;
} 

* html #navigation li#nav29 ul {
  margin-left: 79px;
}

/*<group=level 2 ids>*/ 

#navigation li ul {	
	visibility: hidden;
	position: absolute;
	left: 0px;
	margin:0;
	padding:0;
  /*display: none;*/
}

#navigation li:hover ul {
	visibility: visible;
  /*display: inline;*/
	z-index: 100;
}

ul#navigation li li a {
	display:block;
	text-indent: 0;
	background: none;
	width:150px;
	text-align:center;
	color:#ffca15;
}

ul#navigation li li {
	padding-top:15px;
	float:left;
}

ul#navigation li li a:hover {
	text-decoration:underline;
}

/*</group>*/


.prod-thumb {
	width: 230px;
	float:left;
	margin: 0 50px 25px 0;
}

.prod-thumb img {
	margin-right:10px;
}

.prod-thumb strong {
	color: #fff;
	padding-bottom:7px;
}

#footer {
	padding-left:20px;
	font-size:12px;
	color:#666666;
	padding-top:5px;
  clear: both;
}

#footer a {
	display:block;
	float:left;
	padding: 0 25px 5px 0;
}

.clearing {
	clear:both;
	height:0pt;
}
#images-box {
	width:400px;
	float:left;
	margin-right:50px;
}
#buy-box {
	width:400px;
	float:left;
	border: 1px solid #222222;
	padding:10px;
}

.cart-tline {
	background:#222222;
}

td.total {
	font-size: 16px;
}

td.total-box {
	border: 1px solid #ffca16;
	background: #222222;
	width:250px;
	font-size:12px;
}

td.total-box td {
	padding: 5px 5px;
}

td.Tabletop {
	background: #222222;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	padding: 7px 3px;
	
}