* {
margin: 0px;
padding: 0px;
}
img,table {
border: none;
}
html {
background: #fff url("/images/bg_body.png") repeat-x center top;
}
body {
background: url("/images/bg_header.jpg") no-repeat center top;
color: #42474f;
font-family: "Lucida Sans",Arial,Verdana,sans-serif;
font-size: 12px;
min-width: 992px;
}
a {
color: #2d67a4;
}
p {
margin: 5px 0px;
}
#page {
width: 992px;
margin: auto;
}
#header {
height: 122px;
line-height: 150px;
position: relative;
text-align: right;
font-size: 14px;
color: #e9ecf0;
padding: 0px 10px;
}
#header a {
padding: 0px 20px;
font-weight: bold;
color: #1f2226;
text-decoration: none;
}
#header a:hover {
color: #fff;
}
#logo {
display: block;
width: 234px;
height: 122px;
background: url("/images/logo_iphone25.jpg") no-repeat center;
position: absolute;
top: 0px;
left: 50px;
padding: 0px;
}
#searchForm {
display: block;
width: 285px;
height: 31px;
background: url("/images/bg_search.png") no-repeat left top;
position: absolute;
left: 360px;
top: 60px;
position: absolute;
}
#searchForm input {
position: relative;
top: 0px;
padding: 8px;
float: left;
font-family: "Lucida Sans",Arial,Verdana,sans-serif;
color: #218dd1;
background: none;
border: none;
}

#searchForm input:focus {
    outline: none;
}


#content {
background: url("/images/bg_content.png") repeat-y center top;
}
#cont {
background: url("/images/bg_content_top.png") no-repeat center top;
position: relative;
padding-top: 15px;
overflow: hidden;
}
#breadcrumbs {
width: 550px;
position: absolute;
left: 235px;
top: 20px;
color: #7e8798;
font-size: 11px;
}
#breadcrumbs a {
color: #7e8798;
padding: 0px 5px;
text-decoration: none;
}

#leftCol {
float: left;
position: relative;
top: 0px;
width: 218px;
margin-left: 4px;
}
#rightCol {
float: right;
margin-right: 15px;
width: 725px;
padding: 40px 10px;
}
#mainMenu {
list-style-type: none;
}
#mainMenu li {
list-style-type: none;
}
#mainMenu li a {
display: block;
width: 188px;
height: 31px;
line-height: 31px;
border-top: solid 1px #e1e3e7;
padding-left: 30px;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
}
#mainMenu li a:hover {
background: url("/images/bg_mm.png") no-repeat left bottom;
color: #20282f;
}
#mainMenu li.current a {
background: url("/images/bg_mm.png") no-repeat left top !important;
color: #eaedf1;
cursor: default;
} 
#mainMenu li.current li a {
background: none !important;
cursor: pointer;
color: #7e8798;
text-transform: none;
font-weight: normal;
border: none;
}
#mainMenu li ul {
margin-left: 30px;
padding-bottom: 20px;
}
#mainMenu li li {
padding: 4px 0px;
}
#mainMenu li li a {
background: none !important;
display: inline;
line-height: 120%;
color: #7e8798;
text-transform: none;
font-weight: normal;
border: none;
padding: 0px;
}
#mainMenu li li a:hover {
color: #20282f;
}
.button {
display: inline-block;
height: 28px;
line-height: 28px;
background: url("/images/bg_button.png") no-repeat left top;
color: #fff;
font-size: 11px;
text-decoration: none;
padding-left: 5px;
margin-right: 10px;
}
.button b {
display: inline-block;
height: 28px;
line-height: 28px;
background: url("/images/bg_button.png") no-repeat right top;
position: relative;
right: -10px;
padding-right: 19px;
cursor: pointer;
}

#footer {
text-align: center;
color: #b0b6bc;
font-size: 11px;
background: url("/images/bg_footer.png") no-repeat 4px top;
padding: 20px 0px;
}

/*DRAG SCROLLABLE*/
.drag-scrollable
{
    cursor: url('/images/openhand.cur'), e-resize;
}

.drag-scrollable-dragging,
.drag-scrollable-dragging *
{
    cursor: url('/images/closedhand.cur'), e-resize !important;
}
/*DRAG SCROLLABLE END*/



