/* Unchanged */
/* @override http://wisdom.cloudnine.net.nz/~neil/iShowU/rw_common/themes/industrialdesign/store.css */

/* Overrides of main */
#pageHeader h2 {
	padding: 29px 0 0 23px;
}

/* Product display, in the store window */
#pagetitle {
	padding-top: 3px;
	padding-bottom: 5px;
/*	float: top;*/
	/*position: top;*/
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	color: #777;
}

#pagesubtitle {
	/*float: top;*/
	/*position: top;*/
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;
	color: #999;
	padding-bottom: 15px;
}

#productctrls {
	width: 100%;
	margin-top: 5px;
	font-size: 0.9em;
	text-align: left;
	font-weight: bold;
	text-shadow: #bbb 2px 2px 2px;
	float: right;
}

#productctrls #price {
	float: right;
	text-align: right;
	margin-left: 20px;
}

#productctrls #button {
	float: right;
	margin-top: 2px;
	margin-left: 20px;
}

#productctrls #additional {
	float: left;
	font-size: 1em;
}

#titleandicon {
	float: left;
}

#product #horizgroup {
	clear: both;
}

#product img.productimage {
	margin-top: 0px;
	padding-top: 3px;
	float: left;
}

div#description {
	display: table;
	margin-top: 0px;
	padding-left: 15px;
	padding-right: 3px;
	padding-top: 3px;
	font-size: 0.9em;
}

#product #title {
	display: table;
	font-size: 1.3em;
	float: left;
	font-weight: bold;
	color: #777;
}

#product #subtitle {
	display: table;
	font-size: 0.8em;
	display: inline;
	padding-bottom: 5px;
	margin-bottom: 7px;
	width:99%;
	font-weight: bold;
	color: #5a5;
}

#shoptabs {
	height: 26px;
	z-index: 500;
	margin-bottom: 15px;
	margin-top: 15px;
	display: table;
}

#shoptabs ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

#shoptabs li {
	position: relative;
	font-size: 0.9em;
	color: #555555;
	padding-top: 4px;
	display: inline;
	width: 90px;
	height: 26px;
	float: left;
	text-align: center;
}

#shoptabs li:hover {
	font-size: 1em;
	text-shadow: #aaa 2px 2px 2px;
}

#shoptabs a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #555555;
	text-align: center;
}

#shoptabs a:hover {
	color: #333333;
}

#shoptabs .left {
	background: url(../../../store/images/tableft.png) no-repeat;
	color: #777777;
}

#shoptabs .middle {
	background: url(../../../store/images/tabmiddle.png) no-repeat;
	color: #777777;
}

#shoptabs .right {
	background: url(../../../store/images/tabright.png) no-repeat;
	color: #777777;
}

#shoptabs .leftselected {
	background: url(../../../store/images/tableft-selected.png) no-repeat;
	color: #444444;
	font-weight: bold;
}

#shoptabs .middleselected {
	background: url(../../../store/images/tabmiddle-selected.png) no-repeat;
	color: #444444;
	font-weight: bold;
}

#shoptabs .rightselected {
	background: url(../../../store/images/tabright-selected.png) no-repeat;
	color: #444444;
	font-weight: bold;
}

/* Level 0 */
#storemenu {
	background: url(images/menu_bg.png) repeat-x;
	height: 18px;
	z-index: 500;
	padding: 0;
	margin-bottom: 15px;
	padding-right: 25px;
	display: table;
	border-left: thin #bbb solid;
	border-right: thin #bbb solid;
}


#storemenu #current {
}

#storemenu .currentAncestor {
}

#storemenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#storemenu li {
	position: relative;
	font-size: 0.9em;
	display: inline;
	width: 90px;
	float: left;
}

#storemenu a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #333333;
	width: 120px;
	text-align: center;
	/*background: no-repeat right top  url(images/button_divider.png);*/
}


#storemenu a:hover { 
	color: #73cb43;
}

/* Level 1 */

