/***********************************************************************
 *
 *		TEXTALK TEMPLATE - 02 - JOHN
 *		APRIL 2011
 *
 ***********************************************************************/


/***********************************************************************
 *
 *		Changes in size, font or browser default behaviour
 *
 ***********************************************************************/
 

h3,
.listarticlename {
	font-family: Arial, sans-serif;
	font-size: 120%;
}

.QuantityFormInput input {
	width: 35px !important;
	margin-left: 10px !important;
}

input {
	outline: none;
}



/***********************************************************************
 *
 *		COMMON / MISC
 *
 ***********************************************************************/
 
body {
  background-position: top center !important;
}
 
 
td#leftField {
  background-position: right top;
}

a:focus {
  -moz-outline-style: none;
}
/***********************************************************************
 *
 *		TOPMENU
 *
 ***********************************************************************/
 
 /* Adjust cells and links in topnav */

 
a, input {
  outline-color: invert;
  outline-style: none;
  outline-width: medium;
}


a.twstop {
  display: block !important;
  padding: 12px 8px 12px 10px !important;
  margin: 0px 0px;
}

a.twstop:hover {
  background-image: url(//shop.textalk.se/shop/templates/02-john/twstop-hover-dark.png) !important;
  color: #ffffff;
}

td.topnavcell {
  padding: 0px 0px !important;
  margin: 0px 0px !important;
}

.twsupper div.link,
.twstop div.link
{
  padding-left: 0px !important;
}



/***********************************************************************
 *
 *		BUTTONS, FORMS AND CLICKABLE OBJECTS
 *
 ***********************************************************************/
 


a.tocheckout:active,
a.tocheckout:visited,
a.tocheckout:link,
a.tobasket:active,
a.tobasket:visited,
a.tobasket:link,
a.buy:active,
a.buy:visited,
a.buy:link,
a.buy:hover, 
a.readmore:active,
a.readmore:visited,
a.readmore:link
{
	border: 1px solid #c6c6c6;
	padding: 4px 9px 4px 9px;
  background-image: url(//shop.textalk.se/shop/templates/02-john/button-bg.png);
  background-position: bottom right;
  outline: none;
}

a.tocheckout:hover,
a.tobasket:hover,
a.buy:hover, 
a.readmore:hover {
	border: 1px solid #b3b3b3;
	padding: 4px 9px 4px 9px;
  background-image: url(//shop.textalk.se/shop/templates/02-john/button-bg-hover.png)!important;
  background-position: bottom right;
  outline: none;
}


/* Buy and Read - IE fix */
.ie a.buy:active,
.ie a.buy:visited,
.ie a.buy:link, 
.ie a.readmore:active,
.ie a.readmore:visited,
.ie a.readmore:link
{
	display: inline-block;
  outline: none;
}



/* Adjust basket in left/right only: */
td.twsright a.tocheckout:link,
td.twsright a.tocheckout:active,
td.twsright a.tocheckout:visited,
td.twsright a.hover,
td.twsright a.tobasket:link,
td.twsright a.tobasket:active,
td.twsright a.tobasket:visited,
td.twsright a.tobasket:hover,
td.twsleft a.tocheckout:link,
td.twsleft a.tocheckout:active,
td.twsleft a.tocheckout:visited,
td.twsleft a.tocheckout:hover,
td.twsleft a.tobasket:link,
td.twsleft a.tobasket:active,
td.twsleft a.tobasket:visited 
{
display: _block;
}



 
/* Input fields */ 

input.text {
	margin-right: 5px;
}


input.text,
input.username,
input.password,
input.buyerfield,
td.basketcontent input,
#newsletterEmail
{
  border: 1px solid #c4c4c4;
  padding-top: 4px;  
  padding-right: 4px;  
  padding-bottom: 4px;  
  padding-left: 4px;  
  outline: none;
}
 

input.text:focus,
input.username:focus,
input.password:focus,
input.buyerfield:focus,
td.basketcontent input:focus,
#newsletterEmail:focus
{
  border: 1px solid #e9b400;
  padding-top: 4px;  
  padding-right: 4px;  
  padding-bottom: 4px;  
  padding-left: 4px;  
  background-color: #FFFFE0;
  outline: none;
}


/* Input fields for IE  */

.ie input.text,
.ie input.username,
.ie input.password,
.ie input.buyerfield,
.ie input.submitButton,
.ie td.basketcontent input,
.ie  #newsletterEmail
{
  height: 24px;
}
 


/*
.ie  input.text:focus,
.ie  input.username:focus,
.ie  input.password:focus,
.ie input.buyerfield:focus,
.ie  input.submitButton:focus,
.ie td.basketcontent input:focus,
.ie #newsletterEmail:focus
{
  border: 1px solid #e9b400;
  background-color: #FFFFE0;
  outline: none;
}
*/




/* Submit buttons */

.submitButton {
  border: 1px solid #c4c4c4;
  background-image: url(//shop.textalk.se/shop/templates/02-john/button-bg.png);
  background-position: bottom right;
  cursor: pointer;
  padding-top: 4px;
  padding-right: 6px;
  padding-bottom: 4px;
  padding-left: 6px;
  display: inline-block;  
}


.submitButton:hover {
  border: 1px solid #b3b3b3;
  background-image: url(//shop.textalk.se/shop/templates/02-john/button-bg-hover.png);
}

.submitButton:focus {
  background-image: url(//shop.textalk.se/shop/templates/02-john/button-bg-hover.png);
  background-color: transparent !important;
  border: 1px solid #c4c4c4 !important;
 }


/* Submit buttons for IE 
.ie .submitbutton {
  padding-top: 2px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 20px !important;
  background-color: red !important;
}

.ie .submitButton:hover {
}

.ie .submitButton:focus {
}
*/




/***********************************************************************
 *
 *		COMPONENTS
 *
 ***********************************************************************/

/* Adjust vertical components */

.object_vertical {
	margin-bottom: 6px;
}


/* Adjust horizontal components */

.object_horizontal {
	margin-right: 0px;
}

.object_horizontal .newsletter,
.object_horizontal .numSoldItemsSurrounder,
.object_horizontal .date,
.object_horizontal .simplesearch,
.object_horizontal .totalRevenueSurrounder,
.object_horizontal .currency,
.object_horizontal .login {
	padding-left: 0px !important;            
	padding-bottom: 0px !important;            
	padding-right: 0px !important;            
	padding-top: 0px !important;            
}



/* Articlemenu */

.object_vertical .object_menu {
}


td.leftnavgroup,
td.leftnavgroupselected,
td.leftnavcontent,
td.leftnavcontentselected {
  padding-right: 0px !important;
  padding-left: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important; 
}


a.leftnavgroup,
a.leftnavgroupselected,
a.leftnavcontent,
a.leftnavcontentselected,
a.leftnavcontentsub,
a.leftnavcontentsubselected {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px !important;
  padding-left: 10px !important;
	display: block;
}

{
  padding-left: 15px !important;
}

a.leftnavcontentsub,
a.leftnavcontentsubselected {
  padding-left: 10px !important;
}


td.leftnavgroup {
  padding-top: 4px !important;
  padding-bottom: 4px !important; 
}

td.leftnavgroupselected {
  background-image: url(//shop.textalk.se/shop/templates/02-john/leftnavgroup-hover.png);
  background-position: bottom right;
  padding-top: 4px !important;
  padding-bottom: 4px !important; 
}

a.leftnavcontentselected, a.leftnavcontent:hover {
  background-image: url(//shop.textalk.se/shop/templates/02-john/leftnavcontent-hover.png);
  background-position: bottom right;
}

/* Logotype */

a.logo {
	text-transform: none !important;
	outline: none;
}


/* Basket */

td.basketline {
	padding-bottom: 5px;
	padding-top: 5px;
}

a.tocheckout, a.tobasket {
	margin-top: 6px;
	margin-bottom: 12px;
}

td.smallbasket_title_hover {
	font-weight: bold;
}

a.smallbasket {
	font-weight: normal !important;
}


/* Search */



/* Customerlogin  */


.object_vertical input.username,.object_vertical input.password {
	margin-bottom: 5px;
}

.object_vertical input.loginbutton {
	margin-bottom: 8px !important;
}


/* Quantityform */

.QuantityFormInput td {
	font-weight: bold;
}

.QuantityFormInput input {
	margin-left: 12px;
}


/* Newsletter */

input#newsletterEmail {
  margin-bottom: 4px;
}

/* Breadcrumbs */

.breadcrumb a {
  text-decoration: none;
}

.breadcrumb a:hover {
  text-decoration: underline;
}



/***********************************************************************
 *
 *		ARTICLE LISTING & VIEW
 *
 ***********************************************************************/
 

/* Adjust indicator for adjusted price */

span.gridArticlePriceRegular {
	position: relative;
	top: -3px;
  text-align: center;

}



/* Adjust spacing for articlegrid  */

.gridArticlePrices {
	margin-top: 12px;
}

.gridArticleButtons {
	margin-top: 12px;
}


/* Articlegroup listing */

td.gridArticlegroupContainer td.gridCellOuter {
	padding: 0px;
}

.gridArticlegroupNameContainer {
	text-align: center;
}

a.gridarticlegroupname:active, a.gridarticlegroupname:link, a.gridarticlegroupname:visited {
	display: block;
	padding: 9px;
	margin: 0px;
}

.gridArticlegroupImageContainer {
	padding: 9px;
}


/* Adjust height of articleheaders in grid.
 * Only for webkit browsers.
 */

.webkit a.gridarticlename:active,
.webkit a.gridarticlename:link,
.webkit a.gridarticlename:visited {
	min-height: 2.5em;
	display: block;
}