/* trace styles */
#__asptrace { margin-left: auto; margin-right: auto; background: white; border: 1px solid black; text-align: left;}

/* global element styles */
body
{
	margin: 0;
	background-color:#000;
	background-position: center;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 0.78em;
	color:#CCCCCC;
}
#searchbar #searchimage {
	display:none;
}
.price {
	font-weight:bold;
	color:#FFF;
	font-size:12px;
}
.save {
	font-weight:bold;
	color:#59BA48;
}
#button {
	margin:3px 0px 11px 0px;
}
.ProductListHead, .ProductListItem, .basketprice {
	color:#FFF;
	font-weight:bold;
}
form
{
	margin: 0;
	padding: 0;
}
img
{
	border: 0;
}
.left
{
	float: left;
}
.right
{
	float: right;
}

UL.pager
{
	margin: 0;
	padding: 0;
	height: 20px;
	list-style:none;
}
.pager LI 
{
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}
#content, td
{
	font-size: 11px;
	color: #CCCCCC;
}
#content p, #content dl, #content li
{
	padding-left: 5px;
	padding-right: 5px;
}
#content dd
{
	margin: 0;
}
#content dt
{
	padding-top: 4px;
	font-weight: bold;
}
a
{
	color: #CCC;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
/* site container style */
#container
{
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 685px;
}

#searchcontainer
{
	padding: 7px 10px 10px 10px;
	font-size:11px;
	font-weight:bold;
	background-color:#727272;
	color:#FFF;
	border-top:1px solid #000;
}
#searchbar .select
{
	width: 130px;
	font-family:Tahoma;
	font-size:11px;
	font-weight:normal;
}

#SearchText .textinput, #SearchText .searchNoText, #SearchText input
{
	padding:4px;
	width: 400px;
}


#searchbar .searchbutton {
	background-color:#59BA48;
	padding:2px;
	color:#000;
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	border:1px solid #000;
}
/* global custom element styles */
.spacer 
{ 
	height: 5px; 
	font-size: 8px;
}

/* header */

#header
{
	height:60px;
}
#header img {
	padding:20px 0px 10px 0px;
}
#header .right 
{
	padding-top: 20px;
	padding-right:20px;
	font-size: 12px;
	font-weight: bold;
}
#header .userdata
{
	font-weight: normal;
}

/* subnav */
#subnav
{
	height: 33px;
	background: url(/Custom/Images/navbg.gif);
}
#subnav ul
{
	margin: 0;
	padding: 0;
}
#subnav li
{
	font-weight: bold;
	font-size:11px;
	float: left;
	border-right: 1px solid #000;
	list-style: none;
	line-height: 33px;
}
#subnav li a
{
	display: block;
	width: 80px;
	text-align: center;
	text-decoration: none;
	color:#000;
}
#subnav li a:hover
{
	color: #000;
	background-color:#59BA48;
	background: url(/Custom/Images/navbgover.gif);
}
#bottomlinks
{
	margin: 0;
	padding: 0;
	clear: both;
}
#bottomlinks ul
{
	margin: 0;
	
}
#bottomlinks li
{
	float: left;
}
#footer
{
	clear: both;
	padding: 10px;
	text-align: center;
	padding-bottom: 20px;
	background-color:#727272;
	margin:0px 0px 0px 0px;
	color:#FFF;
	font-weight:bold;
}
#footer a
{
	color:#FFF;
}
#footer p
{
	margin: 0;
}
#navigation 
{
	float: left;
	font-size: 12px;
	width: 154px;
}
#navigation .inner {


	padding:0px;
	margin-right:4px;
	background-color:#727272;
}
#navigation a {
	color:#FFF;
	font-size:11px;
	display:block;
}
#navigation div {
	padding-left:18px;
	padding-bottom:4px;
}
#navigation h1
{
	border-bottom: none;
}
#navigation h2
{
	color:#FFF;
	border-top: 1px solid #000;
	margin:0px;
}
#navigation h2 a
{
	padding:4px 4px 4px 18px;
	display: block;
	color:#FFF;
	text-decoration:none;
	background-image: url('/custom/images/greybullet.gif');
	background-repeat:no-repeat;
	background-position:6px 8px;
}
#navigation h2 a:hover {
	background-color:#59BA48;
	color:#000;
	background-image: url('/custom/images/blackbullet.gif');
}
#content
{
	float: left;
	width: 531px;
}
#breaker
{
	clear: both;
}
/*h1
{
	color: #000;
	font-size: 11px;
	padding:5px;
	margin: 0;
	background-color:#CCC;
	text-transform:uppercase;
	font-weight:bold;
	border:1px solid #FFF;
}*/

