/* 
	Colours:
		
		Grey (text): #797979
		Red: #DC1909
		Dark Grey (Footer BG): #131313
		Grey (sidebar BG): #F2F3F3
*/

/* -------------------------------------------------------------- 
   RESET
-------------------------------------------------------------- */

html, body, div, span, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, h6, p, a, img, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-family:inherit;
	font-size:100%;
	vertical-align:baseline;
}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { font-weight: normal; }
table, td, th { vertical-align: middle; }
a img { border: none; }
input, textarea { margin: 0; padding: 0; }
input:focus { outline: 0; }
.clear { clear: both; }
.red { color: #DC1909; }
.hr {
	background: url(../images/dottedLine.gif) repeat-x;
	height: 1px;
	overflow: hidden;
	margin: 5px 0 5px 0;
}

/* Position text offscreen that is replaced by images */
.hide {
	position: absolute;
	top: -9999px;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/* -------------------------------------------------------------- 
   TYPOGRAPHY - GENERAL STYLES
-------------------------------------------------------------- */

/* The base font size is reset from 16px to 12px here (0.75 * 16px = 12px).
   The line-heights and vertical margins are automatically calculated from this. 
   Converting px to em can be done here http://riddle.pl/emcalc/
   Basic conversions:
   	10px - 0.83em, 11px - 0.92em, 12px - 1.00em, 13px - 1.08em, 14px - 1.17em
	16px - 1.33em, 18px - 1.50em, 20px - 1.67em, 22px - 1.83em, 24px - 2.00em
	26px - 2.17em
*/
body {
	font-size: 75%;
	color: #797979;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2;
	background-color: #131313;
}

/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4 { font-weight: normal; color: #DC1909; }

h1, .h1 { font-size: 1.33em; line-height: 1.4; padding-bottom: 0.8em; font-weight: bold; color: #000000; }
h1.witharrow { background: url(../images/h1_arrow.png) no-repeat; padding: 4px 0 0 40px; height: 31px; margin-bottom: 0.5em; }
h2, .h2 { font-size: 1.17em; font-weight: bold; margin-bottom: 0.75em; color: #DC1909; }
h3, .h3 { color: #5BA6EB; font-size: 1.5em; line-height: 1.1; margin-bottom: 1em; padding-bottom: .5em }
h4, .h4 { font-size: 1.17em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.5em; }
p img { float: left; margin: 1.5em 1.5em 1.5em 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
strong { font-weight: bold; }
em { font-style: italic; }

/* Links
-------------------------------------------------------------- */

a { color: #DC1909; text-decoration: none; }
a:visited { color: #DC1909; }
a:focus, a:hover { text-decoration: underline; }

/* Lists
-------------------------------------------------------------- */

li ul, li ol { margin: 0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }

ul { list-style-type: disc; }
ol { list-style-type: decimal; }
   
/* --------------------------------------------------------------
	CONTAINERS
-------------------------------------------------------------- */

#logo, .leftCol, .rightCol, #search-mid-left, #search-mid-right, #titlebarInnerL, .contentContainer img.arrow, .listing-item-image, .listing-item-content, .listing-item-contentL, .listing-item-contentR { float: left; display: inline; }
#main {
	margin: 0 auto;
	padding: 0 0 55px 0;
	background: url(../images/mainBG.gif) repeat-x;
	background-color: #f1f1f1;
}
#mainInner {
	margin: 0 auto;
	width: 990px;
}

/* HEADER
-------------------------------------------------------------- */

#header {
	width: 990px;
	height: 100px;
}
#logo {
	width: 240px;
	height: 83px;
	padding: 27px 0 0 0;
}
#nav {
	width: 740px;
	height: 110px;
	float: right;
	display: inline;
	text-align: right;
}

/* CONTENT
-------------------------------------------------------------- */

.content { width: 990px; }
.content-top { height: 9px; width: 990px; }
.contentContainer { width: 714px; padding: 0 14px 40px 23px; /*position: relative;*/ }
.contentContainer div.error {
	padding: 5px 10px 5px 10px;
	color: #fff;
	background: #DC1909;
	width: 686px;
}

.leftCol { width: 225px; text-align: right; margin-right: 5px; margin-bottom: 20px; } /* CHANGE */
.leftCol-mid { background: url(../images/leftCol_mid.png) repeat-y; height: 292px; padding: 0 0 0 9px; }
.leftcol-bot { height: 21px; width: 230px; }

.rightCol { width: 760px; }
.rightColInner { background: url(../images/contentMid.png) repeat-y; padding-bottom: 25px;} /* CHANGE */
.rightColInner2 { background: url(../images/innerGradient.gif) repeat-x; width: 751px; }
.rightColInner3 { background: url(../images/leftCol_cnr.gif) no-repeat; height: 310px; }
.rightColInner2>.rightColInner3 { height: auto; min-height: 310px; }

.rightCol-bot { height: 13px; width: 760px; }

/* LEFT SIDE SEARCH
-------------------------------------------------------------- */

#search-top { height: 6px; font-size: 0; }
#search-mid  {
    width: 191px; /* CHANGE */
	height: 266px; 
	padding: 0 17px 0 13px;
	background: url(../images/leftCol_mid_BG.gif) repeat-x; 
	background-color: #393939;
}
#search-mid img.searchTitle { margin-top: 20px; margin-bottom: 30px; }
#search-bot { height: 9px; }
#search-mid-left { width: 72px; padding: 8px 0 0 3px; }
#search-mid-right { width: 115px; text-align: right; }
#search-mid a { font-size: 14px; color: #797979; }

.searchForm { width: 191px; height: 155px; padding-bottom: 10px; } /* CHANGE */
.searchForm label { color: #fff; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; font-weight: bold;}
.options {margin-bottom: 10px;}

/* Backgrounds */
.searchForm input.text { height: 23px; width: 187px; margin: 5px 0 0 4px; background: none; border: none; }
.searchForm input.text2 { height: 23px; width: 163px; margin: 5px 4px 0 4px; background: none; border: none; }
.searchForm-advanced { width: 714px; height: 155px; }
.searchForm-advanced input.text { height: 23px; width: 183px; margin: 5px 4px 0 4px; background: none; border: none; }
.searchForm-advanced input.text2 { height: 23px; width: 163px; margin: 5px 4px 0 4px; background: none; border: none; }
.inputBG { display: block; height: 28px; width: 191px; background: url(../images/searchField_BGR.gif) right top no-repeat; margin-bottom: 2px; }
.inputBG span, .inputBG2 span { display: block; height: 28px; background: url(../images/searchField_BGL.gif) left top no-repeat; }
.inputBG2 { display: block; height: 28px; width: 191px; background: url(../images/searchField_BGR2.gif) right top no-repeat; margin-bottom: 2px; }
.inputBG3, .inputBG3 span { display: block; height: 28px; width: 191px; }
.inputBG3 select { height: 25px; width: 191px; }
.searchForm-advanced .inputBG { float: left; }
.searchForm-advanced #searchForm-submit { float: right; }
.searchForm-extra { float: left; color: #fff; font-weight: bold; padding-top: 5px; }
.searchForm-extra span, .searchForm-extra label { padding: 2px; float: left; }
.searchForm-extra span { padding-right: 30px; }

/* NAV
-------------------------------------------------------------- */

.navTop {
	height: 24px;
	padding: 4px 17px 0 0;
}
.navBot {
	height: 74px;
	padding: 0 3px 0 0;
}

/* HOME PAGE
-------------------------------------------------------------- */
#home-flash-box {
	padding: 21px 30px 21px 31px;
}
.home-container {
	width: 990px;
	background: url(../images/home-container-mid.gif) 0 0 repeat-y;
}
.home-container-top {
	width: 990px;
	height: 8px;
	background: url(../images/home-container-top.gif) 0 0 no-repeat;
	font-size: 0;
}
.home-container-inner {
	width: 974px;
	margin: 0 8px;
	padding: 10px 0;
	background: url(../images/home-container-inner.gif) 0 0 repeat-x;
}
.home-container-bot {
	width: 990px;
	height: 8px;
	background: url(../images/home-container-bot.gif) 0 0 no-repeat;
	font-size: 0;
}

/* HOME SCROLL ITEMS
-------------------------------------------------------------- */

.scroll-col-container, .scroll-col-container-last {
	width: 322px;
	float: left;
	display: inline;
	background: url(../images/dottedLine_vert.gif) right top repeat-y;
}
.scroll-col-container-last { background: none !important; }

.scroll-col-container h2, .scroll-col-container-last h2 {
	height: 18px;
	margin: 0 0 15px 24px;
	padding: 0;
}
h2#t_h_most-popular { background: url(../images/t_h_most-popular.png) no-repeat; }
h2#t_h_new-to-lifeware { background: url(../images/t_h_new-to-lifeware.png) no-repeat; }
h2#t_h_current-specials { background: url(../images/t_h_august-specials.png) no-repeat; }

.scroll-col {
	width: 274px;
	height: 280px;
	margin: 30px 24px 0;
	overflow: hidden;
	list-style: none;
	position: relative;
}
.scroll-col-item {
	margin-bottom: 20px;
	padding: 0 0 10px 0;
	overflow: hidden;
	background: url(../images/dottedLine.gif) left bottom repeat-x;
	height: 121px;
	position: relative;
}
.scroll-col-image {
	width: 82px;
	height: 121px;
	float:left;
	display: inline;
	margin-right: 8px;
	overflow: hidden;
}
.scroll-col-content {
	width: 184px;
	float:left;
	display: inline;
	height: 120px;
	overflow: hidden;
}
.scroll-col h3 {
	font-size: 0.92em;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 0;
	padding-bottom: 0;
}
.scroll-col-content h3 {
	line-height: 1.2; 
	margin-bottom: 5px;
}
.scroll-col-content h3 a:hover {
	text-decoration: none;
	color: #000;
}
.scroll-col-desc {
	width: 184px;
	height: 60px;
	margin-bottom: 15px;
	overflow: hidden;
}
.scroll-col p {
	font-size: 0.92em;
	line-height: 1.08em;
	
}
.scroll-col p.price {
	text-align: left;
	margin-bottom: 0;
}

.scroll-col-btns {
	width: 280px;
	height: 26px;
	margin: 10px 18px 0;
}


/* PROGRESS BAR
-------------------------------------------------------------- */

#progressbar { 
	height: 64px; 
	padding: 0 18px 0 23px; 
	background: url(../images/progressbar.gif) no-repeat 23px 13px;
}

/* TITLE BAR
-------------------------------------------------------------- */

#titlebar { height: 60px; padding: 16px 8px 16px 17px; }
#titlebarInner { height: 60px; width: 726px; background: url(../images/titlebarBG.png) no-repeat; }

#titlebarInnerL { width: 137px; padding: 17px 0 0 18px; }

#titlebarInnerR { width: 305px; height: 48px; float: right; display: inline; margin: 6px 6px 0 0; }
#titlebarInnerR.playware { background: url(../images/titlerbar_playware.gif) no-repeat; }
#titlebarInnerR.learnware { background: url(../images/titlerbar_learnware.gif) no-repeat; }
#titlebarInnerR.createware { background: url(../images/titlerbar_createware.gif) no-repeat; }
#titlebarInnerR.workware { background: url(../images/titlerbar_workware.gif) no-repeat; }

/* SORT BAR
-------------------------------------------------------------- */
.sortbar { height:67px; width:714px; background: url(../images/dottedLine.gif) left top repeat-x; }
.sortbarInner { width: 100%; height: 100%; background: url(../images/dottedLine.gif) left bottom repeat-x; }
/* Pagination */
.page-number-container { width: 274px;  padding-top: 26px; float: left; display: inline; }
.page-number-container a { float: left; display: inline; margin: 0 3px; }
.page-number-container p { float: left; display: inline; margin: 0 3px 0 6px; line-height: 25px; }
.page-number-container span { display: block; float: left; width: 25px; height: 25px; background: url(../images/BG_page-number.gif) 0 0 no-repeat; }
.page-number-container span input { width: 19px; height: 19px; padding: 4px 2px 2px 4px; border: 0; background: none; color: #797979; }
/* Tool Bar */
.sort-btn-container { width: 440px;  padding-top: 25px; float: left; display: inline; text-align: right; }
.sort-btn-container a, .sort-btn-container input { margin-right: 22px; }

/* LISTING
-------------------------------------------------------------- */

img.arrow { padding: 0 5px 5px 0; }
.listing-item {
	width: 714px;
	background: url(../images/dottedLine.gif) repeat-x bottom;
	padding: 10px 0 10px 0;
}
.listing-item-image { width: 106px; overflow: hidden; }
.listing-item-content { width: 608px; }
.listing-item-contentL { width: 430px; padding: 0 20px 0 0 }
.listing-item-contentR { width: 158px; }
.listing-item-contentL p { line-height: 1.3em; }
.listing-item .added-to-cart {
	color: #DC1909;
	font-weight: bold;
	padding: 10px 0 0 0;
	height: 36px;
	float: right;
}
.price {
	color: #DC1909;
	font-size: 1.33em;
	font-weight: bold;
	margin-bottom: 1.25em;
	text-align: right;
}
del {
	color: #161616;
	font-size: 0.83em;
	text-decoration: line-through;
	margin: 0 10px 0 0;
}
.btn_cart, .btn_buy-now {
	float: right;
	display: inline;
	margin-bottom: 0.5em;
}

/* Alternate Listing
-------------------------------------------------------------- */
.alt-listing-item-row {
	width: 714px;
	background: url(../images/dottedLine.gif) repeat-x bottom;
	padding: 10px 0 10px 0;
}
.alt-listing-item {
	width: 200px;
	float: left;
	display: inline;
	margin-left: 28px;
}
.alt-listing-item-image { width: 64px; float: left; display: inline; min-height: 1px; overflow:hidden }
.alt-listing-item-content {
	width: 136px;
	float: left;
	display: inline;
}
.alt-listing-item-content h2 { font-size: 0.92em }
.alt-listing-item-content h2 a { line-height: 1.2; margin-bottom: 5px; }
.alt-listing-item-content h2 a:hover { color: #000; text-decoration: none; }
.alt-listing-item div.h2 {
	 color: #666;
	 font-size: 0.92em;
	 font-weight: bold;
	 height: 26px;
	 overflow: hidden;
	 line-height:1.2em;
	 margin-bottom:5px;
}
.alt-listing-item div.h2 a { line-height: 1.2; margin-bottom: 5px; }
.alt-listing-item div.h2 a:hover { color: #000; text-decoration: none; }
.alt-listing-item p {
	 font-size: 0.92em;
	 line-height: 1.08em;
	 height: 36px;
	 overflow: hidden;
	 margin-bottom: 11px;
}
.alt-listing-item p.price {
	 text-align: left;
	 height: 12px;
	 overflow: hidden;
	 margin-bottom: 0;
}
a.buy {
	margin-left: 5px;
	padding-left: 12px;
	color: #000;
	border-left: 1px solid #666;
	background: url(../images/buy_bullet.gif) 6px center no-repeat;
}
a.buy:visited { color: #000; }

/* Browse Listing
-------------------------------------------------------------- */
.browse-listing-container {
	width: 714px;
	margin: 0 1px 35px;
	padding: 10px 0 10px 0;
}
.age-listing-container {
	width: 177px;
	margin: 0 1px 0;
	padding: 0;
}
.browse-listing,
.browse-listing-sub {
	width: 162px;
	float: left;
	display: inline;
	margin: 0;
	padding: 0 8px;
	background: url(../images/dottedLine_vert.gif) right top repeat-y;
	position: relative;
}
.age-listing {
	width: 177px;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	position: relative;
}
.browse-listing-sub {
	padding: 0;
}
.browse-listing.last { background: none; }
.age-listing ul,
.browse-listing ul,
.browse-listing-sub ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.age-listing ul li,
.browse-listing ul li,
.browse-listing-sub ul li {
	display: block;
	margin: 0;
	padding: 0;
}
.age-listing ul li a,
.browse-listing ul li a,
.browse-listing-sub ul li a {
	display: block;
	width: 154px;
	color: #63696b;
	font-size: 1.17em;
	font-weight: bold;
	margin: 0;
	padding: 6px 4px;
}
.browse-listing-sub ul li a {
	font-weight: normal;
	color: #fff;
	padding: 6px 4px;
}
.browse-listing ul li a:visited {
	color: #63696b;
}
.browse-listing-sub ul li a:visited {
	color: #fff;
}
.age-listing ul li a:hover,
.browse-listing ul li a:hover,
.browse-listing-sub ul li a:hover {
	background: #666;
	color: #fff;
	text-decoration: none;
}
.browse-listing ul.playware-colour li a:hover { background-color: #87c30a; }
.browse-listing ul.playware-colour li a.selected { color: #fff; background-color: #87c30a; }
.browse-listing-sub ul.playware-colour { background-color: #87c30a; }
.browse-listing-sub ul.playware-colour li a:hover { 
	color: #87c30a;
	background-color: #fff;
}
.browse-listing ul.learnware-colour li a:hover { background-color: #f9329c; }
.browse-listing ul.learnware-colour li a.selected { color: #fff; background-color: #f9329c; }
.browse-listing-sub ul.learnware-colour { background-color: #f9329c; }
.browse-listing-sub ul.learnware-colour li a:hover { 
	color: #f9329c;
	background-color: #fff;
}
.browse-listing ul.createware-colour li a:hover { background-color: #1c9fd5; }
.browse-listing ul.createware-colour li a.selected { color: #fff; background-color: #1c9fd5; }
.browse-listing-sub ul.createware-colour { background-color: #1c9fd5; }
.browse-listing-sub ul.createware-colour li a:hover { 
	color: #1c9fd5;
	background-color: #fff;
}
.browse-listing ul.workware-colour li a:hover { background-color: #ffd530; }
.browse-listing ul.workware-colour li a.selected { color: #fff; background-color: #ffd530; }
.browse-listing-sub ul.workware-colour { background-color: #ffd530; }
.browse-listing-sub ul.workware-colour li a:hover { 
	color: #ffd530;
	background-color: #fff;
}
.age-listing ul.age-colour li a { color:#DC1909; font-size:12px; font-weight:normal; padding:6px; width:167px; }
.age-listing ul.age-colour li a:hover { color: #fff; background-color: #DC1909; }
.age-listing ul.age-colour li a.selected { color: #fff; background-color: #DC1909; }

#popular {
	width: 714px;
	background: url(../images/BG_popular.gif) repeat-x top;
	padding: 15px 0 10px 0;
}
h2#popular-title {
	height: 18px;
	margin: 0 0 15px 10px;
	padding: 0;
	background: url(../images/t_most-popular.png) no-repeat;
}
.scroll-left, .scroll-content, .scroll-right {
	height: 99px;
	overflow: hidden;
	float: left;
	display: inline;
}
.scroll-left {
	width: 40px;
	margin-left: 5px;
}
.scroll-right {
	width: 40px;
	margin-right: 5px;
}
.scroll-content {
	height: 94px;
	margin-top: 5px;
	position: relative;
	width: 624px;
}
.scroll-content .alt-listing-item {
	margin-left: 6px;
	position: relative;
}

/* Star Rating
-------------------------------------------------------------- */
/* Star Rating
-------------------------------------------------------------- */
h1#detailTitle {
	width: 384px;
	height: auto;
	display: inline;
	float: left;
	margin-bottom: 1em;
}
.rating {
	width: 185px;
	height: 18px;
	float: right;
	display: inline;
	position: relative;
	top: -38px;
}
.rating h2 {
	width: 67px;
	height: 18px;
	float: left;
	display: inline;
	margin-right: 3px;
	background: url(../images/t_user-rating.gif) 0 0 no-repeat;
}
.stars1 {
	width: 95px;
	height:17px;
	float: left;
	display: inline;
	margin-top: 1px;
	background: url(../images/stars.gif) 0 0 no-repeat;
	
}
.stars2 {
	width: 95px;
	height:17px;
	float: left;
	display: inline;
	margin-top: 1px;
	background: url(../images/stars.gif) 0 -17px no-repeat;
}
.stars3 {
	width: 95px;
	height:17px;
	float: left;
	display: inline;
	margin-top: 1px;
	background: url(../images/stars.gif) 0 -34px no-repeat;
}
.stars4 {
	width: 95px;
	height:17px;
	float: left;
	display: inline;
	margin-top: 1px;
	background: url(../images/stars.gif) 0 -51px no-repeat;
}
.stars5 {
	width: 95px;
	height:17px;
	float: left;
	display: inline;
	margin-top: 1px;
	background: url(../images/stars.gif) 0 -68px no-repeat;
}
.stars6 {
	width: 95px;
	height:17px;
	float: left;
	display: inline;
	margin-top: 1px;
	background: url(../images/stars.gif) 0 -85px no-repeat;
}
.stars7 {
	width: 95px;
	height:17px;
	float: left;
	display: inline;
	margin-top: 1px;
	background: url(../images/stars.gif) 0 -102px no-repeat;
}
.stars8 {
	width: 95px;
	height:17px;
	float: left;
	display: inline;
	margin-top: 1px;
	background: url(../images/stars.gif) 0 -119px no-repeat;
}
.stars9 {
	width: 95px;
	height:17px;
	float: left;
	display: inline;
	margin-top: 1px;
	background: url(../images/stars.gif) 0 -136px no-repeat;
}
.stars10 {
	width: 95px;
	height:17px;
	float: left;
	display: inline;
	margin-top: 1px;
	background: url(../images/stars.gif) 0 -153px no-repeat;
}
.stars11 {
	width: 95px;
	height:17px;
	float: left;
	display: inline;
	margin-top: 1px;
	background: url(../images/stars.gif) 0 -170px no-repeat;
}

/* Detail
-------------------------------------------------------------- */
#detailL {
	width: 384px;
	float: left;
	display: inline;
	margin-right: 14px;
}
#detailL p { line-height: 1.3; }
.detail-item {
	width: 384px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: url(../images/dottedLine.gif) left bottom repeat-x;
}
.detail-item-desc {
	width: 212px;
	padding-left: 150px;
	overflow: hidden;
}
.detail-item-desc img {
	
}
.detail-item-desc h2 {
	margin: 0;
	color: #666;
	font-size: 1em;
	line-height: 1.33;
}
.detail-item-desc h5 {
	margin: 0;
	padding-bottom: 30px;
	color: #666;
	font-size: 1em;
	line-height: 1.33;
	font-weight: normal;
}
.detail-item-desc p {
	margin: 0;
}
.detail-item-image {
	width: 106px;
	overflow: hidden;
	float:left;
	position: relative;
	left: -150px;
	margin-right: -150px;
}
.detail-price { overflow: hidden; height: 33px; }
.detail-price .price {
	text-align: left;
	float: left;
	display: inline;
}
.detail-price del {
	display: block;
	margin: 0;
}
.detail-price .qty-container {
	float: right;
	display: inline;
	margin-right: 15px;
}
.detail-btns { padding-top: 10px; }
.detail-btns .btn_cart, .detail-btns .btn_buy-now {
	float: left;
	margin: 0 0.5em 0 0;
}
.detail-btns .added-to-cart {
	color: #DC1909;
	font-weight: bold;
	padding: 10px 0 0 0;
}

#detailR {
	width: 316px;
	float: left;
	display: inline;
}
#accordian-container {
	width: 316px;
	background: #fff url(../images/accordianMid.gif) repeat-y;
}
#accordian-container h2 { margin: 0; }
#accordian-top {
	width: 316px;
	height: 35px;
}
a.accordian-btn, a.accordian-btn-open, a.user-reviews-accordian-btn, a.user-reviews-accordian-btn-open {
	display: block;
	width: 308px;
	height: 32px;
	margin: 0 4px;
	overflow: hidden;
	position: relative;
}
a#accordian-top { width: 316px; height: 35px; margin: 0; }

a.accordian-btn span, a.accordian-btn-open span, a.user-reviews-accordian-btn span, a.user-reviews-accordian-btn-open span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-position: center top;
	background-repeat: no-repeat;
}

a.accordian-btn span { background-image: url(../images/accordianTop_off.gif); }
a.accordian-btn-open span { background-image: url(../images/accordianTop_on.gif); }
a.accordian-btn:hover span, a.accordian-btn-open:hover span { background-image: url(../images/accordianTop_on.gif); }
/* a#accordian-top span { background-image: url(../images/accordianTop_off.gif); } */
/* a#accordian-top:hover span { background-image: url(../images/accordianTop_on.gif); } */

a#screen-shots-btn span { background: url(../images/accordianTitle_screen-shots.gif) }
a#screen-shots-btn:hover span { background-position: center -32px; }

/* a#user-reviews-btn span { background: url(../images/accordianTitle_user-reviews.gif) } */
/* a#user-reviews-btn:hover span { background-position: center -32px; } */
a.user-reviews-accordian-btn span { background-image: url(../images/accordianTitle_user-reviews.gif); }
a.user-reviews-accordian-btn-open span { background-image: url(../images/accordianTitle_user-reviews.gif); background-position: center -32px; }
a.user-reviews-accordian-btn:hover span, a.user-reviews-accordian-btn-open:hover span { background-position: center -32px; }

a#title-detail-btn span { background: url(../images/accordianTitle_title-details.gif) }
a#title-detail-btn:hover span { background-position: center -32px; }

.accordian-content {
	margin: 0 8px;
	padding: 8px 0;
}

.accordian-content a.review {
	color: #DC1909;
	font-weight: bold;
	font-size: 11px;
	margin-left: 10px;
}

#accordian-bot {
	width: 316px;
	height: 4px;
	background: url(../images/accordianBot.gif) no-repeat;
	font-size: 0;
}

#related {
	width: 714px;
	background: url(../images/BG_popular.gif) repeat-x top;
	margin-top: 40px;
	padding: 15px 0 10px 0;
}
h2#related-title {
	height: 18px;
	margin: 0 0 15px 10px;
	padding: 0;
	background: url(../images/t_related-items.png) no-repeat;
}

/* Operation Request
-------------------------------------------------------------- */
#operating-req {
	width: 296px;
	margin: 0 2px;
	padding-bottom: 6px;
	background: #818181 url(../images/BG_operating-req-bot.gif) left bottom no-repeat;
}
#operating-req-inner {
	padding-bottom: 6px;
	background: url(../images/BG_operating-req-top.gif) left top no-repeat;
}
#operating-req-list {
	margin: 0 15px;
	padding: 30px 0 60px;
}
#operating-req-list li {
	color: #ebebeb;
	list-style: none;
	background: url(../images/bullet_white.gif) 0 5px no-repeat;
	margin: 0 0 0.8em 0;
	padding: 0 0 0 12px;
}

/* User Review
-------------------------------------------------------------- */
.user-review {
	width: 287px;
	margin: 0 7px 0 6px;
	padding: 0;
}
.user-review-top {
	display: block;
	width: 287px;
	height: 5px;
	background: url(../images/BG_reviewBox-top.png) left top no-repeat;
	font-size: 0;
}
.user-review-bottom {
	display: block;
	width: 287px;
	height: 17px;
	background: url(../images/BG_reviewBox-bot.png) left bottom no-repeat;
	font-size: 0;
	margin-bottom: 10px;
}
.user-review p {
	background-color: #818181;
	color: #ebebeb;
	margin: 0;
	padding: 5px 10px;
}
.user-review-form {
	width: 287px;
	margin: 0 7px 0 6px;
	padding: 0;
}
.user-review-form div.message, .user-review-form div.error {
	margin: 5px 0 5px 0;
	padding: 5px 10px 5px 10px;
	color: #797979;
	background: #EEF2F3;
	width: 267px;
}
.user-review-form div.error {
	color: #fff;
	background: #DC1909;
}
.user-review-form div.error a {
	color: #fff;
	font-weight: bold;
}
.user-review-form p {
	padding: 0;
	margin: 0;
	float: left;
	width: 287px;
	font-weight: bold;
	padding: 5px 0 5px 0;
}
.user-review-form input.text {
	width: 277px;
	height: 16px;
	padding: 4px;
	border: 1px solid #dddedf;
	color: #797979;
}
.user-review-form textarea.text {
	width: 277px;
	height: 120px;
	padding: 4px;
	border: 1px solid #dddedf;
	color: #797979;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
}

/* Title Details
-------------------------------------------------------------- */
.title-details {
	margin: 0;
	padding: 0;
	list-style: none;
}
.title-details li {
	display: block;
	padding: 10px 10px 20px;
	background: url(../images/dottedLine.gif) left bottom no-repeat;
}
.title-details li a {
}
.title-details li p {
}


/* --------------------------------------------------------------
	FOOTER
-------------------------------------------------------------- */

#redline {
	height: 7px;
	background: url(../images/redbar.gif) repeat-x;
	background-color: #f1f1f1;
	text-align: center;
}
#footer {
	padding: 25px 0 80px 0;
	width: 980px;
	margin: 0 auto;
}


/* --------------------------------------------------------------
	AUTOCOMPLETE
-------------------------------------------------------------- */

ul.autocomplete-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

#advSearch .autocomplete-list,
.searchForm .autocomplete-list {
	border: 1px solid #8B8B8B;
	border-bottom: 1px solid #8B8B8B;
	border-top: none;
	background: #fff;
	width: 191px;
}

#advSearch .autocomplete-list-item,
.searchForm .autocomplete-list-item {
	margin: 0;
	padding: 3px 6px;
	min-height: 0;
	height: 1.4em;
	color: #DC1909;
	overflow: hidden;
}
#advSearch .autocomplete-list-item {
	color: #797979;
}
#advSearch .autocomplete-list-highlighted-item,
.searchForm .autocomplete-list-highlighted-item {
	margin: 0;
	padding: 3px 6px;
	min-height: 0;
	height: 1.4em;
	background-color: #DC1909;
	color: #fff;
}
#advSearch .autocomplete-list-highlighted-item {
	background-color: #797979;
	color: #fff;
}

/* -------------------------------------------------------------- 
   AJAX styles
-------------------------------------------------------------- */
.AJAXProgressTemplate {
	position: fixed;
	top: 50%;
	left: 50%;
	background: #fff url(../images/ajax_loader.gif);
	width: 32px;
	height: 32px;
	z-index: 999;
}

/* --------------------------------------------------------------
	Updates
-------------------------------------------------------------- */
.page-number-container{
	width: 274px;
	float: left;
	display: inline;
}
.sort-btn-container {
	width: 440px;
	float: left;
	display: inline;
}


p.note {
	color: #ef4023;
	font-size: 1.33em;
	line-height: 1.4;
	padding: 0 6px;
}

/* Tables General
-------------------------------------------------------------- */
table {
	margin-bottom:1.4em;
}
th {
	font-weight: bold;
}
th,td {
	padding: 8px 10px 8px 5px;
}
td.align-right { text-align: right; }

/*	Cart Table
-------------------------------------------------------------- */
/* Cart Table Wrap */
.cartContainer { width: 714px; background: url(../images/BG_cart-mid.png) repeat-y; margin-bottom: 10px; }
.cartContainerTop { height: 9px; background: url(../images/BG_cart-top.gif) no-repeat; font-size: 0; }
.cartContainerInner { height: 159px; margin: 0 6px; background: #e4eaec url(../images/BG_cart-inner.gif) 0 0 repeat-x;	}
html>body .cartContainerInner { height: auto; min-height: 159px; }
.cartContainerBot { height: 8px; background: url(../images/BG_cart-bot.gif) no-repeat;  font-size: 0; }

.cart-table { width: 702px;	line-height: 1.1em; }
.cart-table tbody tr, .cart-table tbody table tr th { background: url(../images/dottedLine.gif) repeat-x bottom; }
.cart-table th {
	color: #fff;
	background: #fb502e url(../images/BG_cart-header.gif) left bottom repeat-x;
	text-align: left;
}

.cart-table th a, .cart-summary-table th a:visited {
	color: #fff !important;
	text-decoration: underline;
}
.cart-table th a:hover {
	color: #fff;
	text-decoration: none;
}

.cart-table td.right { text-align: right; font-weight: bold; }

.cart-table tbody tr.cart-total, .cart-table tbody table tr.total, .cart-table tbody table tr.total th { background: none; }
.cart-table table { width: 270px; }
.cart-total td { padding: 0; }
.cart-table table  td { padding: 8px 10px 8px 5px; color: #000; font-weight: bold; }
.cart-table table th { color: #000; background: none; }
.cart-table table .total th, .cart-table table .total td { color: #ef4023; font-size: 1.33em; }

.cart-table td a, .cart-table td a:visited {
	color: #797979;
	text-decoration: none;
}
.cart-table td a:hover {
	color: #ef4023;
	text-decoration: none;
}
.cart-table div {
	vertical-align: top;
	padding:8px 0pt 0pt 8px;
}
.cart-control { margin-top: 10px; }

/* Details Table
-------------------------------------------------------------- */
.detailsContainer {
	height: 151px;
	background: url(../images/BG_table-details.png) repeat-x;
}
html>body .detailsContainer {
	height: auto;
	min-height: 151px;
	padding-bottom: 20px;
}
.detailsContainerInner { padding: 5px 15px; }

.detailsContainerInner div.error {
	padding: 5px 10px 5px 10px;
	color: #fff;
	background: #DC1909;
	width: 90%;
}
.detailsContainerInner div.error a {
	color: #fff;
	font-weight: bold;
}
.detailsContainerInner div.message {
	padding: 5px 10px 5px 10px;
	margin-top: 4px;
	color: #000;
	background: #E4EBEC;
	width: 90%;
}
.detailsContainer h2 { padding-top: 15px; }

.checkout-login {
	float: right;
}
.checkout-login a, .checkout-login a:visited {
	color: #ef4023;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	top: -35px;
}
.checkout-login a span, .checkout-login a:visited span { display: inline; background: none; width: auto; height: auto; text-decoration: underline; }
.checkout-login a:hover span { text-decoration: none; }
.checkout-login a img { vertical-align: middle; margin-left: 10px; }

.details-table td, .location-table td, .card-details-table td { padding: 0; }
.details-table label, .location-table label, .card-details-table label { display: block; margin-bottom: 4px; }
.details-table span, .location-table span, .card-details-table span {
	display: block;
	width: 304px;
	height: 26px;
	margin-bottom: 4px;
	background: url(../images/BG_input.gif) 0 0 no-repeat;
}
.details-table input.text, .location-table input.text, .card-details-table input.text {
	width: 296px;
	height: 18px;
	padding: 4px;
	border: 0;
	background: none;
	color: #797979;
}
.details-table select, .location-table select, .card-details-table select, .detail-item-desc select {
	width: 304px;
	padding: 4px;
	border: 1px solid #dddede;
	color: #797979;
}
.details-table td.contact-details {
	line-height: 1.6;
}
.details-table a.forgotten-password {
	float: right;
	text-decoration: underline;
	cursor: pointer;
	font-weight: bold;
	color: #EF4023;
}
.details-table .forgotten-password span {
	background: none;
	width: 100%;
	padding-top: 10px;
}
.detail-item-desc select {
	width: 50px;
}

/* Location Details
-------------------------------------------------------------- */
#location-header { color: #3d3e3e; }

.location { width: 707px; margin-bottom: 2em; padding-top: 5px; background: #3d3e3e url(../images/BG_location-top.gif) left top no-repeat; }
.location-bot { height: 5px; background: url(../images/BG_location-bot.gif) no-repeat; font-size: 0; }

.location-table { margin: 0 11px 0 12px; }
.location-table table { margin: 0; }
.location-table label, .location-table th, .location-table td { color: #fff; text-align: left; }
.location-table th { padding:0; font-size: 0.92em; text-align: left; }
.location-table tr { vertical-align: middle; }
.location-table p { font-size: 0.92em; }
.location-table td div#map_canvas { color: #000; }
.location-details td { vertical-align: top; }

/* Credit Card Details
-------------------------------------------------------------- */
#card-details-header { color: #4d91b2; float: left; }

.card-details, .agree-details { width: 707px; margin-bottom: 2em; padding-top: 5px; background: #e2f0f8 url(../images/BG_card-details-top.gif) left top no-repeat; }
.card-details-mid { /*height: 151px;*/ padding-left: 12px; padding-top: 15px; background: #d6ebf6; }
.agree-details-mid { padding-top: 15px; background: #d6ebf6; }
.card-details-bot, .agree-details-bot { height: 5px; background: #d6ebf6; font-size: 0; }

.card-details-table { margin: 0 11px 0 0; }
.card-details-table label { color: #4d91b2; }
.card-details-table span { background-image: url(../images/BG_input_blue.gif); }
.card-details-table select { border: 1px solid #9fc9eb; }
.expiry-date select {
	width: 90px;
	padding: 4px;
	margin-bottom: 4px;
	border: 1px solid #dddede;
	color: #797979;
}
.agree-details .agree { padding: 0 0 14px 12px; color: #4D91B2; }
.agree-details .agree input { margin-right: 5px; }
.agree-details .agree a { color:#4D91B2; font-weight: bold; text-decoration: underline; }

.assisted-staff-details { width: 707px; margin-bottom: 2em; padding-top: 5px; background: #e2f0f8 url(../images/BG_card-details-top.gif) left top no-repeat; }
.assisted-staff-details-mid { padding-top: 15px; background: #d6ebf6; }
.assisted-staff-details-bot { height: 5px; background: #d6ebf6; font-size: 0; }
.assisted-staff-details .assisted-staff { padding: 0 0 14px 12px; color: #4D91B2; }
.assisted-staff-details .assisted-staff select {
	width: 160px;
	padding: 4px;
	margin-bottom: 4px;
	border: 1px solid #dddede;
	color: #797979;
}

/* cancel - back - submit
-------------------------------------------------------------- */
.bottom-btns {
	width: 706px;
	padding-top: 15px;
}
.bottom-btnsL, .bottom-btnsR {
	float: left;
	display: inline;
}
.bottom-btnsL {
	width: 360px;
}
.bottom-btnsR {
	width: 310px;
	padding-left: 36px;
}
.bottom-btnsL a, .bottom-btnsL a:visited {
	line-height: 36px;
	font-weight: bold;
	text-decoration: underline;
}
.bottom-btnsL a:hover { text-decoration: none; }


.terms-conditions {
	width: 706px;
	padding: 15px 0 15px 0;
	margin-top: 20px;
}

.terms-conditions .bottom-btnsR {
	text-align: left;
}

/* Payment option boxes
-------------------------------------------------------------- */
.payment-opt-box {
	width: 238px;
	height: 159px;
	margin-right: 6px;
	float: left;
	display: inline;
	background: url(../images/BG_payment-opt-box.gif) left bottom no-repeat;
}
.payment-opt-box.last { margin-right: 0; }
html>body .payment-opt-box {
	height: auto;
	min-height: 159px;
}


/* Checkout Pages
-------------------------------------------------------------- */
.contentItem {
	width: 714px;
	padding-bottom: 2em;
}
.box2, .box2-last {
	width: 354px;
	height: 161px;
	float: left;
	display: inline;
	margin-right: 6px;
	margin-bottom: 70px;
	background: url(../images/BG_box2_2.gif) left top no-repeat;
	padding-top: 9px;
}
html>body .box2 {
	height: auto;
	min-height: 161px;
}
.box2-last { margin-right: 0; background: url(../images/BG_box2_2.gif) left top no-repeat !important; }

.box2-content { width: 322px; margin: 16px; height: 67px; overflow: hidden; }
.box2-content p { font-size: 1.17em; line-height: 1.5; }
.box2-btn { width: 338px; margin: 0 8px; height: 64px; }


.box1 {
	width: 714px;
	height: 110px;
	background: url(../images/BG_box1.gif) left bottom no-repeat;
}
html>body .box1 {
	height: auto;
	min-height: 100px;
}
.box1-inner { padding: 20px 5px 15px 10px; }
.box1-inner .bottom-btns { width: 684px }

.box1-inner p { font-size: 1.17em; line-height: 1.5; padding: 0; }


.box3 {
	width: 234px;
	height: 161px;
	float: left;
	display: inline;
	margin-right: 6px;
	margin-bottom: 70px;
	background: url(../images/BG_box3.gif) left top no-repeat;
	padding-top: 9px;
}
html>body .box3 {
	height: auto;
	min-height: 161px;
}
.box3.last {
	margin-right: 0; 
	background: url(../images/BG_box3.gif) left top no-repeat !important;
}

.box3-content { width: 200px; margin: 16px; height: 67px; overflow: hidden; }
.box3-content p { font-size: 1em; line-height: 1.33; }
.box3-btn { width: 218px; margin: 0 8px 0 9px; height: 64px; }

#operating-req-inner {
 padding: 12px 15px 6px;
 background: url(../images/BG_operating-req-top.gif) left top no-repeat;
}
#operating-req-inner p { color: #ebebeb; }
#operating-req-list {
 margin: 0;
 padding: 0 0 30px 0;
}
#operating-req-list li {
 color: #ebebeb;
 list-style: none;
 background: url(../images/bullet_white.gif) 0 5px no-repeat;
 margin: 0 0 0.4em 0;
 padding: 0 0 0 12px;
}
 
.cardLogos { padding-bottom: 1em; }
.cardLogos img { margin-right: 10px; }

/* ==============================================================
	Updates (JF) - 11:50am
============================================================== */

/* Cart Table
-------------------------------------------------------------- */

/* Cart Summary Table */
.cart-summary-table { width: 702px; }
.cart-summary-table tbody tr, .cart-summary-table tbody table tr th { background: url(../images/dottedLine.gif) repeat-x bottom; }
.cart-summary-table th {
	color: #fff;
	background: #fb502e url(../images/BG_cart-header.gif) left bottom repeat-x;
	text-align: left;
}

th.align-right { text-align: right; }

.cart-summary-table td { text-align: left; }
.cart-summary-table td.right { text-align: right; font-weight: bold; }

.cart-summary-table tbody tr.cart-total, .cart-summary-table tbody table tr.total, .cart-summary-table tbody table tr.total th { background: none; }
.cart-summary-table table { width: 270px; margin: 0 0 0 320px; }
.cart-total td { padding: 0; text-align: left; vertical-align: top; }
.cart-summary-table table  td { padding: 8px 10px 8px 5px; color: #000; font-weight: bold; }
.cart-summary-table table th { color: #000; background: none; }
.cart-summary-table table .total th, .cart-summary-table table .total td { color: #ef4023; font-size: 1.33em; }

.cart-summary-table td a, .cart-summary-table td a:visited {
	color: #797979;
	text-decoration: none;
}

.cart-summary-table td a:hover {
	color: #ef4023;
	text-decoration: none;
}

.cart-summary-table th a, .cart-summary-table th a:visited {
	color: #fff;
	text-decoration: underline;
}
.cart-summary-table th a:hover {
	color: #fff;
	text-decoration: none;
}

.cart-summary-table span {
	display: block;
	width: 41px;
	height: 22px;
	background: url(../images/BG_input.gif) 0 0 no-repeat;
}
.cart-summary-table span input {
	width: 35px;
	height: 16px;
	padding: 4px 2px 2px 4px;
	border: 0;
	background: none;
	color: #797979;
	font-weight: bold;
}

th {
	padding: 0 10px 0 5px;
}


/* ==============================================================
	Updates (JF) - 4:20am
============================================================== */
#operating-req-inner {
	padding: 12px 15px 6px;
	background: url(../images/BG_operating-req-top.gif) left top no-repeat;
}
#operating-req-inner p { color: #ebebeb; }
#operating-req-list {
	margin: 0;
	padding: 0 0 30px 0;
}
#operating-req-list li {
	color: #ebebeb;
	list-style: none;
	background: url(../images/bullet_white.gif) 0 5px no-repeat;
	margin: 0 0 0.4em 0;
	padding: 0 0 0 12px;
}
#operating-req-list li span {
	width: 80px;
	display: block;
	float: left;
	font-weight: bold;
}
.cardLogos { margin-bottom: 24px; }
.cardLogos img { margin-right: 10px; float: right; }


/* ==============================================================
	Updates (JF) - 17 Sep
============================================================== */

/* Nav Top */
.navTop { margin-bottom: 8px; }
.navTop a, .navTop a:visited {
	padding-right: 15px;
	margin-right: 15px;
	color: #4c4c4c;
	font-size: 1.17em;
	line-height: 2;
	text-decoration: none;
	border-right: 1px solid #c8c9c9;
}
.navTop a.last, .navTop a:visited.last { border: none; margin: 0; padding: 0; background: none !important; }
.navTop a:hover { color: #DC1909; }

/* Nav Container */
.navBotContainer { float: right; }

/* Main Nav */
.navBot {
	float: left;
	display: inline;
	width: 184px;
	height: 39px;
	background:url(../images/btn_nav.gif) 0 0 no-repeat;
}
.navBot span { display:none; }
.navBot ul { margin:0; padding:0; }
.navBot li,.navBot a {
	display:block;
	height:39px;
	padding:0;
	background:none;
}
.navBot li {
	display:inline;
	float:left;
	list-style:none;
}
#menu_01 {width:87px;}
#menu_02 {width:97px;}

.navBot .active_01 a {background:url(../images/btn_nav.gif) 0px -39px no-repeat; }
.navBot .active_02 a {background:url(../images/btn_nav.gif) -87px -39px no-repeat; }

#menu_01 a:hover {background:url(../images/btn_nav.gif) 0px -39px no-repeat; }
#menu_02 a:hover {background:url(../images/btn_nav.gif) -87px -39px no-repeat; }


/* Cart
-------------------------------------------------------------- */
a#cart-counter, a#cart-counter:visited {
 float: left;
 display: inline;
 width: 50px;
 height: 39px;
 line-height: 39px;
 padding: 0 9px 0 58px;
 overflow: hidden;
 margin-left: 20px;
 background: url(../images/BG_cart-counter-active.gif) no-repeat;
 color: #feffff;
 text-decoration: none;
}
a#cart-counter.empty { color: #b1b1b1; background: url(../images/BG_cart-counter.gif) no-repeat; }
 

/* Footer */
.footerCol, .footerCol-last {
	width: 300px;
	float: left;
	display: inline;
	margin-right: 40px;
}
.footerCol-last { margin-right: 0; }

#footer p { color: #acacac; font-size: 0.92em; }
#footer p.copyright { color: #DC1909; margin-bottom: 5px; }

#footer dl { margin: 0 0 18px 0; padding: 0 0 18px 0; color: #acacac; font-size: 0.92em; background: url(../images/dottedLine_footer.gif) left bottom repeat-x; }
#footer dt { font-weight: bold; line-height: 1.67; }
#footer dd { margin: 0 0 3px 3px; padding: 0 0 0 8px; background: url(../images/bullet_footer.gif) 0 4px no-repeat; }

#footer a, #footer a:visited {	color: #acacac; font-size: 0.92em; }
#footer a:hover { color: #DC1909; text-decoration: none; }

#support-number {
	width: 98px;
	height: 36px;
	overflow: hidden;
	position: relative;
}
#support-number span {
	width: 98px;
	height: 36px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/support-number.gif) 0 0 no-repeat;
}

.footerLinkCol, .footerLinkCol-last {
	width: 130px;
	float: left;
	display: inline;
	margin-right: 40px;
}
.footerLinkCol-last {
	margin-right: 0; background: none;
}

.footer-links { list-style: none; margin: 0 0 2em 0; padding: 0; }
.footer-links li { margin: 0; padding: 0; display: block !important; }

.termsLinks li { display: inline; margin-right: 5px; padding-right: 5px; }

/* ==============================================================
	Updates (JF) - 19 Sep
============================================================== */

/* General Content Page
-------------------------------------------------------------- */
.contentCopy { padding: 20px 0 30px; }

/* Headings */
.contentCopy h1, .h1 { margin-bottom: 2em; }
.contentCopy h2, .h2, .contentCopy h3, .h3, .contentCopy h4, .h4 { color: #DC1909; font-weight: normal; }
.contentCopy h2, .h2 { font-size: 1.17em; line-height: 1.33; }
.contentCopy h3, .h3, .contentCopy h4, .h4 { font-size: 1em; font-weight: bold; line-height: 1.17; margin-bottom: 0.5em; }
.contentCopy h4, .h4 { color: #161616; margin-bottom: 0.25em; }

.contentCopy li {margin-bottom: 0.35em; list-style-image: url(../images/arrow.gif); }
.contentCopy li ul, .contentCopy li ol { margin-top: 0.35em; margin-bottom: 0.35em; }


/* New styles for sifr titles
-------------------------------------------------------------- */
.scroll-header { margin-left: 10px; }
.scroll-header h2 { margin-bottom: 5px; }


/* SCROLL PANE
-------------------------------------------------------------- */
#advSearch { width: 714px; background: url(../images/BG_scrollpaneMid.gif) 0 0 repeat-y; }
#advSearchTop { width: 714px; height: 10px; background: url(../images/BG_scrollpaneTop.gif) 0 0 no-repeat; font-size: 0; }
#advSearchBot { width: 714px; height: 9px; background: url(../images/BG_scrollpaneBot.gif) 0 0 no-repeat; font-size: 0; }
#advSearchInner { margin: 20px 33px 0 33px; }

#advSearch input.text2 { height: 23px; width: 163px; color: #797979; margin: 5px 4px 0 4px; background: none; border: none; }

.advSearch-btn { text-align: right; }


/* WEB HOME
-------------------------------------------------------------- */
.top-container .leftCol-mid { background: none; }

.top-container {
	width: 990px;
	background: url(../images/top-containerMid.gif) 0 0 repeat-y;
}
.top-container-top {
	width: 990px;
	height: 9px;
	background: url(../images/top-containerTop.gif) 0 0 no-repeat;
	font-size: 0;
}
.top-container-inner {
	width: 974px;
	margin: 0 8px;
	padding: 20px 0;
	background: url(../images/home-container-inner.gif) 0 0 repeat-x;
}
.top-container-bot {
	width: 990px;
	height: 9px;
	background: url(../images/top-containerBot.gif) 0 0 no-repeat;
	font-size: 0;
}

.home-container-inner2 { padding: 0 12px; }

.webHomeH1 {
	color: #2e2e2e;
	font-size: 1.17em;
	font-weight: normal;
	line-height: 1.33;
	background: url(../images/dottedLine.gif) repeat-x bottom;
}

/* Popular HOME
-------------------------------------------------------------- */
#popularHome {
	width: 950px;
	background: url(../images/dottedLine.gif) repeat-x bottom;
	margin-bottom: 30px;
	padding: 10px 0 10px 0;
}
#popularHome .scroll-left, #popularHome .scroll-right { margin: 0; }
#popularHome .scroll-content {
	width: 868px;
	height: 94px;
	margin-top: 5px;
}
#popularHome .scroll-content h2 a, #popularHome .scroll-content h2 a:visited { color: #DC1909; }
#popularHome .scroll-content h2 a:hover { color: #f2f3f5; text-decoration: none; }

/* HOME COLUMNS
-------------------------------------------------------------- */
.home-col-wrap {
	width: 950px;
	background: url(../images/BG_home-col-wrap.gif) 314px 0 repeat-y;
}
.home-col-container, .home-col-container-last {
	width: 315px;
	float: left;
	display: inline;
	padding-bottom: 20px;
}
.home-col-container-last { background: none !important; }

.home-col-container h2, .home-col-container-last h2 {
	height: 18px;
	margin: 0 0 15px 24px;
	padding: 0;
	color: #2e2e2e;
}
.home-col {
	width: 291px;
	margin: 15px 12px 0;
}
.home-col-item {
	margin-bottom: 20px;
	padding: 0 12px 10px;
	overflow: hidden;
}
.home-col-image {
	width: 82px;
	height: 121px;
	float:left;
	display: inline;
	margin-right: 8px;
	overflow: hidden;
}
.home-col-content {
	width: 177px;
	float:left;
	display: inline;
}
.home-col h3 {
	font-size: 0.92em;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 0;
	padding-bottom: 0;
}
.home-col-content h3 {
	line-height: 1.2em;
	margin-bottom: 5px;
}
.home-col-content h3 a:hover {
	color: #000;
	text-decoration: none;
}
.home-col-desc {
	width: 177px;
	height: 72px;
	margin-bottom: 15px;
	overflow: hidden;
}
.home-col p {
	font-size: 0.92em;
	line-height: 1.08em;
}
.home-col p.price {
	text-align: left;
	margin-bottom: 0;
}
.home-col-list {
	width: 291px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.home-col-list li {
	width: 267px;
	margin: 0;
	padding: 8px 12px;
	float: left;
	border-bottom: 1px solid #eeeeee;
}
.home-col-list li h3 {
	width: 155px;
	float: left;
	display: inline;
	margin-right: 10px;
}
.home-col-list li h3 a {
	color: #DC1909;
	line-height: 1.17em;
}
.home-col-list li h3 a:visited {color:  #DC1909;}
.home-col-list li h3 a:hover {
	color: #000;
	text-decoration: none;
}
.home-col-list li p.price {
	width: 102px;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	text-align: right;
}

#progressbarInner {
	width: 0;
	height: 62px;
	background: url(../images/progressbar_full.gif) no-repeat 0px 13px;
	overflow: hidden;
}
.stage1 { width: 180px !important; }
.stage2 { width: 355px !important; }
.stage3 { width: 530px !important; }
.stage4 { width: 710px !important; }

/* Operating Requirements
-------------------------------------------------------------- */
 
#operating-req {
	width: 296px;
	margin: 0 2px;
	padding-bottom: 6px;
	background: #eef2f3 url(../images/BG_operating-req-bot.gif) left bottom no-repeat;
}
#operating-req-inner p { color: #989898; }
#operating-req-list li {
	color: #989898;
	list-style: none;
	background: url(../images/bullet_red.gif) 0 5px no-repeat;
	margin: 0 0 0.4em 0;
	padding: 0 0 0 12px;
}
 
/* User Review
-------------------------------------------------------------- */
 
.user-review p {
	background-color: #eef2f3;
	color: #989898;
	margin: 0;
	padding: 5px 10px;
}

.ratings ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	background: repeat-x left 0;
	float: left;
	width: 70px;
	height: 12px;	
	background-image: url(../images/rating-white-star.gif);
}

.ratings ul li {
	margin: 0;
	padding: 0;
	float: left;
	width: 7px;
	height: 12px;
}

.ratings li a {
	display: block;
	text-decoration: none;
	position: absolute;
	padding: 0;
	height: 0;
	overflow: hidden;
	line-height: 1em;
	z-index: 20;
	padding-top: 12px;
	width: 7px;
}

.ratings li a:hover {
	z-index: 2;
	left: 0;
	border: none;
	background: url(../images/rating-white-star.gif) repeat-x left -24px;
}

.ratings li.current a {
	position: absolute;
	z-index: 1;
	background: url(../images/rating-white-star.gif) repeat-x left -12px;
	padding-top: 12px;
	left: 0;
	width: 0;
}

.ratings a:active {
	/* remove halo effect in firefox   */
	outline: none;
}

/* @group Numbers */
.ratings a.half { left: 0; }
.ratings a:hover.half, .ratings li.current a.half { width: 7px; }
.ratings a.one { left: 7px; }
.ratings a:hover.one, .ratings li.current a.one { width: 14px; }
.ratings a.one_half { left: 14px; }
.ratings a:hover.one_half, .ratings li.current a.one_half{ width: 21px; }
.ratings a.two { left: 21px; }
.ratings a:hover.two, .ratings li.current a.two { width: 28px; }
.ratings a.two_half { left: 28px; }
.ratings a:hover.two_half, .ratings li.current a.two_half { width: 35px; }
.ratings a.three { left: 35px; }
.ratings a:hover.three, .ratings li.current a.three { width: 42px; }
.ratings a.three_half { left: 42px; }
.ratings a:hover.three_half, .ratings li.current a.three_half { width: 49px; }
.ratings a.four { left: 49px; }
.ratings a:hover.four, .ratings li.current a.four { width: 56px; }
.ratings a.four_half { left: 56px; }
.ratings a:hover.four_half, .ratings li.current a.four_half  { width: 63px; }
.ratings a.five { left: 63px; }
.ratings a:hover.five, .ratings li.current a.five { width: 70px; }


/* Tables General
-------------------------------------------------------------- */
table.listing, 
table.listing-container,
table.details {
	width:100%;
	margin-bottom:1.4em;
	top: 0px;
	left: 0px;
}
.listing th,
.listing-container th,
.details th {
	font-weight: bold;
}
.listing th, .listing td,
.listing-container th, .listing-container td,
.details th, .details td {
	padding: 8px 10px 8px 5px;
}

tr.dottedLine { background: url(../images/dottedLine.gif) repeat-x bottom; }


/* Listing Table Gradient Container
-------------------------------------------------------------- */
.listing-container th, .listing-container td {
	padding: 0; /* remove padding for gradient box images */
}

.listing-container-topL { background:url(../images/listing-container-topL.png) no-repeat; width: 11px; height:40px; }
.listing-container-topM { background: url(../images/listing-container-topM.png) repeat-x; height:40px; }
.listing-container-topR { background:url(../images/listing-container-topR.png) no-repeat; width: 11px; height:40px; }
.listing-container-midL { background: url(../images/listing-container-midL.png) repeat-y; width: 11px; }
.listing-container-midM { background-color: #f3f5f7; }
.listing-container-midR { background: url(../images/listing-container-midR.png) repeat-y; width: 11px; }
.listing-container-botL { background:url(../images/listing-container-botL.png) no-repeat; width: 11px; height:9px; }
.listing-container-botM { background: url(../images/listing-container-botM.png) repeat-x; height:9px; }
.listing-container-botR { background:url(../images/listing-container-botR.png) no-repeat; width: 11px; height:9px; }

.listing-container table th,
.listing-container table th a
{ height: 40px; color: #ffffff; }

/* Listing Table
-------------------------------------------------------------- */
.listing {
	margin: -40px 0 40px 0; /* Pull th back up over cell containing BG */
	position: relative; /* correct layering for IE */
}
.listing tr.table-row {
	background: #edf1f3 url(../images/dottedLine.gif) repeat-x bottom;
}
.listing tr.table-row-alt {
	background: #f2f5f6 url(../images/dottedLine.gif) repeat-x bottom;
}
.listing tr.table-row,
.listing tr.table-row-alt {
	cursor: pointer;
}
.listing tr.table-row:hover,
.listing tr.table-row-alt:hover {
	background: #fbebe8 url(../images/dottedLine.gif) repeat-x bottom;
}
.listing th {
	padding: 0 10px 0 5px; /* add padding back in to listing table */
}
.listing td {
	padding: 8px 10px 8px 5px; /* add padding back in to listing table */
}
.listing td a {
	color: #ef4023;
	font-weight: bold;
}

body#loginPage { background: #f1f1f1; }
#loginPage .content { padding-bottom: 100px; }
#loginPage h1 { margin-left: 8px; }
#loginPage .detailsContainer { margin: 0 8px; }
#loginPage .detailsContainerInner { padding: 15px; }

.details input.text {
	width: 210px;
	height: 16px;
	padding: 4px;
	border: 1px solid #dddedf;
	color: #797979;
}
.details th label {
	float: right;
	text-align: left;
}
.details table td {
	padding: 0;
}	
.shipping-details {
	border: 1px solid #dddedf;
}	
.shipping-details th {
	border-bottom: 1px solid #dddedf;
	padding: 7px;
	background-color: #F8F8F8;
}	
.shipping-details th.shipping-price {
	border-left: 1px solid #dddedf;
}	
.shipping-details td {
	border-bottom: 1px solid #dddedf;
	text-align: right;
	padding: 4px;
}		
.shipping-details td.shipping-price {
	border-left: 1px solid #dddedf;
	text-align: left;
}
.modal-popup {
	position: relative;
	z-index: 299;
}
.modal-background {
	background-color: Gray;
	filter: alpha(opacity=60);
	opacity: 0.6;
	z-index: 199;
}



/* Inner Listing
-------------------------------------------------------------- */
.inner-listing-wrap { width: 714px; overflow: hidden; }

.inner-listing-nav { float: left; width: 170px; margin: 0 20px 0 0; padding: 0 0 1px; display: inline; }
.inner-listing-nav ul { float: left; margin: 0; padding: 0; background: none; }
.inner-listing-nav li { float: left; width: 170px; margin: 0; background: url(../images/dottedLine.gif) 0 100% repeat-x; list-style: none; }
.inner-listing-nav a { display: block; padding: 8px 14px 8px 20px; background: url(../images/arrow_grey.gif) 6px 12px no-repeat; color: #4C4C4C; text-decoration: none; }
.inner-listing-nav a:visited { color: #4C4C4C; }
.inner-listing-nav a:hover { background: url(../images/arrow.gif) 6px 12px no-repeat; color: #DC1909; text-decoration: none; }
.inner-listing-nav a.current, .inner-listing-nav a.current:hover { background: #DC1909 url(../images/arrow_white.gif) 6px 12px no-repeat; color: #fff; font-weight: bold; }

.inner-listing { float: left; width: 524px; }

.inner-listing-item { width: 524px; padding: 10px 0; margin: 0; background: url(../images/dottedLine.gif) 0 100% repeat-x; }
.inner-listing-item .sup { float: left; width: 106px; overflow: hidden; display: inline; }
.inner-listing-item .copy { float: left; width: 400px; margin-left: 18px; overflow: hidden; display: inline; }

.inner-listing-item .title { margin-right: 80px; font-weight: bold; }
.inner-listing-item .title a:hover { color: #000; text-decoration: none; }
.inner-listing-item .date { float: right; margin: 0; font-size: 0.917em; font-weight: bold; }

a.more { padding-left: 16px; background: url(../images/buy_bullet.gif) -1px 2px no-repeat; color: #000; }
a.more:visited { color: #000; }
a.more:hover { color: #000; }

/* Listing with no Nav */
.inner-listing-full { width: 714px; }
.inner-listing-full .inner-listing-item { width: 714px; }
.inner-listing-full .inner-listing-item .copy { width: 590px; }

/* Listing Detail */
.inner-listing-detail { width: 714px; }
.inner-listing-detail .inner-listing-item { width: 714px; background: none; }
.inner-listing-detail .inner-listing-item .sup { width: 126px; margin: 0 20px 0 0; }
.inner-listing-detail .inner-listing-item .copy { width: 550px; }

a.download { padding-left: 12px; background: url(../images/arrow.gif) 0 5px no-repeat; color: #DC1909; font-weight: bold; }
a.download:visited { color: #DC1909; }
a.download:hover { color: #000; text-decoration: none; }