/* General */

/*Reset Common Tags*/

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

body 
{
    margin:0px auto;
    padding:0px;
    font-family:Verdana;
    font-size:12px;
    color:#666;
}

a
{
    text-decoration:none;
    color:#666;
}

a:hover
{
    text-decoration:underline;
}

img
{
    border:0px;
}

p
{
    margin-top:5px;
}

h1
{
    font-size:23px;
    color:#5d5d5d;
    font-weight:normal;
    margin-bottom:10px;
}

h2
{
    font-family:Arial;
    font-size:23px;
    color:#5d5d5d;
    font-weight:normal;
    margin-bottom:10px;
}

h2.main
{
    clear:both;
    font-family:Arial;
    font-size:23px;
    color:#5d5d5d;
    font-weight:normal;
    margin-bottom:10px;
    margin-top:20px;
}

h3
{
    clear:both;
    color:#5d5d5d;
    font-size:12px;
    padding-top:10px;
}

h3:hover /* added by john */
{
    text-decoration: underline;
}

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

#layout
{
    clear:both;
    width:auto;
}

		/*---------------------header---------------------*/
		
#header
{

    width:940px;
    margin:0px 40px 0px 40px;
}

#header-left
{
    float:left;
    width:520px;
}

#header-right
{
    float:right;
    width:220px;
}

        /*----------------------nav-----------------------*/
        
#nav
{
    clear:both;
    width:920px;
    height:38px;
    margin:0px 40px 0px 40px;
    padding:0px 10px 0px 10px;
    background: URL(../../images/nav_bg.gif) repeat-x;
}

#nav-right
{
    float:right;
    width:auto;
    height:38px;
}

.menu
{
    float:left;
    width:auto;
    margin-top:10px;
}

.textbox
{
    position:relative;
    bottom:13px;
    width:97px;
    height:16px;
    line-height:38px;
    border:solid 1px #c7c7c7;
}

.textbox-search
{
    position:relative;
    bottom:13px;
    width:97px;
    height:16px;
    border:solid 1px #c7c7c7;
}

#cart-number
{
    float:left;
    width:16px;
    height:15px;
    position:relative;
    top:6px;
    left:93px;
    font-size:9px;
    text-align:center;
    vertical-align:middle;
    color:#fff;
}

        /*---------------------content--------------------*/
        
#content-leftcol
{
    float:left;
    width:260px;
    padding-bottom:30px;
}

#content-rightcol
{
    float:right;
    width:720px;
    margin:0px 20px 30px 20px;
}

#content-rightcol2
{
    float:right;
    width:940px;
    margin:0px 40px 30px 20px;
}


/*left side navigation*/
#men-wrapper
{
    float:left;
    width:260px;
}

#women-wrapper
{
    float:left;
    width:260px;
    margin-top:20px;
}

#brand-wrapper
{
    float:left;
    width:260px;
    margin-top:20px;
}

.content-leftcol-icon
{
    float:left;
    width:40px;
}

.item-list
{
    float:right;
    width:220px;
}

.item-list ul
{
    list-style-type:none;
    font-size:14px;
    color:#000;
    padding:0px 10px 10px 10px;
    border-bottom:dotted 1px #ccc;
}

.item-list a
{
    color:#000;
    text-decoration:none;
}

.item-list a:hover
{
    text-decoration:underline;
}

#items-men
{
    background-color:#e6f2f7;
    padding-left:25px;
}

#items-women
{
    background-color:#fbf1f9;
    padding-left:25px;
}

.sale
{
    color:#c33;
}

/*prices*/
.old-price
{
    text-decoration:line-through;
}

.price
{
    color:#db2337;
    font-weight:bold;
}

.product-price
{
    color:#dc232f;
    font-weight:bold;
    font-size:20px;
}

/*dropdown boxes*/
.select-size
{
    margin-top:5px;
}

select
{
    width:220px;
}

/*login menu section*/
#login-menu
{
    clear:both;
    width:940px;
    margin:5px 40px 0px 40px;
    font-size:11px;
}

#login-menu ul
{
    list-style-type:none;
    float:right;
    color:#676767;
    font-weight:bold;
}

