/* General */

/*Reset Common Tags*/

a,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,img
{
    margin:0px;
    padding:0px;
}

@font-face {
	font-family: 'BebasNeueRegular';
	src: url('BebasNeue-webfont.eot');
	src: local('☺'), url('BebasNeue-webfont.woff') format('woff'), url('BebasNeue-webfont.ttf') format('truetype'), url('BebasNeue-webfont.svg#webfontAGQ6uv7S') format('svg');
	font-weight: normal;
	font-style: normal;
}

html 
{
    overflow-y: scroll;
}


body 
{
    margin:0px auto;
    padding:0px;
    background:#000;
    font-family:Verdana;
    font-size:11px;
    color:#fff;
}

a
{
    text-decoration:none;
}

a:hover
{
    text-decoration:underline;
}

a.selected
{
    text-decoration:underline;
}

img
{
    border:0px;
}

p
{
    margin:10px 0px 10px 0px;
}

h1
{
    width:500px;    
    font-size:24px;
    /*line-height:38px;*/
    padding:0px 10px 0px 10px;
    background:url(/images/heading_bg.jpg);
    background-repeat: repeat-y;
}

h2
{
    font-size:12px;
    color:#000;
    margin:0px;
    padding:5px 10px 0px 10px;
}

h3
{
    font-size:14px;
    text-align:center;
}

.text20
{
    font-size:18px;
    font-weight:bold;
}

		/*---------------------layout--------------------*/
		
#container 
{
    width:960px;
    margin:0 auto;
    height:auto;
}

#layout
{
    width:960px;
    clear:both;
}

		/*---------------------header---------------------*/
		
#header-home
{
    width:730px;
    margin:5px 0px 3px 0px;
}

        /*----------------------nav-----------------------*/
        
.menu
{
    float:left;
    width:140px;
    font-size:20px;
    padding:8px 0 8px 0;
    font-family: 'BebasNeueRegular';
    text-transform:uppercase;
    border-bottom:1px solid #292929;
}

.menu a
{
    color:#666666;
    text-decoration:none;
}

.menu a:hover,
.menu a.selected
{
    color:#fff;
    text-decoration:none;
}

ul.subnav
{
    float:left;
    width:140px;
    color:#666;
    padding:10px 0;
    margin:5px 0 0 0px;
    font-size:12px !important;
    font-family:Verdana !important;
    list-style-type:none;
    border-top:1px solid #292929;
    text-transform:none !important;
}

ul.subnav li
{
    line-height:16px;
}

ul.subnav a
{
    color:#666;
    font-weight:bold;
}

.subnav-textbox
{
    color:#999;
    border:1px solid #606060;
    width:134px;
    padding:2px;
    background:#000;
}

        /*---------------------content--------------------*/
#logo-home
{
    float:left;
    padding:40px 0px 40px 0px;
}    
    
#content-leftcol
{
    float:left;
    width:178px;
    padding-left:23px;
}

#content-rightcol
{
    float:left;
    width:730px;
    padding-left:6px;
}

#terms
{
    float:left;
    width:710px;
    padding:10px;
    margin-top:192px;
    background:#c5c6c6;
    color:#333;
    margin-bottom:5px;
}

.rightcol-left
{
    float:left;
    width:484px;
    margin:5px 0px 5px 0px;
}

#rightcol-left-left
{
    float:left;
    width:239px;
}

#rightcol-left-right
{
    float:right;
    width:239px;
}

.rightcol-right
{
    float:right;
    width:239px;
    margin:5px 0px 5px 0px;
}

#slideshow
{
    float:left;
    width:730px;
    margin:10px 0 5px 0;
}

#content
{
    float:left;
    width:700px;
    background:#333;
    margin:5px 0px 5px 0px;
    padding:10px 15px 10px 15px;
    text-align: justify;
}

#content a
{
	color:#ffffff;
	text-decoration:underline;
}

#product-content
{
    float:left;
    width:700px;
    background:#333;
    margin:5px 0px 5px 0px;
    padding:10px 15px 10px 15px;
    font-size:14px;
}

#home-content
{
    float:left;
    width:730px;
    background:#333;
}

#home-ql
{
    float:left;
    width:730px;
    padding-top:5px;
    background:#000;
}

.ql
{
    float:left;
    width:auto;
    margin-right:6px;
}

#weare
{
    float:left;
    width:710px;
    padding:10px;
    margin-top:5px;
    background:#333333;
}

#weare-left
{
    float:left;
    width:105px;
}

#weare-right
{
    float:right;
    width:600px;
    line-height:18px;
}

#weare-right a
{
    clear:both;
    float:left;
    margin-top:10px;
    font-size:12px;
    font-weight:bold;
    color:#fff;
}

#home-content a
{
	color:#ffffff;
	text-decoration:underline;
}

#home-content-left
{
    float:left;
    width:332px;
    padding:5px 15px 5px 15px;
}

#home-content-right
{
    float:right;
    width:332px;
    padding:5px 15px 5px 15px;
}

#video
{
    background:#4d0f7a;
}

