﻿/** Styles in this sheet are available in Content Editor 
*** See SiteStyles.css for General Site Layout/Backgrounds Styles
*** Do not include positioning and layout styles in this sheet, use SiteStyles css file instead
**/

/* Start General Styles */
body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

th
{
    font-weight: bold;
}

img
{
    border: 0px none #ffffff;
}

h1
{
    font-weight: bold;
    font-size: 1.5em;
    padding: 5px 0px 5px 0px;
}
h1.checkoutTitle {color: #456675; font-size: 30px; text-transform: uppercase;}
h2
{
    font-weight: bold;
    font-size: 1.1em;
    padding: 5px 0px 5px 0px;
}
h3, .h3
{
    font-weight: bold;
    font-size: 12px;
    color: #444444;
    padding: 6px 0px 6px 0px;
    text-transform: uppercase;
}
h4
{
    color: #426173;
    font-weight: bold;
}
h5
{
    font-weight: bold;
}
h6
{
    font-weight: bold;
}

input, select
{
    font-size: 10px;
}

strong, b
{
    font-weight: bold;
}
i
{
    font-style: italic;
}

a
{
    color: #426173;
    text-decoration: underline;
}
a:hover
{
    color: #009bff;
    text-decoration: none;
}

hr
{
    background-color: #cecac8;
    border: 0px none #FFFFFF;
    color: #cecac8;
    height: 1px;
}

.small
{
    font-size: .9em;
}
.bold
{
    font-weight: bold;
}
.block, .blocklabel
{
    display: block;
}
.blocklabel {color: #444444;}

.StepNumber
{
    background-image: url(../images/stepBg.gif);
    background-position: top center;
    background-repeat: no-repeat;
    color: #414141;
    font-size: 13px;
    font-weight: bold;
    height: 27px;
    width: 27px;
    margin: 0px 5px 0px 0px;
    padding: 3px 0px 0px 0px;
    text-align: center;
}
.StepNumberHalf
{
    width: 415px;
}
.StepNumberThird
{
    width: 230px;
}

.note
{
    display: block;
    margin-top: 10px;
}
.note strong
{
    color: #f34e01;
}

/* End General Styles */

/* Start Button Styles */
.ButtonStyle
{
    color: #012e57;
    font-size: 11px;
    background-color: #648ABD;
    border: 1px solid #012e57;
    padding: 2px 3px 2px 3px;
    text-decoration: none;
}
.AltButtonStyle .ButtonStyle
{
    color: #648ABD;
    font-size: 11px;
    background-color: #012e57;
    border: 1px solid #ffffff;
    text-decoration: none;
}
.HighlightButtonStyle .ButtonStyle
{
    color: #000000;
    font-size: 14px;
    background-color: orange;
    border: 1px solid #012e57;
    padding: 6px 6px 6px 6px;
    text-decoration: none;
}

.ButtonStyle:hover, .ButtonStyle:active
{
    cursor: pointer;
    color: #ffffff;
}
/* End Button Styles */


/* Start Status Summary Styles */
.Error, .AspNet-PasswordRecovery-FailurePanel
{
    color: #ff0000;
    padding: 10px 10px 10px 10px;
    border: 1px solid #ff0000;
    background-color: #ffffff;
    margin: 5px 0px 5px 0px;
}
.AspNet-Login-FailurePanel
{
    color: #ff0000;
    padding: 0px 10px 5px 10px;
}
.red
{
    color: #990000;
}
.Success
{
    color: #00ff00;
    padding: 10px 10px 10px 10px;
    border: 1px solid #00ff00;
    background-color: #ffffff;
    margin: 5px 0px 5px 0px;
}
/* End Status Summary Styles */

/* Start Headings/Titles Styles */
.TitleText, .TitleText span
{
    color: #990000;
    font-weight: bold;
    font-size: 12px;
}
.SectionHeading
{
    font-size: 12px;
    font-weight: bold;
    padding: 3px 0px 3px 0px;
    color: #444444;
}
.SectionTitle
{
    color: #9a918c;
    font-weight: bold;
}
.asterisk
{
    color: #FF0000;
}
.optional .asterisk
{
    display: none;
    visibility: hidden;
}
/* End Headings/Titles Styles */

/* Start Table Styles */
.TableStyle, .dataFormTable
{
    color: #000000;
    border-width: 0px;
}
.FullWidth
{
    width: 100%;
}
.TableStyle tr th, .TableStyle tr td, .dataFormTable tr th, .dataFormTable tr td
{
    padding: 5px 5px 5px 5px;
    border-width: 0px;
}
.HeaderRow, .HeaderRow th
{
    background-color: #efe7d6;
    color: #000000;
}
tr.CartRow td {color: #9a918c;}
tr.CartRow td a.productLink {text-decoration: none; font-weight: bold;}
tr.AlternateRow td
{
    background-color: #f7f7f7;
}
.dataFormTable tr th
{
    text-align: right;
    font-weight: normal;
}
.thwidths th
{
    width: 115px;
}
.dataFormTable select
{
    width: 150px;
}
.dataFormRow
{
    margin: 3px 0px 10px 0px;
    color: #9a918c;
}
.bordered, .bordered tr th, .bordered tr td, .borderedDiv
{
    border: 1px solid #cccccc;
}
.paddDiv {padding: 20px;}

.BaketItemsTotal {margin: 28px 0px 0px 14px; color: #9a918c; font-weight: bold;}
.cartBottomContainer { background-color: #f3f1e2; width: 333px; color: #9a918c;}
.cartBottomContainer2 {background-color: #f7f7f7; margin: 0px 1px 0px 0px; width: 382px;}
.cartBottomContainer3 {margin: 0px 0px 0px 20px; width: 160px;}
.cartBottomTotal {padding: 20px 0px 0px 0px; color: #9a918c; font-weight: bold;}
.cartBottomTotal strong {color: #000000;}
.cartBottomContainer,.cartBottomContainer2 {height: 200px;}
.cartBottomTotalContainer {height: 160px;}

.cartBottomContainer2 .borderedDiv
{
    color: #9a918c;
}
.totalTable
{
    margin: 0px 0px 5px 0px;
    width: 160px;
}
.totalTable tr th, .totalTable tr td
{
    border-width: 0px;
    padding: 3px 3px 3px 3px;
    border-bottom: 1px solid #cccccc;
    font-size: 11px;
}
.totalTable tr th
{
    text-align: left;
    color: #9a918c;
    font-weight: normal;
}
.totalTable tr td
{
    text-align: right;
    color: #000000;
    font-weight: bold;
}

.totalTable tr td select {width: 130px;}
.lineItemTotal {text-align: right;}
#HeaderSearch
{
    float:left;
    width:300px;
}
.fancyInput, skupicker input, skupicket select
{
    border: 1px solid #E2E2E2;
    margin-bottom: 0.6em;
    padding: 5px;
    background:url(../images/inputshadow.gif) no-repeat scroll left top #FFFFFF;
}
/* End Table Styles */
/* Metro Soccer styles */

/* End Metro Soccer Styles*/

/* Search content item styles */

.morecolors-wrapper
{
    height: 18px;
}
.shortdesc
{
    background-color: #FFFFFF;
    border: 1px solid #456675;
    color: #456675;
    font-size: 10px;
    font-weight: bold;
    padding: 2px;
    text-align: center;
    width: 153px;
}
