/******************************************************************************
*
*		The main shopping cart style sheet
*		Adam Synnott 2012
*		info@adamsynnott.id.au
*
*******************************************************************************/

fieldset{
	border-radius:5px;
	margin:10px 0 0 0;
	position: relative;
}

fieldset div {
	float:left;
	margin:0 20px 0 0; padding:0 10px;
}

input, select {
	margin:0; padding:0;
}

fieldset input
{
	width:250px;
}

#terms
{
	width:13px;
}

.ilform
{
	display:inline-block;
	margin:0 10px 0 0;
	width:60px;
}

#pcode 
{
	position:relative; left:5px;
}

legend {
	font-size:.9em;
	font-style:italic;
	color:#333;
} 


.button {
	background:#686d67;
	background-image:-moz-linear-gradient(top, #888, #666);
	background-image:-webkit-linear-gradient(top, #888, #666);
	border-radius:5px;
	color:#FFF;
	cursor:default;
	font-size:.8em;
	font-style:normal;
	margin:0 5px; padding:1px 3px;
	text-decoration:none;
	text-align:left;
	z-index:1000;
}



.buttons {
	background:#686d67;
	background:-moz-linear-gradient(top, #888, #666);
	background:-webkit-linear-gradient(top, #888, #666);
	border-radius:5px;
	color:#FFF;
	cursor:default;
	font-size:.8em;
	font-style:normal;
	margin:0 3px; padding:1px 5px;
	text-decoration:none;
	position:relative; top:-1px;
}

.buttons:hover {
	background:#80807f;
	background:-moz-linear-gradient(top, #999, #777);
	background:-webkit-linear-gradient(top, #999, #777);
}

.center {
	text-align:center;
}

.exp {
	width:25px;
}

.grey, .cgrey {
	background-color:#EEE;
	
	color:#333;
}

.grey td, .cgrey td {
	padding: 2px 5px 2px 5px;
	
	font-size:1em;
}

.inClear
{
width:30px;
}

.inStore
{
	float:left;
}

.grey td:first-child { 
	width:50px; 
}

.grey td:last-child {
	width:180px;
}

.lprice{
	position:relative;
	right:23px;
	bottom:3px;
}

.more
{
	background:#686d67;
	background:-moz-linear-gradient(top, #888, #666);
	background:-webkit-linear-gradient(top, #888, #666);
	border-radius:5px;
	color:#FFF;
	cursor:default;
	font-size:.8em;
	font-style:normal;
	position:absolute; right:5px; bottom:5px;
	padding:5px 10px;
	text-align:center;
}

.more:hover {
	background:#80807f;
	background:-moz-linear-gradient(top, #999, #777);
	background:-webkit-linear-gradient(top, #999, #777);
}



.price {
	text-align:right;
	padding:0 5px 0 0 ;
}

.payment {
	background:#ab0202;
	background-image:-moz-linear-gradient(top, #cf0000, #ab0202);
	background-image:-webkit-linear-gradient(top, #cf0000, #ab0202);
	border-radius:30px;
	border:2px solid #FFF;
	box-shadow:1px 1px 5px rgba(0, 0, 0, .5);
	color:#FFF;
	display:block;
	float:left;
	font-size:.9em;
	margin:0 5px; padding:2px;
	text-align:center;
	width:60px; height:17px;
}

.payment:active {
	background-image:-moz-linear-gradient(top, #02ab32, #00cf3a);
	background-image:-webkit-linear-gradient(top, #02ab32, #00cf3a);
	cursor:default;
	font-size:.85em;
}

.payment:hover {
	background-image:-moz-linear-gradient(top, #00cf3a	, #01bd36);
	background-image:-webkit-linear-gradient(top, #00cf3a	, #01bd36);
	cursor:default;
}

.prodRow {
	border-top:dashed 1px #CCC ;
	/*width:200px;*/
	padding:5px 10px 5px 5px;
}

#prodTable tr:first-child td
{
border-top:none;
}

.prodRow:last-child
{
	padding-right:25px;
	padding-top:10px;
	min-width:100px;
	
}

.prodRow h2 
{
	font-size:.9em;
	font-style:normal;
	font-weight:normal;
	vertical-align:text-top;
	margin:0; padding:0 0 0 5px;
	border-bottom:1px solid #FFF;
}

.prodRow p
{
	font-size:.8em;
	font-style:italic;
	margin:5px; padding:0;
	vertical-align:top;
	
	
}

.prodImage {


}

.response
{
	box-shadow:1px 1px 5px rgba(0,0,0,.2);
	border-radius:5px;
	line-height:1.5em;
	margin:150px auto 0 auto; padding:35px;
	width:500px;
	text-align:center;
}

.response h2
{
	font-size:1.5em;
}
.response p
{
	font-size:.8em;
	line-height:1.5em;
}

.shopfront 
{
	width:260px; min-height:170px;
	display:inline-block;
	margin:40px 20px 20px 20px;
	vertical-align:text-top;
	position:relative; left:30px;
}

.shopfront div 
{
	background:rgba(200,200,200,.2);
	border-top-left-radius:5px;
	border-bottom-right-radius:5px;
	padding:5px;
	position:absolute; top:40px; right:5px;
	width:80px;
}


.shopfront img 
{
	float:left;
	margin: 5px;
}



.shopfront h3 
{	
	font-size:1em;
	margin:2px 0 0 10px;
	padding:0 0 0 10px;
}

.shopfront p 
{
	font-size:.8em;
	margin:0;
	position:absolute; bottom:-10px; left:5px;
	width:195px;
}

#cardForm{

	/*display:none;*/
	text-align:left;
}

#payment
{
	display:none;
}

#cardForm label, fieldset span {
	font-size:.8em;
	color:#333;
}

#payment label
{
	text-align:right;
	margin-right:15px;
	display:inline-block;
	width:100px
}
#payment input[type=text]
{
	width:200px;
	margin-bottom:15px;
	border:1px solid #8cbbe8;
	position:relative; top:2px;
}

select
{
border:1px solid #8cbbe8;
margin-bottom:15px;
}

fieldset
{
	display:block;
	margin:20px auto 0 auto; padding:25px;
}



#cardForm input{
	margin:3px 0;
	font-size:.8em;
	color:#333;
	padding:2px;
}

#cardForm select {
	margin-bottom:7px;
}


#cardImg 
{
	border:1px solid #888;
	border-radius:6px;
	float:right;
	margin:7px; padding:4px;
	position:relative; bottom:14px;
	width:46px; height:30px;
	overflow:hidden;
}





#visa, #master, #amex
{
	display:none;
}

#cart {
	text-align:right;
	
}

#cartainer {
	display:none;
	margin:0 0 0 5px;
	width:25%;
	position:relative;
	
	
}

#cartainer h2 {
	font-size:.9em;
	border-bottom:2px solid #6b3678;
	padding: 0 0 10px 0px;
	margin:0;
	
	/*color:#333;
	font-size:1em;
	font-weight:normal;
	margin:0; padding:5px 7px 0px 3px;*/
}

#cartTable, #detailsTable{
	font-style:italic;
	margin:0 0 5px 0; padding:0;
	width:100%;

}



#cartTable tr, #detailsTable tr {
	font-size:.8em;
}
	
#cartTable td, #detailsTable td {
	text-align:left;
	position:relative;
}

#cartTable td:not(:first-child)
{
	
	text-align:right;
}

#cartTotal {
	/*border-top:1px dashed #CCC;*/
	margin:0; padding:0;
	text-align:right;
	width:100%;
	font-size:.8em;
	width:100%;
}

#checkout {
	background:#02ab32;
	background-image:-moz-linear-gradient(top, #00cf3a, #02ab32);
	background-image:-webkit-linear-gradient(top, #00cf3a, #02ab32);
	border-radius:20px;
	border:2px solid #FFF;
	box-shadow:1px 1px 5px rgba(0, 0, 0, .5);
	color:#FFF;
	display:inline-block;
	font-size:1.0em;
	margin-top:10px; padding:5px;
	text-align:center;
	width:90px; height:20px;
	visibility:hidden;
	position:absolute; right:0;
}

#checkout:active {
	background-image:-moz-linear-gradient(top, #02ab32, #00cf3a);
	background-image:-webkit-linear-gradient(top, #02ab32, #00cf3a);
	cursor:default;
	font-size:0.9em;
}

#checkout:hover {
	background-image:-moz-linear-gradient(top, #00cf3a	, #01bd36);
	background-image:-webkit-linear-gradient(top, #00cf3a	, #01bd36);
	cursor:default;
}

#clearOrder {
	display:inline-block;
	background:#ab0202;
	background-image:-moz-linear-gradient(top, #cf0000, #ab0202);
	background-image:-webkit-linear-gradient(top, #cf0000, #ab0202);
	padding:5px;
	border-radius:20px;
	border:2px solid #FFF;
	box-shadow:1px 1px 5px rgba(0, 0, 0, .5);
	color:#FFF;
	text-align:center;
	font-size:1.0em;
	width:90px;
	height:20px;
	margin-top:10px;
	margin-right:10px;
	visibility:hidden;
}

#clearOrder:active {
	background-image:-moz-linear-gradient(top, #ab0202, #cf0000);
	background-image:-webkit-linear-gradient(top, #ab0202, #cf0000);
	font-size:0.9em;
	cursor:default;
}

#clearOrder:hover {
	background-image:-moz-linear-gradient(top, #cf0000	, #bd0101);
	background-image:-webkit-linear-gradient(top, #cf0000	, #bd0101);
	cursor:default;
}



#depts {
	display:none;
	color:#333;
	margin:0 0 0 0; padding:0;
	width:18%;
	
}

#depts h2
{
	font-size:.9em;
	border-bottom:2px solid #6b3678;
	padding: 0 0 10px 15px;
	margin:0;
}




#depts ul{
	list-style:none;
	margin:0; padding:0 0 0 3px;
	text-indent:0;
}

#depts ul li{
	display:block;
	margin:5px;
	padding:10px;
	text-indent:0;
	font-size:.8em;
	
	border-bottom:1px dotted #AAA;
}

#depts ul li:hover {
	background-image:-moz-linear-gradient(top, #FFF, #EEE);
	background-image:-webkit-linear-gradient(top, #FFF, #EEE);
	cursor:pointer;
}

#emailBody p 
{
	font-size:.8em;
	margin-bottom:50px;
}

#emailBody table
{
	margin-bottom:30px;
}


#gst, #gstFinal
{
font-size:.8em;
font-style:italic;
}

#loading, #failure
{
	display:none;
	padding:20px;
	line-height:1.5em;
}

#processing
{
display:none;
width:50px;
margin:200px auto 0 auto; 
}

#setProcessing
{
display:block;
width:400px;
margin:200px auto 0 auto; 
text-align:center;
}


#setProcessing img
{
 display:block;
 width:32px;
 margin:40px auto;
}
#pagination
{
	padding:10px;
	position:relative;
	text-align:center;
	width:100%;
}

#pagination .left
{
	position:absolute; left:0; top:10px;
	padding:5px 10px;
}

#pagination .right
{
	position:absolute; right:0; top:10px;
	padding:5px 10px;
}


#products{
	display:none;
	margin:0 10px; padding:0;
	width:53%;
	position:relative;
	
}

#prodHeading
{
	font-size:.9em;
	border-bottom:2px solid #6b3678;
	padding: 0 0 10px 15px;
	margin:0;
}

#products table 
{
	display:block;
	min-width:90%;
	margin:0; padding:0;
}

#proceed {
	float:right;
	margin:10px 0 0 0;
}

#shop {
	
	margin-top:80px;
	box-shadow:1px 1px 5px rgba(0,0,0,.2);
}

#shopfront
{
	list-style:none;
}

#shopfront li
{
	display:inline-block;
	width:29%;
	margin:2%;
	float:left;
	text-align:center;
	height:60px;
	overflow:hidden;
	box-shadow:1px 1px 5px rgba(0, 0, 0, .5);
}
#shopfront li:hover
{
cursor:pointer;
}

#shopfront li h3
{
display:block;
margin:0;
color:#fff;
width:100%;
height:100%;
text-align:center;
line-height:60px;
background:rgba(0,0,0,.5);
font-size:.9em;
font-weight:bold;

}

#shopfront li h3:hover
{

background:rgba(0,0,0,.0);
}


#shopWrap {
	margin:0 auto;
	min-height:1050px;
	position:relative;	
	width:80%;
	min-width:900px;
	
}

.submit
{
	margin-top: 10px;
	margin-bottom:50px;
	position: absolute;
    right:0;
	padding:0;
}

.submit span
{
	display:inline-block;
	position:relative; top:10px;
	margin-left:20px;
}

#success 
{
	width:60%;
	padding:10px;
	margin:100px auto 0 auto;
	
}

#termsAndConditions
{
display:none;
font-size: .8em;
background:rgba(0,0,0,.5);
position:fixed; top: 0; left:0;
width:100%;
height:100%;

}

#tcContent
{
	border:1px solid #000;
	border-radius:15px;
	width:75%;
	margin:50px auto;
	background:#FFF;
	padding:20px;

}

#termsBody
{
 height:300px; overflow-y:scroll;
 padding:10px;
}

#tcContent .wbutton
{
display:block;
margin:40px auto 0 auto;
width:100px;


}