h1, .ArticleTitle {
	color:#FFF;
	font-weight:bold;
	font-size: 12px;
	text-transform:uppercase;
	padding:5px 0px 5px 0px;
	border-bottom:1px solid #FFF;
	margin:0px 0px 5px 0px;
}
h1 a {
	color:#FFF;
}
h1.noimg
{
	background: #710C2D;
}
h2
{
	padding: 0px;
	font-size: 11px;
	color: #CCC;
}
#ResultsPanel {
	padding-left:5px;
}
#OffersList .thumbnail {
	padding-right:5px;
}
.OfferLink {
	font-weight:bold;
	color:#FFF;
	font-size:12px;
	border-top:23px solid #000;
	border-bottom:3px solid #000;
	display:block;
	clear:both;
	float:none;
}
.OffersControl
{
	width: 100%;
	padding-bottom:8px;
	padding-top:8px;
	margin-bottom:8px;
}
.OffersControl .OfferImage
{
	margin-right: 3px;
}
.OffersControl td
{
	width: 50%;
	padding: 2px;
}
.required
{
	color: Red;
}
table.form 
{
	border-collapse: collapse;
	width: 100%;
	border-width: 0;
}
table.form th
{
	width: 160px;
	text-align: right;
}
table.form th, table.form td
{
	vertical-align: top;
}

/*
.message
{
	color: #710C2D;
}
.ErrorText
{
	color: red;
}

*/

/* Core defaults */

/* CheckOut.aspx */
.AddressDetails THEAD TD 
{
	background-color: #a2a2a6;
	color: Black;
}
.AddressDetails TR TD 
{
	background-color: #eae8e8;
	color: Black;	
}
#CartContents TR TD.Label
{
	background-color: #cccccc;
	color:Black;
}
#CartContents TR TD.Value
{
	background-color: White;
	color:Black;
}
#CartContents TR.AlternatingRow TD.Label
{
	background-color: #eae8e8;
	color:Black;
}
#TotalChargedRow TD.Label
{
	background-color: White;	
}
#TotalChargedRow TD.Value
{
	background-color: #eae8e8;
}
#TransactionEncryptedSpan
{
	color: White;
}
.tx 
{

}
.AddressDetails a {
	color:#000;
}
#DoubleConfirmWarning
{
	font-weight: bold;
	color: #a2a2a6;
}
#TransactionEncryptedSpan
{
	color: #cccccc;
}

/* Completed.aspx */
#CompletedTotals
{
	background-color: Black;	
}
#CompletedTotalsTable TR TD.Label
{
	background-color: #cccccc;
	color: Black;
}
#CompletedTotalsTable TR TD.Value
{
	background-color: White;
	color: Black;
}
#CompletedTotalsTable TR.AlternatingRow TD.Label
{
	background-color: #eae8e8;
	color: Black;
}

/* ProductDetais.aspx */
.AuthorRow
{
	background-color: #CCCCFF;
}
.RatingsBreakdown thead tr td.Rating
{
	text-align: right;
	margin-right: 10px;
}

#SearhResultsTitle
{
	display: none;
}

.SearchResults #MyList
{
	border-color: #E8E8E8;
}
.SearchResultsHeader tr td
{
	color:#ffffff;font-weight:bold;
}
#basketbuttons {
	padding:20px 0px 20px 0px;
	text-align:right;
	clear:both;
	float:none;
	display:block;
}
#basketbuttons input {
	margin:0px 0px 0px 11px;
	float:right;
	border:0px;
}

#optionscontainer {
	padding:6px;
}
#optionscontainer .options {
	font-weight:bold;
	line-height:18px;
	margin-right:6px;
	color:#FFF;
}
#optionscontainer .variants {
	float:left;
}
.addtobasket {
	float:none;
	clear:both;
	padding-top:15px;
}

/*---------- bestsellers -----------------------------------------------------------*/

#bestsellers {
	width:154px;
	float:left;
}

#bestsellers .inner {
	margin-left:4px;
	background-color:#727272;
	padding:5px;
	border-top:1px solid #000;
	color:#FFF;
	position:relative;
}
#bestsellerscontainer{

}

#bestsellerscontainer .morebestsellers {
	text-align:right;
	font-weight:bold;
}