#storemenu ul ul {
	position: absolute;
	left: 0;
	top: 17px;
	width: 118px;
	display: none;
	z-index: 100;
	background-image: url(images/sub_menu_bg.png);
	border-top: 1px solid #9e9e9e;
	border-bottom: 1px solid #c9c9c9;
}

#storemenu ul ul a { 
	height: 20px;
	padding-top: 7px;
	background: none;
}

#storemenu ul ul a:hover {
}

#storemenu ul ul #current{
}

div#storemenu ul ul, div#storemenu ul ul ul, div#storemenu ul li:hover ul ul, div#storemenu ul li:hover ul ul ul, div#storemenu ul li:hover ul ul ul ul, div#storemenu ul li:hover ul ul ul ul ul{
display:none;
}

div#storemenu ul li:hover ul, div#storemenu ul ul li:hover ul, div#storemenu ul ul ul li:hover ul, div#storemenu ul ul ul ul li:hover ul, div#storemenu ul ul ul ul ul li:hover ul{
display:block;
}

/* Shopping Cart */
#cart {
	float: right;
	font: 1em/1.4em 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	border-left-width: 1px;
	border-left-color: #eeeeee;
    border-left-style: dotted;
/*	padding-left: 10px;*/
	padding-right: 20px;
	margin-top: 10px;
	height: 470px;
	width: 170px;
	/*position: top;*/
}

#cart input {
	font-size: 0.8em;
}

#cart .qty {
	float: right;
}

#cart .update {
	float: right;
}

#cart .checkout {
	float: left;
}

#cart table {
	width: 95%;
	padding-top: 10px;
}

#cart .error {
	color: red;
	font-size: .9em;
	text-align: center;
}

#cart .total {
	border-top-color: #eeeeee;
	border-top-width: 1px;
	border-top-style: solid;
	text-align: right;
	margin-right: 10px;
	font-size: .8em;
}

/* Login form */
#login .form {
	padding: 20px;
}

#login #row {
	clear: both;
	display: table;
}

#login .required {
	float: left;
	color: red;
	width: 10px;
}

#login #label {
	float: left;
	width: 100px;
}

#login #element {
	float: right;
}

#login #requiredNote {
	float: right;
}

#login #heading {
	font-weight: bold;
	height: 23px;
	display: block;
}

/* Modified form rendering */
#verify {
	float: left;
	width: 460px;
	text-align: left;
	margin-top: 10px;
/*	border: thin #bbb solid line;*/
}

#verify .form {
	width: 99%;
	padding: 20px;
	float: left;
}

#verify .form #row {
	display: inline; 
}

#verify .form #row #element  {
	float: left;
	width: 60%;
}

#verify .form #row #group {
	margin-top: 10px;
/*	border: thin #bbb solid line;*/
	float: right;
	display: inline;
	width: 90%;
}

#verify .form #row #group {
	float: left;
	margin-right: 8px;
}

#verify .form #row ._error {
	color: red;
	float: left;
	font-size: 0.9em;
	padding-left: 5px;
}

#verify .form #row #label {
	color: #888;
	font-size: 0.8em;
	float: left;
	margin-top: 3px;
	vertical-align: middle;
	text-align: right;
	margin-right: 5px;
	width: 150px;
}

#verify .form ._required {
	color: white;
}

div#kagilink {
	padding: 10px;
	margin: 5px;
	margin-top: 30px;
	text-align: center;
	clear: both;
	font-size: 1.1em;
	background:#E6E6E6;
}

div#tip {
	float: right;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	padding: 15px;
	width: 150px;
	font-size: 0.8em;
	background:#E6E6E6;
}

div#tip div#heading {
	font-weight: bold;
	margin-bottom: 5px;
}

div#error {
	float: right;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	padding: 15px;
	width: 150px;
	text-align: center; 
	font-weight: bold;
	color: #f44;
	font-size: 0.8em;
	background-color: #fee;
}

