/*Default Settings - Web Browsers  - Start */

        #row {
                position: relative;
                /*float: left;*/
                height: 52px;
                margin: 10px 0 0 20px;                
                /*border:1px dotted #f00;*/
        }
        
        #scrollable1 {
                position:relative;
                float:left;
                width: 644px;
                height: 644px;
                border:1px solid #ccc;
                overflow:hidden;
        }
        
        .scroll {
                position:relative;
                float:left;
                width: 98px;
                height: 38px;
                margin: 5px;	
                /*background: #eeeeee;*/
                border:1px solid #000;
                overflow:hidden;
        }
        
        #scrollable1 .items, .scroll .pics {
                position:absolute;
                /*clear:both;*/
                width:20000em;
        }
        
        .item {
                float:left;
                width:644px;
                height: 644px;
        }
        
        
        .item div.vert {
                float:left;
                width: 100px;
                height: 40px;
                /*margin: 5px;*/
                background: #cccccc;
        }
        
        .noprev {
                margin-left: 40px;
        }
        
        .nonext {
                margin-left: 42px;
        }

/*Default Settings - Web Browsers  - End  */

/* default for mobile devices  Start*/
        @media all and (max-width:480px) {
           
           #row {
            position: relative;
            /*float: left;*/
            height: 52px;
            margin: 10px 0 0 5px;
            background: transparent;
            /*border:1px dotted #f00;*/
    }
    
    #scrollable1 {
            position:relative;
            float:left;
            width: 242px;
            height: 242px;
            border:1px solid #ccc;
            overflow:hidden;
    }
    
    .scroll {
            position:relative;
            float:left;
            width: 98px;
            height: 38px;
            margin: 5px;	
            /*background: #eeeeee;*/
            border:1px solid #000;
            overflow:hidden;
    }
    
    #scrollable1 .items, .scroll .pics {
            position:absolute;
            /*clear:both;*/
            width:20000em;
    }
    
    .item {
            float:left;
            width:242px;
            height: 242px;
    }
    
    
    .item div.vert {
            float:left;
            width: 100px;
            height: 40px;
            /*margin: 5px;*/
            background: #cccccc;
    }
    
    .noprev {
            margin-left: 40px;
    }
    
    .nonext {
            margin-left: 42px;
    }
            
        }
/* default for mobile devices  End */

/* default for mobile devices  Start*/
        @media all and (max-width:480px) {
            
                     #row {
            position: relative;
            /*float: left;*/
            height: 52px;
            margin: 10px 0 0 5px;
            background: transparent;
            /*border:1px dotted #f00;*/
    }
    
    #scrollable1 {
            position:relative;
            float:left;
            width: 242px;
            height: 242px;
            border:1px solid #ccc;
            overflow:hidden;
    }
    
    .scroll {
            position:relative;
            float:left;
            width: 98px;
            height: 38px;
            margin: 5px;	
            /*background: #eeeeee;*/
            border:1px solid #000;
            overflow:hidden;
    }
    
    #scrollable1 .items, .scroll .pics {
            position:absolute;
            /*clear:both;*/
            width:20000em;
    }
    
    .item {
            float:left;
            width:242px;
            height: 242px;
    }
    
    
    .item div.vert {
            float:left;
            width: 100px;
            height: 40px;
            /*margin: 5px;*/
            background: #cccccc;
    }
    
    .noprev {
            margin-left: 40px;
    }
    
    .nonext {
            margin-left: 42px;
    }
            
        }   
 /* default for mobile devices  End */
 
 /* Landscape for mobile devices  Start */
        @media all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
                
                     #row {
                        position: relative;
                        /*float: left;*/
                        height: 52px;
                        margin: 10px 0 0 5px;
                        background: transparent;
                        /*border:1px dotted #f00;*/
                }
                
                    #scrollable1 {
                            position:relative;
                            float:left;
                            width: 242px;
                            height: 242px;
                            border:1px solid #ccc;
                            overflow:hidden;
                    }
                    
                    .scroll {
                            position:relative;
                            float:left;
                            width: 98px;
                            height: 38px;
                            margin: 5px;	
                            /*background: #eeeeee;*/
                            border:1px solid #000;
                            overflow:hidden;
                    }
                    
                    #scrollable1 .items, .scroll .pics {
                            position:absolute;
                            /*clear:both;*/
                            width:20000em;
                    }
                    
                    .item {
                            float:left;
                            width:242px;
                            height: 242px;
                    }
                    
                    
                    .item div.vert {
                            float:left;
                            width: 100px;
                            height: 40px;
                            /*margin: 5px;*/
                            background: #cccccc;
                    }
                    
                    .noprev {
                            margin-left: 40px;
                    }
                    
                    .nonext {
                            margin-left: 42px;
                    }
            
        }
/* Landscape for mobile devices  End  */

/*Targeting Ipad Begin */
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
            #row {
            position: relative;
            /*float: left;*/
            height: 52px;
            margin: 10px 0 0 10px;
            background: transparent;
            /*border:1px dotted #f00;*/
    }
    
    #scrollable1 {
            position:relative;
            float:left;
            width: 644px;
            height: 644px;
            border:1px solid #ccc;
            overflow:hidden;
    }
    
    .scroll {
            position:relative;
            float:left;
            width: 98px;
            height: 38px;
            margin: 5px;	
            /*background: #eeeeee;*/
            border:1px solid #000;
            overflow:hidden;
    }
    
    #scrollable1 .items, .scroll .pics {
            position:absolute;
            /*clear:both;*/
            width:20000em;
    }
    
    .item {
            float:left;
            width:644px;
            height: 644px;
    }
    
    
    .item div.vert {
            float:left;
            width: 100px;
            height: 40px;
            /*margin: 5px;*/
            background: #cccccc;
    }
    
    .noprev {
            margin-left: 40px;
    }
    
    .nonext {
            margin-left: 42px;
    }
        }
/*Targeting Ipad End  */