/*--------------------------
	Start New CSS
--------------------------*/

/* 
	$	bobe CSS version 2.0
	@	Creation Date: 25.06.2010
	@	Author: James Cacchione
	@	Contact: james@bidorbuy.co.za
	@	Company: bidorbuy.co.za
	
	** NOTES
	* ## 26.08.2010
	* - Added 'input' classes. This is not ideal but a quick work around for inconsistent use of <button> and <input> as buttons.
	*
	* ## 31.08.2010
	* - Added #site-logo img class to remove border from logo image.
	**
*/


/*--------------------------
	Site Defaults
--------------------------*/
html { margin: 0; padding: 0; overflow-y: scroll }
body { color: #000; font-family: Arial, 'Lucida Grande', 'Trebuchet MS', Verdana, Tahoma, sans-serif; font-size: 0.75em; font-weight: 400 }

a:link { color: #069; text-decoration: underline }
	a:visited { color: #069; text-decoration: underline }
	a:hover { color: #900; text-decoration: none }

.visited-content a:link, a:link.visited-content { color: #069; text-decoration: underline }
	.visited-content a:visited, a:visited.visited-content { color: #936; text-decoration: underline }
	.visited-content a:hover, a:hover.visited-content { color: #900; text-decoration: none }

h1, h2, h3, h4, h5, h6, ul, ol, dl { margin: 0; padding: 0 }
	h1, h2, h3, h4, h5, h6 { color: #900; height: 30px }
		h1 { font-size: 1.15em }
		h2 { font-size: 1.10em }
		h3 { font-size: 1.05em }
		h4 { font-size: 1.00em }
		h5 { font-size: 0.95em }
		h6 { font-size: 0.90em }

button, button a, .button { text-decoration: none !important; font-size: 110%; padding: 2px 5px }
	button :hover, button:hover, button a:hover, .button :hover { cursor: pointer }
	input, input a, .input { text-decoration: none !important; font-size: 110%; padding: 2px 5px }
	textarea{ font-family: inherit; font-size: inherit }
ul, ol, dl { list-style: none }


/*--------------------------
	Grid Framework
--------------------------*/
.framework { margin-left: auto; margin-right: auto; width: 984px }
	.flat-index { position: relative; z-index: 0 }
	.negative-index { position: relative; z-index: -1 }
	.upper-index { position: relative; z-index: 999 }
	.positive-index { position: relative; z-index: 9999 }
	

/* Grid Layout - Multi-Column layouts MUST ALWAYS equal 8 - Including the Sidebar!
-------------------------*/
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8 { display:inline; float: left; position: relative; margin-left: 3px; margin-right: 3px }
	.alpha { margin-left: 0 }
	.omega { margin-right: 0 }


/* Grid Formatting
-------------------------*/
.framework .grid-1 { width:117px }
	.framework .grid-2 { width:240px }
	.framework .grid-3 { width:363px }
	.framework .grid-4 { width:486px }
	.framework .grid-5 { width:609px }
	.framework .grid-6 { width:732px }
	.framework .grid-7 { width:855px }
	.framework .grid-8 { width:978px }


/* Add padding to left of columns - Stand alone elements - CANNOT be part of multi-column markup!
-------------------------*/
.framework .before-1 { padding-left:123px }
	.framework .before-2 { padding-left:246px }
	.framework .before-3 { padding-left:369px }
	.framework .before-4 { padding-left:492px }
	.framework .before-5 { padding-left:615px }
	.framework .before-6 { padding-left:738px }
	.framework .before-7 { padding-left:861px }


/* Add padding to right of columns - Stand alone elements - CANNOT be part of multi-column markup!
-------------------------*/
.framework .after-1 { padding-right:123px }
	.framework .after-2 { padding-right:246px }
	.framework .after-3 { padding-right:369px }
	.framework .after-4 { padding-right:492px }
	.framework .after-5 { padding-right:615px }
	.framework .after-6 { padding-right:738px }
	.framework .after-7 { padding-right:861px }


/* Force column to certain grid area - Absolute position - 'PUSH this column to the RIGHT by xxx grids'
-------------------------*/
.framework .right-1 { left:123px }
	.framework .right-2 { left:246px }
	.framework .right-3 { left:369px }
	.framework .right-4 { left:492px }
	.framework .right-5 { left:615px }
	.framework .right-6 { left:738px }
	.framework .right-7 { left:861px }


/* Force column to certain grid area - Absolute position - 'PULL this column to the LEFT by xxx grids'
-------------------------*/
.framework .left-1 { left:-123px }
	.framework .left-2 { left:-246px }
	.framework .left-3 { left:-369px }
	.framework .left-4 { left:-492px }
	.framework .left-5 { left:-615px }
	.framework .left-6 { left:-738px }
	.framework .left-7 { left:-861px }


/*--------------------------*/
/*  Header and Search Bar   */
/*--------------------------*/
#header { display: block; height: 80px }
	#logo-holder { float: left; clear: none }
	#site-logo { display: block; height: 50px; width: 260px; margin-top: 5px; float: left; border: 0;}
	#site-logo img { border: 0 }
	#header #site-logo span { visibility:hidden; text-decoration: none !important; border: 0; cursor: default !important }
	#header #site-logo a, #header #site-logo a:hover { display: block; height: 64px; width: 250px; overflow: hidden; text-decoration: none; border: 0 }
	#header span.tagline { display: block; width: 260px; white-space: nowrap; font-size: 90%; letter-spacing: 0.10em; color: #000; width: auto; float: left; clear: left; text-align: center }
	#search-bar { display: block; width: 100%; height: 42px; line-height: 42px; min-width: 775px; padding: 0 10px; font-size: 140%; margin: 0; background: transparent url(/images/core/search-bar-back.png) 0 0 no-repeat }
		#search-bar input, #search-bar select { display: inline; height: 21px; font-size: 1em }
		#search-bar select, #search-bar button, #search-bar input { display: inline; vertical-align: top; line-height: 1em; height: 1.75em; margin: 7px 0 0 0 }
			#search-bar select { font-size: 98% } 
			#search-bar input { font-size: 100%; height: 1.25em } 
			#search-bar button { font-size: 100%; line-height: 100% }
	
	#footer {
		/*	No special requirements yet; 
				so just a place-holder for possible elements. 	*/
 }

/*--------------------------
	Main Menu - Does NOT Work on IE6 - See IE6.CSS for Dedicated Menu.
--------------------------*/
#main-menu-holder { margin-top: -15px }
.menu { margin:0px; padding:0px; list-style:none; color:#333; line-height:50px; display:inline-block; float:right; z-index:9999 }
	.menu a { color:#333; font-weight: 700;text-decoration:none }
	.menu > li { background:transparent url(/images/nav/menu_back.png) 0 0 repeat-x; cursor:pointer; float:left; position:relative;z-index:999;padding:0px 10px }
	.menu > li a:hover { color:#000 }
	.menu .logo { background:transparent none repeat scroll 0% 0%; padding:0px; background-color:Transparent }
	/*	Sub-Menus	*/
	.menu ul { padding:0px; margin:0px; display:block; display:inline }
		.menu li ul { position:absolute; z-index:9999 ;left:-10px; top:0px; margin-top:45px; width:150px; line-height:16px; background-color:#fff3e4; color:#069; /*	for IE	*/ display:none }
		.menu li:hover ul { display:block; z-index:9999 }
		.menu li ul li { display:block; margin:5px 20px; padding: 5px 0px;  border-top: dotted 1px #606060; list-style-type:none }
		.menu li ul li:first-child { border-top: none }
		.menu li ul li a { font-weight: 400; display:block; color:#069 }
		.menu li ul li a:hover { font-weight: 400;color:#900 }
	/*	Main Submenu	*/
	.menu #main { left:0px; top:-20px; padding-top:20px; background-color:#7cb7e3; color:#fff; z-index:999 }
	/*	Search	*/
	.searchContainer div { background-color:#fff; display:inline; padding:5px }
		.searchContainer input[type="text"] { border:none }
		.searchContainer img { vertical-align:middle }
	/*	Corners	*/
	.menu .corner_inset_left { position:absolute; top:0px; left:-12px }
		.menu .corner_inset_right { position:absolute; top:0px; left:150px }
		.menu .first { border: 0 }
		.menu .last { background:transparent none repeat scroll 0% 0%; margin:0px; margin-top: -11px; padding:0px; border:none; position:relative; border:none; height:0px }
		.menu .corner_left { position:absolute; left:0px; top:0px }
		.menu .corner_right { position:absolute; left:132px; top:0px }
		.menu .middle { position:absolute; left:18px; height: 20px; width: 115px; top:0px }
	/* Advanced Search */
	#sub-menu-holder { margin-left: -25px; font-size: 70% }
	  #sub-menu-holder ul.menu li { background: 0; margin-top: -3px; text-align: left }
	  #sub-menu-holder ul.menu li a.small-text { text-decoration: underline }


/*--------------------------
	Sidebar Blocks and Elements
--------------------------*/
.sidebar-block { width: 233px; background: transparent url(/images/core/sidebar-background.png) left bottom no-repeat }
	.sidebar-block span { display: block; width: 217px; padding: 7px; padding-bottom: 0; border: 1px solid #fc3; border-bottom: 0 }
	.sidebar-block ol, .sidebar-block ul { list-style: none }
		.sidebar-block ol li, .sidebar-block ul li { line-height: 21px }
		.sidebar-block ol li label, .sidebar-block ul li label { display: inline }
		.sidebar-block .categorycount, span.categorycount { font-size: 75%; color: #900 }
		.sidebar-block label.popular-searches { display: inline; height: 29px; line-height: 29px }

#top-sellers ul { line-height: 30px }
	em.categorycount { font-size: 75%; color: #900 }

#home-page .sidebar-block .orange-border, #proudlysa .sidebar-block .orange-border { border: 0 !important } 
#home-page .sidebar-block .padding-7, #proudlysa .sidebar-block .padding-7 { padding: 0 !important } 

.advert-left { width: 400px }
.advert-right { width: 330px; text-align: right; margin: 0 0 0 1px }
.advert-center { width: 730px; text-align: center; margin: 0 0 0 1px }

#twitter_div { overflow: hidden }

/*--------------------------
	Trade Tables            
--------------------------*/
a.listing-title { display: inline-block; overflow: hidden; font-size: 13px; line-height: 16px }
.listing-price { font-weight: 700; font-size: 160%; color: #3d3d3d }
.listing-dates { font-weight: 400; font-size: 11px; color: #666 }
.listing-seller { display: inline-block; height: 30px; float: left; clear: left }
.listing-location { display: inline; color: #666 }
.listing-type	{ display: inline; float: right }
.listing-content { display: block; padding: 7px }
.listing-image a img { border: 1px solid #ccc }

#listings-promo img.listing-image, #listings-regular img.listing-image, img.listing-image { display: inline; float: left; overflow: hidden; border: 1px solid #ddd; margin: 0 7px 7px 0 }
#listings-promo img.listing-image { width: 120px; height: 120px }
	
#home-page #listings-promo .listing-content { display: block; height: 160px; }
	#home-page #listings-promo .alpha, #home-page #listings-promo .omega { height: 182px; }
	#home-page #listings-promo .omega { margin-left: 0px; padding: 1px 1px 1px 0 }
	#home-page #listings-promo .alpha { margin: 0; padding: 1px }
	#home-page #listings-promo a.listing-title { width: 63%; height: 70px }

#listings-regular .listing-content { height: 89px; padding-bottom: 0 }
	#listings-regular .listing-image { display: block; width: 100%; height: 90px } /* Create a block element around the images in order to center them */
	#listings-regular .listing-image img, #listings-regular img.listing-image { width: 80px; height: 80px; border: 1px solid #ccc }
	#listings-regular a.listing-title { display: inline-block; width: 87%; height: 55px;  }
	#listings-regular .listing-price { display: block; height: 52px }
	#listings-regular .listing-seller { height: 30px; clear: none !important }
	#listings-regular .listing-type { width: 100%; clear: none !important }
	
#category-listings img.listing-image { display: inline-block; float: none; width: 120px; height: 120px }
	#category-listings a.listing-title { display: block; float: none; text-align: center; height: 60px; overflow: hidden }
	#category-listings .listing-icons { display: inline; float: none; text-align: center }
	#category-listings .listing-seller { display: block; height: 16px; float: none; text-align: center }
	#category-listings .listing-type { display: inline; float: none; text-align: center }
	#category-listings .listing-content { height: 345px }

#listings-global .listing-content { height: 82px;}
	#listings-global img.listing-image { display: inline; float: left }
	#listings-global .listing-seller { display: inline-block; height: 30px; float: left; clear: none }
	#listings-global .listing-price { height: 55px }
	#listings-global .listing-type { width: 100% }
	#listings-global a.listing-title { display: inline; float: left }

#listings-top-category .listing-normal { background: #fff; height: 305px; margin: 0 auto }
	#listings-top-category a.listing-title { display: inline-block; float: none; text-align: center; height: 49px !important; overflow: hidden }
	#listings-top-category .listing-seller { display:block; margin: 0 auto;text-align: center; height: 20px; float: none }
	#listings-top-category .listing-image { float: none }
	#listings-top-category .listing-icons { display: inline-block; height: 20px }
	#listings-top-category .listing-price {  }
	#listings-top-category .listing-type { float: none }

#listings-daily .listing-content { height: 175px;}
	#listings-daily a.listing-title, #listings-daily .listing-title a { display: block; font-size: 110%; float: none; height: 31px; overflow: hidden }
	#listings-daily .listing-image img, #listings-daily img.listing-image { width: 80px; height: 80px; border: 1px solid #ccc; margin-right: 5px; float: left }
	#listings-daily .listing-seller { display: block; height: 16px; float: none }
	#listings-daily .listing-price { font-size: 105% }
	#listings-daily .listing-type { display: inline; float: right; text-align: center }
	#listings-daily .omega { margin-left: 0px; padding: 1px; border-top: 0; border-left: 0 }
	#listings-daily .alpha { margin: 0; padding: 1px 2px; border-right: 1px solid #fc0 !important; border-top: 0 }
	/*
		#listings-daily .omega { margin-left: 0px; padding: 1px 2px; border-top: 0 }
		#listings-daily .alpha { margin: 0; padding: 1px; border-right: 0; border-top: 0 }
	*/
	
#listings-daily .crazywednesday h3, #listings-daily .autothursday h3, #listings-daily .snapfriday h3 { padding-left: 55px; }
	#listings-daily .crazywednesday h3 { background: transparent url(/images/core/title-block-daily-crazy-left.gif) 0 0 no-repeat }	
	#listings-daily .autothursday h3 { background: transparent url(/images/core/title-block-daily-car-left.gif) 0 0 no-repeat }
	#listings-daily .snapfriday h3 { background: transparent url(/images/core/title-block-daily-snap-left.gif) 0 0 no-repeat }
	

/*--------------------------
	Speciality Pages
--------------------------*/
#autopages .listing-content { height: 89px }
	#listings-daily #autopages .omega { margin-left: 0px; padding: 1px 2px; border-top: 0; border-left: 1px solid #fc0 !important; }
	#listings-daily #autopages .alpha { margin: 0; padding: 1px; border-top: 0; border-right: 0 !important}
	#home-page #listings-daily #autopages .listing-content {height: 150px; !important}
	
#private-property-pages { /* H3:#0059a9 :: Highlight:#eceffa */ }
	#private-property-pages h1, #private-property-pages h2, #private-property-pages h3, #private-property-pages h4 { color: #0059a9; background: transparent url(/images/core/content-full-h-blue.png) 0 0 no-repeat }
	#private-property-pages .sidebar-block h2, #private-property-pages .sidebar-block h3 { color: #0059a9; background: transparent url(/images/core/sidebar-h-blue.png) 0 0 no-repeat }
	#private-property-pages .grid-2 h2, #private-property-pages .grid-2 h3 { border: 0; color: #0059a9; background: transparent url(/images/core/sidebar-h-blue.png) 0 0 no-repeat }
	#private-property-pages .omega h2, #private-property-pages .omega h3 { border: 0; color: #0059a9; background: transparent url(/images/core/sidebar-g2-h-blue.png) 0 0 no-repeat }
	#private-property-pages .orange-back { background: #eceffa }
	#private-property-pages .orange-border { border: 1px solid #0059a9 }
	#private-property-pages .orange-bottom { border-bottom: 1px solid #0059a9 }
	#private-property-pages .orange-top { border-top: 1px solid #0059a9 }
	#private-property-pages .sidebar-block { background: transparent url(/images/core/sidebar-background-blue.png) 0 bottom no-repeat }
	#private-property-pages .sidebar-block span { border: 1px solid #0059a9; border-bottom: 0 }
	#private-property-pages .hr-orange { display: inline-block; width: 100%; height: 2px; clear: left; margin: 5px auto; background: transparent url(/images/core/hr-blue.gif) top center no-repeat }

#help-page-default {  }
	#help-page-default h1, #help-page-default h2, #help-page-default h3, #help-page-default h4 {  }
	#help-page-default h2 { font-weight: 700; background: 0; font-size: 140%; margin: 0; padding: 0; width: 100% }
	#help-page-default h3, #help-page-default h4  { width: 100%; color: #069; font-weight: 400; padding-left: 13px; line-height: 25px; font-size: 120%; background: transparent url("/images/core/arrow_orange.gif") 0 10px no-repeat;  }
	#help-page-default ul { list-style: circle; margin: 5px 0 10px 20px }
		#help-page-default ul, #help-page-default ul li { line-height: 150% }
	#help-page-default ol { list-style: decimal; margin: 5px 0 10px 20px }
		#help-page-default ol, #help-page-default ol li { line-height: 150% }
	#help-page-default hr, #help-page-faq hr { height: 1px; border: 1px dotted #ccc; background: 0; width: 90% }

#article-page-wrapper .col-wrapper h1, #article-page-wrapper .col-wrapper h2, #article-page-wrapper .col-wrapper h3 { background: 0; margin: 0; padding: 0; font-size: 140%; width: auto }
	#article-page-wrapper ul { line-height: 20px; margin-left: 15px; list-style: disc }
	#article-page-wrapper ol { line-height: 20px; margin-left: 15px; list-style: decimal }

ul.bank-details { list-style: none;	display: block; float: left; clear: left; margin: 0; padding: 0; border: 1px solid #ccc; border-bottom: 0; width: 100% }
	ul.bank-details li { line-height: 18px; width: 100%; border: 0; border-bottom: 1px solid #ccc }
	ul.bank-details li label { display: inline-block; width: 40%; padding: 0 0 0 5px; float: left }
	ul.bank-details li span { display: inline-block; width: 58%; padding: 0 0 0 5px; border-left: 1px solid #ccc; float: none }
		
ul.my-bobe { list-style: circle; display: block; float: right; clear: left; margin: 0; padding: 0; border-bottom: 0; width: 100% }
	ul.my-bobe li { line-height: 18px; width: 100% }
	ul.my-bobe li label { display: inline-block; width: 40%; padding: 0 0 0 5px; float: right }

h3.my-bobe-active, h3.my-bobe-inactive { display: block; width: 140px; padding: 0; margin: 0; line-height: 30px; height: 30px; font-size: 120%; font-weight: 700; text-align: center }
	h3.my-bobe-active { color: #900; background: #fff url(/images/core/tab-active.gif) 0 0 no-repeat }
	h3.my-bobe-inactive { color: #ddd; background: #fff url(/images/core/tab-inactive.gif) 0 0 no-repeat }
	
.framework #proudlysa .grid-3 { width:350px }

/*--------------------------
	Column Layout Revisited
--------------------------*/
.col-wrapper { display: block; width: auto; clear: none; margin: 0; padding:0 } /* Note all children of this class have percentage values as .5; prevents box model ghost padding line breaks */
	.col-1 { width: 0.75% }
	.col-5 { width: 4.5% }
	.col-10 { width: 9.5% }
	.col-15 { width: 15.5% }
	.col-20 { width: 19.5% }
	.col-25 { width: 24.5% }
	.col-30 { width: 29.5% }
	.col-32 { width: 31.5% }
	.col-33 { width: 32.5% }
	.col-33-full { width: 33% } /* Use with CAUTION - May break IE6/7 Box model (inline and block) */
	.col-35 { width: 34.5% }
	.col-37 { width: 36.5% }
	.col-40 { width: 39.5% }
	.col-45 { width: 44.5% }
	.col-49 { width: 48.75% }
	.col-50 { width: 49.5% }
	.col-55 { width: 54.5% }
	.col-60 { width: 59.5% }
	.col-65 { width: 64.5% }
	.col-70 { width: 69.5% }
	.col-75 { width: 74.5% }
	.col-80 { width: 79.5% }
	.col-85 { width: 84.5% }
	.col-90 { width: 89.5% }
	.col-95 { width: 94.5% }
		.col-95-center { width: 94.5%; margin: 0 auto } /* Fall back centering classes - Used when box models ignore inherent margins */
		.col-99-center { width: 98.5%; margin: 0 auto }
	.col-100 { width: 99.5% }
		.col-100-full { width: 100% } /* Use with CAUTION - May break Box model (inline and block) - All Browsers */
	.col-auto { width: auto }


/*--------------------------
	Formating Revisited - Margins
--------------------------*/
.margin-zero { margin: 0 !important }
	.margin-left-0 { margin-left: 0px !important }
	.margin-left-5 { margin-left: 5px !important }
	.margin-left-10 { margin-left: 10px !important }
	.margin-left-15 { margin-left: 15px !important }
	.margin-left-20 { margin-left: 20px !important }
	.margin-left-25 { margin-left: 25px !important }
	.margin-left-30 { margin-left: 30px !important }
	.margin-left-35 { margin-left: 35px !important }
	.margin-left-40 { margin-left: 40px !important }
	.margin-right-0 { margin-right: 0px !important }
	.margin-right-5 { margin-right: 5px !important }
	.margin-right-10 { margin-right: 10px !important }
	.margin-right-15 { margin-right: 15px !important }
	.margin-right-20 { margin-right: 20px !important }
	.margin-right-25 { margin-right: 25px !important }
	.margin-right-30 { margin-right: 30px !important }
	.margin-right-35 { margin-right: 35px !important }
	.margin-top-0 { margin-top: 0px !important }
	.margin-top-5 { margin-top: 5px !important }
	.margin-top-7 { margin-top: 7px !important }
	.margin-top-10 { margin-top: 10px !important }
	.margin-top-15 { margin-top: 15px !important }
	.margin-top-20 { margin-top: 20px !important }
	.margin-top-25 { margin-top: 25px !important }
	.margin-top-30 { margin-top: 30px !important }
	.margin-top-35 { margin-top: 35px !important }
	.margin-top-40 { margin-top: 40px !important }
	.margin-top-45 { margin-top: 45px !important }
	.margin-top-50 { margin-top: 50px !important }
	.margin-bottom-0 { margin-bottom: 0px !important }
	.margin-bottom-5 { margin-bottom: 5px !important }
	.margin-bottom-10 { margin-bottom: 10px !important }
	.margin-bottom-15 { margin-bottom: 15px !important }
	.margin-bottom-20 { margin-bottom: 20px !important }
	.margin-bottom-25 { margin-bottom: 25px !important }
	.margin-bottom-30 { margin-bottom: 30px !important }
	.margin-bottom-35 { margin-bottom: 35px !important }
	.margin-5 { margin: 5px !important }
	.margin-10 { margin: 10px !important }
	.margin-15 { margin: 15px !important }
	.margin-20 { margin: 20px !important }
	.margin-25 { margin: 25px !important }
	.margin-30 { margin: 30px !important }
	.margin-35 { margin: 35px !important }
	.margin-0-auto { margin: 0 auto !important } /* Basicly a centered DIV */
	.margin-0-5 { margin: 0 5px !important }
	.margin-0-10 { margin: 0 10px !important }
	.margin-0-15 { margin: 0 15px !important }
	.margin-5-0 { margin: 5px 0 !important }
	.margin-10-0 { margin: 10px 0 !important }
	.margin-15-0 { margin: 15px 0 !important }
	
	
/*--------------------------
	Formating Revisited - Padding
--------------------------*/
.padding-zero { padding: 0 !important }
	.padding-left-5 { padding-left: 5px !important }
	.padding-left-10 { padding-left: 10px !important }
	.padding-left-15 { padding-left: 15px !important }
	.padding-left-20 { padding-left: 20px !important }
	.padding-left-25 { padding-left: 25px !important }
	.padding-left-30 { padding-left: 30px !important }
	.padding-right-5 { padding-right: 5px !important }
	.padding-right-10 { padding-right: 10px !important }
	.padding-right-15 { padding-right: 15px !important }
	.padding-right-20 { padding-right: 20px !important }
	.padding-right-25 { padding-right: 25px !important }
	.padding-right-30 { padding-right: 30px !important }
	.padding-top-5 { padding-top: 5px !important }
	.padding-top-10 { padding-top: 10px !important }
	.padding-top-15 { padding-top: 15px !important }
	.padding-top-20 { padding-top: 20px !important }
	.padding-top-25 { padding-top: 25px !important }
	.padding-top-30 { padding-top: 30px !important }
	.padding-bottom-5 { padding-bottom: 5px !important }
	.padding-bottom-10 { padding-bottom: 10px !important }
	.padding-bottom-15 { padding-bottom: 15px !important }
	.padding-bottom-20 { padding-bottom: 20px !important }
	.padding-bottom-25 { padding-bottom: 25px !important }
	.padding-bottom-30 { padding-bottom: 30px !important }
	.padding-5 { padding: 5px !important }
	.padding-7 { padding: 7px !important }
	.padding-10 { padding: 10px !important }
	.padding-15 { padding: 15px !important }
	.padding-20 { padding: 20px !important }
	.padding-25 { padding: 25px !important }
	.padding-30 { padding: 30px !important }


/*--------------------------
	Line Height - General Text Controls
--------------------------*/
.line-height-reset { line-height: 100% }
	.line-height-10 { line-height: 10px !important }
	.line-height-15 { line-height: 15px !important }
	.line-height-20 { line-height: 20px !important }
	.line-height-25 { line-height: 25px !important }
	.line-height-30 { line-height: 30px !important }
	.line-height-35 { line-height: 35px !important }
	.line-height-40 { line-height: 40px !important }
	.line-height-45 { line-height: 45px !important }
	.line-height-50 { line-height: 50px !important }

.vertical-top { vertical-align: top !important }
	.vertical-bottom { vertical-align: bottom !important }
	.vertical-middle { vertical-align: middle !important }
	.align-center { text-align: center !important }
	.align-left { text-align: left !important }
	.align-right { text-align: right !important }
	.align-justify { text-align: justify !important }
	.underline { text-decoration: underline !important }
	.no-underline { text-decoration: none !important }
	.no-border { border: 0 !important }
	.no-left { border-left: 0 !important }
	.no-right { border-right: 0 !important }
	.no-top { border-top: 0 !important }
	.no-bottom { border-bottom: 0 !important }
	.no-background { background: 0 !important }
		.no-back { background: 0 !important } /* Legacy format support */


/*--------------------------
	Font Controls					
--------------------------*/
.font-150 { font-size: 150% }
	.font-120 { font-size: 120% }
	.font-110 { font-size: 110% }
	.font-100 { font-size: 100% }
	.font-95 { font-size: 95% }
	.font-90 { font-size: 90% }
	.font-85 { font-size: 85% }
	.font-80 { font-size: 80% }
	.font-75 { font-size: 75% }
	.font-70 { font-size: 70% }

.strong { font-weight: 700 }
	.reset-weight { font-weight: 400 !important }
	.upper-case { text-transform: uppercase }
	.lower-case { text-transform: lowercase }
	.title-case { text-transform: capitalize }
	.reset-case { text-transform: none } /* Fallback for unwanted inheritance */
	.text-normal { font-style: normal }
	.text-italic { font-style: italic }


/*--------------------------
	Float and Clearing Controls
--------------------------*/
.clear-float { float: none !important }
	.go-left { float: left }
		.go-right { float: right }
		.go-center { display: block;	width: 100%;	margin: 0 auto !important } /* Will not work for non-block elements - Element width must be specified */
	.display-inline { display: inline }
		.display-block { display: block }
		.display-inline-block { display: inline-block }
	.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 }
		.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0 }
		.clearfix { display: inline-block } /* IE does not understand floating blocks and will break. Must be declared as inline object model */
		* html .clearfix { height: 1% }
		.clearfix { display: block }
	hr.full-clear { margin: 5px 0; visibility: hidden }
		br.full-clear { line-height: 1px; clear: both }
		p.full-clear { margin: 5px 0; clear: both }


/*--------------------------
	Heading Formats					
--------------------------*/
h1, h2, h3	{ width: 974px; line-height: 30px; padding: 0 0 0 10px } /* height: 30px; */ /* Removed - Forced height does not fall-back gracefully on wrapped headings */
	h1, h2, h3	{ background: #fff5d6 url(/images/core/content-full-h.png) 0 0 no-repeat }
	.grid-6 h1, .grid-6 h2, .grid-6 h3 { width: 722px; background: #fff5d6 url(/images/core/content-h.png) 0 0 no-repeat }
	.grid-4 h1, .grid-4 h2, .grid-4 h3	{ width: 476px; background: #fff5d6 url(/images/core/content-g4-h.png) 0 0 no-repeat }
	.grid-2 h1, .grid-2 h2, .grid-2 h3	{ width: 230px; background: #fff5d6 url(/images/core/sidebar-g2-h.png) 0 0 no-repeat }
	.sidebar-block h3 { width: 223px; background: #fff5d6 url(/images/core/sidebar-h.png) 0 0 no-repeat }

	h1 span, h2 span, h3 span { display: inline; float: right; font-size: 95%; font-weight: 400; margin-right: 20px }
		h1 span.ratings, h2 span.ratings, h3 span.ratings { display: inline; float: none; margin: 0 3px; padding: 0 }
	
  h3 span.pagination_prev_nolink, h3 span.pagination_next_nolink, h3 span.pagination_pageno_nolink, h3 span.pagination_pageno_active {
		display: inline;
		float:none;
		font-size: 100%;
		font-weight: 400;
		margin-right: 0;
  }

	#smspages h2 { background: 0; padding: 0; width: auto } 
		#smspages .sidebar-block h3 { width: 223px; background: #fff5d6 url(/images/core/sidebar-h.png) 0 0 no-repeat }
	
	/* jQuery auto appends unwanted classes - Strip them off again */
	.ui-accordion h1.ui-accordion-header, .ui-accordion h2.ui-accordion-header, .ui-accordion h3.ui-accordion-header, .ui-accordion h4.ui-accordion-header, .ui-accordion h5.ui-accordion-header { width: auto !important }
	
	
/*--------------------------
	List Classes         
--------------------------*/
* ul.circle, * .circle ul, * ul.disc, * .disc ul, * ul.square, * .square ul  { line-height: 20px; margin-left: 15px }
	* ul.circle, * .circle ul  { list-style: circle !important }
	* ul.disc, * .disc ul { list-style: disc !important }
	* ul.square, * .square ul { list-style: square !important }
		* ul.circle li span { color: #666 }

* ol.decimal, * .decimal ol, * ol.decimal-leading-zero, * .decimal-leading-zero ol, * ol.lower-alpha, 
* .lower-alpha ol, * ol.lower-roman, * .lower-roman ol, * ol.upper-alpha, * .upper-alpha ol, * ol.upper-roman, * .upper-roman ol { line-height: 20px; margin-left: 15px }
	* ol.decimal, * .decimal ol { list-style: decimal !important }
	* ol.decimal-leading-zero, * .decimal-leading-zero ol { list-style: decimal-leading-zero !important } 
	* ol.lower-alpha, * .lower-alpha ol { list-style: lower-alpha !important }
	* ol.lower-roman, * .lower-roman ol { list-style: lower-roman !important } 
	* ol.upper-alpha, * .upper-alpha ol { list-style: upper-alpha !important }
	* ol.upper-roman, * .upper-roman ol { list-style: upper-roman !important }


/*--------------------------
	Colour and Aesthetics         
--------------------------*/
.orange { color: #f90 }		
	.orange-border { border: 1px solid #fc0 }
	.orange-bottom { border-bottom: 1px solid #fc0 }
	.dark-orange-border { border: 1px solid #f90 }
	.dark-orange-back { background: #ffeb7a }
	.light-orange-back { background: #fffec5 }
	.orange-back { background: #fff7d7 }
.white { color: #fff }
	.white-border { border: 1px solid #fff }
	.white-back { background: #fff }
.blue { color: #069 }
	.blue-border { border: 1px solid #069 }
	.blue-back { background: #069 }
.red { color: #900 }
	.red-border { border: 1px solid #900 }
	.red-back { background: #ffdcdc }
	.red-highlight { color: #900; font-weight: 700 }
.error { color: #f00; font-weight: 700 }
	.error-border { border: 1px solid #f00 }
	.error-back { background: #FFF0F5 }		
.gray { color: #999 }
	.gray-border { border: 1px solid #ddd }
	.gray-back { background: #ddd }
	.gray-right { border-right: 1px solid #ddd }
	.gray-left { border-left: 1px dotted #ddd }
	.gray-bottom { border-bottom: 1px solid #ddd }
.confirmation { color: #000; font-weight: 700 }
	.confirmation-border { border: 1px solid #3c3 }
	.confirmation-back { background: #cfc }
.notice { color: #000; font-weight: 400 }
	.notice-border { border: 1px solid #0059a9 }
	.notice-back { background: #eeffff }

.highlighted, .highlighted-back { background: #ffffe7 }
.regular, .regular-back { background: #fff }

/* Very specific to multi column layouts with borders, having start column controlled by alpha class end columns controlled by omega class - Remember; the border adds 2px to each total column width =P */
	.orange-border .omega { position: relative; margin-right: -2px }
	.white-border .omega { position: relative; margin-right: -2px }
	.blue-border .omega { position: relative; margin-right: -2px }
	.red-border .omega { position: relative; margin-right: -2px }
	.error-border .omega { position: relative; margin-right: -2px }
	.gray-border .omega { position: relative; margin-right: -2px }
	.notice-border .omega { position: relative; margin-right: -2px }

.hr-orange, .hr-orange-top { display: inline-block; width: 100%; height: 2px; clear: left; margin: 5px auto }
	.hr-orange { background: transparent url(/images/core/hr-orange.gif) top center no-repeat }
	.hr-orange-top { background: transparent url(/images/core/hr-orange-top.gif) top right no-repeat }
	hr.orange { display: block; clear: both; color: #fc0; background: #fc0; border: 0; margin: 7px 0; height: 1px }
	
.hideme { display: none; visibility: hidden }


/*--------------------------*/
/*  Icons and Buttons				*/
/*--------------------------*/
.view-cart-button, .viewed-items-button { width: 85px; height: 23px; display: inline-block; margin: 7px 0 0 25px; padding: 3px 0 0 25px; text-align: left;  font-weight: 700 }
	.view-cart-button { background: transparent url(/images/core/shopping_cart.gif) left top no-repeat }
	.viewed-items-button { background: transparent url(/images/core/viewed-items.gif) left top no-repeat }

div.BuyNowButton button, div.AuctionButton button { cursor: pointer; border: none; width: 110px; background: url(/images/shared_images/css_sprite_buttons.png) no-repeat top left;vertical-align:text-top;border: none }
	div.BuyNowButton button { background-position: 0 -230px; height: 32px }
	div.AuctionButton button { background-position: 0 -180px; height: 30px }

.more-button { display: block; width: 205px; height: 30px; line-height: 30px; text-align: center; float: right; background: transparent url(/images/core/button-more.png) 0 0 no-repeat } /* Considering making more of these for variable widths. Not sure if it's needed just yet - Only used on home page right now */
.login-link, .logout-link, .join-now-link { font-weight: 700; float: left; line-height: 45px; padding: 2px 7px 0 11px; margin-left: 10px; background: transparent url(/images/core/arrow_orange.gif) 0 22px no-repeat }

/* Sexy buttons... again! =D */
.buttons a, .buttons button {
	display:inline;
	/* float:left; */
	margin:0 7px 0 0;
	background-color:#f5f5f5;
	border:1px solid #dedede;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size:100%;
	line-height:25px;
	text-decoration:none;
	font-weight:bold;
	color:#565656;
	cursor:pointer;
	padding:5px 10px 6px 7px
}
	.buttons button { width:auto; overflow:visible; padding:4px 10px 3px 7px }
	.buttons button[type]{ padding:5px 10px 5px 7px; line-height:17px }
	*:first-child+html button[type] { padding:4px 10px 3px 7px }
	.buttons button img, .buttons a img { margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px }
	/* Default Buttons */
	.buttons button:hover, .buttons a:hover { background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699 !important}
	.buttons a:active { background-color:#6299c5; border:1px solid #6299c5; color:#fff }
	/* Positive Buttons */
	.buttons button.positive, .buttons a.positive { background: #060; color:#fff}
	.buttons a.positive:hover, .buttons button.positive:hover { background-color:#090; border:1px solid #C6D880; color:#fff!important }
	.buttons a.positive:active { background-color:#529214; border:1px solid #529214; color:#fff }
	/* Negative Buttons */
	.buttons a.negative,.buttons  button.negative { color:#d12f19 }
	.buttons a.negative:hover, button.negative:hover { background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19 !important}
	.buttons a.negative:active { background-color:#d12f19; border:1px solid #d12f19; color:#fff }


/*--------------------------
	Legacy Table Formats         
--------------------------*/
table.picture-view { border: 0; padding: 0; margin: 0; width: 100% }
	.picture-view table { border: 1px solid #ddd; padding: 4px 0 }
	div.listing-highlight { background: #fff5d6 }
	div.listing-normal{ background: #fff }
	table.picture-view img { border: 1px solid #ddd }
	.table-header { background-color: #feeca4 }
	.table-color { background-color:#ffffe7 }
	.table-alt-color { background-color: #fef4bf }
	.table-highlight-color { background-color: #c2c2c2 }
	
.order-table { width:100% }
.order-table table, .order-item-table td { margin:0; padding:0 }
.order-table td { padding:.2em 0.5em .2em 1em; text-align:left; vertical-align:top }

.grid-table table, .grid-table td { border-collapse:collapse; border:1px solid #D3D3D3; margin:0; padding:0 }
.grid-table td { padding:.2em 0.5em; text-align:left; vertical-align:top }


/*--------------------------
	Reset Item Descriptions and Strip Unwanted Elements           
--------------------------*/
#item-description-html, #item-description-html * table, #item-description-html * tr, #item-description-html * td, #item-description-html * { line-height: 120% !important }
	#item-description-html h1, #item-description-html h2, #item-description-html h3, #item-description-html h4, #item-description-html h5 { border: 0; background: 0; line-height: 120% !important; margin-bottom: 7px; display: block; clear: both; height: auto !important; width: auto }
	#item-description-html h1 span, #item-description-html h2 span, #item-description-html h3 span, #item-description-html h4 span, #item-description-html h5 span { float: none; margin: 0; padding: 0; display: block; clear: both; width: 99%; line-height: 110% }
	#item-description-html p {padding-left: 10px; line-height: 110% !important; width: 99%}
	#item-description-html input, #item-description-html select, #item-description-html object, #item-description-html textarea { display: none } /* Remove evil elements */
	#item-description-html .col-wrapper { width: 982px } /* Ensure equal size even with extranious padding or margins from FCK */
	#item-description-html ul, #item-description-html ol, #item-description-html dl { width: auto; list-style: circle !important; margin: 5px 0 5px 20px }
	#item-description-html ul li, #item-description-html ol li, #item-description-html dl dt { margin: 5px 0; list-style: circle !important; clear: left; line-height: 110%; width: 99% }
	#general-item-page img.listing-image { margin: 0 0 5px 27px }
	#item-description-html table { clear: both; margin: 0 auto } /* Center Tables */
	#item-description-html * span, #item-description-html span * { line-height: 120% }
	#item-description-html h1 { font-size: 200% }
		#item-description-html h2 { font-size: 150% }
		#item-description-html h3 { font-size: 120% }
		#item-description-html h4 { font-size: 100% }
		#item-description-html h5 { font-size: 80% }
		#item-description-html h6 { font-size: 70% }

/*--------------------------
  Notice box - rounded corners and stuff (as used in the Xrated access section      
--------------------------*/
.notice-box-rbroundbox { background: url(/images/nav/notice_simple_background.gif) repeat; }
.notice-box-rbtop div  { background: url(/images/nav/notice_simple_top_left.gif) no-repeat top left; }
.notice-box-rbtop      { background: url(/images/nav/notice_simple_top_right.gif) no-repeat top right; }
.notice-box-rbbot div  { background: url(/images/nav/notice_simple_bottom_left.gif) no-repeat bottom left; }
.notice-box-rbbot      { background: url(/images/nav/notice_simple_bottom_right.gif) no-repeat bottom right; }
.notice-box-rbtop div, .notice-box-rbtop, .notice-box-rbbot div, .notice-box-rbbot {width: 100%;height: 14px;font-size: 1px;}
.notice-box-rbcontent  { margin: 0 14px; }
.notice-box-rbroundbox { width: 100%; margin: auto; }


/*--------------------------
	Sprite Objects - Buttons 			
--------------------------*/
.css-sprite-buttons {background: url(/images/shared_images/css_sprite_buttons.png) no-repeat top left;vertical-align:text-top;border: none }
	.sprite-Auction { background-position: 0 0; width: 75px; height: 14px; vertical-align:middle } 
	.sprite-BuyNow { background-position: 0 -34px; width: 75px; height: 14px; vertical-align:middle } 
	.sprite-Classifieds { background-position: 0 -68px; width: 75px; height: 14px; vertical-align:middle } 
	.sprite-PersonalOffer { background-position: 0 -102px; width: 75px; height: 14px; vertical-align:middle } 
	.sprite-add-to-watchlist { background-position: 0 -136px; width: 118px; height: 24px } 
	.sprite-button_auction { background-position: 0 -180px; width: 110px; height: 30px; text-align:center;cursor: pointer } 
	.sprite-button_buynow { background-position: 0 -230px; width: 110px; height: 32px } 
	.sprite-cars-icon { background-position: 0 -282px; width: 48px; height: 48px } 
	.sprite-facebook-share { background-position: 0 -350px; width: 119px; height: 24px } 
	.sprite-remove-from-watchlist { background-position: 0 -394px; width: 102px; height: 24px } 
	.sprite-sell_a_car { background-position: 0 -438px; width: 50px; height: 26px } 
	.sprite-tell-a-friend { background-position: 0 -484px; width: 102px; height: 24px } 
	.sprite-twitter-share { background-position: 0 -528px; width: 72px; height: 24px } 
	.sprite-view-similar { background-position: 0 -572px; width: 123px; height: 24px } 


/*--------------------------
	Sprite Objects - Icons
--------------------------*/
.css-sprite-icons {background: url(/images/shared_images/css_sprite_icons.png) no-repeat top left;vertical-align:text-top;border: none }
	.sprite-icons-DiscreetSmall { background-position: 0 0; width: 16px; height: 16px; vertical-align:middle } 
	.sprite-icons-add-to-watchlist-small { background-position: 0 -36px; width: 17px; height: 17px;vertical-align:middle } 
	.sprite-icons-icon-remove { background-position: 0 -73px; width: 16px; height: 16px } 
	.sprite-icons-icon_gold { background-position: 0 -109px; width: 16px; height: 16px; vertical-align:middle } 
	.sprite-icons-icon_rating_ { background-position: 0 -145px; width: 16px; height: 16px; vertical-align:text-top;padding-right: 4px } 
	.sprite-icons-icon_rating_- { background-position: 0 -181px; width: 16px; height: 16px; vertical-align:text-top;padding-right: 4px } 
	.sprite-icons-icon_rating_0 { background-position: 0 -217px; width: 16px; height: 16px; vertical-align:text-top;padding-right: 4px } 
	.sprite-icons-icon_reserve { background-position: 0 -253px; width: 16px; height: 16px; vertical-align:middle }
	.sprite-icons-icon_silver { background-position: 0 -289px; width: 16px; height: 16px; vertical-align:middle }
	.sprite-icons-listingviewnew { background-position: 0 -325px; width: 16px; height: 16px } 
	.sprite-icons-moneybackiconsmall { background-position: 0 -361px; width: 16px; height: 16px; vertical-align:middle }
	.sprite-icons-pictureviewnew { background-position: 0 -397px; width: 16px; height: 16px } 
	.sprite-icons-rating1 { background-position: 0 -433px; width: 12px; height: 12px; vertical-align:text-bottom } 
	.sprite-icons-rating10 { background-position: 0 -465px; width: 22px; height: 22px; vertical-align:text-bottom } 
	.sprite-icons-rating11 { background-position: 0 -507px; width: 26px; height: 22px; vertical-align:text-bottom } 
	.sprite-icons-rating2 { background-position: 0 -549px; width: 22px; height: 12px; vertical-align:text-bottom } 
	.sprite-icons-rating3 { background-position: 0 -581px; width: 22px; height: 22px; vertical-align:text-bottom } 
	.sprite-icons-rating4 { background-position: 0 -623px; width: 27px; height: 22px; vertical-align:text-bottom } 
	.sprite-icons-rating5 { background-position: 0 -665px; width: 24px; height: 24px; vertical-align:text-bottom } 
	.sprite-icons-rating6 { background-position: 0 -709px; width: 27px; height: 22px; vertical-align:text-bottom } 
	.sprite-icons-rating7 { background-position: 0 -751px; width: 37px; height: 22px; vertical-align:text-bottom } 
	.sprite-icons-rating8 { background-position: 0 -793px; width: 37px; height: 22px; vertical-align:text-bottom } 
	.sprite-icons-rating9 { background-position: 0 -835px; width: 42px; height: 22px; vertical-align:text-bottom } 
	.sprite-icons-remove-from-watchlist-small { background-position: 0 -877px; width: 17px; height: 17px;vertical-align:middle } 
	.sprite-icons-smiley { background-position: 0 -914px; width: 16px; height: 16px } 
	.sprite-icons-verifieduser { background-position: 0 -950px; width: 16px; height: 16px } 
	.sprite-icons-warrantyiconsmall { background-position: 0 -986px; width: 16px; height: 16px; vertical-align:middle }

.css-sprite-layout {background: url(/images/shared_images/css_sprite_layout.png) no-repeat top left;vertical-align:text-top;border: none }
	.sprite-layout-shopping_cart { background-position: 0 0; width: 28px; height: 23px; padding-bottom: 15px }
	.sprite-layout-viewed-items { background-position: 0 -43px; width: 22px; height: 22px }


/*--------------------------
	Sprite Objects - Backgrounds 
--------------------------*/
.css-sprite-trade-item  { background: url(/images/core/css-sprite-trade-items.png) no-repeat top left }
	#home-page .sprite-trade-item-listing-highlight-back { background: url(/images/core/css-sprite-trade-items.png) no-repeat 0 0; width: 744px; height: 96px } 
	#home-page .sprite-trade-item-listing-regular-back { background: url(/images/core/css-sprite-trade-items.png) no-repeat  0 -146px; width: 744px; height: 96px } 
	.sprite-trade-item-listing-highlight-back { background: url(/images/core/css-sprite-trade-items.png) no-repeat 0 -292px; width: 985px; height: 96px } 
	.sprite-trade-item-listing-regular-back { background: url(/images/core/css-sprite-trade-items.png) no-repeat 0 -438px; width: 985px; height: 96px } 
	.sprite-trade-item-title-block-premium-left { background: url(/images/core/css-sprite-trade-items.png) no-repeat 0 -584px; width: 974px; height: 30px } 
	.sprite-trade-item-title-block-premium-right { background: url(/images/core/css-sprite-trade-items.png) no-repeat 0 -664px; width: 469px; height: 30px } 
	.sprite-trade-item-tradelist-title-block-large { background: url(/images/core/css-sprite-trade-items.png) no-repeat 0 -744px; width: 985px; height: 30px }


/*--------------------------
	Category Slider
--------------------------*/
 #slidedeck_frame { position: relative; margin: 0 auto; width: 910px; height: 300px }
.skin-slidedeck { position: relative;z-index:1;padding: 11px; background: url('/html/js/jquery/slidedeck/back.png') 0 0 #d7d7d7; border: 14px solid #fff; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2) }
.skin-slidedeck dl.slidedeck { position: relative; width: 100%; height: 100%; margin: 0; padding: 0 }
.skin-slidedeck dl.slidedeck > dd {
	position: relative;
	height: 294px;
	padding: 10px 15px;
	margin: 0;
	border-right: 5px solid #d7d7d7;
	background: url('/html/js/jquery/slidedeck/slides.png') bottom left #d7d7d7;    /* Note: you should position the background with pixel measurements in IE7 as it improperly calculates the height of the DD element when containing vertical slides */
	overflow: hidden;
}
.skin-slidedeck dl.slidedeck > dt {
	position: relative;
	cursor: pointer;
	height: 43px;
	line-height: 38px;
	font-size: 12px;
	font-weight: bold;
	font-family: "Futura Bold", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: url('/html/js/jquery/slidedeck/spines.png') top left #d7d7d7;
	color: #505050;
	margin: 0;
	padding: 0;
}
.skin-slidedeck dl.slidedeck dt.spine:hover { color: #000; background-position: center left }
.skin-slidedeck dl.slidedeck dt.spine.active,
.skin-slidedeck dl.slidedeck dt.spine.active:hover { cursor: default; color: #fff; background-position: bottom left }
.skin-slidedeck dl.slidedeck dt.spine .index { margin-bottom: 2px; font-size: 24px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color: #505050 }
.skin-slidedeck dl.slidedeck dt.spine.active .index { margin-bottom: 0; }
.skin-slidedeck dl.slidedeck dt.spine:hover .index { color: #000000; }
.skin-slidedeck dl.slidedeck dt.spine.active .index { color: #ffffff; }
.skin-slidedeck dl.slidedeck .activeCorner { margin-left: -6px; background-image: url('/html/js/jquery/slidedeck/corner.png'); width: 12px; height: 25px }
.skin-slidedeck dl.slidedeck dd.slide ul.slidesVertical > li { overflow: hidden; padding: 10px }
.skin-slidedeck dl.slidedeck ul.verticalSlideNav {
	height: 70px;
	width: 25px;
	background: none;
	position: relative;
	overflow: hidden;
	padding: 15px 0 0;
	margin: 0;
	top: 0;
	left: 125px;
	-webkit-transform: rotate(90deg);
	-webkit-transform-origin: -7px 0;
	-moz-transform: rotate(90deg);
	-moz-transform-origin: -7px 0;
	-o-transform: rotate(90deg);
	-o-transform-origin: -7px 0;
}
.skin-slidedeck dl.slidedeck ul.verticalSlideNav li { position: relative; width: 25px; height: 12px; line-height: 12px; padding: 0; margin: 0; overflow: hidden; float: left; clear: left }
.skin-slidedeck dl.slidedeck dd.slide ul.verticalSlideNav li.arrow { display: none; }
.skin-slidedeck dl.slidedeck ul.verticalSlideNav li a {
	position: relative;
	display: block;
	padding: 12px 0 0 0;
	margin: 0;
	width: 25px;
	height: 0;
	overflow: hidden;
	line-height: 12px;
	background: url('/html/js/jquery/slidedeck/vertical-nav.png') 0 0 no-repeat;
}
.skin-slidedeck dl.slidedeck ul.verticalSlideNav li.active a { background-position: 0 -24px }
.skin-slidedeck dl.slidedeck dt.active ul.verticalSlideNav li.active a { background-position: 0 -12px }
dl.slidedeck dd.slide ul.verticalSlideNav li a:hover { opacity: 0.75; -moz-opacity: 0.75; -webkit-opacity: 0.75; -khtml-opacity: 0.75; -ms-filter: "Alpha(opacity=75)"; filter: Alpha(opacity=75) }

.article-postdate {position:relative;width:50px;height:50px;float:left;border-bottom-width:0}
.article-post{margin-left:70px;margin-bottom:0px;padding-bottom:0px;}
.article-post a:hover {text-decoration:none;border-bottom:1px solid #f0c193}
.article-post h2 a, .article-post h2 a:hover, .article-post h2 {color:#28393a}
.article-post h2 a {text-decoration:none}
.article-post h2 a:hover{border-bottom:1px solid #4f7173}
.article-post h2 {color: #28393A;font-size: 24px !important;height:100% !important;line-height:100% !important;width:100% !important;font-style: normal;font-weight: 200;margin-right: 0px;margin-bottom: 7px;padding-left: 0px;background:transparent;vertical-align: baseline;font-family:"Verlag Condensed","Abadi MT Condensed","Futura Std Light Condensed","Futura Condensed","Gill Sans","Arial Narrow",Calibri,"Trebuchet MS",Georgia,sans-serif}
.article-month,.article-day,.article-year{position:absolute;text-indent: -1000em;background-image:url(/images/shared_images/css-sprite-article-calendar.png);background-repeat:no-repeat}
.article-month{top:2px;left:0;width:32px;height:24px}
.article-day{top:25px;left:0;width:32px;height:25px}
.article-year{bottom:0;right:0;width:17px;height:48px}
.article-m-1{background-position:0 4px}.article-m-2{background-position:0 -28px}.article-m-3{background-position:0 -57px}.article-m-4{background-position:0 -90px}.article-m-5{background-position:0 -121px}.article-m-6{background-position:0 -155px}.article-m-7{background-position:0 -180px}.article-m-8{background-position:0 -216px}.article-m-9{background-position:0 -246px}.article-m-10{background-position:0 -273px}.article-m-11{background-position:0 -309px}.article-m-12{background-position:0 -340px}
.article-d-1{background-position: -50px 0}.article-d-2{background-position: -50px -31px}.article-d-3{background-position: -50px -62px}.article-d-4{background-position: -50px -92px}.article-d-5{background-position: -50px -123px}.article-d-6{background-position: -50px -154px}.article-d-7{background-position: -50px -185px}.article-d-8{background-position: -50px -216px}.article-d-9{background-position: -50px -248px}.article-d-10{background-position: -50px -278px}.article-d-11{background-position: -50px -309px}.article-d-12{background-position: -50px -340px}.article-d-13{background-position: -50px -371px}.article-d-14{background-position: -50px -402px}.article-d-15{background-position: -50px -434px}.article-d-16{background-position: -50px -465px}.article-d-17{background-position: -100px 0}.article-d-18{background-position: -100px -31px}.article-d-19{background-position: -100px -62px}.article-d-20{background-position: -100px -92px}.article-d-21{background-position: -100px -123px}.article-d-22{background-position: -100px -154px}.article-d-23{background-position: -100px -185px}.article-d-24{background-position: -100px -216px}.article-d-25{background-position: -100px -248px}.article-d-26{background-position: -100px -278px}.article-d-27{background-position: -100px -309px}.article-d-28{background-position: -100px -340px}.article-d-29{background-position: -100px -371px}.article-d-30{background-position: -100px -402px}.article-d-31{background-position: -100px -434px}
.article-y-2006{background-position: -150px 0}.article-y-2007{background-position: -150px -50px}.article-y-2008{background-position: -150px -100px}.article-y-2009{background-position: -150px -150px}.article-y-2010{background-position: -150px -200px}.article-y-2011{background-position: -150px -250px}.article-y-2012{background-position: -150px -300px}.article-y-2013{background-position: -150px -350px}.article-y-2014{background-position: -150px -400px}.article-y-2015{background-position: -150px -450px}.article-y-2016{background-position: -150px -500px}

#facebook-likebox-frame{border:none !important;border-bottom-style:none;border-top-style:none;overflow: hidden;position:relative;top:-1px;left:-2px;margin-left: 2px;width:231px;}
#facebook-likebox-frame iframe{left:-4px;overflow:hidden;position:relative;top:-1px;}

.item_page_rss_icon {margin-top:9px;margin-right:10px !important;float:left;}
.item_page_facebook_like {margin-top:5px;border:none; overflow:hidden; width:90px; height:21px;}

/*--------------------------
  Disable Twitter header/footer and disable border 
--------------------------*/
.twtr-doc {border:none}
.twtr-hd {display:none;}
.twtr-ft {display:none;}


/*--------------------------
  Payment Option Images
--------------------------*/
.sprite-payment-PayPal {
  background: url(/images/payment/css-sprite-payments.png) no-repeat top left;
  background-position: 0 0;
  width: 120px;
  height: 51px;
  vertical-align: middle;
  border: none;
}

.sprite-payment-bobPayCC {
  background: url(/images/payment/css-sprite-payments.png) no-repeat top left;
  background-position: 0 -101px;
  width: 120px;
  height: 51px;
  vertical-align: middle;
  border: none;
}

.sprite-payment-bobPayEFT {
  background: url(/images/payment/css-sprite-payments.png) no-repeat top left;
  background-position: 0 -202px;
  width: 120px;
  height: 51px;
  vertical-align: middle;
  border: none;
}

#maplegend  {  background: #FFFFFF;}
#maplegend  li { font-weight: bold; padding-bottom:5px;}
#maplegend a { color:#3F3F3F;text-decoration:none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#maplegend a:hover { color:#005A94;text-decoration:underline; }
#maplegend .left_col { border-left-width: 1px; border-left-style: solid; border-left-color: #CCCCCC; padding-left: 9px; }
#maplegend .left_col li { padding-left: 6px;background-image: url(/images/core/list_item_orange.gif);background-repeat: no-repeat;background-position: 0px 5px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#maplegend .left_col ul { float:left; width: 220px; list-style-type: none;padding: 0px;margin: 0px;}
#maplegend .left_col .no_marginr { margin-right:0px; }

#TopCategoryPromotionTradeSlider h3 {width:100%;background: 0;}
#TopCategoryPromotionTradeSlider h3 {margin-bottom:10px;font-weight:bold;font-size:16px;background: rgba(0, 0, 0, 0.7) !important;background-color:#f8991d !important;color:#000000}
.tradeslidedeck {height:200px;width:500px}
.tradeslidedeck .item-image {float:left;margin-top:0px;margin-left:10px;width:130px}
.tradeslidedeck .item-image a img { border: 0px solid #ccc }

.tradeslidedeck .prodInfo {float:right;width:355px}
.tradeslidedeck .prodInfo .prodLink{font-weight:bold;font-size:16px}
.tradeslidedeck a.prodLink:link {color:#1A75CF;text-decoration:none;}
.tradeslidedeck a.prodLink:hover {color:#F47B20;text-decoration:underline;}
.tradeslidedeck a.prodLink:visited {color:#1A75CF !important;}

.tradeslidedeck .camelPrice{margin-top:5px;position:relative;}
.tradeslidedeck .camelPrice .bigPriceText2{font:bold 19px Arial, sans-serif;color: #c00;background-color:inherit;}
.tradeslidedeck .camelPrice .smallPriceText2{display:inline-block;position:relative;bottom:.5em;font:bold 11px Arial, sans-serif;color: #c00;background-color:inherit;}
.tradeslidedeck .InStock{color:#339900;font:bold 12px Verdana;padding:0 !important;margin:0 !important;}

/*--------------------------
  Deal of the Weak - DOTW
--------------------------*/
#dotw_dealwrapper {overflow:hidden !important;width:100% !important}
#dealheader {position:relative;width:984px;height:200px;overflow:hidden}
.daysleft {position:relative;top:27px;left:306px;width:57px !important;}
.daysleft h2 {font-family: Arial, sans-serif;line-height: 1.2em;color: white;font-size: 35px;background: #789c5c;width:100% !important;padding: 0px;vertical-align: baseline;text-align: center;}
#dotw_title {float:left;margin-top:10px;width:600px}
#dotw_title h2 {font-family: Arial, sans-serif;color:#95b181;font-size: 35px;background: 0;width:980px !important;text-align:centre;margin-left:10px;padding: 0px;vertical-align: baseline;}

.dotw_nav_menu {position: absolute;bottom: 0;left: 0px;height:30px;width:230px;vertical-align: baseline;background: transparent url(/images/site/dotw/dotw_nav_bg.png);background-repeat: repeat-x;}
ul.dotw_nav_menu {margin: 0; width: auto; padding: 0; list-style-type:none;}
ul.dotw_nav_menu li {display:inline;}
ul.dotw_nav_menu li a {;height: 30px; line-height: 30px; margin: 0;padding: 0 10px; border-right: 1px solid #FFF; color: #000; font-size: 12px; font-weight: 700; text-decoration: none;}
ul.dotw_nav_menu li.last a {;height: 30px; line-height: 30px; margin: 0;padding: 0 10px; border:0;color: #000; font-size: 12px; font-weight: 700; text-decoration: none;}
ul.dotw_nav_menu li a:hover {text-decoration: underline;}

.social_share .social_share_facebook, .social_share .social_share_twitter, .social_share .social_share_email {float: left; }
.social_share .social_share_email {background: url(/images/site/social_email.gif) no-repeat;width: 53px;height: 20px;cursor: pointer;margin-right: 18px;text-indent: -9999em; }
.social_share .social_share_email:hover {background: url(/images/site/social_email_hover.gif) no-repeat; }
.social_share .social_share_facebook {max-width: 90px; }

.dotw_dealcontent {border:1px #F7F7F7 solid;padding-top:10px;background-image: url(/images/site/dotw/dotw_stripe_background.png) !important}
.dotw_item_title {float:right;margin-top:5px;margin-bottom:5px !important;width:175px;height:73px;overflow:hidden}
.dotw_item_title_link {margin-right:5px}
.dotw_deal_item a, .dotw_deal_item a:visited, .dotw_deal_item_first a, .dotw_deal_item_first a:visited{font-family: Arial, sans-serif;font-size:16px;font-weight:bold;color:#1d74d3;text-decoration:none;}
.dotw_deal_item a:hover, .dotw_deal_item_first a:hover{text-decoration:underline;}
.dotw_deal_item, .dotw_deal_item_first {border: 1px solid #ccc;width:310px;background-image: url(/images/site/dotw/dotw_item_background_medium.png);background-repeat:repeat-y;height:200px;float:left;margin-bottom:15px;}
.dotw_deal_item_first {margin-left:9px}
.dotw_deal_item {margin-left:15px}

.dotw_item_image {border:1px #F7F7F7 solid;margin:5px;width:120px !important;height:120px;position:relative;float:left}
.dotw_price {width:170px;height:70px;overflow:hidden}
.dotw_price .bigPriceText2{font:bold 19px Arial, sans-serif;color: #669933;margin-left:4px !important;background-color:inherit;}
.dotw_price .smallPriceText2{display:inline-block;position:relative;bottom:.5em;font:bold 11px Arial, sans-serif;color: #669933;background-color:inherit;}
.dotw_discount {width:72px !important;height:73px !important;position:relative;top:-25px;left:235px;background-image: url(/images/site/dotw/dotw_discount_label.png);background-repeat:no-repeat;}
.dotw_discount h2 {font-family: Arial, sans-serif;color: white;font-size: 24px;background: 0;width:72px !important;text-align:centre;vertical-align: baseline;padding-top: 23px;}

.dotw_item_thumbnail {border:0;width:120px;height:120px}
.dotw_item_image_overlay{position:absolute;top:0px; left:0px;filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;border:0;}
.dotw_item_image a, .dotw_item_image a:visited, .dotw_item_image a:hover {text-decoration:none;}
.dotw_view_deal {border:0;margin-left:4px;padding-top:5px;align:middle}

#dotw_deal_seller .orange-border { border: 0 !important}
.dotw_side_item_title {font-family: Arial, sans-serif;color:#000;font-size: 20px;background: 0;width:100% !important;text-align:centre;margin-left:5px;margin-right:5px;padding: 0px;vertical-align: baseline;}
.dotw_side_item_box {border: 1px solid #ccc;width:386px;background-image: url(/images/site/dotw/dotw_item_background_medium.png);background-repeat:repeat-y;float:left;margin-bottom:15px;}
.dotw_side_item_box_right {border: 1px solid #ccc;width:100%;background-image: url(/images/site/dotw/dotw_item_background_large.png);background-repeat:repeat-y;float:left;margin-bottom:15px;}
.dotw_side_indent {margin-left:5px}

.dotw_item_detail_title {float:left;margin-top:5px;margin-bottom:5px !important;width:100%;overflow:hidden}

.dotw_item_page_discount {width:72px !important;height:73px !important;position:absolute;top:5px;left:310px;background-image: url(/images/site/dotw/dotw_discount_label.png);background-repeat: no-repeat;}
.dotw_item_page_discount h2 {font-family: Arial, sans-serif;color: white;font-size: 24px;background: 0;width:72px !important;text-align:centre;vertical-align: baseline;padding-top: 23px;}

.dotw_item_page_price {clear:both;position:relative;display:block;margin-left:-6px;width:301px;height:87px;background-image: url(/images/site/dotw/dotw_item_page_price_label.png);background-repeat: no-repeat;}
.dotw_item_page_price .bigPriceText2{font:bold 46px Arial, sans-serif;color: #000;margin-left:4px !important;background-color:inherit;}
.dotw_item_page_price .smallPriceText2{display:inline-block;position:relative;bottom:0.7em;font:bold 24px Arial, sans-serif;color: #000;background-color:inherit;}
.dotw_item_page_price .pricePrefix {font:24px Arial, sans-serif;color: #000;}

.dotw_deal_price_overview {clear:both;postion:relative;width:100%;}
.dotw_deal_price_overview_title {font-family: Arial, sans-serif;color:#000;font-size: 20px;background: 0;width:100% !important;text-align:centre;padding: 0px;vertical-align: baseline;}

.dotw_deal_price_overview_details {font:bold 20px Arial, sans-serif;background-color:inherit;}
.dotw_deal_price_overview_details .bigPriceText2{font:bold 20px Arial, sans-serif;margin-left:4px !important;background-color:inherit;}
.dotw_deal_price_overview_details .smallPriceText2{display:inline-block;position:relative;bottom:0.5em;font:bold 12px Arial, sans-serif;background-color:inherit;}

div.DOTWBuyNowButton button {cursor:pointer;border:none;height:60px;width:137px; background: url(/images/site/dotw/dotw_buy_button.png) no-repeat top left;vertical-align:text-top;}