#category-description
{
    width: 320px;
    height: 205px;
    padding: 20px 20px 0 20px;
    float: left;
    font-size: 16px;
    line-height: 20px;
    font-family: Verdana;
    background-image: url('/images/category_description_bg.jpg');    
}

#category-description a
{
    color: White;
    text-decoration: none;
    background-color: Transparent;
}

#category-description a:hover
{
    color: White;
    text-decoration: underline;
    background-color: Transparent;
}

#category-description a:visited
{
    color: White;
    text-decoration: none;
    background-color: Transparent;
}

#category-description p
{
    margin: 0;
}

.blog-wrapper
{
    float:left;
    width:730px;
}

.leftcol-blog
{
    float:left;
    width:178px;
}

.rightcol-blog
{
    float:right;
    width:526px;
    padding:10px;
    background:#c5c6c6;
    padding-bottom:50px;
    margin-bottom: 5px;
}

.rightcol-blog p
{
    padding:5px 10px 5px 10px;
    font-size:10px;
    color:#000;
}

.leftcol-small
{
    float:left;
    width:178px;
    margin-top:5px;
}

.leftcol-small IMG
{
    margin-bottom:5px;
}

.rightcol-wide
{
    float:right;
    width:546px;
    margin:5px 0px 5px 0px;
}

#about-text
{
    float:left;
    width:506px;
    background:#c5c6c6;
    padding:0px 20px 10px 20px;
    color: #000;
    text-align: justify;
}

.basket
{
    float:left;
    width:700px;
    font-size:14px;
    color:#fff;
    border-bottom:1px solid #858585;
}

.basket td,
.basket-total td
{
    padding:10px 0px 10px 0px;
}

.basket-total
{
    float:left;
    width:700px;
    font-size:14px;
    color:#fff;
    margin-top:50px;
    font-weight:bold;
    background:#666;
    text-align:center;
}

#offers-wrapper
{
    float:left;
    width:736px;
    margin-top:5px;
    margin-bottom: 2px;
}

#offers-top
{
    padding-bottom: 5px;
    float:left;
}

.menuselected
{
    color: #999!important;    
}

.offers
{
    float:left;
    width:178px;
    height:224px;
    margin-right:6px;
    padding-bottom:5px;        
}

.offers-heading
{
    float:left;
    width:168px;
    height:46px;
    padding:3px 5px 0px 5px;
    font-weight:bold;
    background:url(/images/vouchers_heading.jpg);
}

.offers-item
{
    float:left;
    width:178px;
    height:154px;
}

.offers-bottom
{
    float:left;
    width:178px;
    height:21px;
    background:url(/images/product_price.jpg) no-repeat;
}

.offers-bottom-left
{
    float:left;
    width:114px;
    line-height:21px;
    font-size:12px;
    font-weight:bold;
    padding:0px 5px 0px 5px;
}

.offers-bottom-right
{
    float:right;
    width:54px;
}

.heading1
{
    font-size:10px;
    color:#fff;
}

.heading2
{
    font-size:12px;
    color:#bf0070;
}

#gallery
{
    float:left;
    width:730px;
    margin:5px 0px 0px 0px;
}

.gallery-left
{
    float:left;
    width:546px;
    border-right:1px solid #b4b4b4;
}

.gallery-right
{
    float:right;
    width:183px;
}

#sizes
{
    float:left;
    width:730px;
    padding-bottom:10px;
}

#sizes-left
{
    float:left;
    width:552px;
    height:224px;
    background:url(/images/productinfo_bg.jpg);    
}

#sizes-right
{
    float:right;
    width:178px;
}

.shoe-sizes IMG
{
    margin-left:4px;
}

.shoe-sizes tr
{
    height:45px;
    margin-right:20px;
}

.shoe-sizes td
{
    width:36px;
    font-size:10px;
    letter-spacing:0px;
    word-spacing:0px;
    text-align:center;
}

#sizes-desc
{
    float:left;
    width:195px;
    padding:50px 10px 10px 20px;
}

#sizes-table
{
    float:right;
    width:326px;
    padding-top:25px;
}

.td2
{
    width:210px;
}

.td3
{
    width:118px;
}

.td4
{
    width: 80px;
}

.td5
{
    width: 112px;
}

/* size guide */

.sizeguide-left
{
    float: left;
    width: 365px;
}

.sizeguide-right
{
    float: right;
    width: 365px;
}

        /*---------------------footer---------------------*/

#footer-wrapper
{
    float:left;
    width:920px;
    padding:20px 0 30px 20px;
}

#footer
{
    float:left;
    width:920px;
    border-top:1px solid #666;
    padding:15px 0;
    color:#333;
}

#footer a
{
    color:#333;
}

#footer table,
#footer-store table
{
    width:100%;
}

#footer td,
#footer-store td
{
    text-align:left;
    width:160px;
    vertical-align:top;
}

#footer ul,
#footer-store ul
{
    margin:5px 0;
    padding:0;
}

#footer li,
#footer-store li
{
    list-style-type:none;
    margin:1px 0;
}

#footer span
{
    float:left;
    font-size:10px;
    color:#666;
    padding-left:625px;
    padding-top:15px;
}