#login-menu li
{
    display:inline;
}

#login-menu a:hover
{
    color:#d8232d;
    text-decoration:none;
}

/*right-side content*/
#content-rightcol-wrapper
{
    float:left;
    width:700px;
}

#content-rightcol-left
{
    float:left;
    width:540px;
}

#content-rightcol-right
{
    float:right;
    width:158px;
    margin-top:30px;
}

#product-left
{
    float:left;
    width:400px;
}

#product-right
{
    float:right;
    width:280px;
    padding-left:20px;
}

#content-rightcol-right IMG
{
    margin-bottom:15px;
    border:solid 1px #ccc;
}
    
/*items section*/
.item-wrapper
{
    float:left;
    width:160px;
    padding:10px 20px 15px 0px;
}

.image-border
{
    border:solid 1px #ccc;
}

.size
{
    float:right;
    width:15px;
    margin:2px 0px 0px 2px;
}

.alt-images
{
    float:left;
    border:solid 1px #ccc;
    width:58px;
    margin:5px 5px 5px 0px;
}

.divider
{
    clear:both;
    margin:10px 0px 10px 0px;
}

.image-header
{
    margin-bottom:20px;
}

.title
{
    color:#000;
}

        /*---------------------footer---------------------*/
        
#footer
{
    clear:both;
    width:940px;
    height:60px;
    margin:0px 40px 0px 40px;
    background: URL(../../images/footer_bg.gif) no-repeat;
}

#footer-text
{
    padding:25px 0px 20px 5px;
}

#footer-text IMG
{
    margin:5px 0px 15px 0px;
}

#footer-menu
{
    clear:both;
    width:980px;
    text-align:right;
    margin: 40px 0px 0px 0px;
}

#footer-menu a:hover
{
    color:#d8232d;
    text-decoration:none;
}

/* form backgrounds */

#form-field
{
    background-color:#EFEFEF;
    padding:10px;
    font-size:11px;
}

.productListItem
{
    float:left;
    width:160px;
    padding:10px 20px 15px 0px;
}

.button
{
    font-family:Verdana;
    font-size:12px;
    color:#666;
    background-color:#f2f2f2;
    border:solid 1px #cccccc;
    height:22px;
    padding:0 2px 2px 2px;
}

.button2
{
    font-family:Verdana;
    font-size:12px;
    color:#666;
    background-color:#ffffff;
    border:solid 1px #cccccc;
    height:24px;
    padding:0 6px 3px 6px;
}

.textbox2
{
    font-family:Verdana;
    font-size:11px;
    color:#666;
    border:solid 1px #cccccc;
    height:18px;
}

.textbox3
{
    font-family:Verdana;
    font-size:11px;
    color:#666;
    border:solid 1px #cccccc;
    height:18px;
    margin-bottom:2px;
}

.basket
{
    border:solid 1px #f2f2f2;
}

.basket tr
{
    height:26px;
}

.grey-stripe
{
    background-color:#f2f2f2;
}

#rightcol-generic
{
    clear:both;
    float:left;
    padding-right:20px;
}

#rightcol-generic a
{
    text-decoration:none;
    font-weight:bold;
}

#rightcol-generic a:hover
{
    color:#d8232d;
}

#rightcol-generic ul
{
    margin-left:20px;
    margin-bottom:30px;
}

.inputtable-col1
{
    height:24px;
    width:115px;
}

.inputtable-col1-2
{
    height:26px;
    width:125px;
}

/* page numbers */

.pages-box
{
    display:inline-block;
    float:none;
    height:15px;
    width:15px;
    position:relative;
    border:solid 1px #ccc;
    background-color:#EFEFEF;
    text-align:center;
    vertical-align:middle;
    padding:2px;
    margin-left:2px;
    margin-right:2px;
    top:-7px;
}

.pages-box-highlight
{
    display:inline-block;
    float:none;
    height:15px;
    width:15px;
    position:relative;
    border:solid 1px #ccc;
    background-color:#db2337;
    color:#FFFFFF;
    text-align:center;
    vertical-align:middle;
    padding:2px;
    margin-left:2px;
    margin-right:2px;
    top:-7px;
}