﻿body, html,td
{
	margin:0;
	padding:0;
	vertical-align:top;
	text-align:left;
	font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
	font-size:12px;	
}

a:focus, a:hover {
	color:#000000;
}

a {
	color:#000099;
	text-decoration:underline;
}
input, select, textarea 
{
    margin:3px 5px;
}
h1 
{
    font-size:36px;
}
h2 
{
    font-size:18px;
    padding:0px;
    margin-bottom:0px;
}
.header 
{
	background:#65aaff;
	font-size:16px;
	padding:3px 8px;
}

#StoreCont 
{
	width:970px;
	position: relative;
	margin: auto;
	display: block;
}
.rightContent
{
    float: right !important;
}

div#ctl00_ContentArea_UpdatePanel2 table
{
    border-collapse:collapse;
    border-right-color: #EEEEEE;
}
/*table#StoreCont div.accessories div, 
table#StoreCont div.topLiks div, 
table#StoreCont div.dataSource div, 
table#StoreCont div.m2product div, 
table#StoreCont div.shoppingCart div, 
table#StoreCont div.accessories, 
table#StoreCont div.topLiks, 
table#StoreCont div.dataSource, 
table#StoreCont div.m2product, 
table#StoreCont div.shoppingCart
{
    float:left;
}*/

.pskudata td, .pksutotal, .odata td, .pskudata 
{   /*
	border:solid .5px #A6CAF0 !important;
    */
    border:0px none !important;
	text-align:left;
	vertical-align:middle;
}

.pskudataFeatureItem, .pskudataFeatureItem td
{
	border-top: 1px solid #A6CAF0 !important;
	text-align:left;
	vertical-align:middle;
}


.pskudataCenter
{
    /*
	border:solid .5px #A6CAF0 !important;
    */
    border:0px none;
	text-align:center;
	vertical-align:middle;
}


.pskudataHeader
{
    height:30px;
    border-bottom:1px solid;
    background-color:white;
    font-size:12px;
    font-weight:bold;
	vertical-align:bottom;
    text-indent: 5px;
    padding: 2px;
    text-align:center;
}

.pskudataTable
{
    display:  inherit;
    border:none #FFFFFF;
    margin-top:-9px;
    
}

.hrow th, .hrow 
{
    /*
    border:1px solid white !important;
    border-bottom:1px solid #A6CAF0 !important;
    */
    border:0px none;    
    text-align:center;
}

.pskudata tr
{
    background-color:  #A6CAF0 !important;  
}

div.sectionHeader
{
    /*border:2px solid #DDD;
    background-color:#EEE;
    color:#666;
    font-size:1.4em;
    font-weight:bold;
    margin-bottom:8px;
    margin-top:10px;
    padding:7px 0 6px;
    text-indent:10px;
    width:100%;
    float:none !important;*/
    background-color:#EEEEEE;
    border:2px solid #DDDDDD;
    color:#666666;
    float:left;
    font-size:1.4em;
    font-weight:bold;
    margin:10px auto 8px;
    padding:7px 0;
    text-indent:10px;
}

div.topLinks
{
    display: table ;
    text-align: right;
    z-index: auto;
    visibility: visible;
    position: relative;
    width: 100px;
}

div.topLinks2, #ctl00_TopCont_topLinks
{
    margin: -15px 55px 0px 0px;
    display: block;
    text-align: right;
    z-index: auto;
    visibility: visible;
    position: relative;
    clear: both;
}

.center
{
    text-align:center !important;
	vertical-align:middle;
}

.alternateRow
{
    background-color: #ECECEC;
}

th.tfirst, th.tlast,  th.tmid
{
    font-size:13px;
    text-align:right;
    white-space:nowrap;
    color:Blue;/*#333;*/
    padding: 0 32px !important;
    background-color: #FFFFFF;
}