.bestseller {
	border-bottom:1px solid #CCC;
	padding-bottom:6px;
	margin-bottom:6px;
	color:#FFF;
	clear:both;
	float:none;
	position:relative;
}

.bestseller a, .bestseller span a, .bestseller div a, .bestseller .productname, .bestseller .price {
	color:#FFF;
}
.bestseller .thumbnail {

}
.bestseller .buynow {
	text-align:right;
}
.bestseller .price {
	float:none;
	clear:both;
	display:block;
}
.bestseller .BestSeller_Rank {
	font-weight:bold;
}


/* Listing Pages */

.break {
	clear:both;
}
.altlistitem .listitem {
	background-color:#000;
}
.listitem {
	background-color:#3C3C3C;
	padding:7px;
	position:relative;
}
.listitem .heading {
	font-weight:bold;
	padding-bottom:5px;
}
.listitem .description {
	margin-right:90px;
	margin-left:70px;
}
.listitem .thumb {
	float:left;
	margin-right:5px;
	position:relative;
}
.listitem .buttonbox {
	float:right;
	text-align:right;
	/*padding:0px 0px 20px 20px;*/
	position:relative;
	width:80px;
}
.listitem table {
	width:100%;
}
.listitem td {
	text-align:right;
}
.listitem .itemprice span {
	clear:both;
	display:block;
	float:none;
}
#Paging, #Pagination {
	padding: 10px;
	text-align:center;
	font-weight:bold;
}
#Paging div {
	text-align:center;
	font-weight:bold;
}
div#Paging span.right {	float: none; }
div#Paging span.left { float: none; }
div#Paging span#Pagination { padding: 0px 6px 0px 6px; }
div#Paging { padding-bottom: 8px; font-size: 0.9em; }
div#Paging a { background-color: #3c3c3c; border: solid 1px #303030; padding: 2px 6px 2px 6px; color: #D0D0D0; text-decoration: none; }
div#Paging a:hover { background-color: #C0C0C0; color: black; text-decoration: none; border: solid 1px #888; }
div#Paging a.Inactive { color: black; border-color: #333; }
div#Paging a.Inactive:hover { background-color: #3c3c3c; }
div#Paging span.Selected { background-color: #D0D0D0; color: black; border: solid 1px #888; padding: 2px 6px 2px 6px; }
div#PageMessage { display: none; color: #909090; text-align: center; padding-bottom: 8px; font-size: 0.8em; }

/* ------------------ Refine Searchbox Styles -------------------- */

#RemoveRefinement
{
	color:#FF2626;
}

#RefineSearchResults {
	margin:8px;
}
#RefineSearchNav {
	height:20px;
	background-image:url('/custom/images/refinenavbg.gif');
	background-position:left bottom;
	background-repeat:repeat-x;
}
#RefineSearchNav ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#RefineSearchNav ul li {
	margin:0px;
	padding:0px;
	float:left;
	margin-right:2px;
}
#RefineSearchNav ul li.GuidedTitleCurrent a {
	font-weight:bold;
	border-bottom:0px;
	background-color:#3C3C3C;
	line-height:19px;
}
#RefineSearchNav ul li a {
	padding:0px 15px 0px 15px;
	line-height:18px;
	float:left;
	display:block;
	background-color:#3C3C3C;
	border:1px solid #CCC;
	border-bottom:0px;
}
#RefineSearchLinks {
	background-color:#3C3C3C;
	border:1px solid #CCC;
	padding:10px;
	border-top:0px;
	padding-bottom:2px;
}
#RefineSearchLinks ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#RefineSearchLinks li {
	float:left;
	margin:0px;
	padding:0px;
	margin-right:10px;
	margin-bottom:8px;
	white-space: nowrap;
}
.highlight {
	font-weight:bold;
}

#thawte {
	padding:20px;
	text-align:center;
}

/* ------------------ Email a friend -------------------- */


a.emailafriend {
    background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: normal 10px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}	
	
a.emailafriend B {
    margin-left: 10px;
}

a.emailafriend:hover {	
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}	
	
a.emailafriend span {
    background: transparent url('/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}		
	
a.emailafriend:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */	
}	


.formbutton
{
	background-color: #333;
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 1em;
	color:#CCCCCC;
	border: 1px solid #ccc;
	height: 24px;
}

.login h2 {
}


/* ------------------ Payment Gateway -------------------- */

.protxStyle 
{
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px 10px 0px 10px;
	border:0px;
	background-color:transparent;
}

.shStyle {
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px 10px 0px 10px;
	border:0px;
	background-color:transparent;
}


#navigation .LeftSideEditorialTop {
	display: none;
}