div#productsheading {
	margin-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1.3em;
	width: 742px;
	color: #2D58A2;
	background: url(../images/app_gray_banner.png) no-repeat;
	float: none;
	display: table;
}

div#products {
	width: 725px;
	padding-right: 15px;
	background-color: white;
	border-width: 1px;
	border-style: solid;
	border-color: #d3d3d3;
	clear: none;
}

/*
div#productsheading {
	margin-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 0.9em;
	width: 499px;
	color: grey;
	background: url(../images/primary-top-with-content.png) no-repeat;
	float: none;
	display: table;
}

div#products {
	width: 482px;
	padding-right: 15px;
	background-color: white;
	border-width: 1px;
	border-style: solid;
	border-color: #d3d3d3;
	clear: none;
}
*/

/* Mozilla hack. 
div#productLeftSize {
	
	float:  left;
	display: inline;
	width:  499px;
	padding-left: 20px;
}
*/

div#productline {
	clear:  both;	
	margin-top: 10px;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-right: 0px;
	display: table;
	width: 100%;
	/*border: thin solid blue;*/
}

div#bundle {
	padding-top: 3px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	/*border: thin solid red;*/
}

div#line {
	padding-top: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 5%;
	margin-right: 5%;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #e7e7e7;
	border-bottom-width: 1px;
}

div#toperror {
	/*position: top;*/
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	padding: 15px;
	margin-bottom: 20px;
	clear: both;
	text-align: center; 
	font-weight: bold;
	color: #f44;
	font-size: 0.9em;
	background-color: #fee;
}

#cart div#toperror {
	width: 80%;
	margin: 2px;
	margin-top: 10px;
	font-weight: normal;
	font-size: 0.8em;
}

#cart div#toperror ul {
	margin:0px;
	padding:0px;
	list-style: none;
}

#osbanner {
	float: left;
	padding-top: 8px;
	padding-bottom: 15px;
	font-size: 1.6em;
	padding-left: 10px;
}

#featurelink {
	padding-top:8px; 
	text-align: center;
	/*clear: both;*/
	float:  right;
}

#featurelink a {
/*	text-decoration: none;*/
	font-weight: bold;
}

#featurelink a:hover {
	font-weight: bold;
	text-decoration: underline;
}

#featurecompare table {
	width: 90%;
}

#featurecompare tr {
	clear: both;
	width: 99%;
	display: table;
}

#featurecompare #title {
	font-size: 1.3em;
	color: #777;
	text-align: center;
	padding: 10px;
	clear: both;
}

#featurecompare .heading {
	font-weight: bold;
}

#featurecompare .tick {
	background: url(../../../store/images/good.png) no-repeat;
	background-position: center;
}

#featurecompare .alternate {
	background-color: #f1f1f1;
}

#featurecompare .heading,.feature {
	text-align: center;
}

#featurecompare #col1.feature {
	border-left: thin #aaa solid;
	text-align: left;
	color: #444;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#featurecompare #col2.feature, #col3.feature {
	border-right: thin #ddd solid;
}

#featurecompare #col4.feature {
	border-right: thin #aaa solid;
}

#featurecompare #col1.heading  {
	border-right: thin #aaa solid;
	border-bottom: thin #aaa solid;
}

#featurecompare #col2.heading, #col3.heading {
	border-right: thin #ddd solid;
	border-top: thin #aaa solid;
}

#featurecompare  #col4.heading {
	border-right: thin #aaa solid;
	border-top: thin #aaa solid;
}

#featurecompare #col1.last , .last {
	border-bottom: thin #aaa solid;
}

#featurecompare span {
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	font-size: 90%;
	color:gray;
	display: block;
}

#additional {
	text-align: center;
	font-size: 0.8em;
	color:#444;
	padding-top: 2px;
}

#offer span {
	padding-left: 26px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url('../../../store/images/gift.png') no-repeat;
	background-position: left;
}

#offer strong {
	color: red;
	text-shadow: #eee 2px 2px 2px;
}

#offer a {
	font-weight: bold;
}