.total2 
{
    font-size:20px;
    text-align:center;
    white-space:nowrap;
    color:#333;
    padding: 0 6px !important;
}
/*-----------------------------Login Page---------------------------------*/
div.welcome 
{
    padding:150px 45px 0px 45px;
    color:#333;
}
div.login 
{
    padding-top:150px;
    color:#333;
    font-weight:bold;
}
/*-----------------------------Bad Email---------------------------------*/

/*-----------------------------Clerk Page (Shop)---------------------------------*/
div.shoppingCart 
{
    float:left !important;
    width:470px;
    margin:auto;
}
div#ctl00_BottomCont_SkuCart 
{
    width:100%;
}
div#ctl00_BottomCont_SkuCart td
{
    padding: 5px;
    vertical-align:middle;
}
table#ctl00_BottomCont_dg
{
    border:1px solid #DDD;
}

table#ctl00_BottomRightCont_dg td.pskudataHeader
{
    border-bottom:1px solid #000000;
}

table.pskutotal 
{
    float:right;
    height: 58px;
    width: 400px;
}

td.tprice 
{
    color:Blue;
    float:right;
    text-align:right;
    border:1px;
    border-color:Blue;
}
div.accessories
{
    font-size:15px;
    font-weight:bold;
    padding:1px 0px;
    width:370px;
}

table#m2_accessories td
{
    vertical-align: middle;
    font-weight: normal;
    padding: 2px;
}


/*----------------------------Manager or Clerk Admin Page-------------------------------------------*/

table#ctl00_ContentArea_dlPaging td, table#ctl00_ManagerCont_dlPaging td
{
    padding-right: 3px;
}

/*-----------------------------Credit Card Clerk Page (Check Out Page)---------------------------------*/
div.billingAddress, div.shippingInfo, div.paymentInformaion, div.purchaseSummary
{
    padding: 5px 5px;
}
div.formFieldLabel
{
    clear:both;
    float:left;
    padding-right:4px;
    padding-top:8px;
    text-align:right;
    width:35%;
}

.CreditCardformFieldLabel
{
    clear:both;
    float:right;
    padding-right:4px;
    padding-top:8px;
    text-align:right;
}

div.formField
{
    
}
div.formPhoneField
{
    float:right !important;
    padding-top:5px;
    text-align: right;
}

.addressField
{
    resize:none;    
}

input.addressField_a
{
    width:209px;
}
input.paymentField
{
    width:209px;
}
select.paymentField
{
    border: 1px solid #BBBBBB;
    margin:0.5em 0;
}
.listMain {
    background-color:#FFFFFF;
    background-repeat:no-repeat;
    border:1px solid #B5C6D4;
    font-family:inherit;
    list-style:none outside none;
    margin-left:0;
    margin-top:0;
    overflow:hidden;
    padding-left:0;
    text-align:inherit;
    width:160px !important;
    z-index:1000;
}
.wordWheel .itemsMain {
    background:none repeat scroll 0 0 transparent;
    border-collapse:collapse;
    color:#00337E;
    font-family:inherit;
    margin:1%;
    padding-left:0;
    white-space:nowrap;
}
.wordWheel .itemsSelected {
    background-color:#F0F8FF;
    background-image:url("images/wordWheelSelectedIndexBack.gif");
    background-repeat:repeat-x;
    color:#00337E;
    font-family:inherit;
    margin:1%;
    padding-left:0;
}
span.labelColor 
{
    color:#0099FF;
}
td.pskudata 
{
    vertical-align:middle;
    padding:5px 0px;
}
table#ctl00_BottomRightCont_PurchaseTable, table#ctl00_BottomLeftCont_RecurringTable
{
    width: 100%; 
    float:none !important; 
    margin-left:auto; 
    margin-right:auto
}
table#ctl00_BottomRightCont_PurchaseTable th.pskudata, table#ctl00_BottomLeftCont_RecurringTable th.pskudata, table#ctl00_ContentArea_ActivationCodeTable 
{
    vertical-align:middle;
    padding:5px 10px;
}
table#ctl00_BottomRightCont_PurchaseTable, table#ctl00_BottomLeftCont_RecurringTable, table#ctl00_ContentArea_ActivationCodeTable    
{
    border-collapse:collapse;  
}