#navigation .LeftSideEditorialBottom
{
	border:0px;
	padding-top:0px;
	margin-top:0px;	
}

#navigation #thawte {
	border:0px;
	padding-top:10px;
	margin-top:0px;
}

#navigation .thawteLink{
	font-family:arial; 
	font-size:8px; 
	color:#FFFFFF;
}



#divthawteFrame 
{
	margin:0 auto;
	text-align: center;
}

#thawteFrame {
	width: 80px;
	height: 90px;
}


/* ------------------ Social Network -------------------- */
#socialBookmarkSection {
	padding: 8px 0px 8px 0px;
}

#SocialNetworkLinksDiv {
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	border:1px solid #DDD;
	padding: 6px 0px 4px 4px;
	width: 290px;
}

#SocialNetworkLinksDiv .SocialNetworkText {
	font-size:11px; 
	font-weight: bold;
	color:#FF7C53;
	vertical-align:30%;
}

/* ------------------ Exchange Rates -------------------- */

.europrice {
	font-size:11px; 
	font-weight: bold;
	color:#FF7C53;
	vertical-align:30%;
}

/* ------------------ Checkout Process -------------------- */
.registerBenefits {
	background-color:#000000;
	color:#FFFFFF;
	position:relative;
	right:14px;
	float:right;
	width:280px;
	padding: 6px 4px 4px 6px;
	overflow:hidden;
}

/* ------------------ mcsButton -------------------- */

a.mcsButton {
	background: transparent url('/images/bg_mcs_button_a.gif') no-repeat scroll top right;
	color: #444;
	display: block;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
}	
	
a.mcsButton:hover {	
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}	
	
a.mcsButton span {
    background: transparent url('/images/bg_mcs_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}		
	
a.mcsButton:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */	
}	

/* ------------------- Magic Pay ------------------- */
.magicpayframe {
	width:100%; 
	height:450px; 
}

/* Similar Products */
.similarLinks
{
	margin-left: 24px;
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#545454;
}

/* --------- BREADCRUMB STYLES --------- */

div#Breadcrumb 
{
	/*float: right;
	position: relative;
	top: -60px;
	left: 184px;*/	
	padding: 4px 4px 4px 4px; 
	border-style: solid;
	border-color: #B0B0B0;
	border-width: 1px;
	background-color: #000;
	margin-bottom: 8px;
}

div#Breadcrumb span
{ 
	padding: 0px 4px 0px 4px;
}

div#Breadcrumb a 
{ 
	font-weight: bold; 
}



/* Add this */
/* ************************************************************** */
a.stdButton {
	font-size:14px;
	color:#000;
	text-decoration:none;	
	width:80px;
	padding:5px;
	margin-right: 10px;
	border:1px solid #DDD;
	text-align:center;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	
	background:#FFFFFF;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EEE));
    background:-moz-linear-gradient(0% 90% 90deg, #EEE, #FFF);
}

a.stdButton:hover {
	color:#8E8E8E;
	border-color:#3278BE;
}

a.stdButton:active {
	background:#4195DD;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#003C82), to(#4195DD));
	background:-moz-linear-gradient(0% 90% 90deg, #4195DD, #003C82);
}


/*
a.stdButton, input.stdButton
{
    cursor:pointer;
	text-transform: uppercase;
	color:#FFFFFF;
	font: bold 110% calibri;
	background-color:#CFD4DD;
	border:1px solid #000000;
	color: #000000;
	margin: 1px 1px 1px 1px;
	padding: 4px;
}

input.stdButtonDisabled
{
	text-transform: uppercase;
	color:#FF9EB6;
	font: bold 110% calibri;
	background-color:#D83E7E;
	border:1px solid #D83E7E;
	margin: 1px 1px 1px 1px;
}
*/


/* Replace - #Message, .ErrorMessage */
/* ************************************************************** */

/* Error Text */
#forgottenPassword
{
	font-size: 12px;    
}

#ErrorTextSection
{
    padding-left: 20px;
    padding-bottom: 10px;
}

#ErrorTextSection #Message
{
	color: red;
	font-size: 14px;
}

#ErrorTextSection #Message img
{
    vertical-align:middle;
}

#ErrorTextSection .ErrorMessage
{
    color: red;
	font-size: 14px;
}

#ErrorTextSection .ErrorMessage img
{
    vertical-align:middle;
}