/*FADE IN*/
.js_enabled .fade-in
{
    opacity: 0;
}
/*FADE IN END*/


/*ANIMATED TEXT*/
.animated-text
{
    display: inline;
}

.animated-text span
{
    display: none;
}

.animated-text span.current
{
    display: inline;
}

/*ANIMATED TEXT*/




/*POPUP*/
.overlay
{
    background: #000;
    opacity: 0.15;
    filter: alpha(opacity=15);
}

.popup
{
    position: absolute;
    background: #fff;

    max-width: 600px;




    background: url('/images/bg_body.png') repeat-x top left;
    background-clip: border;
    padding: 6px;
    border: solid 1px #999;
    border-color: rgba(153, 153, 153, 0.7);

    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;


    -webkit-box-shadow: 0px 0px 20px #777;
    -moz-box-shadow: 0px 0px 20px #777;
}

.popup .popup-header
{
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;

    background: #E9ECF0;
    color: #000;
    border-bottom: solid 1px #fff;

    padding: 5px;

    overflow: hidden;
    zoom: 1;
}

.popup .popup-title
{
    font-size: 14px;
    font-weight: bold;
}

.popup .popup-close-link
{
    float: right;
    display: block;
    width: 16px;
    height: 16px;


    overflow: hidden;
    text-indent: -9000px;


    background: url('/images/close.png') no-repeat center center;
}