#footer span a
{
    color:#666;
    font-weight:bold;
}
.td1
{
    width:178px;
}

#social-networks
{
    float:left;
    width:700px;
    padding:10px 15px 40px 15px;
}


#login 
{
    width:350px;
    margin: 50px 0px 50px 0px;
    border:solid 1px #CCCCCC;
    text-align:left;
    color: #000;
}

#login td
{
    padding:8px;
    background-color:#ffffff;
}

#login-header 
{
    background-color:#663399!important;
    color:#FFFFFF;
    padding:5px;
    text-align:center;
}

/* Videos */

#videocontainer
{
    margin: 40px 0 10px 0px;
}

.videobutton
{
    float: left;
    width: 120px;
    height: 130px;
    text-align: center;
    margin-right: 25px;
}

.checkout-form
{
    width: 200px;
}

/* mes threads */

#threadssizepicker
{
    background-image: url(/images/sizepicker_bg.jpg);
    width: 362px;
    height: 224px;
}

/* SIFR */

#product-header
{
    margin-top:192px;
    background-image:URL(/images/heading_product.jpg);
    float:left;
    width:708px;
    height:74px;
    padding-top: 10px;
    padding-left: 12px;
    padding-right: 10px;
}


 h1.product
{
    color:#333333;
    font-size:18px;
    font-weight:normal;
    background-image: none;
    line-height: 18px;
    display: inline;
    margin-bottom: 0px;
}

h2.product
{
    margin-top: 0px;
    color:#bf0070;
    font-size:32px;
    font-weight:normal;
    display: inline;
}

/* account summary table */

.gridview
{
    border:solid 1px #CCCCCC;
    width:686px;
}

.gridview th
{
    background-color: #000000;
    color:#FFFFFF;
    padding:4px;
    border:solid 1px #CCCCCC;
}

.gridview td 
{
    padding:4px;
    border:solid 1px #CCCCCC; 
   
}

.gridview tr
{
     background-color: #666666;   
}

.gridview tr:hover
{
    background-color: #AAAAAA;
}



/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

#my-account
{
    float:left;
    width:730px;
    margin:5px 0px 5px 0px;
}

#my-account-left
{
    float:left;
    width:313px;
    height:109px;
    padding:108px 55px 20px 14px;
    background:URL(../../images/my-account-bg.jpg) #c6c7c8;
}

#my-account-right
{
    float:right;
    width:347px;
}

.my-account-textbox
{
    clear:right;
    float:right;
    width:200px;
    height:18px;
    line-height:18px;
    border:1px solid #c1c1c1;
}

#my-account-buttons
{
    float:left;
    width:313px;
    margin-top:15px;
}

/*voucher-form*/

label
{
    float:left;
    clear:both;
    text-align:right;
    margin-bottom:20px;
}

.textbox
{
   
    border:1px solid #999;
    height:17px;
    padding:1px;
    width:190px;
    margin-right:5px;
}

textarea
{
    border:1px solid #999;
    height:140px;
    width:330px;
    margin:10px 0 20px 0;
    font-family:Verdana;
    font-size:11px;
    color:#fff;
}

.form-upload
{
    float:left;
    margin:10px 0 60px 0;
}

.form-upload td
{
    padding-bottom:7px;
}

.form-type
{
    float:left;
    margin:40px 0 0 0;
}

.form-type td
{
    padding-bottom:30px;
}

.td-type
{
    width:40px;
    text-align:center;
}

.contact-form
{
    float:left;
    
}

.contact-form td
{
    padding-bottom:15px;
}

.form-label
{
    text-align:right;
}

/*shoe-builder*/

        #flashcontainer
        {                      
            width:100%;  
            color:#333333;  
            background-image:url(../../images/mes-bg2.gif);
            background-position:center top;
            background-repeat:no-repeat;       
        }
        
        #flashcontainer a
        {
            color:#333333;    
        }
        
        #flashContentWrapper
        {
            width: 1024px;  
            margin-left: auto;
            margin-right: auto;
        }
        
        #flash-header
        {  
            margin-left: auto;
            margin-right: auto;
            width: 224px;  
            
            height:92px;
            padding-left:750px;
            text-align:right;
            padding-top:25px;
            padding-right:50px;
        }
        
        #flash-header a
        {
            color:#ffffff;
            font-size:10px;    
        }
        
        #flash-footer
        {
            clear:both;
            width: 1024px; 
            margin-top:20px; 
            margin-left: auto;
            margin-right: auto;
        }
        
        #flash-footer-left
        {
            width: 150px;  
            float:left;
            padding-left:50px;
        }
        
        #flash-footer-right
        {
            width: 824px;  
            float:right;
        }
        
        #obw-text
        {
            clear:both;
            color:#666666;  
            float:right;
            text-align:right;     
            margin-right:42px;
            margin-top:15px;
        }
        
        #obw-text a
        {
            font-size:10px;
            color:#666666;       
        }
        
        .foot-heading
        {
            color:#666666;    
        }
        
        .flash-login
        {
            border:0px;
            width:120px;
            height:16px;
            background-color:#ffffff;   
            font-size:10px; 
        }