table#ctl00_BottomRightCont_details td
{
    text-align:right !important;
    font-size:12px;
}
table#ctl00_BottomRightCont_PurchaseTable th, table#ctl00_BottomLeftCont_RecurringTable th, table#ctl00_ContentArea_ActivationCodeTable th
{
    background-color: #cccccc; 
    color: #333; 
    font-size: 12px;
}
/*--Receipt Page--*/
.sectionHeader2 { 
    background-color:transparent;
    color:#333333;
    font-size:1.4em;
    font-weight:bold;
    height:15px;
    margin-bottom:8px;
    margin-top:10px;
    padding:4px 10px 6px;
}
.sectionHeader3
{
    background-color:transparent;
    color:#333333;
    font-size:1.2em;
    font-weight:bold;
    height:15px;
    margin-bottom:8px;
    margin-top:10px;
    padding:4px 10px 6px;
}
.headerCodes
{
    font-size:1.4em;
    font-weight:bold;
    height:15px;
    margin-bottom:8px;
    margin-top:10px;
    padding:4px 10px 6px;
    vertical-align:bottom;
    
}

.watermarked {
    background-color:#F0F8FF;
    border:1px solid #BEBEBE;
    color:gray;
    font-style:italic;
}

.pskuDataEmail 
{
    border: 1px solid #99CCFF
}

.pskuActivation
{
    width:100%;
}

/*----------------------Styles for round corner box-----------------------------*/
/* needs full path for emails------------------------------*/
    .roundcont {
	    width: 100%;
	    background-color: #cfe7f7;
	    color: #000000;
	    display:table;
    }
     
    .roundcont p { margin-top: 0; margin-right: 20px; margin-bottom: 0; margin-left: 20px; }
     
    .roundtop { 
	    background: url(https://shop.mytrak.com/images/tr.gif) no-repeat top right; 
	    display:block;
	    position:relative;
	    width:15px;
	    height:15px;
	    float:right;
    }
     
    .roundbottom {
	    background: url(https://shop.mytrak.com/images/br.gif) no-repeat right; 
	    display:block;
	    position:relative;
	    width:15px;
	    height:15px;
	    float:right;
    }

    .roundtopleft {
	    background: url(https://shop.mytrak.com/images/tl.gif) no-repeat top left; 
	    display:block;
	    position:relative;
	    width:15px;
	    height:15px;
	    float: left;
    }

    .roundbottomleft {
	    background: url(https://shop.mytrak.com/images/bl.gif) no-repeat left; 
	    display:block;
	    position:relative;
	    width:15px;
	    height:15px;
	    float:left;
    }
     
    img.corner {
       width: 15px;
       height: 15px;
       border: none;
       display: block !important;
    }
    
    #prod_basket 
    {
        float:left;
        padding:10px;
    }
    
    #acc_basket
    {
        float:right;
        padding:10px;
    }
     
   .clearfloat
   {
       clear:both;
   }
/*--JQuery ImagePreview for Store--*/ 
img.screenshot 
{
    border:none;
}
.imagePreview 
{
    background:none repeat scroll 0 0 #333333;
    display:none;
    border:5px solid #333333;
    color:#AAAAAA;
    left:50%;
    position:absolute;
    text-align:center;
    top:40%;
    width:220px;
}
/*--Footer Imgs--*/ 
#footnew
{
    clear: both;
    position: relative;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    background-image: url('../images/footer.png');
    color: #333333;
    font-size: 1em;
    text-align: center;
    background-repeat: repeat-x;
    width: 970px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#footnew a
{
    color: #3399FF;
}