.popup .popup-close-link:hover
{
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.popup .popup-close-link:focus
{
    outline: none;
}


.popup .popup-body
{
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;

    background: #F5F7F9;

    padding: 10px 20px;
    min-width: 150px;
    min-height: 50px;

}

.popup h2
{
    font-size: 120%;
}



/*POPUP END*/





/*PAGINATION*/
.pagination
{
    display: block;
    text-align: center;

    margin: 10px 0;
}

.pagination a,
.pagination span
{
    color: #1882E3;
    text-decoration: none;

    display: inline-block;
    min-width: 21px;
    height: 21px;
    line-height: 21px;
    padding: 2px;

    border: solid 1px #E9ECF0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.pagination .prev_page,
.pagination .next_page
{
    border: none;
}

.pagination a.prev_page:hover,
.pagination a.next_page:hover
{
    background: none;
    text-decoration: underline;
    color: #1882E3;
}



.pagination .gap
{
    border: none;
}

.pagination .current
{
    background: #9AA0AB;
    color: #fff;
}

.pagination a:hover
{
    background: #3986C4;
    color: #fff;
}

.pagination .disabled
{
    opacity: 0.4;
    filter: alpha(opacity=40);
    cursor: default;
}

.pagination .prev_page
{
    margin-right: 20px;
}

.pagination .next_page
{
    margin-left: 20px;
}

/*PAGINATION END*/





/*ARTWORKS*/
.artwork
{
    display: inline-block;
    position: relative;
    padding: 0;



}

.artwork img
{
    display: block;
}


.artwork .artwork-mask
{

    position: absolute;

    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
/*ARTWORKS END*/




/*CAROUSEL*/

.carousel .carousel-items
{
    position: relative;
    overflow: hidden;
}

.carousel .carousel-items table
{
    border: none;
    border-collapse: separate;
    border-spacing: 4px;
}

.carousel table td
{
    padding: 0;
}



.carousel .scroll-track {
    display: block;
    position: relative;
    background: url('/images/scroll_track_bg.gif') repeat-x top left;
    margin-top: 3px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
}
.carousel .scroll-track a {
    background: url('/images/scroll_track_handle_bg.gif') repeat-x top left;
    display:block;
    height:10px;
    overflow:hidden;
    text-indent:-9000px;
    width:331px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
}

/*CAROUSEL END*/



/*LAYOUT SWITCHER*/
.layout-switcher
{
    display: inline-block;
}

.layout-switcher label
{
    font-size: 9px;
    vertical-align: middle;
    margin-right: 10px;
}

.layout-switcher a
{
    display: inline-block;
    width: 31px;
    height: 26px;

    background-image: url('/images/bg_chlayout.png');
    background-repeat: no-repeat;

    vertical-align: middle;    
}

.layout-switcher a:focus
{
    outline: none;
}

.layout-switcher a.change-layout-grid
{
    background-position: 0 0;
}

.layout-switcher a.change-layout-grid:hover
{
    background-position: 0 -52px;
}

.layout-switcher a.change-layout-list
{
    background-position: -31px 0;
}

.layout-switcher a.change-layout-list:hover
{
    background-position: -31px -52px;
}

/*LAYOUT SWITCHER END*/




/*PRODUCT START*/

.product
{
    overflow: hidden;
    zoom: 1;

    padding: 10px 0;
    border-bottom: solid 1px #E1E3E7
}

.product .product-artworks
{
    margin-right: 15px;
    float: left;

    max-width: 360px;
    oveflow: hidden;
}


.product .product-icon
{

}



.product .product-images
{
    display: none;
}



.product .product-icon img
{
    width: 100px;
    height: 100px;
}

.product .product-images img
{
    height: 200px;
}



.product .product-text
{
    overflow: hidden;
    zoom: 1;
}

.product .product-title
{
    font-size: 14px;
    font-weight: bold;
}

.product .product-developer,
.product .product-developer a
{
    font-size: 11px;
    color: #7E8798;
}


.product .product-details-link:focus
{
    outline: none;
}

.product-price
{
    color: #000;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -1px;

    margin-right: 35px;

    vertical-align: middle;
}

.product-price small
{
    font-size: 80%;
}


/*PRODUCT END*/


/*PRODUCT SMALL*/
.product-small
{
    width: 100px;
    border: none;
    margin: 0;
    padding: 0;
}

.product-small .product-icon .artwork img
{
    width: 100px;
    height: 100px;
}

.product-small .product-text
{
    float: none;
    display: block;
}


.product-small .product-title {
    color:#7E8798;
    display:block;
    font-size:10px;
    font-weight:normal;
    height:1.2em;
    margin:0.2em 0;
    overflow:hidden;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
}

/*PRODUCT SMALL END*/




/*PRODUCT LIST*/
.product-list
{
    position: relative;
}


.product-list .layout-switcher
{
    position: absolute;
    right: 0;
    top: -44px;
}

.product-list .layout-switcher a.change-layout-list
{
    background-position: -31px -26px;
}


.product-list .highlighted-product
{
    display: none;
    min-height: 250px;
}


/*filter*/
.product-list .product-filter
{
    overflow: hidden;
    zoom: 1;

    padding: 10px 30px 10px 30px;
    border-bottom: solid 1px #fff;

    background: #f5f7f9;
}

.product-list .product-filter .price-filter
{
    display: inline-block;
}

.product-list .product-filter .price-filter a
{
    background: #e9ecf0;
    display: inline-block;
    text-decoration: none;

    padding: 8px 15px;

    margin-right: 2px;


    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.product-list .product-filter .price-filter a.current
{
    background: #fff;
    color: #000;
    font-weight: bold;
}

.product-list .product-filter .price-filter a:hover
{
    background: #fff;
}

.product-list .product-filter .order-filter
{
    display: inline-block;
    float: right;
}

.product-list .product-filter .order-filter label
{
    font-size: 10px;
}

.product-list .product-filter .order-filter a
{
    display: inline-block;
    padding: 5px 10px;
    margin-right: 5px;

    background: url('/images/lightgray_button_bg.gif') repeat-x left top;
    color: #fff;
    font-weight: bold;
    text-decoration: none;

    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
}

.product-list .product-filter .order-filter a:hover
{
    background-image: url('/images/gray_button_bg.gif')
}

.product-list .product-filter .order-filter a.current
{
    background-image: url('/images/gray_button_bg.gif')
}

/*filter end*/



.product-list .products-container
{
    position: relative;
    overflow: hidden;
    zoom: 1;
}

.product-list .products-container .pagination
{
    display: none;
}

.product-list .products-container .products-container-inner
{
    overflow: hidden;
    zoom: 1;
}


/*PRODUCT LIST END*/




/*PRODUCT LIST GRID*/
.product-list-grid
{

}

.product-list-grid .layout-switcher a.change-layout-grid
{
    background-position: 0 -26px;
}

.product-list-grid .layout-switcher a.change-layout-list
{
    background-position: -31px 0;
}

.product-list-grid .layout-switcher a.change-layout-list:hover
{
    background-position: -31px -52px;
}


.product-list-grid .highlighted-product
{
    display: block;
}

.product-list-grid .highlighted-product .product
{
    border-bottom: none;
}

.product-list-grid .highlighted-product .product .product-icon
{
    display: none;
}

.product-list-grid .highlighted-product .product .product-images
{
    display: block;
}


.product-list-grid .highlighted-product .product .product-summary
{
    /*
    max-height: 10em;
    overflow: hidden;

    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    */
}





/*filter*/
.product-list-grid .product-filter
{
    padding-bottom: 0;
    border-bottom: solid 1px #fff;
}

.product-list-grid .product-filter .price-filter a
{
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;

    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
}

/*filter end*/

.product-list-grid .products-container
{
    background: #f5f7f9;
    padding: 10px 0
}



.product-list-grid .products-container .pagination
{
    display: block;
    position: static;
    margin: 0;
    padding: 0;
}

.product-list-grid .products-container .pagination .prev_page,
.product-list-grid .products-container .pagination .prev_page:hover,
.product-list-grid .products-container .pagination .next_page,
.product-list-grid .products-container .pagination .next_page:hover
{
    position: absolute;
    width: 22px;
    height: 35px;
    margin: 0;
    margin-top: -18px;
    padding: 0;
    border: none;

    background-color: transparent;
    background-image: url('/images/arrows.png');
    background-repeat: no-repeat;

    text-indent: -900px;
    overflow: hidden;
}

/*internal prev-next pagination*/
.product-list-grid .products-container .pagination .prev_page
{
    left: 25px;
    top: 50%;

    background-position: left top;
}

.product-list-grid .products-container .pagination .next_page
{
    right: 25px;
    top: 50%;

    background-position: right top;
}

.product-list-grid .products-container .pagination a:hover
{
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.product-list-grid .products-container .pagination a:focus
{
    outline: none;
}

/*internal prev-next pagination end*/



.product-list-grid .products-container .products-container-inner
{
    margin: 0 60px;
    border-left: solid 1px #dee1e7;
    border-right: solid 1px #dee1e7;
}

.product-list-grid .products-container .product
{
    float: left;
    width: 75px;

    padding: 0;
    margin: 10px;

    border: none;
}

.product-list-grid .products-container .product .product-images,
.product-list-grid .products-container .product .product-developer,
.product-list-grid .products-container .product .product-summary,
.product-list-grid .products-container .product .product-price-buttons

{
    display: none;
}

.product-list-grid .products-container .product .product-artworks
{
    float: none;
}



.product-list-grid .products-container .product .product-icon img
{
    width: 75px;
    height: 75px;
}


.product-list-grid .products-container .product .product-title
{
    display: block;
    text-align: center;

    color: #7E8798;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;


    height: 1.2em;
    margin: 0.2em 0;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}



/*PRODUCT LIST GRID END*/

/*PRODUCT DESCRIPTION PAGE */
.product-description {

}

.product-description .product-short-text
{
    line-height: 155%;
    overflow: hidden;
    zoom: 1;
}

.product-description h1
{
    margin-bottom: 15px;
}

.product-description .product-summary
{
    line-height: 145%;
}

.product-description .product-summary p
{
    margin: 7px 0;
}

.product-description h2 {
    clear: both;
    margin-bottom:10px;
    margin-top:15px;
    padding-top:15px;
    border-top: 1px solid #E1E3E7;
}

.product-description .icon {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.product-description .icon img
{
    width: 100px;
    height: 100px;
}


/*PRODUCT DESCRIPTION END*/

.product-description .images img {
    height: 240px;
}
.product-description .product-video {
    float: right;
    clear: right;
}


/*PRODUC UPSELLS*/
.product-upsells .product
{
    margin: 0 5px;
}
/*PRODUC UPSELLS END*/





/*TEST*/
.product-list-grid2
{

}

.product-list-grid2 .layout-switcher
{
    display: none;
}

.product-list-grid2 .product-filter
{
    display: none;
}

.product-list-grid2 .products-container
{
    background: none;

    padding-bottom: 0;
    postion: relative;
    top: 1px;
}

.product-list-grid2 .products-container .products-container-inner
{
    border: none;
}

.product-list-grid2 .products-container-inner .product
{
    padding: 5px 8px;
    margin: 0px 2px;

    border: solid 1px #fff;
    border-bottom: none;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;

    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

.product-list-grid2 .products-container-inner .active-product
{
    border-color: #E9ECF0;
}

.product-list-grid2 .products-container-inner .active-product
{
    background: #F5F7F9;    
}

.product-list-grid2 .highlighted-product
{
    background: #F5F7F9;
    padding: 5px;

    border: solid 1px #E9ECF0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

}




.product-list-grid3 .layout-switcher
{
    display: none;
}


.product-list-grid3 .product-filter
{
    overflow: hidden;
    zoom: 1;

    padding: 10px 30px 10px 30px;
    border-bottom: solid 1px #fff;

    background: #f5f7f9;
}

.product-list-grid3 .product-filter .price-filter
{
    display: inline-block;
}

.product-list-grid3 .product-filter .price-filter a
{
    background: #e9ecf0;
    display: inline-block;
    text-decoration: none;

    padding: 8px 15px;

    margin-right: 2px;


    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.product-list-grid3 .product-filter .price-filter a.current
{
    background: #fff;
    color: #000;
    font-weight: bold;
}

.product-list-grid3 .product-filter .price-filter a:hover
{
    background: #fff;
}

.product-list-grid3 .product-filter .order-filter
{
    display: inline-block;
    float: right;
}

.product-list-grid3 .product-filter .order-filter label
{
    font-size: 10px;
}

.product-list-grid3 .product-filter .order-filter a
{
    display: inline-block;
    padding: 5px 10px;
    margin-right: 5px;

    background: url('/images/lightgray_button_bg.gif') repeat-x left top;
    color: #fff;
    font-weight: bold;
    text-decoration: none;

    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
}

.product-list-grid3 .product-filter .order-filter a:hover
{
    background-image: url('/images/gray_button_bg.gif')
}

.product-list-grid3 .product-filter .order-filter a.current
{
    background-image: url('/images/gray_button_bg.gif')
}














.product-list-grid4
{

}

.product-list-grid4 .layout-switcher
{
    display: none;
}


.product-list-grid4 .highlighted-product
{
    display: none;
}

.product-list-grid4 .products-container
{
    background: none;
}

.product-list-grid4 .products-container .product
{
    width: 120px;
}

.product-list-grid4 .products-container .product .product-artworks
{
    display: block;
    width: 120px;
    height: 180px;
    overflow: hidden;

    background: url('/images/no_screenshots.gif') no-repeat center center;
}

.product-list-grid4 .products-container .product .product-images
{
    display: block;
}

.product-list-grid4 .products-container .product .product-images .artwork
{
    display: none;
}

.product-list-grid4 .products-container .product .product-images .current
{
    display: block;
}

.product-list-grid4 .products-container .product .product-images img
{
    height: 180px;
}








.product-list-grid4 .product-filter
{
    overflow: hidden;
    zoom: 1;

    padding: 10px 30px 10px 30px;
    border-bottom: solid 1px #fff;

    background: #f5f7f9;
}

.product-list-grid4 .product-filter .price-filter
{
    display: inline-block;
}

.product-list-grid4 .product-filter .price-filter a
{
    background: #e9ecf0;
    display: inline-block;
    text-decoration: none;

    padding: 8px 15px;

    margin-right: 2px;


    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.product-list-grid4 .product-filter .price-filter a.current
{
    background: #fff;
    color: #000;
    font-weight: bold;
}

.product-list-grid4 .product-filter .price-filter a:hover
{
    background: #fff;
}

.product-list-grid4 .product-filter .order-filter
{
    display: inline-block;
    float: right;
}

.product-list-grid4 .product-filter .order-filter label
{
    font-size: 10px;
}

.product-list-grid4 .product-filter .order-filter a
{
    display: inline-block;
    padding: 5px 10px;
    margin-right: 5px;

    background: url('/images/lightgray_button_bg.gif') repeat-x left top;
    color: #fff;
    font-weight: bold;
    text-decoration: none;

    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
}

.product-list-grid4 .product-filter .order-filter a:hover
{
    background-image: url('/images/gray_button_bg.gif')
}

.product-list-grid4 .product-filter .order-filter a.current
{
    background-image: url('/images/gray_button_bg.gif')
}


.product-list-grid5 .product .product-artworks
{
    max-width: 275px;
}

.product-list-grid5 .product .product-icon
{
    display: none;
}

.product-list-grid5 .product .product-images
{
    display: block;
}


/*TEST END*/